:root {

--white : #ffffff; 
--black : #000;
--dark : #423131;
--light : #F2EEE7;

}




body#cjweb-body{
	font-family:"Montserrat";
	font-weight:300;
	color : var(--white);
	font-size : 22px;
	line-height : 35px;
	background:var(--dark);

	
}


body:not(".home") h1{
	font-size : 40px;
	font-weight : 700;
	color : var(--white);
}

.home h1{
	line-height: 40px;
	font-size : 35px;
}

h2{
	font-weight : 300;
	font-size : 35px;
	color : var(--white);
	margin-bottom:25px;
}

h3{
	
	font-size : 25px;
	font-weight : 800;
	line-height : 48px;
	color : var(--white);
}


.bold{
	font-weight : bold;
}
/*
.overlay{
}
*/

/* section transpartente par défaut */
.et_pb_section{
	background-color: rgba(255,255,255,0) !important;
}

.et_pb_section.bkglight{
	background-color:var(--light) !important;
}


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

.bkglight *{
	color : var(--dark);
} 

.bkglightanddark{
  
  background: linear-gradient(to bottom, var(--light) 75%, var(--dark) 75%);
}

.bkgdarkandlight{
  
  background: linear-gradient(to bottom, var(--dark) 50%, var(--light) 50%);
}



/*** BOUTON ***/

.et_pb_button_module_wrapper {
margin-top:40px;
}

.et_pb_button_module_wrapper .et_pb_button {
	border: 0px;
	width: 100%;
	border-radius: 0;
	font-size: 18px;
	padding: 12px 25px;
}

.et_pb_button_module_wrapper .et_pb_button:hover {
	border: 0px;
	width: 100%;
	border-radius: 0;
	padding: 12px 40px 12px 25px;

}

.et_pb_button:hover {
	cursor:pointer;
	background-color:var(--dark);
	color:var(--light);
}

.et_pb_button_module_wrapper .cjweb-light-button{
	background:var(--white);
	color:var(--dark);
	border: 1px solid var(--dark);

}

.et_pb_button_module_wrapper .cjweb-light-button.et_pb_button:hover{
	background:var(--dark);
	color:var(--white);
	border: 1px solid var(--white);
}

.et_pb_button_module_wrapper .cjweb-dark-button{
	background:var(--dark);
	color:var(--white);
	border: 1px solid var(--white);
}

.et_pb_button_module_wrapper .cjweb-dark-button.et_pb_button:hover{
background:var(--white);
color:var(--dark);
border: 1px solid var(--dark);
}

.et_pb_button_module_wrapper > a {
	display: unset;
}

.et_pb_button::after, .et_pb_button::before {
	font-size: 22px;
	line-height: 1.7;
	content: "\45";
	opacity: 0;
	position: absolute;
	margin-left: -1em;
	-webkit-transition: all .2s;
	transition: all .2s;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	/* left: 0px; */
	right: 10px;
}

.et_pb_bg_layout_light.et_pb_module.et_pb_button, .et_pb_button{
	color : var(--dark);
	border : 1px solid var(--dark);
}

.et_pb_bg_layout_light.et_pb_module.et_pb_button:hover, .et_pb_button:hover{
	color : var(--white);
	background-color : var(--dark);
}


/*** scrolltop  ***/

.et_pb_scroll_top.et-pb-icon {
	text-align: center;
	background: var(--white);
	position: fixed;
	z-index: 99999;
	bottom: 125px;
	right: 40px;
	border-radius: 0;
	display: none;
	cursor: pointer;
	font-size: 30px;
	padding: 5px;
	width:50px;
	height:50px;
	color: var(--dark);
	transform: rotate(-20deg);
	transition:all 0.2s;
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
}




.et_pb_scroll_top::before {
	position: absolute;
	transform: rotate(20deg);
	top: 4px;
	left: 6px;
	font-size: 40px;
			transition:all 0.4s;
}

.et_pb_scroll_top.et-pb-icon:hover {
		transform: rotate(0deg);
}


.et_pb_scroll_top.et-pb-icon:hover.et_pb_scroll_top:before {
		transform: rotate(0deg);
}




/**********************/


/* SYSTEME DE CADRES fond blanc, appliqué par exemple sur la ligne du bloc 1 de la home*/

.framed-structure{
  position: relative;
  padding: 50px !important;
  margin: 0 auto;
  box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
  -webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
  -moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
  z-index : 0	;
}


.et_pb_module.framed-structure{
  
    margin : 40px 20px !important;
}

.et_pb_column.framed-structure {
   margin : 40px 20px 40px 0px !important;
}


.framed-structure *{
	color:var(--dark);
}

.framed-structure::before{
   position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  visibility: initial;
  rotate: 0.4deg;
  margin: 0 auto;
  left: 0px;
  top:  0px;
  z-index: -2;		

}

.framed-structure::after{
  position: absolute;
  content: '';
  width: calc(100% + 80px);
  height: calc(100% + 80px);
  background-color: #ffffffad;
  visibility: initial;
  rotate: 0.4deg;
  margin: 0 auto;
  left: -40px;
  top: -40px;
  z-index: -2;	
}



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


.et-l--header {
	position: absolute;
	width: 100%;
}

#cjweb-headernav, #cjweb-headerbar{

	padding: 0;
}

#cjweb-headernav .et_pb_menu__logo img[src$=".svg"] {
	height: 120px;
}

#cjweb-headernav li.et_pb_menu__logo-slot {
	flex-grow:1;
}


#cjwebm1-headerbar .et_pb_row{
	padding:0!important;
}



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

#cjweb-headerbar-content span.cjweb-icon {
	padding: 0px 8px 0px 25px;
	

}

#cjweb-headerbar-content div div {
display:inline-block;

}

#cjweb-headerbar-content span.cjweb-icon:first-child {
	padding: 0px 8px 0px;
	color: var(--dark);

}

#cjweb-headernav {
	background-color: var(--white);
	position: relative;
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
}

#cjweb-headernav::after {
	content: '';
	position: absolute;
	bottom: -5px;
	width: 100%;
	height: 5px;
	background: #ffffff7a;
}


#cjweb-headernav .et_pb_row{
	display : flex;
	
	align-items : center;
	
}


/*MENU*/

#cjweb-headernav .current-menu-item a {
  color: var(--contrast) !important;
  font-weight: 800 !important;
}

.et_pb_menu__logo{
	max-width:280px;
	overflow:initial;
}

.et_pb_menu .et_pb_menu__wrap {
	justify-content: space-around;
	width:100%;
}

.et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu > nav, .et_pb_menu .et_pb_menu__menu > nav > ul {
	width:100%;
}

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

#cjweb-headernav .et-menu a{
	color : var(--dark);
	font-size : 20px;
	font-weight:200;
	transition:all 0s;
	font-family:'Montserrat';
}


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

#cjweb-headernav .et_pb_menu .et_pb_menu__menu > nav {
	width: 100%;
}

#cjweb-headernav .et_pb_menu .et_pb_menu__menu > nav > ul {
	align-items: center;
	justify-content: space-between;
}
#cjweb-headernav a{
	padding:  0;
}

#cjweb-headernav .et-menu-nav .nav-jepaieparcarte{
	border : 1px solid var(--dark);
	
}




/***************************************/
/*                 HOME                */
/***************************************/

/**** HERO repris ****/


.cjweb-home-hero-section {
	height: 1200px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}


.cjweb-home-hero-line{
	z-index:1;
	position:relative;
	top:250px;
	display:block;
}

.cjweb-home-hero-title {
	padding: 55px 70px 75px;
	position: relative;
	transform: skew(10deg) rotate(-2deg);
	
}

.cjweb-home-hero-title .h1main {
	position: relative;
	z-index: 1;
	width: fit-content;
	margin-bottom: 15px;
	font-weight : 700;
	font-size: 40px;
}

.cjweb-home-hero-title .h1main::after {
	content: '';
	position: absolute;
	width: calc( 100% + 10px );
	height: 4px;
	background: var(--contrast);
	bottom: 0px;
	z-index: -1;
	left: -5px;
	transform: skew(-10deg, 0deg) rotate(0.5deg);
}




.cjweb-home-hero-line .cjweb-home-hero-title-column {
	margin: 0 auto;
	position: relative;
	background: #fffffff7;
	transform: skew(-10deg, 0deg) rotate(2deg);
	outline: 40px solid #ffffffb0;
	box-shadow: 0px 3px 6px #0000000D;
}






/********************************/
/*            PAGE              */
/********************************/



.cjweb-page-hero {
	height: 500px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}


.et_pb_section.cjweb-page-titre-section{
	background: var(--light)!important;
}


.cjweb-page-titre-section h1{
	font-weight:700;
	font-size:50px;
	color : var(--dark);
}



/*CARTE*/
.zone-cour-appel > div {
  display: flex;
}



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


.wpcf7 form .wpcf7-response-output {
	float: inline-start;
}

.cjweb-contact {
	position: relative;
	top: -450px;
	max-width: 1400px;
	width:90%;
	background: white;
	padding: 50px;
	margin: 0 auto -650px auto;
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
}
.cjweb-contact::after {
	position: absolute;
	content: '';
	width: calc(100% + 80px);
	height: calc(100% + 80px);
	background: #ffffffad;
	visibility: initial;
	rotate: 0.4deg;
	margin: 0 auto;
	left: -40px;
	top: -40px;
}


.cjweb-page-contact {
	position: relative;
	max-width: 1400px;
	background: white;
	padding: 50px;
	margin: 0 auto 300px auto;
	box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 18px -5px rgba(0,0,0,0.20);
}

.cjweb-page-contact::after {
	position: absolute;
	content: '';
	width: calc(100% + 80px);
	height: calc(100% + 80px);
	background: #ffffffad;
	visibility: initial;
	rotate: 0.4deg;
	margin: 0 auto;
	left: -40px;
	top: -40px;
}

.cjweb-page-contact::before {
	position: absolute;
	content: '';
	height: 50%;
	background: var(--light);
	visibility: initial;
	z-index: -2;
	left: calc(0px - (50vw - 700px));
	right: calc(0px - (50vw - 708px));
	top: 0;
	margin: ;
	display: block;
}


.cjweb-contact-block.et_pb_row{
	width:80%;
}

.cjweb-contactform input.text, .cjweb-contactform input.title, .cjweb-contactform input[type="email"], .cjweb-contactform input[type="password"], .cjweb-contactform input[type="tel"], .cjweb-contactform input[type="text"], .cjweb-contactform select, .cjweb-contactform textarea {
    width: 100%;
    border: 0px;
    padding: 18px 8px;
    color: var(--black);
    border: 1px solid var(--dark);
	font-size:18px;
}


.cjweb-contact-col-100 {
	width: 100%;
	float: left;
}

.cjweb-contact-col-50 {
	width: 50%;
	float: left;
	margin-top: 25px;
}

.cjweb-pad-r-25 {
	padding-right: 25px;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
}

.adc_mentions{
	font-size:12px;
	line-height:1.2;
}

.cjweb-contactinfo{
	margin-bottom : 0px !important;
	font-size : 16px;
	line-height: 1.2;
}


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

.cjweb-contactform .entete-formulaire p {
	margin-top: 25px;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 15px;
}

.indicates-required{
	font-size: 18px;
line-height: 1.2;
margin-bottom:25px;
}

.wpcf7-submit{
	width:100%;
}


.openstreetmapcopyright {
	font-size: 10px;
	line-height: 12px;
	top: -25px;
}

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



/*******FOOTER********  repris **/

.cjweb-footertitle {
	font-size: 40px;
}


.cjweb-footerinfo .et_pb_code_inner{
	
	display : flex;
	align-items : center;

}

.cjweb-footerinfo {
	margin-bottom: 25px !important;
	padding-left : 25px;
}

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


.cjweb-footer .et_pb_menu .et_pb_menu__menu > nav > ul {
  display: inline-block;
}

.cjweb-footer .et-menu li {
  border-bottom: 1px solid var(--white);
  padding-left: 0px;
  padding-right: 0px;
}



.cjweb-footer .et-menu a{
	color : var(--white);
	font-size : 22px;
	line-height: 28px;
}


.cjweb-footer .et_mobile_nav_menu{
	display:none !important;
}

.cjweb-footer  .et_pb_menu .et_pb_menu__menu{
	display:flex !important;
}

.cjweb-footer .et_pb_menu .et-menu{
	margin-left: 0px;
  	margin-right: 0px;
}

.cjweb-footerbar {
  padding: 0px !important;
  background-color : #ffffff !important;
}

.cjweb-footerbar * {
  color: var(--dark) !important;
  font-size: 14px;
}