@charset "utf-8";
/* 

CSS Document 

FONT : 
- lato 
- latoblck
- latobold
- caviardreams
- muli

COULEURS PRINCIPALES
- Rouge	rgba(227,24,24)
- Verte	rgba(0,124,45)
- Gris		rgba(66,73,79)

*/

.blockOne { width:100%; display:flex; flex-wrap:wrap; padding:1em 0 4em 0; justify-content:space-around; align-items:flex-start; }
	.blockOne_box { width:30%; display:flex; flex-wrap:wrap; padding:0 1em; justify-content:center; }
		.blockOne_box_number { width:75px; height:75px; display:flex; flex-wrap:wrap; margin:1em auto; font-family:Arial, Helvetica, sans-serif; font-size:1.75em; background-color:rgba(227,24,24); color:#FFFFFF; border-radius:50%; justify-content:center; align-items:center; }
		.blockOne_box_texte { width:100%; text-align:center; }
			.blockOne_box_texte h3 { margin-bottom:0; padding-bottom:0; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:1.875em; }
			.blockOne_box_texte p { margin-top:0; padding-top:0; font-size:1.375em; }

.blockTwo { width:62%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; color:rgba(66,73,79); }
	.blockTwo h1 { width:100%; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:3.625em; margin:0; padding:0; text-align:center; }
	p.semaine { width:100%; text-align:center; font-family:'latobold', Arial; Helvetica, sans-serif; font-size:2.188em; margin:0 0 1.5em 0; padding:0; }
	.blockTwo_pdj { width:100%; display:flex; flex-wrap:wrap; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:1.813em; background-color:rgba(66,73,79); color:#FFFFFF; justify-content:space-between; align-items:center; border-bottom:#FFFFFF 1em solid; }
		.blockTwo_pdj_date { width:70%; display:flex; flex-wrap:wrap; padding:0.5em 1em; justify-content:space-between; align-items:center; }
			blockTwo_pdj_date:last-child { text-align:right; }
		.blockTwo_pdj_btn { width:30%; background-color:rgba(227,24,24); padding:0.5em 1em; text-align:center; }
			.blockTwo_pdj_btn span.icone { display:none; }
			.blockTwo_pdj_btn span:text { display:block; }
		.blockTwo_pdj_text { width:100%; padding:1em; background-color:#FFFFFF; color:rgba(66,73,79); }
			.blockTwo_pdj_text p { margin:0; padding:0; }

.blockThree { width:31%; max-width:500px; display:flex; flex-wrap:wrap; margin-left:1%;justify-content:space-around; align-items:flex-start; background-color:rgba(66,73,79); }
	.blockThreeTop { width:100%; display:flex; flex-wrap:wrap; padding:2em; justify-content:center; color:#FFFFFF; }
		.blockThree h3, .blockThree h4, .blockThree p { width:100%; text-align:center; }
		.blockThree h3, .blockThree h4 { margin:0; padding:0; font-weight:normal; }
		.blockThree h3 { font-family:'latobold', Arial, Helvetica, sans-serif; font-size:2.364em; }
		.blockThree h4 { font-size:1.888em; }
		.blockThree p { font-size:1.575em; }
		.blockThreeTop_tel { margin:0 auto; padding:0.5em 1em; background-color:#FFFFFF; font-family:'latoblack', Arial, Helvetica, sans-serif; font-size:1.875em; }
			.blockThreeTop_tel a:link, .blockThreeTop_tel a:visited { color:rgba(227,24,24); }
			.blockThreeTop_tel a:hover, .blockThreeTop_tel a:active { color:rgba(66,73,79); }
	.blockThreePict { width:100%; font-size:0; }

.blockFour { width:100%; display:flex; flex-wrap:wrap; padding:1em 0; font-size:1.813em; justify-content:center; align-items:center; }
	.blockFour p { width:100%; text-align:center; }

.blockFive { width:100%; display:flex; flex-wrap:wrap; padding:1em 0; justify-content:space-around; align-items:flex-start; }
	.blockFive_box { width:100%; display:flex; flex-wrap:wrap; border:rgba(66,73,79) 1px solid; padding:1em 3em; }
		.blockFive_box h3 { width:100%; font-family:'latobold', Arial, Helvetica, sans-serif; font-size:2.5em; margin:0; padding:0.5em 0; text-align:center; }
		.blockFive_box p { font-size:1.875em; margin:0; padding:0.5em 0; }
		.blockFive_box div { width:100%; font-size:1.875em; text-align:center; font-weight:bold;  }
		.blockFive_box div:last-child { padding:1em; }


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

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
	.pageContent { width:98%; }
	.blockTwo_pdj, .blockThreeTop p, .blockThreeTop_tel { font-size:1.2em; }
	.blockTwo h1 { font-size:3.125em; }
	.blockThreeTop h3, .blockThreeTop h4 { font-size:1.3em; }
	.blockFour { font-size:1.2em; }
	.blockFive_box div, .blockFive h3, .blockFive p { font-size:1.2em; }

}

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

}

@media screen and (max-width:800px) {
	.blockOne_box_number { width:50px; height:50px; margin:1em 0 0.5em 0; font-size:1.25em; }
	.blockOne_box_texte h3 { font-size:1.375em; }
	.blockOne_box_texte p { font-size:1.075em; }
	
	.blockTwo_pdj, .blockThreeTop p, .blockThreeTop_tel { font-size:1em; }
	.blockTwo h1 { font-size:2.625em; } 
	.blockThreeTop h3, .blockThreeTop h4 { font-size:1.1em; }
	.blockFour { font-size:1em; }
	.blockFive_box div, .blockFive_box h3, .blockFive_box p { 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) {
		.blockTwo_pdj, .blockThreeTop p, .blockThreeTop_tel { font-size:1.475em; }
	}

	/*  iphone SE --> 11 + XR | MacBook | iMac | iPad */
	@media screen and (max-width:1080px) {
		.blockOne_box { width:32%; }
		 .blockOne_box_texte h3 { margin-top:0; padding-top:0; font-size:1.475em; }
		 .blockOne_box_texte p { font-size:1.275em; }
		 
		 .blockTwo { width:100%; }
		 	.blockTwo_pdj { font-size:1.275em; }
		 
		 .blockThree { order:4; width:48%; max-width:none; }
		 	.blockThreeTop { padding:1em; }
				.blockThreeTop h3 { font-size:1.2em; }
			 	.blockThreeTop h4 { font-size:1.1em; }
				.blockThreeTop p { font-size:1em; }
					.blockThreeTop_tel { font-size:1.375em; }
		 
		 .blockFour { order:5; width:100%; font-size:1.275em; }
		 	.blockFour p { font-size:1.275em; }
		 
		 .blockFive { order:3; width:45%; margin-left:3%; padding:0; }
		 	.blockFive_box { padding:1em; }
		 		.blockFive_box h3 { font-size:1.675em; }
				.blockFive_box p, .blockFive_box div { font-size:1.575em; }
	}
	
	@media screen and (max-width:880px) {
		.blockFour, .blockFour p {  font-size:1em; }
		
		.blockFive_box h3 { font-size:1.25em; }
		.blockFive_box p, .blockFive_box div { font-size:1.2em; }

	}
	
	@media screen and (max-width:480px) {
		.blockOne { order:3; }
			.blockOne_box { width:100%; }
			.blockOne_box_texte h3 { font-size:1.2em; }
			 .blockOne_box_texte p { font-size:1em; text-align:center; }
			 .blockOne_box_number { width:2.4em; height:2.4em; font-size:1.2em; }
		
		.blockTwo { order:1; width:100%; }
			p.semaine { font-size:1.19em; }
			.blockTwo_pdj { font-size:1em; border-bottom:#FFFFFF 3em solid; }
				.blockTwo h1 { margin-top:1em; font-size:1.8em; }
				.blockTwo_pdj_date { width:90%; }
				.blockTwo_pdj_btn { width:10%; padding:0.5em; }
					.blockTwo_pdj_btn span.text { display:none; }
					.blockTwo_pdj_btn span.icone { display:block; }
				.blockTwo_pdj_text { padding:0.5em 1em; }

		.blockThree { order:5; width:100%; }
			.blockThreeTop { padding:0.5em; }
				.blockThreeTop h3 { font-size:1.6em; }
				.blockThreeTop h4 { font-size:1.4em; }
				.blockThreeTop p { font-size:1em; }
		
		.blockFour { order:4; width:100%; font-size:1em; }
		
		.blockFive { order:2; width:100%; margin:0; }
			.blockFive_box { padding:1em; }
				.blockFive_box h3 { font-size:1.25em; }
				.blockFive_box p, .blockFive_box div { font-size:1em; }

	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	/*  iphone12 --> 16  */
	@media screen and (max-width:450px) {
	
	}
	
	@media screen and (max-width:880px) {
	
	}
}

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