@charset "utf-8";

@font-face { 
	font-family:'lato'; src:url('fonts/Lato-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal;
	font-family:'latoBlack'; src:url('fonts/Lato-Black.ttf') format('truetype'); font-weight:normal; font-style:normal; 
	font-family:'latoBold'; src:url('fonts/Lato-Bold.ttf') format('truetype'); font-weight:normal; font-style:normal; 
	font-family:'latoHeavy'; src:url('fonts/Lato-Heavy.ttf') format('truetype'); font-weight:normal; font-style:normal; 
	font-family:'latoItalic'; src:url('fonts/Lato-Italic.ttf') format('truetype'); font-weight:normal; font-style:normal; 
}

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


* { box-sizing: border-box; }
img { width:100%; height:auto; }
a:link, a:hover, a:visited, a.active { color:#FFFFFF; text-decoration:none; }

html { height:100%; }
body { min-height:100%; position:relative; margin:0; background-color:#FFFFFF; font-family:'lato', Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:rgba(57,62,70); }
	nav { width:100%; display:flex; flex-wrap:wrap;  }
	page { width:100%; display:flex; flex-wrap:wrap; padding-bottom:26em; }
	footer { width:100%; display:flex; flex-wrap:wrap; position:absolute; bottom:0; left:0; right:0; }

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

}

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

}

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

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

}

@media screen and (max-width:880px) {
		page { padding-bottom:54em; }
}

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

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	
	/* iPad Pro */
	@media screen and (max-width:1480px) {
		page { padding-bottom:23em; }
	}
	
	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		page { padding-bottom:27.5em; }
	}
	
	@media screen and (max-width:880px) {
		page { padding-bottom:54em; }
	}
	
	@media screen and (max-width:480px) {
		page { padding-bottom:57em; }
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:880px) {
		page { padding-bottom:54em; }
	}
	
	@media screen and (max-width:480px) {
		page { padding-bottom:55em; }
	}
}

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