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

@font-face {
	font-family: 'lato'; src: url('webfont/latoregular.ttf') format('truetype'), font-weight: normal; font-style: normal; /* REGULARD */
	font-family: 'latoblck'; src: url('webfont/latoregularblack.ttf') format('truetype'), font-weight: normal; font-style: normal; /* BLACK */
	font-family: 'latobold'; src: url('webfont/latoregularbold.ttf') format('truetype'), font-weight: normal; font-style: normal; /* BOLD */

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

	font-family: 'muli';
		src: url('webfont/muli.eot');
		src: url('webfont/muli.eot?#iefix') format('embedded-opentype'), url('webfont/muli.woff2') format('woff2'), url('webfont/muli.woff') format('woff'), url('webfont/muli.ttf') format('truetype'), url('webfont/muli.svg#muliregular') format('svg');
		font-weight: normal;
		font-style: normal;
}

a[href^=tel] { text-decoration:inherit; color: inherit; }
img { width:100%; height:auto; border:none; }
div { -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration:none; }

html { height:100%; }
body { margin:0; padding:0; font-size:16px; font-family:'lato', Arial, Helvetica, Times, sans-serif; color:rgba(66,73,79); background-color:#FFFFFF; position:relative; min-height:100%; }

/*
COULEURS PRINCIPALES

Rouge	rgba(227,24,24)
Verte		rgba(0,124,45)
Gris		rgba(66,73,79)
*/

.bandeauTop { width:100%; display:flex; flex-wrap:wrap;padding-top:1em; justify-content:center; }
	.bandeauTop_logo { width:59%; display:flex; flex-wrap:wrap; justify-content:right; align-items:flex-end; }
		.bandeauTop_logo div { font-size:0; }
	.bandeauTop_panier { width:41%; display:flex; flex-wrap:wrap; justify-content:right; align-items:flex-end; padding:0 4em; }
		.bandeauTop_panier i { padding-right:0.5em; font-size:1.2em; }
	.bandeauTop_redLine { width:100%; display:flex; flex-wrap:wrap; font-size:1.688em; border-top:#FFFFFF 0.35em solid; border-bottom:#FFFFFF 0.35em solid; background-color:rgba(227,24,24); }

nav { width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:rgba(0,124,45); color:#FFFFFF; font-size:1.5em; }

page { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding-bottom:22em; }
	.pageBandeau { width:100%; display:flex; flex-wrap:wrap; position:relative; }
		.pageBandeau_background { width:100%; display:flex; flex-wrap:wrap; position:absolute; height:100%; }
			.pageBandeau_background div { width:50%; }
				.left { background-color:#395602; }
				.right { background-color:#1b2025; }
		.pageBandeau_img { font-size:0; margin:0 auto; top:0; right:0; left:0; position:relative; z-index:1; }
		.pageBandeau_redline { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(227,24,24); justify-content:center; font-size:2.25em; color:#FFFFFF; z-index:1000; padding:1em 0; }
	.pageContent { width:80%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
		.pageContent h1, .pageContent h2 { width:100%; text-align:center; }
		.pageContent p { width:100%; }

footer { display:flex; flex-wrap:wrap; position:absolute; bottom:0; right:0; left:0; }
	.piedPageBox { width:100%; display:flex; flex-wrap:wrap; color:#FFFFFF; padding:1em 0; align-items:center; } 
		.red { font-size:1.813em; background-color:rgba(227,24,24); justify-content:center; }
		.green { background-color:rgba(0,124,45); justify-content:space-around; border-top:#FFFFFF 0.624em solid; }
			.green i { width:50px; height:50px; display:flex; flex-wrap:wrap; margin:1em; font-size:1.5em; background-color:#FFFFFF; color:rgba(0,124,45); border-radius:50%; justify-content:center; align-items:center; }
		.white { color:rgba(66,73,79); }
			.white a:link, .white a:visited { color:rgba(66,73,79); }
			.white a:hover, .white a:active { color:rgba(227,24,24); }
		.piedPageBox_icones { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
		.piedPageBox_links { width:100%; display:flex; flex-wrap:wrap; font-size:1.563em; justify-content: center; align-items:center; }

a:link, a:visited { color:#FFFFFF; text-decoration:none; }
a:hover, a:active { color:rgba(66,73,79); text-decoration:none; }

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

}

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

@media screen and (max-width:1080px) {
	/* 15 pouces */
	.red { font-size:1em; }
	.green i { font-size:1em; }
	
	.piedPageBox_icones div { display:flex; font-size:1em; justify-content:center; }
	.piedPageBox_links { font-size:1em; }
}

@media screen and (max-width:880px) {
	.bandeauTop_logo {width:100%; justify-content:center; }
	.bandeauTop_panier { width:100%; justify-content:center; }

	.red { font-size:1em; }
	.green i { font-size:1em; }
	
	.pageBandeau_redline { font-size:1.75em; }
	
	.piedPageBox_icones div { display:flex; font-size:1em; justify-content:center; }
	.piedPageBox_links { font-size: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) {
		.bandeauTop_logo, .bandeauTop_panier { width:100%; justify-content:center; }
		
		.red { font-size:1em; }
		.green i { font-size:1em; }

		.piedPageBox_icones div { display:flex; font-size:1em; justify-content:center; }
		.piedPageBox_links { font-size:1em; }
	}
	
	@media screen and (max-width:880px) {
		.pageContent { width:100%; }
		.pageBandeau_redline { font-size:1.85em; }
			
		.red { font-size:1em; }
			.red div { width:100%; text-align:center; }
			.red div span { display:none; }

		.green i { font-size:1em; }
			.piedPageBox_links div { width:100%; font-size:1em; text-align:center; }
				.piedPageBox_links div span { display:none; }

	}
	
	@media screen and (max-width:450px) {
		body { font-size:14px; }
		.bandeauTop_logo, .bandeauTop_panier { width:100%; justify-content:center; }
			.bandeauTop_panier { padding:0; }
		
		.pageBandeau_background { display:none; }
		.pageBandeau_img { width:100%; }
		
		page { padding-bottom:34em; }
		
		.pageContent { width:90%; }
			.pageContent h1 { font-size:1.2em; }
			.pageContent h2 { font-size:1.1em; }
			.pageContent p { text-align:justify; }
			.pageBandeau_redline { font-size:1em; text-align:center; }
			
		.piedPageBox div { width:100%; text-align:center; padding:0.25em 0; }
			.piedPageBox div span { display:none; }
			.piedPageBox div a i { font-size:1em; }
			.red { font-size:1em; }
			.green i { font-size:1em; }
			.piedPageBox_icones div { width:33%; font-size:1em; }
			.piedPageBox_links { font-size:1em; }
				

	}
}

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

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