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



h1, h3{
	font-weight : 900;
}

h1{
	font-size : 68px !important;
}



#etude h2{
	font-weight : normal;
	font-size : 45px;
	line-height : 62px;
	display:inline-block;
}

h2{
	font-weight : 300;
	font-size : 50px;
	line-height : 69px;
	display:inline-block;
}


.et_pb_section:not(#etude) h2:after{
	content:" ";
	left:0px;
  	display:block;
  	position:relative;
  	width:100%;
  	height : 10px;
	background-color : var(--contrast);
	border-radius : 25px;
}


h3{
	
	font-size : 35px;
	line-height : 48px;
}


.bold{
	font-weight : bold;
}

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

.overlay *{
	color : var(--white);
}

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

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

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

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

.et_pb_button.btndark:hover{
	background-color : var(--black) !important;
	
}


.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-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;
}

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

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


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


/*MENU*/



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

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

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

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

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

.nav-jepaieparcarte{
	border : 1px solid var(--white);
	border-radius: 5px;
	
}

#cjweb-headernav .et_pb_menu .et-menu > li.nav-jepaieparcarte {
	padding :  15px 30px;
	
	text-align : center;
}

.et-menu-nav a.current{
	font-weight : bold;
}

/**** HERO ****/

#cjweb-hero *{
	text-align : center;
	
}


#cjweb-hero{
	padding-top : 140px; 
	padding-bottom : 240px; /*54+160*/
	
}

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


#cjweb-hero .et_pb_module{
	margin-bottom : 0px !important;
}

#cjweb-hero-subtitle *{
	padding-bottom: 0px !important;
	font-size : 35px;
	line-height : 42px;
	color : var(--white);
	
}

#cjweb-hero-subtitle:after{
	content:" ";
	display: inline-block;
	width : 400px;
	height : 10px;
	margin-top : 40px;
	margin-bottom : 40px;
	background-color : var(--contrast);
	border-radius : 25px;
}

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



/****** ETUDE ******/

#etude{
	background-color : var(--greylighter);
	padding : 0px !important;
}

#etude h2{
	padding-bottom : 40px;
}

#etude .et_pb_row{
			
	transform: translate(0, -140px);
	padding : 0;
	/*margin-bottom:-120px;*/
}


#etude .et_pb_row .et_pb_text_inner{
	text-align : center;
 	padding : 60px 60px 120px 60px;
 	font-size : 25px;
	line-height : 35px;
	font-weight : normal;
	box-shadow: 4px 4px 9px var(--boxshadow);
	border-radius : 60px;
	background-color : var(--white);
	width: 90%;
    margin: 0 auto;
	
}



#etude .et_pb_column{
	z-index:1;
  	position:relative;
}








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

#missions{
	background-color : var(--greylighter);
	padding : 0 0 90px 0;
	
}

#missions .et_pb_row{
	padding : 0;
}

#missions h2{
	padding-bottom : 80px;
}

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

/*#missions .cjweb-missionboxes * :not(h3){
	font-size : 18px;
	line-height : 22px;
}*/

.cjweb-missionbox{
	padding : 50px 50px;
	min-height : 100%;
	border-radius: 30px 30px 0px 30px;
	background-color : rgba(255, 255, 255, 0.36);
	box-shadow: 0px 3px 6px var(--boxshadow);
}


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

/********* COMPETENCES ********/

#competences{
	background-color : var(--greylighter);
}

#competences{
	padding : 0;
}

#competences .et_pb_row{
	padding : 0;
	
}

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



#cjweb-comptencecontent{
	
	padding : 0 0 0 50px;
	font-size : 25px;
	line-height : 35px;
	
}

/* CARTE SVG */

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

#svgcarte .st0{stroke:#FFFFFF;stroke-width:2.986;stroke-linecap:round;stroke-linejoin:round;}
#svgcarte .st1{fill:var(--contrast);}
#svgcarte .st4{font-size:18px;line-height:22px;}

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

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

#tarifs{
	padding : 130px 0 130px 0;
	background-color : var(--greylighter);
}

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

#tarifs .et_pb_row{
	padding : 0;
}

#tarifs #cjweb-tarifscontent{
	padding : 120px 70px;
	font-size : 25px;
	line-height : 35px;
	border-radius: 30px;
}

#cjweb-tarifscontent .et_pb_module{
	padding-left : 20px;
}

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

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

#contact{
	padding : 0 0 115px 0;
}

#contact .et_pb_row{
	padding : 0;
}

#contact h2{
	padding-bottom : 50px;
}

.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{
	padding : 50px 0 0 55px;
	margin-bottom : 0;
}

#cjweb-openstreetmap img{
	border-radius: 30px;
}

#openstreetmapcopyright{
	font-size : 15px;
	line-height : 15px;
	padding : 7px 0 0 55px;
}

#openstreetmapcopyright a{
	font-weight : bold;
	color : var(--black);
}


/*FORMULAIRE*/


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

#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);
  line-height : 22px;
  font-size : 18px;
  border-radius: 15px;
}



.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*/
}

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

#cjweb-contactform a{
	color:var(--black);
	font-weight : bold;
}



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

#cjweb-footer{
	background-color : var(--black);
	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(--black);
	}
	
	#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);
	}
	
	#etude .et_pb_row{
		width: 80%;
	}
	
	.cjweb-contactinfo{
		width: 100%;
		padding: 0 50px 10px 0px;
	}
	
	#cjweb-openstreetmap{
		padding : 50px 0 0 0px;
		margin-bottom : 0;
	}
	
	#cjweb-contactform {
  		padding: 0;
	}
	
	#svgcarte{
		text-align : center;
	}
}
	

/*** 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 : 40px !important;
	}
	
	h2{
	font-weight : 300;
	font-size : 35px;
	line-height: 40px;
}

h3{
	
	font-size : 30px;
	line-height : 35px;
}
	
	
	#cjweb-headerbar-content .et_pb_code_inner{
	display : block;
	
	}
	
	#cjweb-hero-subtitle::after{
		width : 100%;
	}
	
	#etude .et_pb_row .et_pb_text_inner{
		padding : 20px;
		width : 100%;
		
	}
	
	
	.cjweb-missionbox{
		margin-left : 0;
		margin-bottom : 30px !important;
		
	}
	
	#missions .cjweb-missionboxes{
	padding : 0;
	}
	
	#missions .cjweb-missionboxes .et_pb_column {
	margin-bottom : 0;
	}
	
	#cjweb-comptencecontent{
	
	padding : 0;
	
	}
	
	#tarifs #cjweb-tarifscontent{
	padding : 20px;
	font-size : 25px;
	line-height : 35px;
}

#cjweb-tarifscontent .et_pb_module{
	padding-left : 0;
}

	#tarifs, #competences, #contact{
		padding : 50px 0;
	}
	
	#nav-arrow{
	position : fixed;
	bottom : 0px;
	right : 20px;
	background-color : transparent;
	
	}
	
	
}