body#cjweb-body, html {
	font-family: var(--fontfamily);
    font-weight: normal;
    font-style: normal;
	color : var(--black);
	font-size : 18px;
	line-height : 22px;
}


a {
  color: var(--contrast);
}

#page-container {
 position:relative;
}


h1.pagetitle, .pagetitle h1 {
	color: var(--black);
	font-size: 45px !important;
}

h1, h3 {
	font-weight : 900;
}

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



h2 {
/* 	font-weight : 300; */
	font-size : 35px;
}

h3 {
	
	font-size : 34px;
	line-height : 38px;
}


.bold {
	font-weight : bold;
}



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


.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover, .et_pb_button:hover {
  background-color : var(--contrast);
}



.icon-up {
	font-size : 10px;
	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(--white) !important;
}






.et_pb_button  {
border-radius:30px;
width:200px;
max-width:200px;
height:50px;
font-weight:bold;
color: var(--white);
box-shadow: 0px 6px 12px var(--boxshadow);
}

/*MENU*/

#top-menu li.current-menu-item > a, .mobile_menu_bar::after, .mobile_menu_bar::before {
  color: var(--contrast);
}

#et-top-navigation #top-menu a{
	font-weight: 400;
}

.current{font-weight:900;}

#main-header a {
color: var(--black);
}

#main-header .nav-jepaieparcarte a {
	background-color : var(--black);
	border : 0px;	
	border-radius:10px;	
    padding:8px 20px 10px 20px !important;
    color: var(--white) !important;

}
#main-header .nav-jepaieparcarte a {
	color : var(--white);
}





#headerbar {
margin-bottom:20px !important;
}

#headerbar .et_pb_text_inner {
display:flex;
justify-content:space-evenly;
flex-direction:row;
font-size:14px;
flex-wrap:wrap;
}
#headerbar .et_pb_text_inner div {
white-space: nowrap;
}



.cjweb-icon {
  padding: 10px;
}




#cjweb-menu * {
font-size:20px;
font-weight:400;
}

#cjweb-menu li:not(.nav-jepaieparcarte) {
padding-top:8px;
background-color : var(--white) !important;
}



#cjweb-menu li.nav-jepaieparcarte a {
  background-color: var(--black);
  border: 0px solid red;
  border-radius: 10px;
  padding: 8px 20px 10px 20px !important;
  color: var(--white) !important;
}



#cjweb-menu .nav-jepaieparcarte{
	background-color : var(--black);
	border : 0px;	
	border-radius:10px;	
    padding-left:10px;
    padding-right:10px;
}
#cjweb-menu .nav-jepaieparcarte a {
	color : var(--white);
}


/**** HERO ****/


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

#cjweb-hero .et_mobile_menu {
	background-color : var(--white);
	padding:0;
}

#cjweb-hero h2 {
	color : var(--greystrong);
}

#cjweb-hero.et_pb_section {
  padding: 0;
}


#cjweb-hero .et_pb_column_1 {
padding-top: 2%;
padding-right: 0;
padding-bottom: 1%;
padding-left:5.5%;
}


#svg_tarifs, .et_pb_row {
padding:0 !important;
}




#cjweb-header {
padding: 0;
}

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

#cjweb-header #cjweb-logo {
width:40%;
margin-bottom: 1%;
margin-top: 2%;
margin-left: auto;
}

#cjweb-header #cjweb-logo-subtitle {
margin-bottom: 1%;
}

#cjweb-header .et_pb_column_1_tb_header {
padding-top: 2%;
}

#cjweb-header .et_pb_column_2_tb_header {
border : 0px solid red;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

/* 
#cjweb-hero,
#svg_tarifs,
#cjweb-header {
background-size: 50% auto;
background-position: left center;
background-blend-mode: hard-light;
background-image: var(--image),linear-gradient(180deg,var(--contrast) 0%,var(--contrast) 100%) !important;
margin-bottom:50px;
background-color: RGBA(255,255,255,0) !important;
background-repeat: no-repeat;
}
 */

#cjweb-hero:before,
#svg_tarifs:before,
#cjweb-header:before {
content:'';
position:absolute;
background-size: 100% auto;
background-position: left center;
width:50%;
left:0;
top:0;
height:100%;
background-repeat: no-repeat;
background-blend-mode: hard-light;
background-image:var(--image),linear-gradient(180deg,var(--contrast) 0%,var(--contrast) 100%);
}


#cjweb-hero .et_pb_column_0  {
width:50%;
margin-right:0;
margin-bottom:0;
z-index:6;
border-right:20px solid white;
border:0px solid pink;
min-height:500px;
position:relative;
}


#cjweb-hero .et_pb_column_0 #overlay_column_container {
border:0px solid green;
height:100%;
width:100%;
position:absolute;
}

#cjweb-hero .et_pb_column_0 #overlay_column_container .et_pb_code_inner {
border:0px solid orange;
height:100%;
width:100%;
position:absolute;

}


#cjweb-hero .et_pb_column_0 #overlay_column_container .et_pb_code_inner #overlay_div
{
width:100px;
height:103%;
position:absolute;
right:-18px;
top:0px;
background-color : var(--contrast);
mix-blend-mode: hard-light;
opacity: 0.8;
}


#cjweb-hero .et_pb_column_1 #cjweb-logo-subtitle {
line-height:20px;
}


#cjweb-hero .et_pb_menu__wrap,
#cjweb-header .et_pb_menu__wrap
 {
justify-content : center;
}





#module_presentation * {
text-align:left;
}
#module_presentation p {
font-size:30px;
color:var(--black);
font-weight:400;
line-height:34px;
}









/* CARTE SVG */
#module_svg_carte  {

    border:0px solid green;
	width:100%;
	height:100% !important;
	margin-bottom:0;
}


#module_svg_carte .et_pb_code_inner {
	margin-bottom: 0px;
	border:0px solid red;
	width:100%;
	height:100%;
	display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

#module_svg_carte #carte {
	max-height : 600px;
/* 	min-height : 500px; */
	z-index:999999;
	border:0px solid yellow;
	width:100%;
}


#module_svg_carte .st0{stroke:var(--contrast);stroke-width:0.5;stroke-linecap:round;stroke-linejoin:round;}
#module_svg_carte g {fill:var(--white);opacity: .8;}
#module_svg_carte .st1{fill:var(--contrast);}
#module_svg_carte .st4{font-family: var(--fontfamily);font-size:20px;line-height:22px;fill:var(--white);}









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

#missions {
	background-color : var(--white);
	padding: 100px 0;
}

#missions .icon-up-container {
text-align:center;
padding:0;
}

#missions .et_pb_row {
padding: 1% 0;
}

#missions h2 {
color:var(--greystrong);
}

#missions h3 {
	color : var(--black);
}

#missions .cjweb-missionbox {
border-top : 3px solid transparent;
border-bottom : 3px solid transparent;
padding: 10px 0px 15px 0px;
}

#missions .cjweb-missionbox:hover * {
color:var(--contrast);
}
#missions .cjweb-missionbox:hover {
border-top : 3px solid var(--contrast);
border-bottom : 3px solid var(--contrast);
}

.three_pages + #missions  .icon-up-container, .three_pages + #missions  .cjweb-missionbox span  {
display:none;
}

.three_pages + #missions .cjweb-missionbox {
margin-top: 20px;
}

.three_pages + #missions .cjweb-missionbox span  {
padding-bottom: 0px;
}
.three_pages + #missions .cjweb-missionbox h3 {
padding-bottom: 0px;
}

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


#competences {
	background-color : var(--greylight);

}

#competences .et_pb_row {

}

#competences h2 {
text-align:center;
color:var(--greystrong);
}


#competences #departements {
margin : 20px 0 0 0;
}


#competences #departements .et_pb_text_inner {
display:flex;
flex-wrap:wrap;
}
#competences #departements .dept {
background-color:var(--white);
padding:25px 25px 30px 25px;
border-radius:10px;
margin:0px 20px 10px 0px;
font-weight:600;
font-size:42px;
line-height:40px;
}

#competences #departements .dept:hover {
color:var(--contrast);
}






























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

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


#module_tarifs {
 background-color : var(--black);
 padding-left : 5.5%;
 padding-right : 5.5%;
 padding-bottom:50px;
}
#module_tarifs * {
 color : var(--white);
}

#module_tarifs p {
padding-left:20px;
}


#tarifs {
	padding : 0;
	border:0px solid red;
}

#tarifs h2 {
padding-top:50px;
}



#tarifs .et_pb_row{
	padding : 0;
	width:100%;
	border:0px solid red;
}

#tarifs .et_pb_column {
border:0px solid green;
width:50%;
margin-right: 0;
}

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

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



#tarifs #col_map  {
display:flex;
align-items:flex-end;
}

#tarifs #col_infos .icon-up-container {
position:absolute;
left:-20px;
bottom:50%;
z-index:999999;
}

#tarifs #col_infos  {
background-color : var(--contrast);
}



#svg_tarifs .et_pb_column   {
padding:50px 0 50px 0;
}

#svg_tarifs .column2   {
background-color : var(--black);
}



#tarifs #col_map #cjweb-openstreetmap {
width:100%;
}








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

#contact {
	background-color : var(--greylight);
	/* padding:0; */
	}

#contact .icon-up-container {
text-align:center;
padding:0;
}

#contact h2{
	padding-bottom : 50px;
	color : var(--black);
}

#module_contact {
	width : 100%;
    padding-left : 5.5%;	
    padding-right : 5.5%;
	margin-bottom : 0px !important;
	padding-bottom:50px;
}

#module_contact div {
margin-bottom:10px;
} 


#cjweb-openstreetmap {
	bottom : 0;
	border:0px solid pink;
	width:100%;
    mix-blend-mode: luminosity;
    z-index:1;
}

#map_overlay {
width:100%;
background-color : var(--contrast);
height:50%;
position:absolute;
z-index:1;
}


#cjweb-openstreetmap .et_pb_image_wrap {
	bottom:0;
	border:0px solid purple;
	width:100%;
}

#cjweb-openstreetmap .et_pb_image_wrap img  {
	border:0px solid orange;
	width:100%;
}

#openstreetmapcopyright {
	font-size : 15px;
	border:0px solid red;
	position:absolute;
	z-index:2;
	width:100%;
	text-align:right;
	padding:10px;
	color : var(--black);
	font-weight:400;
}
#openstreetmapcopyright a {
    color : var(--black);
}


#carte_contact {
background-color : var(--white);
}

#carte_contact .et_pb_column_1 {
display:flex;
align-items:flex-end;
}

#carte_contact h2 {
color : var(--greystrong);
margin-bottom:20px;
}

#carte_contact .et_pb_column_0 {
/* background-color : var(--contrast); */
padding-top:50px;
}





/*FORMULAIRE*/


#cjweb-contactform form {
	padding : 0;
	border:0px solid red;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	flex-direction: row;
}

#cjweb-contactform .col_formulaire {
width:45%;
}

#cjweb-contactform .col_formulaire_left{
	border:0px solid orange;
}

#cjweb-contactform .col_formulaire_right{
	border:0px solid green;
}

#cjweb-contactform .captcha_formulaire_table td {
padding:0;
}

#cjweb-contactform .captcha_formulaire_table .entete-formulaire {
font-size : 14px;
line-height:14px;
border:0px solid red;
padding-right:50px;
}

#cjweb-contactform .captcha_formulaire_table img {
mix-blend-mode: multiply;
padding:0;
}


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

.entete-formulaire{
	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:10px;
}





.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 input[type="checkbox"]{
    width : 17px;
    height : 17px;
	flex-shrink: 0; 
    border-radius:5px;
}




#tarifs #col_infos .icon-up-container {
margin-left:auto;
margin-right:auto;
}





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

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

#cjweb-footer * {
	color : var(--white);
	font-size : 16px;
	line-height : 24px;
}



#cjweb-footer .et_pb_text_inner {
display:flex;
justify-content:space-evenly;
flex-direction:column;
font-size:14px;
}
#cjweb-footer .et_pb_text_inner div {
margin-bottom:10px;
text-align:left;
}




#texte_contenu {
border:0px solid red;
position:absolute;
top:0;
left:0;
bottom:0;
min-height: 100vh;
width: 200vw;
z-index:99999;
width:100%;
background-color : var(--black);
padding:80px 50px 100px 50px;
display:none;
}
#texte_contenu * {
color: var(--white);
}

#texte_contenu .et_pb_button {	
	background-color : var(--contrast);
	border : 0px;
	color : var(--white);
	margin-top:20px;
	text-align:center;
}



#cjweb-footer #cjweb-footer-menu {
border:0px solid red;
background:transparent;
}

#cjweb-footer #cjweb-footer-menu li {
width:100%;
margin-top:0;
margin-bottom:3px;
border-bottom:1px solid var(--white);
}


#cjweb-footer .et-last-child .et_pb_module {
border:0px solid red;
text-align:center;
}

#logo_footer {
z-index:1;
}





#cjweb-footerbar {
	padding : 15px 0 15px 0 !important;
	background-color : var(--black);
}

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

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






/* 

content:'';
position:absolute;
background-size: 100% auto;
background-position: left center;
width:50%;
left:0;
top:0;
height:100%;
background-repeat: no-repeat;
background-blend-mode: hard-light;
background-image:var(--image),linear-gradient(180deg,var(--contrast) 0%,var(--contrast) 100%);
 
 #cjweb-hero,
#svg_tarifs,
#cjweb-header 
 
 
 */






/*** 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-hero:before,
#svg_tarifs:before {
background-size: 100% auto;
background-position: left bottom;
width:70%;
}
	
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

#cjweb-hero:before {
background-size: 100% auto;
background-position: left bottom;
margin-bottom: 50px;
width:100%;
}

#svg_tarifs:before {
background-size: 150% auto;
background-position: left bottom;
margin-bottom: 50px;
width:100%;
}

#cjweb-header:before {
background-size: 100% auto;
background-position: left center;
margin-bottom: 50px;
width:100%;
}






#cjweb-hero .et_pb_row {
width:100%;
display:flex;
flex-direction:column-reverse;
}

#cjweb-hero .et_pb_column_1 {
padding-top:70px;
}

#cjweb-hero .et_pb_column_0  {
width:100%;
height:100%;
border: 0px solid pink;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

#module_svg_carte #carte {
	max-height : 400px;
}

#cjweb-hero .et_pb_column_1  {
padding-bottom:50px;
}

#cjweb-hero .et_pb_column_0 #overlay_column_container,
#cjweb-menu .et_pb_menu__menu,
#tarifs .icon-up-container,
#cjweb-hero.one-page #cjweb-logo,
#cjweb-hero.one-page #cjweb-logo-subtitle,
#cjweb-hero.one-page #cjweb-menu
{
display:none;
}

#tarifs .et_pb_column {
  width: 100%;
}

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



.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}




#cjweb-header,
#svg_tarifs {
background-size: cover;
background-position: center center;
background-blend-mode: hard-light;
margin-bottom:0px;
}
#cjweb-header .et_pb_row {
padding-top:100px !important;
width:100%;
}
#cjweb-header .et_pb_column_1_tb_header {
background-color : var(--white);
}



#cjweb-hero .et_pb_column_1 {
padding-right:5.5%;
}
	

}	

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


}






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


#cjweb-footer #headerbar {
z-index:9999 !important;
border:0px solid black;
}

#cjweb-footer .cta_tel {
position:fixed;
right:0;
bottom:100px;
background-color: #FF1654;
padding:20px 0 16px 5px;
border-radius:20px 0 0 20px;
font-weight:bold;
margin-bottom:0px !important;

}
#cjweb-footer .cta_tel {

}

#cjweb-footer .cta_tel .cta_tel_icon {
font-size:32px !important;
color : var(--white);
}
 
#cjweb-footer .cta_tel_number {
display:none;
}
#cjweb-footer .cta_tel:hover {
background-color: var(--contrast);
}


#competences #departements .dept {
font-size:32px;
line-height:28px;
}


#module_presentation p {
  font-size: 28px;
  line-height: 28px;
}


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	

	
}