:root {

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

}




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

	
}


h1, h3{
	font-weight : 700;
	color : var(--dark);
}

h1{
	font-size : 40px;
	color : var(--dark);
}

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

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



.bold{
	font-weight : bold;
}

.overlay{
}

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

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


/*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);
}


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

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

}

#cjweb-headerbar-content span {
display:inline-block;
white-space: nowrap;
}

#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*/



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

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


.current{
	color : var(--contrast)!important;
	font-weight:800!important;
font-family:'Montserrat';

	
}

/**** HERO ****/


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


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

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

.cjweb-hero-title h1 {
	position: relative;
	z-index: 1;
	width: fit-content;
	margin-bottom: 15px;
}

.cjweb-hero-title p{
	padding-bottom: 0px;
}

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


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

/******Page Hero********/

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

/******page titre*****/

.cjweb-page-titre{
	background:var(--light);
}


.cjweb-page-titre-block h1{
	font-weight:700;
	font-size:60px;
}

.cjweb-page-titre-block p{
	font-weight:200;
	font-size:25px;
	width:100%;
	max-width:800px;
	margin-top:-25px;
}

/****page lien*******/
.cjweb-lien {
	background: var(--dark);
	height: 350px;
	margin-top: -300px;
}

.cjweb-lien .et_pb_row {
	top: -300px;
	margin-bottom: -350px;

}

.cjweb-lien .cjweb-lien-block{
	position: relative;
	background: white;
	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:1;
}

.cjweb-lien .cjweb-lien-block: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;
	z-index:-1;
}

/******SEPARATEUR******/

.cjweb-sep{
	z-index:-1;
}


/******page SEPARATEUR******/

.cjweb-page-sep{
padding:0 0!important;
max-height:50px!important;
min-height:50px!important;
}


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

.cjweb-etude {
	padding: 0 0 250px 0 !important;
	top: -450px;
	background: var(--light);
}

.cjweb-etude p{
	margin-left : 25px;
}




.cjweb-etude .et_pb_row .et_pb_text_inner{
 	padding : 50px 60px;
}

/********page etude*********/
.cjweb-page-etude {
	background: var(--light);
}

.cjweb-page-etude .et_pb_row {
	padding: 0 !important;
	top: -450px;
}


.cjweb-page-etude p{
	margin-left : 25px;
}


.cjweb-page-etude .et_pb_row .et_pb_text_inner{
 	padding : 50px 60px;
}


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


.cjweb-missions {
	position: relative;
	top: -600px;
	width:90%;
	max-width: 1400px;
	background: white;
	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);
}

.cjweb-missions .et_pb_row {
width:100%;
}

.cjweb-missionboxes p {

}

.cjweb-missions::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;
}
/********page missions********/

.cjweb-page-missions {
background:var(--light);
padding-top:0;
}


.cjweb-page-missions .cjweb-missionboxes {
margin-bottom:-75px;
}

.cjweb-page-missions .cjweb-missionbox {
	position: relative;
	max-width: 1400px;
	background: white;
	padding: 50px !important;
	margin: 0 25px 125px 25px !important;
	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: 1;
}
.cjweb-page-missions .cjweb-missionbox::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;
	z-index: -1;
}


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


.cjweb-competences.et_pb_section {
	background: var(--light);

}

.cjweb-competence-block {
	position: relative;
	top: -450px;
	width: 90%;
	max-width: 1200px;
	background: white;
	display: flex;
	padding: 50px !important;
	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);
	flex-wrap: wrap;
}
.cjweb-competence-block p {
margin-left:25px;
}

.cjweb-competence-block::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;
}

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

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

.cjweb-tarifs p{
	margin-left:25px;
}

.overlay {
	background:#423131;
}

.cjweb-tarifs {
	top: -550px;
	padding-top: 140px;
	z-index: -1;
}

/*****page tarifs*****/

.cjweb-page-tarifs *{
	color:var(--white);
	padding-bottom:50px;
}


/********* 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);
}

/* CARTE SVG */

#carte .st0 {
	stroke: var(--dark);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
fill:var(--white);
}
#carte .st1{fill:var(--contrast);}
#carte .st4{font-size:12px;line-height:12px;font-family:"Montserrat";}



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


.cjweb-footer-sep {
	top: -360px;
	margin-bottom: -300px;
	margin-top: 150px;
	position: relative;
}

.cjweb-footer-sep:after {
	position:absolute;
	width:100%;
	height:60px;
	background:var(--contrast);
	content:'';
	bottom:-60px;
}

.cjweb-footer{
	background-color : var(--black);
	color : var(--white);
}

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

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

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

}


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

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

.cjweb-footernav a{
	color : var(--white);
}

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

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

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

/*** 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) {}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
	.cjweb-lien .et_pb_row {
	width: 100%;
}
	
	.cjweb-competence-block p, .cjweb-etude p, .cjweb-tarifs p, .cjweb-page-tarifs p {
	margin-right: 25px;
}
	
	.cjweb-hero-title h1 {
	margin-left: -20px;
}
	
	.cjweb-missions, .cjweb-contact{
	width: 100%;
	padding:25px!important;
}

.cjweb-missions h2, .cjweb-contact h2 {
	margin-left: -20px;
}
.cjweb-tarifs {
	padding-top: 30px;
}

.cjweb-tarifs h2, .cjweb-page-tarifs h2 {
	margin-left: 5px;
}

.cjweb-page-tarifs p {
	padding-left: 20px;
}

.cjweb-etude .et_pb_row .et_pb_text_inner, .cjweb-page-etude .et_pb_row .et_pb_text_inner, .cjweb-lien .cjweb-lien-block {
	padding: 25px 5px!important;
}

.cjweb-lien .cjweb-lien-block p{
	padding-left: 25px!important;
}
	
	.entry-content .et_pb_row{
		width:100%;
	}
	
	body {
	font-size: 18px;
	line-height: 25px;
}
	#cjweb-headernav .et_pb_row{
		width:100%
		
	}
	
	#cjweb-headernav a {
	padding: 25px;
}

.et_mobile_menu {
height: 40vh;
}

.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu--style-inline_centered_logo .et_pb_row > .et_pb_menu__logo-wrap {
	align-items: flex-start;
}

/*.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo, .et_pb_menu--style-inline_centered_logo .et_pb_menu__logo img {
	margin: 10px;
}*/

.et_pb_menu .et_pb_menu__wrap {
	justify-content: flex-end;
	width: 100%;
	margin-top: -70px;
}


.mobile_menu_bar::before {
	font-size: 50px;
}

.cjweb-close::before {
	content: "\4d"!important;
	font-size: 50px;
}


.mobile_menu_bar {
	top: -50px;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
	line-height: 15px;
	height: 80vh;
}

.et_mobile_menu {
	border-top: 0px solid #2ea3f2;
}

#cjwebm1-headerbar.et_pb_row{
	width:100%
}

.cjweb-competence-block::after, .cjweb-missions::after, .cjweb-contact::after, .cjweb-lien .cjweb-lien-block:after, .cjweb-page-contact:after {
	rotate: 0deg;
	left: -80px;
}

.cjweb-page-missions .cjweb-missionbox::after {
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	left: -15px;
	top: -15px;
}

.cjweb-competence-block, .cjweb-lien-block, .cjweb-page-contact {
padding:10px 5px 50px 5px!important;
}

.cjweb-hero-title {
	transform: skew(0deg) rotate(0deg);
	padding: 30px 30px 50px;
}

.cjweb-hero-block .cjweb-hero-title-border {
	transform: skew(0deg, 0deg) rotate(0deg);
	outline: 25px solid #ffffffb0;
	width: 90%;
}


.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
	color: var(--dark)!important;
}

#main-content {
	padding-bottom: 150px;
}



	
}
	

/*** 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 .et_pb_column .et_pb_row_inner, .et_pb_row {
	width:90%;
}
	
	.cjweb-etude {
	top: -389px;
}
	
	.cjweb-contact-col-50 {
	width: 100%;
	float: left;
	margin-top: 0px; 
}

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

.cjweb-hero-block .cjweb-hero-title-border {
	transform: skew(0deg, 0deg) rotate(0deg);
	outline: 5px solid #ffffffb0;
	width: 100%;
}

.cjweb-hero-title {
	transform: skew(0deg) rotate(0deg);
}


.cjweb-page-missions .cjweb-missionbox {
	padding: 25px  !important;
	margin: 0 25px 50px 25px !important;
}


	
}

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