body#cjweb-body{
	font-family:"Lexend";
	font-weight:300;
	color : var(--black);
	/*font-size : 25px;
	line-height : 35px;*/
	font-size : 18px;
	line-height : 22px;
}



h1, h3{
	font-weight : 900;
}

h1{
	color : var(--bkgdark);
}

.home h1{
	font-size : 50px;
}



h2{
	font-weight : 800;
	font-size : 30px;
	line-height : 40px;
}

h3{
	
	font-size : 30px;
	line-height : 40px;
	font-weight : 900;
}


.bold{
	font-weight : bold;
}

.overlay{
	background-color : rgba(63,63,63,0.75);
	background-blend-mode: multiply;
}



.et_pb_button{
	
	background-color : var(--black);
	border : 0px;
	
	color : var(--white);
}


.nopadding{
	padding : 0;
}

.page-builder-content-section.et_pb_section{
	padding : 0
}

.page-builder-content-row.et_pb_row{
	padding : 0;
	max-width: 100%;
	width: 100%;
}



/******* HEADER *******/



#cjweb-headernav, #cjweb-headerbar, #cjweb-headernav *, #cjweb-headerbar *{

	padding: 0;
}

#cjweb-headerbar{
	background-color : var(--bkglighter);
}

#cjweb-headerbar-content .et_pb_code_inner{
	display : flex;
	align-items : flex-start;
	flex-wrap : wrap;
}


#cjweb-headerbar-content .et_pb_code_inner > div{
	flex-shrink : 0;
}
	
#cjweb-headerbar-content span{
	
	padding-right : 40px;

}

#cjweb-headerbar-content *{
	font-size : 14px;
	color : var(--bkgstrong);
}

#cjweb-headerbar-content span.cjweb-icon{
	padding-right : 8px;
}

#cjweb-headernav{
	background-color :  var(--bkglighter);
}


#cjweb-headernav .et_pb_row{
	display : flex;
	padding : 25px 0;
	align-items : center;
	
}


/*MENU*/



.et_pb_menu .et_pb_menu__wrap{
	justify-content: flex-end;
}

#cjweb-headernav .et_pb_menu{
	background-color : rgba(0,0,0,0);
}

#cjweb-headernav .et-menu a{
	color : var(--bkgstrong);
	font-size : 20px;
	font-weight : 200;
	
}

#cjweb-headernav .et-menu a.current{
	font-weight : bold;
}

#cjweb-headernav .et_pb_menu .et-menu > li{
	padding :  15px 20px;
	margin-top: 0px;
}

#cjweb-headernav a{
	padding-bottom : 0px;
}

.nav-jepaieparcarte{
	border : 1px solid var(--bkgstrong);
	
}






/**** HERO ****/

#cjweb-hero .et_pb_column:first-of-type{
	padding : 100px 20px 100px 0;
	
}


#cjweb-hero-subtitle *{
	padding-bottom: 0px !important;
	font-size : 20px;
	line-height : 35px;
	
}

#cjweb-hero .et_pb_button{
	margin-top : 20px;
}



@media (min-width: 981px){

	#cjweb-hero{
		padding : 0;
		
	
	}
	
	#cjweb-hero .et_pb_row{
	
		padding: 0;
	}
	
	
	#cjweb-hero:before, #titre-page-section:before{
	  content:"";
	  position : absolute;
	  width : 75%;
	  height : 100%;
	  right : 0;
	  top : 0;
	  background-size: cover;
	  background-image : url('../../../../../wp-content/uploads/2023/03/illustration-modele8.jpg');
	  background-position: center;	
	  
	}
	

	#cjweb-hero:after, #titre-page-section:after{
	  
	  content:"";
	  position : absolute;
	  width : 75%;
	  height : 100%;
	  right : 0;
	  top : 0;
	  
	  background-color: rgba(28, 45, 91, 0.67);   
	  background-blend-mode: multiply;
	  
	  
	
	}
		
	#etude{
		display : flex;
		flex-direction : column;
		justify-content : center;
	}
	
	#etude-text{
		padding-left : 40px;
	}
	
	
	
}





/****** ETUDE ******/
	
	#etude *{
		color : var(--bkglighter);
		font-size : 20px;
		line-height: 35px;
	}
	
	#etude h2{
		font-size : 45px;
		line-height : 55px;
		font-weight : 800;
		
	}

	#etude-text:after{
		content:"";
		display : inline-block;
	    width : 270px;
	    height : 5px;
	    background-color : var(--contrast);
	    margin : 20px 0;
	    
	    
	}


/********* MISSIONS ********/

#missions{
	background-color : var(--bkgstrong);
	padding : 0;
	
}

#missions .et_pb_row{
	padding : 0;
}

#missions h2{
	
	
	font-weight : 800;
	font-size : 40px;
	line-height : 50px;
	color : var(--bkglight);
	
}

#missions h3{
	color : var(--bkgstrong);
	font-size : 30px;
	line-height : 40px;
}

#missions .cjweb-missionboxes{
	padding : 0;
	
}



.cjweb-missionbox *{
	font-size : 20px;
	line-height : 25px;
}
	
.cjweb-missionbox{
	padding : 80px 40px;
	background-color : var(--bkglighter);
	min-height : 100%;
	text-align : center;
}

.cjweb-missionbox:after{
	content:"";
	position : absolute;
	bottom : 40px;
	left : 25%;	
	display : inline-block;
	width : 50%;
	height : 5px;
	background-color : var(--bkgstrong);
   
}


.cjweb-missionbox:hover{
	background-color:var(--white);
}


.cjweb-missionbox:hover:after{
	background-color : var(--contrast);
	
}

@media all and (min-width: 1406px) {
	
	#missions {
  		background-image: linear-gradient(90deg,var(--bkglighter) 25%, var(--bkgstrong) 25%) !important;
	}
	
	#missions h2{
	
	writing-mode: vertical-rl;
	text-orientation: mixed;
	
	}
	#missions > .et_pb_row{
		width : 100%;
	}
	
	#missions .et_pb_gutters1 > .et_pb_column_1_4{
		width: 10%;
		display : flex;
		flex-direction : column;
		justify-content : center;
		align-items : center;
	}
	
	
	
	#missions .et_pb_gutters1 > .et_pb_column_3_4{
		width: 90%;
	}
	
	 .et_pb_gutters3 #missions .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4{
		width : 33.3333%;
		margin-right : 0px;
	}
	
}

@media all and (max-width: 1405px) {
	
	 .et_pb_gutters3 #missions .et_pb_column_3_4 > .et_pb_row_inner > .et_pb_column_1_4{
		width : 100% !important;
	}
	
	#missions .et_pb_gutters1 .et_pb_column_3_4, #missions .et_pb_gutters1.et_pb_row .et_pb_column_3_4{
		width : 100% !important;
	}
	
	#missions .et_pb_gutters1 .et_pb_column_1_4, #missions .et_pb_gutters1.et_pb_row .et_pb_column_1_4{
		width : 100% !important;
	}
	
	#missions.et_pb_section.et_pb_equal_columns > .et_pb_row{
		display : flex;
		flex-direction:column-reverse !important;
		
	}
	
	#missions .et_pb_row_inner.et_pb_equal_columns{
		display : flex;
		flex-direction:column !important;
	}

}
/********* COMPETENCES ********/



#competences *{
	color : var(--white);
}

#competences .et_pb_row{
	padding : 0;
	
}

#competences h2{
	padding-bottom : 70px;
}



#cjweb-comptencecontent{
	
	
	font-size : 20px;
	line-height : 35px;
	
}

#cjweb-comptencecontent:after{
	content:"";
	display : inline-block;
	width : 270px;
	height : 5px;
	background-color : var(--bkglighter);
	margin : 40px 0;
	    
	
}

#competences {
  background-image: linear-gradient(90deg,var(--bkgstrong) 50%, var(--bkglight) 50%) !important;
}

/* CARTE SVG */

#svgcarte #carte{
	max-height : 500px;
}

#svgcarte .st0{stroke:#FFFFFF;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;fill:var(--bkgstrong);}
#svgcarte .st1{fill:var(--contrast);}
#svgcarte .st4{font-size:15px;line-height:22px;fill:var(--white);font-weight : 200;}

/********* TARIFS ********/



#tarifs h2{
	font-weight: 800;
	font-size: 40px;
	line-height: 50px;
	color: var(--bkglight);
}


#tarifs {
	padding : 0;
}

#tarifs .et_pb_row{
	padding : 0;
}

 #cjweb-tarifscontent{
	 	background-color : var(--white);
	 	
	 	line-height : 35px;
	 }
	 
 #cjweb-tarifscontent:after{
	 
	 	content:"";
		display : inline-block;
		width : 270px;
		height : 5px;
		background-color : var(--bkgstrong);
		margin : 40px 0;
	 }

@media all and (min-width: 1406px) {
	
	#tarifs {
  		background-image: linear-gradient(90deg,var(--bkgstrong) 50%, var(--white) 50%) !important;
  		
	}
	
	#tarifs h2{
	
	 	writing-mode: tb-rl;
        transform: rotate(-180deg);
	
	}
	#tarifs .et_pb_row{
		width : 100%;
		
	}
	
	#tarifs .et_pb_gutters1 > .et_pb_column_1_4{
		width: 10%;
		display : flex;
		flex-direction : column;
		justify-content : center;
		align-items : center;
	}
	
	
	
	#tarifs .et_pb_gutters1 > .et_pb_column_3_4{
		width: 90%;
	}
	
	#cjweb-tarifscontent{
	 	padding : 100px 0 100px 50px;
	 }
	 
	
	 
	 
	 
	
}

@media all and (max-width: 1405px) {
	
	#tarifs .et_pb_row{
		display : flex;
		flex-direction : column;
	}
	
	#tarifs{
		background-color : var(--bkgstrong);
	}
	
	#cjweb-tarifstitle{
		padding : 60px 0 50px 0;
	}
	
	#tarifs .et_pb_column{
	 	width : 100%;
	 }
	 
	 #cjweb-tarifscontent{
	 	padding : 50px;
	 }

}


/********* CONTACT ********/

#contact{
	background-color : var(--bkgstrong);
}

#contact h2{
	color : var(--bkgstrong);
	padding-left : 100px;
}

#contact *{

	color : var(--white);
}

#contact{
	padding : 0;
}

#contact .et_pb_row{
	padding : 0;
}



.cjweb-contactinfo{
	width : 75%;
	padding : 0 50px 10px 90px;
	margin-bottom : 0px !important;
	/*font-size : 18px;
	line-height : 22px;*/
	
}


.cjweb-contactinfo .cjweb-icon{
	padding : 10px;
}
.cjweb-contactinfo .et_pb_code_inner{
	display : flex;
	align-items : center;
}


#cjweb-openstreetmap{
	width : 100%;
	height : 100%;
	
	min-height : 500px;
	
}

/*#cjweb-openstreetmap:after{
	content:"";
	position : absolute;
	top:0;
	width : 100%;
	height : 100%;
	background-color : var(--bkgstrong);
	opacity : 0.2;
}*/

#cjweb-openstreetmap:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; background-color: var(--bkgstrong); opacity: 0.2; mix-blend-mode: plus-lighter; }


#openstreetmapcopyright{
	font-size : 15px;
	line-height : 15px;
	margin-bottom : 50px;
	
	
}


#cjweb-openstreetmap{
	display : flex;
	flex-direction : column;
	justify-content : flex-end;
	
}


#openstreetmapcopyright a, #openstreetmapcopyright *{
	
	color : var(--white);
	text-align : right;
}

@media (min-width: 1406px){

	#contact .et_pb_row {
	  width: 100%;
	}
	
}

/*FORMULAIRE*/


#cjweb-contactform{
	padding : 50px 0px 50px 50px;
}

#cjweb-contactform p{
	padding-bottom : 0px;
}

.entete-formulaire{
	/*font-size : 18px;
	line-height : 22px;*/
	padding-bottom : 10px;
}

.entree-formulaire{
	padding-bottom:30px;
}



input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
  width : 100%;
  border: 0px;
  padding: 20px;
  color: var(--black)!important;
  line-height : 22px;
  font-size : 18px;
}



.wpcf7-captchac{
	padding : 20px 0;
	
}


.wpcf7-acceptance .wpcf7-list-item{
	margin : 20px 0 10px 0;
}


.wpcf7-acceptance label{
	display : flex;
	/*font-size: 18px;
	line-height: 22px;*/
	align-items : center;
}

.wpcf7-acceptance input{
	margin : 0px;
}

.wpcf7-acceptance .wpcf7-list-item-label{
	padding-left : 10px;
	font-weight : bold;
}

.adc_mentions, .indicates-required{
	font-size : 12px;
	line-height : 15px
}

.wpcf7-submit{
	margin-top : 35px;
	font-size : 1em;
	padding : 10px 0;
	/*font-size : 18px;
	line-height : 22px*/
	background-color : var(--white);
	color: var(--black)!important;
	
}

#cjweb-contactform .et_pb_button{
	width : 100%;
}

#cjweb-contactform a{
	
	font-weight : bold;
}



/* MODELE PAGE */
@media (min-width: 981px){
	#titre-page-section h1{
		color : var(--bkglighter);
		font-size : 45px !important;
		padding-top : 60px;
	}
}



/*******FOOTER**********/

#cjweb-footer{
	background-color : var(--bkgdark);
	color : var(--white);
}

.cjweb-footertitle{
	font-size : 40px;
	line-height : 70px;
	font-weight : normal;
}

.cjweb-footerinfo {
	margin-bottom : 20px !important;
	font-size : 20px;
	line-height : 24px;
}

.cjweb-footerinfo .et_pb_code_inner{
	
	display : flex;
	align-items : center;
	padding-left : 30px;
}


.cjweb-footerinfo .icon{
	padding-right : 8px;
}



.cjweb-footernav{
	
	padding-bottom : 10px !important;
	margin-bottom : 10px !important;
	margin-left : 30px;
	border-bottom : 1px solid var(--white);
}


.cjweb-footernav a{
	color : var(--white);
	font-size : 20px;
	line-height : 24px;
}

#cjweb-footerbar{
	padding : 0px !important;
}

#cjweb-footerbar .et_pb_row{
	padding : 10px 0;
}

#cjweb-footerbar *{
	color : var(--black);
	font-size : 14px;
	line-height : 17px;
}

#nav-arrow{
	position : fixed;
	bottom : 50px;
	right : 50px;
	background-color : transparent;
	
	
}

#nav-arrow .icon-up{
	font-size : 15px;
	line-height : 42px;
	display : inline-block;
	border-radius : 50%;
	background-color : var(--contrast);
	width : 42px;
	height : 42px;
	box-shadow: 0px 3px 6px var(--boxshadow);
	text-align : center;
	vertical-align: middle;
	color : var(--black) !important;
}



/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

@media all and (max-width: 1405px) {
	.cjweb-contactinfo{
		width: 100%;
		padding: 0 50px 10px 50px;
	}
	
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
	
	/*MENU*/
	#cjweb-headernav * {
		padding: initial;
	}
	#cjweb-headernav a{
		padding: 10px 5%;
	}
	
	#cjweb-headernav .et_mobile_menu li{
		background-color : var(--bkgstrong);
	}
	
	#cjweb-headernav .et_mobile_menu li a{
		color : var(--white);
	}
	
	#cjweb-headernav .mobile_menu_bar::before{
		color:var(--contrast);
	}
	
	.et_mobile_menu{
		border-top-color : var(--contrast);
	}
	
	
	#cjweb-hero{
		padding : 0;
	}
	
	#cjweb-hero .et_pb_row{
		width: 100%;
		padding : 0;
	}
	
	
	
	#etude{
		background-size: cover;
	    background-image : url('../../../../../wp-content/uploads/2023/03/illustration-modele8.jpg');
	}
	#etude:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: rgba(63,63,63,0.6);
	background-blend-mode: multiply;
}
	
	#cjweb-hero .et_pb_column:first-of-type{
		padding-left : 30px;
	}
	
	#etude-text{
		padding : 50px 30px; 
	}
	
	
	
	#titre-page-section h1{
		font-size : 35px;
		line-height : 40px;
	}
}
	

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	
	h1{
	font-size : 45px !important;
	}
	
	h2{
	font-weight : 300;
	font-size : 35px;
}

h3{
	
	font-size : 30px;
	line-height : 35px;
}
	
	
	#titre-page-section h1{
		font-size : 35px !important;
		line-height : 40px;
	}
	
	
	
	
	#nav-arrow{
	position : fixed;
	bottom : 0px;
	right : 20px;
	background-color : transparent;
	
	}
	
	#cjweb-contactform{
		padding : 50px 0px ;
	}
	
	.cjweb-contactinfo{
		padding : 5px 0 ;
	}
	
	#cjweb-tarifscontent{
		padding : 50px 20px;
	}
	
	.cjweb-missionbox {
	  padding: 50px 20px;
  
  	}
  	
  	.cjweb-missionbox:after{
  	
  		bottom: 20px;
  	}

	
	
}