@charset "utf-8";
/* 

CSS Document 

FONT : 
- lato 
- latoblck
- latobold
- caviardreams
- muli

COULEURS PRINCIPALES
- Rouge	rgba(227,24,24) - anciennement rgba(227,0,27)
- Verte	rgba (0,124,45) - anciennement  rgba(26,119,48)
- Gris		rgba(66,73,79)

*/

.navbar { overflow:hidden; }
.navbarRWD { display:none; }
	.navbar a {  float:left; font-size:1em; text-align:center; padding:0.35em 2em; text-decoration: none; }
	.dropdown { float:left; overflow:hidden; }
	.dropdown .dropbtn { cursor:pointer; font-size:1em; border:none; outline:none; padding:0.35em 1em; background-color:inherit; font-family:inherit; margin:0; color:#FFFFFF; }
		.dropdown .dropbtn:hover { color:rgba(66,73,79); }

	.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus { background-color:rgba(0,124,45); }
	.dropdown-content { display:none; position:absolute; background-color:rgba(0,124,45); color:#FFFFFF; /* min-width:160px; */ box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:100000; font-size:0.75em; }
		.dropdown-content a { float:none; color:#FFFFFF; padding:1em 2em; text-decoration:none; display:block; text-align:left; border-bottom:#FFFFFF 0.1em solid; }
			.dropdown-content a:last-child { border-bottom:none; }
		.dropdown-content a:hover { color:rgba(66,73,79); }

	.show { display:block; }
	
@media screen and (max-width:1600px) {

}

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

}

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

}

@media screen and (max-width:880px) {
	.navbar a { padding:0.35em 1em; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	/* iPad Pro */
	@media screen and (max-width:1480px) {

	}

	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		
	}
	
	@media screen and (max-width:880px) {
		.navbar { display:none; }
		.navbarRWD { display:flex; flex-wrap:wrap; padding:0.5em 0; }
			.navbarRWD span { font-size:30px;cursor:pointer; }
		
		.overlay { width:100%; height:0; position:fixed; z-index:10000; top:0; left:0; background-color: rgba(0,0,0, 0.9); overflow-x:hidden; transition:0.5s; }
			.overlay-content { width:100%; position:relative; top:50%; left:50%; text-align:center; padding:0 1em; transform:translate(-50%, -50%);  }
			.overlay a { text-decoration:none; color:#FFFFFF; display:block; transition:0.3s; }
				.overlay a:hover, .overlay a:focus { color: #f1f1f1; }
				.overlay .closebtn { position:absolute; top:0.1em; right:0.2em; font-size:3em; }
				
				.overlay-content a { border-bottom:#FFFFFF 1px solid; padding:1em 0; font-size:0.6em; }
					.overlay-content a:last-child { border:none; }
	}
	
	@media screen and (max-width:480px) {
		
	}
}

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

@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) {
		
	}
}