html{
	margin: none!important;
}

* {
    box-sizing: border-box;
}
body{
	/*background:red;*/
	margin: 0;
	overflow-wrap: break-word;
	background:url('/wp-content/themes/laRondeLandingPage/img/background_general.jpg') no-repeat top center;
	background-size: cover;
}

#background{
	/*background:yellow;*/
	width: 100%;
	height:100%;
	position: absolute;
	z-index: 0;
}

#body_container{
	/*background:green;*/
	width:100%;
	position: absolute;
	color: #1f388b;
}

.content_block{
	/*background:blue;*/
	max-width:1200px;
	margin: 0 auto;	  
    position: relative;
}
.strip.left{
	/*background: red;*/
	width:100%;
}

.strip.right{
	/*background: orange;*/
	width:100%;	
}
.strip.rightMiddle{
	/*background: green;*/
	width:100%;
}
.strip.center{
	/*background: violet;*/
	width:100%;
	margin : 0 auto;	
}

.strip.full{
	/*background: purple;*/
	width:100%;
	margin : 0 auto;
}

@media(min-width:1200px){
	.strip.left{		
		padding-left :  calc((100% - 1200px)/2 );
		width:1200px;
	}
	.strip.right{		
		margin-left :  calc((100% - 1200px)/2 );
		width:1200px;
		padding-right: calc((100% - 1200px)/2 );
	}
	.strip.rightMiddle{
		margin-left: 50%;
		width:1200px;
	}
	.strip.center{
		width:1200px;
		margin-left :  calc((100% - 1200px)/2 );
	}
	.strip.full{
		width: 100%;
	}
}


.strip_content{
	max-width:1200px;
	margin: 0 auto;
}

.line_test{	width: 	100%; display: flex;}

.w1, .w2, .w3, .w4, .w5, .w6, .w7 ,.w8{
	/*background: white;*/
	float:left;
	/*text-align:center;*/

}


.w1{width: 12.5%;}
.w2{width: 25%;}
.w3{width: 37.5%;}
.w4{width: 50%;}
.w5{width: 62.5%;}
.w6{width: 75%;}
.w7{width: 87.5%;}
.w8{width: 100%;}


h1, h2, h3, h4, p, a, ul, li, p{
	font-family:'Raleway',Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}


h1{
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2em;
}
h2{
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.5em;
}
h3{
	font-weight: 800;
	font-size: 1.5em;
}
h4{
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.5em;
}
p{
	font-size: 1em;
}
ul{
	margin-bottom: 4em;
	font-size: 1em;
}

@media(min-width:1200px){
	
	h1{
		font-weight: 900;
		text-transform: uppercase;
		font-size: 3.5em;
	}
	
}

@media(min-width:1200px){

	.w1{width: 12.5% !important;}
	.w2{width: 25% !important;}
	.w3{width: 37.5% !important;}
	.w4{width: 50% !important;}
	.w5{width: 62.5% !important;}
	.w6{width: 75% !important;}
	.w7{width: 87.5% !important;}
	.w8{width: 100% !important;}

	
	.mobileHidden{
		display: block !important;
	}

	.mainLogo{
		transform: scale(1);
	}

}

.mobileHidden{
	display: none;
}

.w1mobile{width: 12.5%;}
.w2mobile{width: 25%;}
.w3mobile{width: 37.5%;}
.w4mobile{width: 50%;}
.w5mobile{width: 62.5%;}
.w6mobile{width: 75%;}
.w7mobile{width: 87.5%;}
.w8mobile{width: 100%;}


.phasage li{
	padding: 1em;
}
.phasage .phasageInactif{
	color: #aaaaaa;
}
.phasage .phasageActif{
	color: #1f388b;
}
.phasageLine{
	background: url('/wp-content/themes/laRondeLandingPage/img/dots.jpg') 14.5% 0 repeat-y;
}
.mainLogo{
	padding: 8vh 0;
	transform: scale(0.7);
}
.blue{
	color:#366dc5;
}
.respiration{
	padding: 8vh 8vw;
}
.link{
	background-color: #ffea00;
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 30px 30px;
	display: inline-block;
	margin-bottom: 1em;
}
.linkbis{
	text-decoration: none;
	font-weight: bold;
	padding: 1em 2em;
	border-radius: 30px 30px;
	border: 2px solid #1f388b;
	color: #1f388b;
	display: inline-block;
	margin-bottom: 1em;
}

.centerContent{
	text-align: center;	
}

.phaseEnCours{
	background-color:#ededed;
}
#blocComment{
	padding: 3em 5em;
	background:url('/wp-content/themes/laRondeLandingPage/img/bloc01.jpg') no-repeat top left;
	background-size: cover;
}
#blocPourquoi{
	padding: 3em 5em;
	background:url('/wp-content/themes/laRondeLandingPage/img/bloc02.jpg') no-repeat top left;
	background-size: cover;
}
.raisondetre{
	padding: 5% 5%;
}
#raisondetre{
	background:url('/wp-content/themes/laRondeLandingPage/img/background_raisondetre.jpg') no-repeat;
	background-size: cover;
}
#engagement{
	height: 100vh;
	background:url('/wp-content/themes/laRondeLandingPage/img/footer_photo.jpg') no-repeat top left;
	background-size: cover;
}
#blocEngagement{
	background:#366dc5 url('/wp-content/themes/laRondeLandingPage/img/bloc_engagement.jpg') no-repeat top right;
	background-size: cover;
	padding: 3vh 14vw 5vh 8vw;
	color: white;
}
#blocContact{
	background:#ffea00;
	padding: 3vh 14vw 5vh 8vw;
	color: #1f388b;
}