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

@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: '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: 'greatvibe';
    /* L'URL est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/greatvibe.ttf') format('truetype'); font-weight: normal; font-style: normal; 
}


html { font-size:22px; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; padding:0; background-color:#FFFFFF; font-family:'lato', Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#709252; max-width:100%; max-height:100%; min-height:100%; }

div { display:flex; flex-wrap:wrap; box-sizing: border-box; }
img { width:100%; height:auto; }
a:link, a:hover, a:visited { text-decoration:none; }

.pageTop { width:100%; padding:1.0683vw 0; background-color:#8C1513; color:#FFFFFF; font-size:22px; }
	.topBox { width:100%; max-width:1200px; margin:0 auto; }
	.topLivraison { width:48.6666%; font-size:0; }
	.topHoraires { width:25.6666%; display:block; text-align:right; }
	.topTelephone { width:25.6666%; display:block; text-align:right; }
	.pageTop a:link, .pageTop a:visited { color:#FFFFFF; }
	.pageTop a:hover, .pageTop a:active { color:#709252; }

.pageContent { width:100%; background-image:url(../images/toscane-village-dessin-village.jpg); background-repeat:no-repeat; background-size:100%; }
	.contentBox { width:100%; max-width:1200px; margin:111px auto 0 auto; }

.piedPage { width:100%; background-color:#709252; color:#FFFFFF; font-size:24px; }
	.bandePiedPage { width:100%; max-width:1200px; margin:30px auto; }
		.piedPageBox { width:33.3333%; }
			.ppIcon { width:100%; display:block; text-align:center; font-size:36px; }
			.ppTexte { width:100%; display:block; text-align:center; padding-top:10px; }
		.ppSignature { width:100%;padding-top:50px; font-size:18px; display:block; text-align:center; }
			.ppSignature ul { list-style-type:none; font-size:1vw; }
			.ppSignature ul li { display:inline; }
			.ppBarre:before { content:" | "; }
	.piedPage a:link, .piedPage a:visited { color:#FFFFFF; }
	.piedPage a:hover, .piedPage a:active { color:#8C1513; }

@media screen and (max-width:1200px) {
	.pageTop { font-size:1.5vw; }
	.topLivraison { padding-left:1vw; }
	.topHoraires, .topTelephone { padding-top:0.5vw; }
	.topTelephone { padding-right:1vw; }
	
	.contentBox { margin-top:5vw; }
	
	.ppSignature ul { font-size:2vw; }
}

@media screen and (max-width:880px) {
	.topBox { margin:2vw auto; }
	.pageTop { font-size:4.5vw; }
	.topLivraison { width:100%; text-align:center; display:block; padding:0 3vw; }
	.topHoraires, .topTelephone { width:50%; text-align:center; display:block; padding:1vw 0; }

	.contentBox { margin-top:7.5vw; }
	
	.piedPage { font-size:4.4vw }
		.piedPageBox { width:100%; padding:4vw 2vw; }
		.ppBarre { display:none; }
		.ppSignature ul { font-size: 4vw; }
		.ppSignature ul li { display:list-item; padding:1vw 0; }		
}