@charset "utf-8";
/* CSS Document */
/* COULEURS
	OR : #CDA472
*/

@font-face {
    font-family: 'lato';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/lato.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}

@font-face {
    font-family: 'latoBlack';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/lato-black.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}

@font-face {
    font-family: 'latoLight';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/lato-light.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}

@font-face {
    font-family: 'latoBold';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/lato-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}


* { box-sizing: border-box; }
img { width:100%; height:auto; border:none; }
a { text-decoration:none; }

html { height:100%; }
body { min-height:100%; position:relative; margin:0; padding:0 0 160px 0; font-size:1.5em; color:#000000; font-family: 'latoLight', Arial, Helvetica, Times, sans-serif; }

.bandeauTop { width:100%; display:flex; flex-wrap:wrap; padding:4rem; align-items:center; justify-content:center; }
	.bandeauTop h1 { width:100%; margin:0; padding:0; text-align:center; font-family:'latoBlack', Verdana, Geneva, sans-serif; font-size:4rem; }
	.bandeauTop p { width:100%; margin:0; padding:0; text-align:center; font-family:'latoLight', Verdana, Geneva, sans-serif; font-size:3rem; }
.pictureBox { width:100%; font-size:0; }

footer { width:100%; display:flex; flex-wrap:wrap; justify-content:center; position:absolute; bottom:0; padding:1rem; font-size:1.5rem; }

@media only screen and (min-width:1600px) {

}

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

}

@media only screen and (max-width:600px) {
	.bandeauTop h1 { font-size:1.5em; }
	.bandeauTop p { font-size:1em; }
	footer { font-size:0.75em; }
		footer span { width:100%; text-align:center; }
}