@charset "utf-8";
/* 
CSS Document

FONT-FAMILY :  * lato     * latoBlack     * latoBold     * latoHeavy     * latoItalic

COULEUR OR : #CBB26B / rgba(203, 178, 107)
COULEUR GRIS : #393E46 / rgba(57, 62, 70)
*/

.navTop { width:100%; background-color:rgba(203,178,107); font-size:2em; }
	.navContent { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end;  background-color:rgba(57,62,70); color:#FFFFFF; position:relative; }
	.navContent_rwd { display:none; }
		.navBackground { width:100%; font-size:0; }
		.navMenu { width:75%; margin:0 auto; display:flex; flex-wrap:wrap; position:absolute; bottom:2em; left:0; right:0; }
			.navMenu_logo { width:25%; font-size:0; }
			.navMenu_links { width:75%; padding-left:2em; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; font-size:1.85em; }
				.navMenu_links a:hover, .navMenu_links a:active { color:rgba(203,178,107); }
				
				a.menu_link_selected { color:rgba(203,178,107); }
		

@media screen and (max-width:1680px) {

}

@media screen and (max-width:1480px) {
	.navMenu { width:98%; bottom:1em; }
		.navMenu_links { padding-left:1em; font-size:1.25em; }
}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */

}

@media screen and (max-width:1080px) {
	/* 15 pouces */

}

@media screen and (max-width:880px) {
		.navTop { display:none; }
		.navContent { display:none; }
		.navContent_rwd { width:100%; display:flex; flex-wrap:wrap; }
			.navMenu_logo { width:100%; background-image:url(../picts/beton.jpg); text-align:center; padding:4vw 0; }	
				.navMenu_logo img { width:auto; max-height:100px; }
		
			.overlay { height:0; width:100%; position: fixed; z-index: 1; left:0; top:0; background-color: rgb(0,0,0); background-color:rgba(0,0,0,0.9); overflow-x: hidden; transition:0.5s; }
	
			/* Position the content inside the overlay */
			.overlay-content { position: relative; top:15%; width:100%; text-align: center; margin-top:1em; 	}
	
			/* The navigation links inside the overlay */
			.overlay a { 	padding:0.25em 0.5em; text-decoration:none; font-size:2em; color:#FFFFFF; display: block; transition:0.3s; }
			.overlay a:hover, .overlay a:focus { color: #F1F1F1; }
			
			a.menu_link_selected { color:rgba(203,178,107); }
	
			/* Position the close button (top right corner) */
			.overlay .closebtn { position:absolute; top:0; right:0; font-size:4em; }
			
			.navMenu_open { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0; background-color:rgba(203,178,107); }
			.navMenu_open span { font-size:2em; font-family:'latoBold',Arial, Helvetica, sans-serif; }
}

@media screen and (max-width:600px) {

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		.navMenu { width:98%; bottom:1em; }
		.navMenu_links { padding-left:1em; font-size:1.25em; }
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {

	}

	@media screen and (max-width:880px) {
		.navTop { display:none; }
		.navContent { display:none; }
		.navContent_rwd { width:100%; display:flex; flex-wrap:wrap; }
			.navMenu_logo { width:100%; background-image:url(../picts/beton_rwd.jpg); text-align:center; padding:4vw 0; }	
				.navMenu_logo img { width:auto; max-height:100px; }
		
			.overlay { height:0; width:100%; position: fixed; z-index: 1; left:0; top:0; background-color: rgb(0,0,0); background-color:rgba(0,0,0,0.9); overflow-x: hidden; transition:0.5s; }
	
			/* Position the content inside the overlay */
			.overlay-content { position: relative; top:15%; width:100%; text-align: center; margin-top:1em; 	}
	
			/* The navigation links inside the overlay */
			.overlay a { 	padding:0.25em 0.5em; text-decoration:none; font-size:2em; color:#FFFFFF; display: block; transition:0.3s; }
			.overlay a:hover, .overlay a:focus { color: #F1F1F1; }
			
			a.menu_link_selected { color:rgba(203,178,107); }
	
			/* Position the close button (top right corner) */
			.overlay .closebtn { position:absolute; top:0; right:0; font-size:4em; }
			
			.navMenu_open { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0.5em 0; background-color:rgba(203,178,107); }
			.navMenu_open span { font-size:2em; font-family:'latoBold', Arial, Helvetica, sans-serif; }
	}
		
	@media screen and (max-width:450px) {

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {

}
	
	@media screen and (max-width:480px) {

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:4) {
	/*  Google Pixel 6 Pro | OPPO Find X3 Pro | Samsung Galaxy + S21-22 Ultra */
	@media screen and (max-width:450px) {
	
	}
	
	@media screen and (max-width:880px) {
		
	}
}