@import url("https://use.typekit.net/lqv2bot.css");
 
:root {

--white : #ffffff; 
--black : #071F27;
--dark : #083544;
--light : #35BADB;
--light2 : #14647F;
--light3 : #E0DDEC;
--contrast : #FF1654;

--borderRadius : 16px;
--immocolor : #53DFB5;
--ovvcolor : #8285c0;
}

/*#wpadminbar {
	display:none;
}*/


body{
font-family: 'Lato';
	/*background: rgb(241,207,207);
background: linear-gradient(149deg, rgba(241,207,207,1) 0%, rgba(212,215,240,1) 29%, rgba(207,217,246,1) 59%, rgba(235,245,255,1) 100%);*/
background-color:#f9f9f9;
position:relative;
min-height:100vh;
	line-height:1;
	color:var(--dark);
}


#main-content .container::before {
	width: 0px;

}


body::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	background-image: url('../img/cjweb-pattern4.png');
	background-size: 50px auto;
	opacity: 100%;
	background-blend-mode: revert;
	z-index: -1;
}

h1, h2, h3, h4 {
	font-family: "new-hero", sans-serif;
	font-weight: 600;
	font-style: normal;
	color:var(--light2);
	line-height:1.2;


}

.archive-content h1{
margin-left:15px;
}

h1.entry-title{
	font-size:70px;
	color:var(--dark);
}


h2{
	font-size:55px;
	color:var(--dark);
}




h3{
	font-size:30px;
}

h4 {
	font-size: 26px;
	line-height:1.5;
}

ul, li{
	font-family: "Lato", sans-serif;
	font-weight: 500;
	font-style: normal;
	color:var(--light2);
	line-height:1.2;
	font-size:22px;
}

.ulnormal > li{
padding-bottom : 15px;
	
}
.ulnormal .ulnormal{
	padding-left : 30px;
}
.ulnormal .ulnormal> li{
padding-bottom : 5px;
	
}


a{color:var(--light);font-weight:700;}
a:focus{text-decoration:underline;}

.comingsoon h1 {
	font-size: 4.5vw !important;
		text-align: center;
			color: var(--contrast);
}

.comingsoon h3 {
	font-size: 1vw !important;
		text-align: center;
			color: var(--dark);
}

p {
	font-family: 'Lato';
	font-size: 22px;
	color: var(--dark);
	line-height: 1.25;
	padding-bottom:0.8em;
}

blockquote {
	border-color: var(--light);
	font-style:italic;
}

.cjweb-logo{
	width:400px;
	margin:0 auto!important;
}

#main-content{
	background:rgba(255,255,255,0);
}

.cjweb-text-page-col .cjweb-text-page-contenu{
	display: flex;
	flex-direction: column;
	border: 1px solid var(--light);
	border-radius: var(--borderRadius);
	margin: 25px 0 50px 0;
	background: rgba(255,255,255,0.4);
	transition: all 0.2s;
	padding:25px;
}

.cjweb-text-page-col .cjweb-text-page-contenu h2{
font-size:35px;
}

/*cjweb domain name checker*/
#cjweb-dom-form-wrapper {
	position: relative;
	display: block;
	margin: 25px;
	padding: 25px;
	border: 1px solid var(--contrast);
	border-radius: var(--borderRadius);
	background: var(--light3);
}

#cjweb-dom-form-wrapper #domain-search-input {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin:25px 0;
}

#cjweb-dom-form-wrapper #domain-search-input input {
width:calc(100% - 100px);

}

#cjweb-domain-result{
	margin:25px;
	
}

#cjweb-domain-result span {
	background: white;
	padding: 11px 4px;
	margin: 0 13px;
	color: var(--dark);
}

#cjweb-dom-form-wrapper #domain-search-input select {
    width: 80px;
    flex: 0 0 80px;
}
/*boarding form*/

    .highlighted {
      opacity:0.5;
	  background:red;
    }

.cjweb-boarding-form-wrapper {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

.cjweb-boarding-form-wrapper h2{font-size:26px;}
.cjweb-boarding-form-wrapper h2:first-letter{font-size:36px;color:var(--contrast);border-right:1px solid var(--light);padding:0 10px 0 0;margin:0 10px 0 0;}

.cjweb-boarding-form-wrapper ul.acf-radio-list li, .cjweb-boarding-form-wrapper ul.acf-checkbox-list li {
	font-size: 18px;
	line-height: 1.5;
	margin: 15px 0;
	color: var(--dark);
}

.cjweb-boarding-form-wrapper .acf-form-submit{
	text-align:right;
}
.cjweb-boarding-form-wrapper .acf-color-picker input[type="text"] {
	background-color: white;
	border: 1px solid var(--light);
	padding: 15px 10px !important;
	color: var(--dark);
	border-radius: 4px;
	height: 25px;
	font-size: 12px !important;
}

.cjweb-boarding-form-wrapper .acf-form {
	background: white;
	border: 1px solid var(--contrast);
	padding: 25px;
	border-radius: var(--borderRadius);
	padding-bottom: 50px;
}

.cjweb-boarding-form-wrapper .acf-form .acf-button{
font-size:18px;
}


.cjweb-boarding-form-wrapper .acf-form .acf-field .acf-label label {
	font-size: 22px;
	line-height: 1.5;
	font-weight: 300;
}
.cjweb-boarding-form-wrapper .navigation {
	position: relative;
	bottom: 50px;
	left: 25px;
	/* margin-top: 6px; */
}

.cjweb-boarding-form-wrapper p.explan {
	padding-top:20px;
	padding-bottom:10px;
border-top:1px solid #D0D0D0;
}



.begin-form{
	min-height:400px;
}

.boarding_modeles_exemples {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.boarding-modeles-img{min-width:100px;max-width:150px;padding:5px}

.boarding-modeles-img img{border-radius:5px;opacity:50%;}
.selected-modele img {
	outline: 2px solid var(--contrast);
	opacity: 100%;
}

#modeles_exemples .cjweb-col-circle {
	width: 14px;
	height: 14px;
	border-radius: 100px;
	margin: 0 5px;
	position: relative;
	top: -20px;
}

.cjweb-boarding-form-wrapper p{
font-size:16px;
}

.acf-fields > .acf-field {
	padding: 50px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: var(--contrast);
}


.selected-modele p {
font-weight:900;
}


.boarding-steps {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin: 50px 0;
	position: relative;
	z-index: 1;
}
.boarding-steps:after {
content:'';
position:absolute;
width:100%;
height:1px;
background:var(--light);
top:25px;
z-index:-1;
}


.boarding-steps .step {
	border: 1px solid var(--light);
	border-radius: var(--borderRadius);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:var(--light);
	background:white;
}




.boarding-steps .current-step{font-size:22px;color:var(--contrast);}

.cjweb-boarding-form-wrapper .group-result {
	margin: 25px 0;
	padding: 15px;
	background: white;
	border-radius: var(--borderRadius);

}
#group-result-id{display:none;}

#toggle-form-results{margin:25px 0;position:relative;display:block;}

.cjweb-boarding-form-wrapper .group-result h3 {
color:var(--dark);
font-size:28px;
}

.cjweb-boarding-form-wrapper .group-result li {
color:var(--dark);
margin:15px 0;
border-bottom:1px solid var(--light3);
padding:25px 0;
}

.cjweb-boarding-form-wrapper .group-result li b {
color:#6E8185;

}

.cjweb-boarding-form-wrapper .group-result h3:first-letter {
	font-size: 30px;
	color: var(--contrast);
	border-right: 1px solid var(--light);
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
}


.cjweb-boarding-form-wrapper .group-result a {
	border: 1px solid var(--dark);
	border-radius: var(--borderRadius);
	padding: 10px 15px;
	position: relative;
	text-align: center;
	margin: 50px auto;
	display: block;
	max-width: 400px;
}

.cjweb-boarding-form-wrapper .group-result a:hover {
cursor:pointer;
}
/**cjweb-projects***/

ul.cjweb-projects {
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0px 0 15px 0;
	flex-wrap: wrap;
}

ul.cjweb-projects a{
color:var(--dark);
font-size:16px;

}


ul.cjweb-projects li {
	width: 33%;
	padding: 15px;
	position: relative;
	min-width: 240px;
}

ul.cjweb-projects li:focus{
outline:1px solid var(--contrast);
	
}


ul.cjweb-projects li span {
	position: absolute;
	display: none;
	font-size: 12px;
	color: var(--light2);
	z-index: 2;
	text-align: center;
	top: 80px;
	left: 0;
	right: 0;
}

ul.cjweb-projects li:hover span{
display:block;
}



ul.cjweb-projects img{
border-radius:11px;
position:relative;
transition:all 0.2s;
}

ul.cjweb-projects li:hover img{
opacity:0.2;		
}


/*********************IMMO / OVV*********************/

.immo h1, .ovv h1 {font-size:50px;}

.immo h2, .ovv h2 {
	background: var(--light2);
	border-radius: var(--borderRadius);
	padding: 50px 40px 34px;
	border: 1px solid var(--light);
	color: white;
	margin-bottom: 50px;
}

.immo .cjweb-exemples-block {
	border: 1px solid var(--immocolor);
}
.ovv .cjweb-exemples-block {
	border: 1px solid var(--ovvcolor);
}


.immo .cjweb-exemples-line {
	border-bottom: 1px solid var(--immocolor);
}
.ovv .cjweb-exemples-line {
	border-bottom: 1px solid var(--ovvcolor);
}


.immo .immo-module .et_pb_code_inner, .ovv .ovv-module .et_pb_code_inner {
	position: relative;
	/* overflow: hidden; */
}


/*
.immo .immo-module .et_pb_code_inner::after {
	content: '';
	width: 100%;
	position: absolute;
	z-index: 0;
	bottom: -99px;
	left: 0;
	height: 240px;

	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.2) 100%);
}*/

.immo .immo-module .et_pb_code_inner.removefog::after, .ovv .ovv-module .et_pb_code_inner.removefog::after {
	content: '';
	width: 100%;
	position: absolute;
	z-index: 0;
	bottom: -99px;
	left: 0;
	height: 0px;
	background: rgba(255,255,255,0);
}

.immo-lire-plus, .ovv-lire-plus {
	text-align: right;
	/* text-decoration: underline; */
	position: absolute;
	z-index: 1;
	width: fit-content;
	padding: 0px 20px;
	background: white;
	border-radius: 15px;
	border: 1px solid var(--light);
	margin-top: 6px;
	right: 025px;
	cursor: pointer;
	line-height: 2;
}

.immo-lire-plus:hover, .ovv-lire-plus:hover {
background:var(--light);
color:white;
}

.immo-module-body-extra, .iovv-module-body-extra {display:none;}



.immo .immo-module, .ovv .ovv-module {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	border: 1px solid var(--light);
	border-radius: var(--borderRadius);
}

.immo .module-title {
	border-radius: var(--borderRadius);
	padding: 25px 25px 10px 25px;
	background: var(--immocolor);
}
.ovv .module-title {
	border-radius: var(--borderRadius);
	padding: 25px 25px 10px 25px;
	background: var(--ovvcolor);
}


.immo .module-title img, .ovv .module-title img  {
width:200px;
}

.immo .module-body, .ovv .module-body {
background:white;
padding: 25px;
	border-radius: var(--borderRadius);

}

.immo .module-title p, .ovv .module-title p  {
color:white;
}

.immo .module-title span, .ovv .module-title span {
	top: -20px;
	position: relative;
	color: white;
	font-weight: 900;
	margin-left: 10px;
}

.immo .cjweb-tarifs-block, .ovv .cjweb-tarifs-block { padding:25px;}

.immo .pricing-wrapper, .ovv .pricing-wrapper {
	display: flex;
	flex-wrap:wrap;
	gap: 25px;
	justify-content: end;
	margin-top: 25px;
}
.immo .pricing-option, .ovv .pricing-option {
	min-width: 200px;
	/* height: 150px; */
	border-radius: var(--borderRadius);
	border: 1px solid var(--light);
	/* padding: 25px; */
	margin-top: 25px;
	width: fit-content;
}


.immo .pricing-detail, .ovv .pricing-detail {
	font-size: 40px;
	color: var(--light2);
	font-weight: 900;
	text-align: center;
	padding: 25px;
}
.immo .cjweb-tarifs-cta-price-flex, .ovv .cjweb-tarifs-cta-price-flex {
	display: flex;
	flex-direction: row;
	border-top: 1px solid var(--light);
	justify-content: end;
}

.immo .cjweb-price, .ovv .cjweb-price {
	text-align: right;
	font-size: 35px;
	margin: 0 0 20px;
}

.immo .options-wrapper blockquote, .ovv .options-wrapper blockquote {
	margin: 0;
	border-left: 0px solid;
	padding-left: 0px;
}

.immo .options-wrapper blockquote p, .ovv .options-wrapper blockquote p {
	text-align: right;
	color: var(--contrast);
	font-size: 25px;
	font-weight: 900;
	position: relative;
	margin-top: 25px;
}

.immo .options-wrapper blockquote p::after, .ovv .options-wrapper blockquote p::after {
	content: 'HT';
	font-size: 17px;
	font-weight: 400;
	color: var(--dark);
	position: absolute;
	top: -13px;
	font-family: 'Lato';
	right: -2px;
	font-style: italic;
}



.immo .module-body .pricing-detail, .ovv .module-body .pricing-detail {
	font-size:16px;
}

.immo .cjweb-price span, .ovv .cjweb-price span {
	font-size: 16px;
	font-weight: 400;
	color: var(--black);
	border-bottom: 1px solid var(--light);
	padding-bottom: 8px;
}

/**tooltip*/

.cjweb-tooltip {
    position: relative;
    cursor: pointer;
}

.cjweb-tooltip::after {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background: var(--contrast);
	content: 'i';
	color: white;
	text-align: center;
	top: -6px;
	font-size: 13px;
	right: -19px;
	outline: 1px solid white;
	padding-top: 0px;
}


.cjweb-tooltip:before {
	content: attr(content);
	position: absolute;
	background-color: var(--dark);
	color: var(--light3);
	padding: 8px 11px 14px 11px;
	border-radius: 10px;
	opacity: 0;
	display:none;
	transition: opacity 0.2s, visibility 0.2s;
	z-index: 1;
	width: 350px;
	bottom: 35px;
	font-size:14px;
	line-height:1.2;
	right:0;
}

.cjweb-tooltip:hover:before, .cjweb-tooltip:focus:before {
    opacity: 1;
    display: block;
}


/*complianz text*/

#cmplz-document h2 {font-size:35px;} /* titles in complianz documents */
#cmplz-document h2.annex{} /* titles in annexes */
#cmplz-document .subtitle.annex{} /* subtitles in annexes */
#cmplz-document, #cmplz-document p, #cmplz-document span, #cmplz-document li {max-width:100%;font-size:18px;font-weight:400;} /* text */
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
background:white;
color:var(--dark);
}

#cmplz-document, #cmplz-document p, #cmplz-document span, #cmplz-document li {
color:var(--dark);
}
#cmplz-cookies-overview .cmplz-service-desc {} /* service description */
#cmplz-document.impressum, #cmplz-document.cookie-statement, #cmplz-document.privacy-statement {} /* sty


/******** back tot top *******/

#cjweb-top {
	position: fixed;
	bottom: 100px;
	right: 25px;
	background-color: var(--contrast)!important;
	border-radius: var(--borderRadius);
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
margin:0!important;
padding:0!important;
display:flex;
justify-content:center;
	transition:height 1s;
}

	.cjweb-call-mobile{display:none;}
	.cjweb-call-desktop{display:block;position:relative;transition:all 0.5s;}
	
.cjweb-call-desktop::after {
 transform: rotate(90deg);
 content:'';
}

.cjweb-call-desktop:hover::after {
	display: block;
	position: absolute;
	width: fit-content;
	height: calc(100% - 14px);
	background: white;
	right: 40px;
	top: 0;
	content: attr(content);
	color: var(--contrast);
	font-size: 25px;
	font-family: 'Lato';
	border-radius: 10px 0 0 10px;
	padding-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
  transition: all 0.2s!important;
  transform: rotate(0deg);
}

#cjweb-top .cjweb-top-block {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	transition:all 1s;

}
	
#cjweb-top .cjweb-top-block a, #cjweb-top .cjweb-top-block span {
	font-size: 30px;
	background: #DD184C;
	color: var(--white);
	border-radius: 10px;
	padding: 10px 0;
	margin: 5px;
	width: 50px;
	height: 50px;
	text-align: center;
box-shadow: 0px 1px 1px -2px rgb(0, 0, 0, 0.2);
	transition:all 0.2s;
	text-shadow: -1px 1px 3px rgba(0,0,0,0.2);
}

#cjweb-top .cjweb-top-block a:hover, #cjweb-top .cjweb-top-block span:hover {
	background: var(--white);
	color:#DD184C;
	cursor:pointer;
}
#cjweb-up{display:none;}

/********** menu **********/
.cjweb-menu-mar-top{margin-top:80px!important;}

#menu-main-menu h3, #mobile_menu1 h3{
	display:none;
}


.cjweb-menu .et-menu a {
	color: var(--dark);
	font-weight:500;
	font-size:22px;
	position:relative;
	z-index:0;
}
.cjweb-menu .et-menu a:hover {
	opacity: 100!important;

}
.cjweb-menu {
	border-radius: 0 0 16px 0;
	transition: all 0.5s;
	width: 740px;
	border: 0px;
	z-index: 99;
	padding-right: 0px !important;
	position:relative;
}

.cjweb-menu-inverted-radius {
	position: relative;
}


.cjweb-menu-inverted-radius:after {
	content: '';
	position: absolute;
	background-color: #FCFCFC00;
	bottom: 0px;
	height: 100%;
	width: 25px;
	border-bottom-left-radius: 25px;
	box-shadow: 0 25px 0 #fafafa;
	right: -25px;
}

.home .cjweb-menu-inverted-radius:after {
display:none;
}

.et_pb_section {
	background-color: #fff0;
}

.cjweb-menu .et-menu a::before {
	position: absolute;
	content: '';
	width: 0%;
	background: white;
	height: 38px;
	bottom: 20px;
	z-index: -1;
	border-radius: 11px;
	padding: 0px 10px 0 10px;
	left: -10px;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
	transition: all 0.2s;
	opacity: 0;
}
.cjweb-menu .et-menu a:hover:before  {
width:100%;
opacity:100;
}


.cjweb-menu.et_pb_menu .et-menu > li {
	padding-left: 30px;
	padding-right: 15px;
}

.cjweb-menu .et_pb_menu__logo {
	width: 155px;
}

.fixme{z-index:999;}

/****** formulaire *******/

.wpcf7-form {
	background: white;
	border-radius: var(--borderRadius);
	padding: 50px;
}

.wpcf7-form p {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 5px;
	padding-bottom: 0;
}

.entree-formulaire{
	margin:25px 0;
}

input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="number"] {
	background-color: white;
	border: 1px solid var(--light);
	padding: 25px 10px!important;
	color: var(--dark);
	width: 100%;
	border-radius: 8px;
	height: 25px;
	font-size: 22px!important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	border: 1px solid #00a0d2;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	background: var(--dark);
	margin: 0 auto;
	text-align: center;
	padding: 25px;
	color: white;
	z-index: 9999999999999999999999;
	font-size: 22px;
}


select {
	background-color: white;
	border: 1px solid var(--light);
	color: var(--dark);
	width: 100%;
	border-radius: 8px;
	height: 50px;
	font-size: 22px;
}

textarea {
	background-color: white;
	border: 1px solid var(--light);
	padding: 25px 10px;
	color: var(--dark);
	width: 100%;
	border-radius: 8px;
	font-size: 22px;
}

.wpcf7-list-item {
	margin: 0;
}

.indicates-required p {
	color: var(--contrast);
	font-weight: 700;
}

.adc_mentions {
	font-family: 'Lato';
	font-weight: 400;
	font-size: 14px;
	color: var(--dark);
	line-height: 1.5;
}


/******timer*****/

.ycd-simple-content-wrapper-16 .ycd-simple-countdown-number, .ycd-simple-content-wrapper-16 .ycd-simple-timer-dots {
	font-size: 8vw!important;
	font-family: 'Lato'!important;
	font-weight: 900!important;
	color: white!important;
text-shadow: 2px 2px 2px rgba(0,0,0,0.14);

}

.ycd-simple-timer-dots {
	display: inline-block;
	line-height: 1;
	margin: 0 3px;
	top: -32px;
	position: relative;
}


.ycd-simple-mode-textUnderCountdown{
	justify-content:center;
	display:flex;
}

/*******button******/

.et_pb_button {
	background: white;
	color: var(--light2);
	text-transform: uppercase;
	font-weight: 300;
	font-size: 22px;
	border-radius: 15px 15px 15px 0;
	border: 1px solid var(--dark);
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.1);
	padding: 12px 35px 12px 20px!important;
}

.et_pb_button b{
font-weight:900;
}


.et_pb_button::after {
  opacity: 1;
  margin-left: 0;
}

.et_pb_button:hover{
	background:var(--contrast);
	color:white;
	text-transform:uppercase;
	font-weight:300;
	font-size:22px;
	border-radius: 15px 15px 15px 0;
		border:1px solid var(--contrast)!important;
-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.15); 
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.15);
	padding: 12px 35px 12px 20px!important;
}

.et_pb_button::after, .et_pb_button::before {
	font-size: 32px;
	line-height: 1;
	content: "\39";
	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;
	top: 16px;
}


.cjweb-contrast-button {
	background: var(--contrast);
	color:white;
	display: table-cell;
	min-width: 150px;
	border:1px solid var(--contrast);
}

.cjweb-contrast-button:hover{
	background: white!important;
		border:1px solid var(--contrast);
			color: var(--dark)!important;
			cursor:pointer;
}


.cjweb-light-button {
	background: var(--light);
	color:white;
	display: table-cell;
	min-width: 150px;
	border:1px solid var(--light);
}

.cjweb-light-button:hover{
	background: white!important;
		border:1px solid var(--light);
			color: var(--dark)!important;
			cursor:pointer;
}

.cjweb-white-button {
	background: white;
	color: var(--light2);
	display: table-cell;
	min-width: 150px;
	border: 1px solid var(--light) !important;
	font-weight: 300;
}



.cjweb-white-button:hover, .cjweb-white-button:focus{
	background: var(--light)!important;
	color: white!important;
		border:1px solid var(--light)!important;
		cursor:pointer;
}

/****page hero*****/
#cjweb-page-hero{
	margin:100px 0 0px 0;
	padding:0!important;
}


/****** page d'accueil *****/

#removeheader{display:none;}

.cjweb-hero-txt-wrapper {
	padding-left: 25px !important;
	padding-bottom: 0px !important;
}


.cjweb-hp-title h1 {
	font-size: 55px;
	color: var(--dark);
	line-height: 1.3;
}

.cjweb-hp-title h2{font-size:25px;color:var(--dark);font-weight:400;margin:25px 0 50px 0;}

.cjweb-hp-title h1 span {
	background: var(--contrast);
	color: white;
	font-size: 35px;
	font-weight: 400;
	padding: 15px 15px 5px 15px;
	border-radius: var(--borderRadius);
	border: 1px solid var(--light);
	display: inline-block;
}

.cjweb-hp-img {
	position: absolute;
	height: 900px;
	max-width: 1400px;
	width: 100%;
	right: 0;
	border-radius: 0 400px 0 400px;
	z-index:1;
	opacity:0.95;
	background-image:linear-gradient(86deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3951446789653361) 55%, rgba(255,255,255,0) 100%), var(--imageHero);
}

.cjweb-hp-img::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 120%;
	right: 0;
	border-radius: 0 500px 0 500px;
	border: 1px solid #FF16548F;
	border-right:0px;
	z-index: -1;
	mix-blend-mode: multiply;
	top: -1px;
}


.cjweb-exemples-block {
	border-radius: var(--borderRadius);
	border: 1px solid var(--contrast);
	display: flex;
	flex-direction: column;
	margin-top: 15px;
}

.cjweb-exemples-block h3{
	padding: 25px;
	
}

img.gif{opacity:0.7;mix-blend-mode:multiply;}

.cjweb-exemples-line {
	border-bottom: 1px solid var(--contrast);
	padding: 25px;
	font-size: 22px;
	color: var(--dark);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.cjweb-exemples-line:last-child {
	border-bottom: 0px solid var(--contrast);

}

.cjweb-exemples-line span {
	font-size: 50px;
	width: 10%;
	min-width:100px;
}



.cjweb-exemples-line p {
	font-size: 22px;
	width: 90%;
}

.cjweb-hp-quote h2{color:var(--contrast);margin:25px 0;}

.cjweb-three-last-models {
	width: 1300px;
	margin: 0 auto;
}

.cjweb-hp-last-wrapper {
			margin:15px 0;
	display: flex;
	flex-direction: row;
	gap: 35px;

}


.cjweb-hp-last-img img{

	border-radius: var(--borderRadius);
	border:1px solid var(--light);
	transition:all 0.2s;
}

.cjweb-hp-last-img:hover img{
-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
cursor:pointer;
}

.cjweb-hp-last-link {
	position: absolute;
	right: 0;
	font-size: 18px;
}

.cjweb-hp-ccmp {
	margin:100px 0 50px 0;
}


.cjweb-hp-ccmp a{
	/*color:white;*/
}

.cjweb-hp-ccmp h2{
	margin-bottom:25px;
}

.cjweb-hp-ccmp ol {
	border-radius: var(--borderRadius);
	counter-reset: item !important;
	margin-left: 0;
	padding-left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 1px solid var(--light);
	margin-top: 15px;
}

.cjweb-hp-ccmp ol li {
	border-bottom: 1px solid var(--light);
	padding: 50px 25px 50px 100px;
	margin-left: 0px;
	display: block;
	font-size: 25px;
	position: relative;
	color: var(--black);
}

.cjweb-hp-ccmp ol li::marker{
	display:none;
}

.cjweb-hp-ccmp ol li:last-child{
	border-bottom:0px solid white;
}


.cjweb-hp-ccmp ol li::before {
	content: counter(item) "";
	counter-increment: item;
	width: 50px;
	margin-left: -50px;
	font-size: 35px;
	font-family: 'new-hero';
	position: absolute;
	top: 40%;
}

/********modeles******/




.cjweb-proj-block{
	display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}

.cjweb-proj-block-wrapper {
	display: flex;
	align-content: space-around;
	margin: 30px 0px;
	position: relative;
	height: fit-content;
	justify-content: space-evenly;
	max-width: 1620px;
	transition: all 1.5s;
	width: 100%;
	padding: 0 25px;
}


.cjweb-proj-block-wrapper:hover .cjweb-proj-img img {
height:110%;
}

.cjweb-proj-img {
	width: 35%;
	overflow: hidden;
	position: relative;
	border: 1px solid var(--light);
	border-radius: 16px 0 0 16px;
		transition:all 1.5s;
}

.cjweb-proj-img img {
	position: absolute;
	height: 100%;
	object-fit: cover;
	opacity: 100;
	transition: all .4s;
}

.cjweb-proj-info {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: auto;
	background: white;
	border-radius: 0 16px 16px 0;
	border: 1px solid var(--light);
	min-height: 370PX;
	position:relative;
}

.cjweb-proj-title {
	border-bottom: 1px solid var(--light);
	color: var(--light2);
	font-size: 25px;
	font-weight: 700;
	padding: 10px 25px 25px 25px;
}

.cjweb-proj-colors{
	display:flex;
	flex-wrap:wrap;
	border-bottom: 1px solid var(--light);
	color: var(--dark);
	font-size: 22px;
	font-weight: 400;
	padding: 10px 25px 25px 25px;

}

.cjweb-col-circle {
	width: 35px;
	height: 35px;
	border-radius: 100px;
	margin: 0 5px;
	position: relative;
	top: -3px;
}

.cjweb-col-circle-wrapper {
margin:0 25px;
display:flex;
}

.cjweb-proj-links {
	display: flex;
	color: var(--dark);
	font-size: 22px;
	font-weight: 400;
	padding: 10px 25px 25px 25px;
	flex-direction: column;
	flex-wrap: wrap;
}



.cjweb-proj-links p{
margin-bottom:25px;

}

.cjweb-proj-btn-wrapper{display:flex;justify-content:space-between;}
.cjweb-proj-btn-wrapper img{align-self: center;}

.cjweb-btn-op {
	border-color: var(--contrast);
	margin: 0 10px;
	min-width: 150px;
	display: inline-block;
}


.cjweb-btn-op span.icon-op {
	margin-right: 20px;
	font-size: 32px;
	top: 4px;
	position: relative;
}

.cjweb-btn-mp {
	border-color: var(--light);
	margin: 0 10px;
	min-width: 150px;
	display: inline-block;
}

.cjweb-btn-mp:hover{border-color:var(--light)!important; background:var(--light);}
.cjweb-btn-mp span.icon-mp {
	margin-right: 20px;
	font-size: 32px;
	top: 4px;
	position: relative;
}

/****   page modeles - les expliqations ****/

.cjweb-modeles-ex-wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 36px;
}


.cjweb-modeles-ex {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.cjweb-modeles-ex-col-50{width:48%;}

	.cjweb-modeles-page .cjweb-exemples-block {
width:100%;
margin-bottom:50px;

}

.cjweb-exemples-block ul, .cjweb-faq-block ul {
margin-top:20px;

}

.cjweb-exemples-block ul, .cjweb-faq-block ul li {
margin-top:10px;

}

	.cjweb-modeles-page .cjweb-exemples-block img, .cjweb-modeles-page .cjweb-exemples-block p {
margin:25px;
border-radius:8px;

}

	.cjweb-modeles-page img{
border-radius:14px;
margin:8%;


}

	.cjweb-modeles-ex-col-50:nth-child(5) .cjweb-exemples-line {
	border-bottom:1px solid var(--light);
	}

	.cjweb-modeles-ex-col-50:nth-child(5) .cjweb-exemples-block {
	border:1px solid var(--light);
	}

	.cjweb-modeles-page .cjweb-exemples-line span {
	font-size: 50px;
	width: 10%;
	min-width:100px;
	color: var(--light);

}


/*********** tarifs block **************/


.cjweb-tarifs-block{
	
		border-radius: var(--borderRadius);
	border:1px solid var(--light);
	background:white;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
}

.cjweb-tarifs-block h3 {
	padding: 35px 35px 30px 35px;
	border-bottom: 1px solid var(--light);
	background: var(--contrast);
	color: white;
	border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}

.cjweb-tarifs-block ol {
	padding: 50px 35px;
}


.cjweb-tarifs-block ul:not(.ulnormal) li, .cjweb-tarifs-block ol li {
	font-size: 25px;	
	padding: 5px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1.2;
}

.cjweb-tarifs-block  li{
	color: var(--dark);
}

.cjweb-tarifs-block ul:not(.ulnormal) li::before, .cjweb-tarifs-block ol li::before {
	font-family: 'cjweb' !important;


	margin-right: 30px;
	color: var(--light);
}


.cjweb-tarifs-block ul:not(.ulnormal) li:first-child::before, .cjweb-tarifs-block ol li:first-child::before {
	content: "\e931";
	font-size: 30px;
	position: relative;
}

.cjweb-tarifs-block ul:not(.ulnormal) li:nth-child(2):before, .cjweb-tarifs-block ol li:nth-child(2):before {
	content: "\e902";
		font-size: 38px;
		position: relative;
}

.cjweb-tarifs-block ul:not(.ulnormal) li:nth-child(3):before, .cjweb-tarifs-block ol li:nth-child(3):before  {
	content: "\e92f";
			font-size: 38px;
			position: relative;
			left:5px;
}

.cjweb-tarifs-block ul:not(.ulnormal) li:nth-child(4):before, .cjweb-tarifs-block ol li:nth-child(4):before {
	content: "\e935";
			font-size: 38px;
			position: relative;
			left:5px;
}
.cjweb-tarifs-block .et_pb_button_module_wrapper{
	padding:20px;
margin-bottom:25px;
}

.cjweb-price {
	text-align: right;
	font-size: 45px;
	font-weight: 900;
	color: var(--contrast);
	position: relative;
	padding: 10px;
	line-height: 1;
	margin: 0 25px 20px 0;
}
.cjweb-price pre {
	font-family: 'Lato';
	position: absolute;
	/* top: 0; */
	/* right: 12px; */
	top: 46px;
	right: 0px;
	font-size: 14px;
	font-weight: 300;
	color: var(--dark);
}

.cjweb-tarifs-accordeon .cjweb-tarifs-block .et_pb_code_inner {
	padding: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:flex-end;
}

.cjweb_plugin_captures{
	display:flex;

}
.cjweb_plugin_captures img{
	border-radius: var(--borderRadius);
	border: 1px solid var(--light);
	background: white;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
}

.cjweb-module-image {
	/* max-width: 390px; */
	min-width: 200px;
	width: 45%;
}

/**** cjweb produits *****/

.cjweb-type-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
}

.preprice{
font-size: 16px;
font-weight: 400;
color: var(--black);
}

#produits-cjweb {
max-width:1300px;
width:100%;
margin:0 auto;
}

#produits-cjweb .cjweb-module-image {
	position: absolute;
	top: -40px;
	left: 0;
	height: unset;
	min-width: unset;
	width: unset;
}
#produits-cjweb .cjweb-module-image img {
width:fit-content;
height:85px;
}

#produits-cjweb .cjweb-module-text {
	width: 100%;
}

#produits-cjweb .cjweb-module-text hr {
	border-bottom: 0px;
	border-top: 1px solid var(--light);
}

#produits-cjweb .cjweb-cta {
	display: flex;
	justify-content: end;
	padding-top: 25px;
	width: unset;
	flex-wrap: wrap;
}

#produits-cjweb p {
margin-bottom:50px;
}
#produits-cjweb h4 {
margin-top:25px;
}

.jppc-cta .et_pb_column{
	border-radius: var(--borderRadius);
}

.jppc-cta .et_pb_column .et_pb_module {
	padding: 35px;
	background: white;
	border-radius: var(--borderRadius);
}

.jppc-cta img {
	padding: 35px 0;

}

#produits-cjweb .cjweb-cta .cjweb-price {
	padding: 10px 20px 0 0;
	margin: 0 10px 10px 0;
}

#produits-cjweb .cjweb-cta .cjweb-price pre {
	top: 45px;
	right: 5px;
}

#produits-cjweb .cjweb-cta .cjweb-price span {
	position: absolute;
	color: var(--black);
	font-weight: 300;
	font-size: 16px;
	top: -5px;
}

#produits-cjweb .cjweb-light-button {
	background: var(--light);
	color: white;
	display: table-cell;
	min-width: 150px;
	border: 1px solid var(--light);
	height: fit-content;
    text-align:center
}

#produits-cjweb .cjweb-immo-tarif .cjweb-light-button {
	background: var(--immocolor);
	min-width: 100%;
	border: 1px solid var(--light);
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

#produits-cjweb .cjweb-ovv-tarif .cjweb-light-button {
	background: var(--ovvcolor);
	min-width: 100%;
	border: 1px solid var(--light);
    width:100%;
    text-align:center;
    margin-top: 20px;
}

.cjweb-module-text {
	width: 55%;
}
.cjweb-tarifs-accordeon .cjweb-tarifs-block .et_pb_code_inner blockquote{
align-self: flex-end;
}
.cjweb_plugin_captures p{
	padding:15px;
}

.cjweb-tarifs-accordeon h5{
	font-size:22px;
	font-weight:700;
	color:var(--light2)!important;
}

.cjweb-tarifs-cta-price-flex {
	display: flex;
	flex-direction: row;
	justify-content: end;
	border-top: 1px solid var(--light);
}

.cjweb-tarifs-cta-hp .cjweb-cta-tarifs-btn {
	border: 0px;
	box-shadow: none;
	text-align: center;
	height: 70px;
	margin: 15px;
	height: fit-content;
}


.cjweb-tarifs-cta-hp .cjweb-cta-tarifs-btn:hover {
border:0px solid red;
}
.cjweb-tarifs-cta-hp .cjweb-price {
	text-align: left;
	width: fit-content;
	margin: 10px 0px 25px;
}


.cjweb-tarifs-accordeon .et_pb_accordion_item{
background-color:rgba(255,255,255,0.4)!important;
border:1px solid var(--light);
border-radius: var(--borderRadius);
}


.cjweb-tarifs-accordeon .et_pb_toggle_open{
background-color:rgba(255,255,255,1)!important;
border:1px solid var(--contrast);
}

.cjweb-tarifs-accordeon .et_pb_toggle_close, .cjweb-tarifs-accordeon .et_pb_toggle_open{
	padding: 25px;
}


.cjweb-tarifs-accordeon .et_pb_toggle .et_pb_toggle_title, .cjweb-tarifs-accordeon .et_pb_toggle h5.et_pb_toggle_title {
	padding: 25px 0;
}

.cjweb-tarifs-accordeon .et_pb_toggle_content {
	padding-top: 20px;
}

.cjweb-tarifs-accordeon .et_pb_button_module_wrapper {
	margin-top:50px;
}

.cjweb-tarifs-accordeon blockquote {
	margin: 0;
	border-left: 0px solid;
	padding-left: 0px;
}

.cjweb-tarifs-accordeon blockquote p{
	text-align:right;
	color:var(--contrast);
	font-size:45px;
	font-weight:900;
	position:relative;
	margin-top:25px;
}

.cjweb-tarifs-accordeon blockquote span {
	font-size: 18px;
	font-weight: 400;
	font-style: initial;
	color: var(--dark);
	margin-right: 6px;
}

.cjweb-tarifs-accordeon blockquote p::after {
	content: 'HT';
	font-size: 17px;
	font-weight: 400;
	color: var(--dark);
	position: absolute;
	top: -13px;
	font-family: 'Lato';
	right: -2px;
	font-style: italic;
}

.cjweb-tarifs-accordeon .et_pb_accordion_0 .et_pb_toggle_title::before {
	color: var(--light) !important;
	font-size: 50px;
}

/*FAQ*/

.cjweb-faq-wrapper h2{
	font-size:25px;
	margin:25px 0;
}

.cjweb-faq-block{
	display:flex;
	flex-direction:column;
	border:1px solid var(--light);
	border-radius: var(--borderRadius);
	margin:25px 0 50px 0;
	background:rgba(255,255,255,0.4);
	transition:all 0.2s;
}


.cjweb-faq-block:hover{
background:white;}

.cjweb-faq-line-1{
	border-bottom:1px solid var(--light);
	display:flex;
	flex-wrap:no-wrap;
}

.cjweb-faq-line-2{
	display:flex;
	flex-wrap:no-wrap;
}

.cjweb-faq-q, .cjweb-faq-r{
	width:10%;
	font-size:48px;
	font-weight:700;
	padding:20px;
	border-right:1px solid var(--light);
	min-width:80px;
}

.cjweb-faq-r{
	color:var(--light);
}

.cjweb-faq-q{
	color:var(--contrast);
}

.cjweb-faq-title{
	font-family:'Lato';
		font-size:35px;
	font-weight:700;
	color:var(--light2);
	padding:20px;
	width:90%
}

.cjweb-faq-content{
		font-size:22px;
	font-weight:400;
	color:var(--light2);
	padding:20px!important;
	width:90%
}

/******faq single******/

.cjweb-faq-single h1.entry-title {
	font-size: 45px;
	color:var(--contrast);
}

.cjweb-faq-single .cjweb-faq-block{
	background:rgba(255,255,255,0.4)!important;
	padding:15px;
}

.cjweb-faq-single .cjweb-faq-block ul{
	margin-top:25px;
}

.cjweb-faq-same-cat {
	border-bottom:1px solid var(--light);
	padding:15px 0 ;
	margin:15px 0 ;
}

.cjweb-faq-same-cat a{
	color:var(--dark);
	
}



/************* cta 1 *************/

.cjweb-cta-wrapper{
	border-radius: var(--borderRadius);
	border:1px solid var(--contrast);
	background:white;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.2);
}


.cjweb-cta-wrapper h3 {
	padding: 35px 35px 30px 35px;
	border-bottom: 1px solid var(--contrast);
}

.cjweb-cta-wrapper p{
	padding:35px;
margin-bottom:25px;
}

.cjweb-cta-wrapper .et_pb_button_module_wrapper{
	padding:35px;
margin-bottom:25px;
}


/**************footer *******************/
#cjweb-footer {
	overflow: hidden;
	padding: 15px 0;
}


#cjweb-footer .et_pb_row {
	padding: 0;
}


#cjweb-footer .et_pb_column {
width: 88%;
left: calc(12% + 1px);
}


#cjweb-footer .cjweb-footer-menu-wrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	border-radius: var(--borderRadius);
	border: 1px solid white;
	max-width: 1080px;
}


#cjweb-footer .cjweb-footer-menu-line {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	border-bottom: 1px solid white;
	align-items: center;
	position:relative;
	overflow:hidden;
	  z-index:0;
}

.cjweb-footer-menu-line::after {
	background: var(--light);
	mix-blend-mode: soft-light;
	content: '';
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0%;
	  z-index:-1;

}
.cjweb-footer-menu-line:hover:after {
	  animation-name: footer;
  animation-duration: 1.5s;
animation-fill-mode: both;

}

a.cjweb-footer-menu-line:hover:before {
opacity:100;
right:5px;
}

a.cjweb-footer-menu-line::before {
	font-family: ETmodules !important;
	color:white;
	right:100%;
	font-size: 30px;
	line-height: 1;
	content: "\39";
	opacity: 0;
	position: absolute;
	-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;
}

@keyframes footer {
  0%   {left: 0;width:0%}
  20%  {left: 0;width:100%}
  25%  {left: 30%;width:100%}
  100% {left: 96%;width:4%}
}

#cjweb-footer .cjweb-footer-menu-item {
	color:white;
}

#cjweb-footer .cjweb-footer-menu-line:last-child {
	border-bottom: 0px solid white;	
	border-radius: 0 0 16px 16px;
}

#cjweb-footer .cjweb-footer-menu-line:first-child {
	border-radius: 16px 16px 0 0 ;
}

#cjweb-footer .cjweb-footer-menu-item:first-child {
width:30%;
min-width:150px;
font-size:34px;
padding-right:25px;
padding-left:25px;
text-transform:uppercase;
font-weight: 300;
border-right: 1px solid white;
}


#cjweb-footer .cjweb-footer-menu-line:hover {
text-decoration:underline;
}



#cjweb-footer .cjweb-footer-menu-item:nth-child(2) {
	width: 70%;
	min-width: 350px;
	font-size: 22px;
	font-weight: 300;
	padding:25px;
}

.cjweb-footer-block{
	background:var(--black);
	border-radius:41px 0 0 41px;
	border: 1px solid var(--contrast);
	padding:35px;
}


.cjweb-footer{
	display:flex;
	flex-direction:initial;
	align-items: center;
}

.logo-footer{max-width:350px;height:auto;text-align:center;}
.logo-footer p{color:white; font-size:14px;}


img.cjweb-adec-footer-logo{
	margin:5px auto; 
	width:100px;
	opacity:.3;
	
}

#cjweb-page-header.et_pb_section.et_pb_section_0_tb_header {
	background-size: calc( 100% - 740px) auto !important;
	background-blend-mode:multiply;
}

#cjweb-page-header.et_pb_section.et_pb_section_0_tb_header .et_pb_row {
		max-width: 4000px;
}

.et_pb_divider_2::before {
	border-top-color: var(--light)!important;
}



/****copyright*****/

.cjweb-copyright * {
	font-size: 14px;
	color: var(--dark);
	padding-top: 4px;
}


/******* responsive very large screen *****/

 @media only screen and (min-width: 2400px){
	#cjweb-top .et_pb_column .et_pb_row_inner,#cjweb-top .et_pb_row {
	padding: 0;
}

.et_pb_row {
	padding: 25px 0;
}
	
}


 @media only screen and (min-width: 980px){
.et_pb_row {
	width: 100%!important;
}
	
}



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

    #produits-cjweb .cjweb-light-button {
	width: 100%;
    margin-top:15px;
}

.cjweb-immo-tarif {margin-bottom:30px!important;}
	
.cjweb-menu-inverted-radius::after {
	content: '';
	position: absolute;
	background-color: #FCFCFC00;
	bottom: 0px;
	height: 100%;
	width: 25px;
	border-bottom-left-radius: 25px;
	box-shadow: 0 25px 0 #fafafa;
	left: 160px;
}
	
	
	#cjweb-page-header.et_pb_section.et_pb_section_0_tb_header {
	background-size: calc( 100% - 160px) auto !important;
}
	
	.cjweb-hp-ccmp ol li {
font-size:18px;
	}
	
	ul.cjweb-projects li {
	width: 50%;
}
	
	.cjweb-tooltip::before {
	position:fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	height: fit-content;
}
	
	.cjweb-modeles-page {
	padding: 25px 15px;
}
	
	h1{font-size:55px}
	h2{font-size:35px}
	h3{font-size:25px}
	p{font-size:20px}
	
	
	
	:root {
--borderRadius : 10px;

}



	
	/*hp*/
	
	
	.cjweb-hp-last-wrapper {

	gap: 10px;
}
	
	.cjweb-three-last-models {
	right: -25px;
	width: 90%;
}
	
	.cjweb-hp-img::before {
	mix-blend-mode: normal; 
}
	
.cjweb-hero-txt-wrapper {
	padding-left: 25px !important;
}
	
	.cjweb-hp-title h1 {
	font-size: 40px;
}
	
	
	.cjweb-hp-title h1 span {
	font-size: 36px;
	padding: 15px 15px 5px 15px;

}
	
	.cjweb-menu {
width:100%;
}
	
	#cjweb-top {
	bottom: 50px;
	right: 25px;
margin:0!important;
padding:0!important;
}
	#cjweb-top .et_pb_column .et_pb_row_inner,#cjweb-top .et_pb_row {
	padding: 0;
}
	
	.et_pb_row {
	width: 90%;
}

	
	/*mobile menu*/

#mobile_menu1 {
	background-color: white !important;
	display: none;
	align-content: normal;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	border: 1px solid var(--light);
	height: calc(100vh - 81px);
	transition:all 1s;
}

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

.cjweb-menu-flex{
	display:flex!important;
}
.et_mobile_menu li {
	width: 100%;
	border-bottom: 1px solid var(--light);
	background: var(--white);
	height: 100%;
	position:relative;
}

.et_mobile_menu li a {
	border-bottom: 1px solid rgba(0,0,0,.0);
	color: var(--dark);
	font-size: 25px;
	font-weight: 500;
	display: table-cell;
	text-align: center;
	position: absolute;
	top: 50%;
	vertical-align: middle;
	width: 100%;
	transform: translateY(-50%);
}

.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 .et_pb_menu__wrap {
	justify-content: flex-end;
	width: 100%;
	margin-top: -70px;
}

.et_pb_module .mobile_menu_bar::before {
	top: 33px;
	font-size: 50px;
	color: var(--contrast) !important;
	background: #fcfcfc;
	border-radius: 100px;
	-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.1);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.1);
}


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



.et-l--footer ul{
	line-height: 15px;
	height: 50vh;
	min-height:350px;
	border-radius:16px 0px 16px 16px;
}

.et_pb_menu .et_mobile_menu {
	border-top: 0px solid #2ea3f2;
		padding: 0;
}
/*modele*/
.cjweb-proj-block-wrapper {
	flex-direction: column;
}


.cjweb-proj-title{
	margin-top:25px;
}
.cjweb-proj-img {
	width: 100%;
	bottom: -150px;
}

.cjweb-proj-img img {
	position: relative;
	width: inherit;
}

.cjweb-proj-info {
	width: 100%;
	border-radius: 0 0 16px 16px;
}
.cjweb-proj-block-wrapper:hover .cjweb-proj-img {
bottom:-20px;
}

/***Footer*/

#cjweb-footer .et_pb_column {
width: 96%;
left: calc(4% + 1px);
}

#cjweb-footer .cjweb-footer-menu-item:first-child, #cjweb-footer .cjweb-footer-menu-item:nth-child(2) {

	width: 100%;
}

#cjweb-footer .cjweb-footer-menu-item:first-child {
border-right:0px;
	padding-top:25px;
}

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	
	.cjweb-module-image, .cjweb-module-text  {
	width: 100%;
}

.cjweb_plugin_captures p {
width:100%;
}
	
	.cjweb-boarding-form-wrapper .acf-form {
	padding-bottom: 100px;
}

h1 {
	font-size: 30px;
}
	

.cjweb-proj-block{padding:0 15px;}
	
	.cjweb-call-mobile{display:block;}
	.cjweb-call-desktop{display:none;}
	
	.cjweb-tarifs-cta-hp .cjweb-price {
	text-align: center;
	width: fit-content;
	margin: 0 auto;
}
	.comingsoon h1 {
	font-size: 5em!important;

}

.cjweb-proj-img {
	bottom: -100px;
}

.et_pb_row {
	width: 90%;
}

.cjweb-btn-mp {
	margin: 25px 10px 0 10px;
}
.cjweb-col-circle-wrapper {
	margin: 0px 25px 10px 25px;
}

.cjweb-proj-colors p{
	margin-bottom:10px;
}

.cjweb-footer {
	flex-direction: column-reverse;
}

#cjweb-top .cjweb-top-block a, #cjweb-top .cjweb-top-block span {
	font-size: 20px;
	border-radius: 10px;
	padding: 10px 0;
	margin: 3px;
	width: 40px;
	height: 40px;
}
	.cjweb-tarifs-cta-price-flex {
flex-direction: column;
}

.cjweb-hp-img {
    border-radius: 0 100px 0 100px;
    opacity: 0.5;

}

#cjweb-footer .et_pb_column {
    width: 100%;
    left: 0;
}

#cjweb-footer .cjweb-footer-menu-item:nth-child(2) {
    width: 100%;
    font-size: 18px;
    padding: 10px;
}

#cjweb-footer .cjweb-footer-menu-item:first-child {
    font-size: 26px;
    padding-right: 10px;
    padding-left: 10px;
}


.cjweb-proj-links {
    font-size: 18px;
    padding: 10px 15px 15px 15px;
}

.cjweb-proj-block-wrapper {
    display: flex;
    align-content: space-around;
    margin: 15px 0px;
    padding: 0;
}

.cjweb-modeles-ex-col-50 {
    width: 100%;
    padding: 0px;
}

.cjweb-btn-op span.icon-op,.cjweb-btn-mp span.icon-mp  {
    font-size: 20px;



}
.cjweb-modeles-page .cjweb-exemples-block img, .cjweb-modeles-page .cjweb-exemples-block p {
    margin: 5px;
}

.cjweb-exemples-line p {
    font-size: 18px;
}

.cjweb-modeles-page .cjweb-exemples-line span {
    font-size: 25px;
    width: 10%;
    min-width: 50px;
}

.cjweb-modeles-ex-wrapper {
    flex-wrap: wrap;
}

.cjweb-tarifs-accordeon .et_pb_toggle .et_pb_toggle_title, .cjweb-tarifs-accordeon .et_pb_toggle h5.et_pb_toggle_title {
    padding: 0px;
}

.cjweb-tarifs-accordeon .et_pb_accordion_0 .et_pb_toggle_title::before {
    font-size: 30px;
    right: -20px;
}

.cjweb-faq-line-1, .cjweb-faq-line-2 {
    flex-wrap: wrap;
}

.cjweb-faq-q, .cjweb-faq-r {
    width: 100%;
border-right: 0px solid var(--light);
}

#cjweb-dom-form-wrapper {
 
    margin: 25px 0 0 0;
    padding: 5px;

}

.cjweb-faq-content {
    font-size: 18px;
    padding: 10px!important;
    width: 100%;
}

}


/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	
	
	.cjweb-boarding-form-wrapper .acf-form .acf-button {
	font-size: 16px;
}

.cjweb-boarding-form-wrapper .acf-form .acf-field .acf-label label {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}

.cjweb-boarding-form-wrapper .acf-form {
	background: white;
	border: 1px solid var(--contrast);
	padding: 5px;
	border-radius: var(--borderRadius);
	padding-bottom: 70px;
}
	
	.et_pb_section {
    padding-top: 0px;
    padding-right: 0px!important;
    padding-bottom: 0px;
    padding-left: 0px!important;
}
	
	.et_pb_row {
    padding: 0!important;
}

.et_pb_button {
    font-size: 16px;
}
	

	.cjweb-exemples-line span {
    font-size: 30px;
    width: 10%;
    min-width: 50px;
}

.cjweb-hp-ccmp ol li::before {
    margin-left: -30px;
	font-size:20px;

}

ul.cjweb-projects li {
    width: 100%;
}

.cjweb-hp-ccmp ol li {
    padding: 25px 5px 25px 60px;

    font-size: 18px;
}

.cjweb-tarifs-block ul:not(.ulnormal) li {
	font-size: 18px;
}
	
	
		#cjweb-top {
	bottom: 25px;
	right: 10px;

}
		.comingsoon h1 {
	font-size: 3em!important;

}

.ycd-simple-timer-dots {
	top: -15px;

}

.cjweb-proj-img {
	bottom: -50px;
}
.et_pb_row {
	width: 95%;
}

.wpcf7-form {

	border-radius: 10px;

	padding: 25px;
}
}