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

.bkglight{
	background-color : var(--greylight);
}


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


.subtitle{
	font-size : 20px;
}

h1,h3,h4,h5{
	color : var(--black);
}

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

.bkglight h2{
	color : var(--black);
}

h1, h3 {
	font-weight : 900;
}

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

h2 {
	font-size : 40px;
	
}


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

.bold {
	font-weight : bold;
}


.et_pb_button, .et_pb_bg_layout_light.et_pb_module.et_pb_button {	
	background-color : var(--black);
	border : 0px;
	color : var(--white);
	border-radius:30px;
	
	min-height:50px;
	font-weight:bold;
	box-shadow: 0px 6px 12px var(--boxshadow);
}

.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);
	color : var(--black);
}

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

/*icomoon*/
.cjweb-icon {
  padding: 10px;
}

/* liste départements (réutilisable pour tout ul class deptwrapper et li class dept)*/

ul.deptwrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top : 20px;
}

.dept::marker {
  content: "";
}


.dept {
	display: inline-block; 
	background-color:var(--greylight);
	padding:25px 25px 30px 25px;
	border-radius:10px;
	margin:0px 20px 10px 0px;
	font-weight:600;
	font-size:35px;
	line-height:40px;
}

.dept:hover {
	color:var(--contrast);

}

.bkglight .dept {
	background-color:var(--white);
}

.maxwidth{
	max-width : 980px;
}

/************** menu en position fixed qui apparaît au scroll de la page ***********/

#top-menu li.current-menu-item > a {
  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);
}


/***** header bar (urgence constat, mail tel) ************/

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

/******** menu dans builder et page d'accueil ***********/


#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 page d'accueil ****/


#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%;
}

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


/******* hero et header des autres pages ***********/


#cjweb-header:before,
#cjweb-hero:before
 {
	content:'';
	position:absolute;
	background-size: cover;
	background-position: right 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%);
}

/******** header des autres pages *********/

#cjweb-header:before{
	background-position: bottom right;
}

#cjweb-header {
	padding: 0;
}



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



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


/********* presentation **********/

#module_presentation p {
	font-size:28px;
	color:var(--black);
	font-weight:400;
	line-height:34px;
}



/* CARTE SVG page d'accueil */

#module_svg_carte  {
	width:100%;
	height:100% !important;
	margin-bottom:0;
}

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

#module_svg_carte #carte {
	max-height : 600px;
	z-index:999999;
	width:100%;
}




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

.cjweb-missionboxes{
	padding: 0;
}

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

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

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


/********* TARIFS dans page mission ********/

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

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



/********* ZONE INTERVENTION ***********/

/* pour avoir texte à gauche et carte à droite*/
.zone-cour-appel > div {
	display : flex;
	
}

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



.openstreetmap{
	position : relative;
}

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


/*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:100%;
}

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




#cjweb-footer #cjweb-footer-menu {
	
	background:transparent;
}

#cjweb-footer #cjweb-footer-menu .et_pb_menu__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;
}