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

Couleur primaire orange : rgb(255,116,59) ou #FF743B 
font-family : caviardreams

*/

@font-face {
font-family: 'caviardreams'; src: url('fonts/caviardreams.eot'); src: url('fonts/caviardreams.eot?#iefix') format('embedded-opentype'), url('fonts/caviardreams.woff') format('woff'), url('fonts/caviardreams.ttf') format('truetype'), url('fonts/caviardreams.svg#caviar_dreamsregular') format('svg');	font-weight: normal; font-style: normal; }

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

html { height:100%; background:url(../../img/pages/background-2023.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body { min-height:100%; position:relative; margin:0; padding:0 0 160px 0; font-size:1.5em; color:#FFFFFF; font-family: 'caviardreams', Arial, Helvetica, Times, sans-serif; }

nav, footer { left:0; right:0; background-color:rgb(255,116,59); display:flex; flex-wrap:wrap; justify-content:space-between; }
	nav { position:fixed; font-size:1em; padding:1em; z-index:1;  }

	.contenu { width:100%; display:flex; flex-wrap:wrap; padding:4em 0 2em 0; justify-content:space-between; }
		.bandeau { width:100%; display:flex; flex-wrap:wrap; position:relative; z-index:0; padding-bottom:10rem; }
			.bandeau-pict { width:100%; font-size:0; }
			.bandeau-copyright { position:absolute; bottom:10rem; right:0; padding:0.5em 1em; font-size:0.85em; background-color:rgba(255,116,59,0.75); color:#FFFFFF; z-index:1; }
			.bandeau-block { position:absolute; bottom:0; left:0; right:0; }
				.bandeau-block-container { width:50%; margin:0 auto; display:flex; flex-wrap:wrap; background-color:#FFFFFF; color:#000000; justify-content:center; }
					.bandeau-block-container-picto { margin:0 auto; }
						.bandeau-block-container-picto img { max-width:150px; }
					.bandeau-block-container-text { width:100%; text-align:center; padding:0 2em; }
						.bandeau-block-container-text h1 { margin-top:0; padding-top:0; }
						.bandeau a:link, .bandeau a:visited { color:rgba(255,116,59); font-weight:bold; }
						.bandeau a:hover, .bandeau a:active { color:#000000; font-weight:normal; }
						.bandeau-copyright a:link, .bandeau-copyright a:visited { color:#FFFFFF; font-weight:normal; }
						.bandeau-copyright a:hover, .bandeau-copyright a:active { color:#000000; }

	
	footer { position:absolute; bottom:0; padding:2rem; font-size:0.75em; }
		footer a:link, footer a:visited { color:#FFFFFF; }
		footer a:hover, footer a:active { color:#000000; }
		.footerLeft { width:50%; display:flex; flex-direction:column; }
		.footerRight { width:50%; display:flex; flex-wrap:wrap; text-align:right; align-content:flex-end; }
			.footerLeft div, .footerRight div { width:100%; }

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

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
	body { font-size:1rem; }
}

@media screen and (max-width:1020px) {
	/* 15 pouces */
	body { font-size:0.85rem; }
}

@media screen and (max-width:600px) {
	body { font-size:1.25em; padding-bottom:290px; }
	.contenu { padding-top:64px; }
		.bandeau { padding-bottom:1rem; }
			.bandeau-copyright { width:100%; position:static; padding:0.5em 1em; font-size:0.5em; background-color:rgba(255,116,59,1); text-align:center; }
			.bandeau-block { position:static; }
				.bandeau-block-container { width:100%; }
	
	footer { padding:1rem; }
		.footerLeft, .footerRight { width:100%; padding:1em 0; text-align:center; }
			.footerLeft div, .footerRight div { padding:0.5em 0; }
}