/*@font-face {
  font-family: 'Bodoni regular';
  src: url('../fonts/BodoniModa.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal; 
  font-stretch: 75% 125%; 
}*/

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libre Bodoni';
    src: url('../fonts/LibreBodoni-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {


--icomoon : cjb;

--fontfamily : 'Roboto';
--fontfamily_light : Roboto variant3;
/*--fontfamily_alt : Bodoni_Moda variant0;*/
--fontfamily_alt : 'Libre Bodoni';


--gradient1 : linear-gradient(90deg, rgba(1, 163, 201, 1) 0%, rgba(6, 46, 101, 1) 100%);


--background_gradient : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(245, 243, 239, 1) 50%);
--background : #F5F3EF;
--white : #ffffff;
--black : #000000;
--grey : #8B8B8B;

--color1 : #01A3C9; /* Turquoise */
--color2 : #E8E8E8; /* Light grey */
--color3 : #062E65; /* Navy */
--color3light : #E8E8E8; /* Light grey */


--white_90 : rgba(255, 255, 255, 0.9);
}





:purplerain_light {
--gradient1 : linear-gradient(360deg, rgba(222,220,229,100) 0%, rgba(255,255,255,255) 100%);/*  #FFFFFF - #DEDCE5 */
--gradient2 : linear-gradient(180deg, rgba(207,131,222,1) 0%, rgba(28,23,127,1) 100%);/* #1C177F - #CF83DE */

--white : #ffffff;
--black : #07011F;

--color1 : #1C177F; /* Dark Blue */
--color2 : #481791; /* Dark Purple */
--color3 : #CF83DE; /* Dark Pink */
--color3light : #F0BFF7; /* Light Pink */
}




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

.logo {
font-size:70px;
}

body, html {
	background : var(--background_gradient) !important;
	font-family : var(--fontfamily);
	font-weight:400;
}


h1.entry-title {
color : var(--black);
font-size:46px;
font-family : var(--fontfamily);
}

.sous-titre_post {
color : var(--black);
font-size:42px;
line-height:42px;
font-family : var(--fontfamily);
font-weight:300;
}

h2 {
font-family : var(--fontfamily_alt);
color : var(--color3);
font-size:32px;
}

.icon-tezos.size1 {
font-size:94px;
color : var(--black);
}










/* ******************* */
/*    Reset    */
/* ******************* */
.et_pb_section {
  background-color: transparent !important
/* 	transition: .2s; */
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu, .et_pb_menu_0_tb_footer.et_pb_menu {
  background-color: transparent !important;
}

.et_pb_post_title {
margin-bottom:0px !important;
}










/* ******************* */
/*    Menu    */
/* ******************* */

#cjb_header_row div {
border:0px solid red;
}

#cjb_header_row div {
border:0px solid red;
display:flex;
flex-direction:row;
justify-content:flex-end;
}

#cjb_header_row .adec_logo {
border:0px solid green;
font-size:64px;
margin-right:15px;
}



#cjb_header_menu_logos {

}


#cjb_header_menu_logos .icon-logo_full_color {
font-size:90px;
}


#cjb_header_menu_logos .icon-logo_commissaires_quadri {
font-size:90px;
}








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

.et_pb_menu .et_pb_menu__menu > nav > ul > li {
flex-direction:column;
align-content:center;
justify-content:center;
padding:13px;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item > a{
	position:relative;

}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item > a:before{
	content:"";
	height:3px;
	width:100%;
	position:absolute;
	background:var(--color1);
	left:0;
	bottom:-8px;

}
.et_pb_menu .et_pb_menu__menu > nav > ul > li a {
padding:0px;
font-family:var(--fontfamily_alt);
color:var(--color3);
font-size:18px;
}

.connexion {
	border: 2px solid var(--color3);
	border-radius: 25px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-right: 20px !important;
}

.et_pb_menu__logo img {
	width:90px;
}


.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu > nav > ul {
	height: fit-content;
}


.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu { display: flex!important; } .lwp-hide-mobile-menu .et_mobile_nav_menu { display: none; } 

/* ******************* */
/*    Vos Créations    */
/* ******************* */

.creation_container {  
color : var(--color3);
border:0px solid green;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
flex-direction:row;
max-width: 100%; 
}

.creation {
	border:0px solid red;
    min-width: 25%; 
    margin-bottom:40px;
}


.creation_container .icons {
font-size:110px;
background: -webkit-linear-gradient(var(--color1), var(--color3));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border:0px solid red;
}

.creation_container .icons:hover {
background: var(--color1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border:0px solid red;
}

.creation_container .icons.icon-type_musique {
font-size:100px;
}

.creation_icon_container {
	border:0px solid green;
	text-align:center;
	height:90%;
	position:relative;
}

.creation_title {
border:0px solid black;
text-align:center;
font-weight:bold;
}


.creation_titre .icon {
font-size:72px;
color : var(--color1);
margin-bottom:20px;
display:block;
}

#section_single_creation img {
border-radius:10px;
}


#container_texte .cas_de_litige {
display:flex;
flex-direction:column;
justify-content:center;
height:100%;
}



/* ******************* */
/*    Tarifs    */
/* ******************* */


#conteneur_plans {

background: var(--color3);
border-radius:20px;
padding:20px;
}


#conteneur_plans_table {
border:0px solid red;
color : var(--white);


/* border-collapse: initial; */
}

#conteneur_plans_table th, #conteneur_plans_table td {
  padding: calc(0px + 1vw);
  border:0px solid green;
}

#conteneur_plans_table .plan_title {
font-size:calc(10px + 2.0vw);
font-weight:bold;
font-family : var(--fontfamily_alt);
font-weight:400;
text-align:center;

}


#conteneur_plans_table .plan_title span {
font-size:18px;
margin-right:3px;
}


#conteneur_plans_table .prix {
text-align:center;
font-size:4vw;
font-weight:700;
color:var(--white);
}


#conteneur_plans_table .prix span:nth-child(2) {
font-size:calc(12px + 1.3vw);
}

#conteneur_plans_table .prix span:nth-child(3) {
font-size:20px;
}



#conteneur_plans_table .td_checked {
text-align:center;
font-size:calc(10px + 1.5vw);
}

#conteneur_plans_table .td_description {
text-align:center;
font-size:calc(8px + 0.5vw);
line-height:calc(8px + 0.5vw);
}

#conteneur_plans_table .plan_line {
text-align:right;
font-size:calc(8px + 1.0vw);
line-height:calc(8px + 1.0vw);

}

#conteneur_plans_table .plan_button {
text-align:center;
/* display:none; */
}




#conteneur_plans_table .plan_tr {
border-bottom:1px solid #707070;
}


#conteneur_plans_table .texte {
text-align:center;
color:var(--white);
}



.tarifs_accroche {
font-family : var(--fontfamily_alt);
color : var(--color3);
font-size:34px;
line-height:34px;
}

#conteneur_plans_table .texte p:before {
border:0px solid red;
content:"\e909";
padding-right:5px;
font-family : var(--icomoon);
color : var(--color3);
}




/* **************************** */
/*    2 étapes (global Divi)    */
/* **************************** */

.titre {
font-family : var(--fontfamily_alt);
color : var(--color3);
font-size:34px;
line-height: 34px;
}


#container_deux_etapes {
border:0px solid red;
border-radius:20px;
background : var(--white);
padding:50px;
}

/* 
#container_deux_etapes .titre {
font-family : var(--fontfamily_alt);
color : var(--color3);
font-size:34px;
line-height: 34px;
}
 */

#container_deux_etapes .deux_etapes {
border:0px solid red;
border-radius:20px;
background : var(--white);
color:var(--color3);
}

#container_deux_etapes .deux_etapes div {
display:flex;
}


.etape {
border:0px solid blue;
flex-direction:column;
align-items:center;
width:60%;
}


.home .etape {
margin-left:-60px;
}


.home #col_5_etapes {
align-content:center;
}


.etape div {
border:0px solid green;
text-align:center;
align-items:center;
}




.home .deux_etapes, .page-id-1890 .deux_etapes {
border-radius:25px 25px 250px 25px;
background : var(--white_90);
padding:20px;
border:0px solid red;
}

.home .deux_etapes .et_pb_code_inner {
display:flex;
flex-direction:column;
align-items:center;
border:0px solid red;
}

.home .deux_etapes .etape {
border:0px solid blue;
padding:10px 0;
color : var(--color3);
}

.deux_etapes .icon {
font-size:42px;
color : var(--color1);
}

.cjb_hr {
border:1px dashed  var(--grey);
}

.home .cjb_hr {
width:80%;
border:1px dashed  var(--grey);
}

.deux_etapes .icon-step_5 {
color : var(--color3);
}

.deux_etapes .etape.etape5 {
color : var(--black);
}



/* ******************* */
/*    home   */
/* ******************* */
#home_container_1 {
	/* mix-blend-mode: screen !important; */
	border: 0px solid orange;
	z-index: 1 !important;
	width: 40%;
	position: relative;
}


#home_container_2 {
	background-color: var(--color3light);
	border-radius: 250px 25px 25px 25px;
	padding: 70px 40px 40px 150px;
	mix-blend-mode: normal !important;
	border: 0px solid orange;
	z-index: 0;
	margin-top: 134px;
	position: absolute;
	right: 0;
}


#home_container_2 .deposez_vos_creations {
color:var(--color3);
}

#home_container_1 .apportez_la_preuve {
font-family : var(--fontfamily_alt);
text-align:center;
color:var(--white);
font-size:34px;
line-height:1.0;
padding:0 20px;
}


/* new */
#hero_text .paragraphe {
font-size:20px;
font-weight:bold;
}

#content_text .paragraphe, #tarification_section .paragraphe {
font-size:20px;
/* font-weight:bold; */
color:var(--color3);
}


#content_text .paragraphe, #tarification_section .paragraphe {
    font-size: 20px;
    /* font-weight: bold; */
    background: white;
    color: var(--color3);
    padding: 50px;
    border-radius: 30px;
}

.home #avantages #content_text li {
    list-style: none;
    text-align: center;
}


.home #avantages #content_text h3 {
font-size:26px;
border:0px solid red;
text-align:center;
color:var(--color3);
}

.home #avantages #content_text ul {
padding-bottom:0px;
}


.home #avantages #content_text li {
list-style: none;
}

.detail_link {
font-size:12px;
border:0px solid red;
width:100%;
display:block;
text-align:right;
color:inherit;
}



#content_text .paragraphe_alt {
font-size:20px;
/* font-weight:bold; */
color:var(--color1);
}


#comment_fonctionne .icon {
font-size:110px;
color:var(--color1);
margin-bottom:15px;
}


#comment_fonctionne li {
font-size:18px;
line-height:20px;
color:var(--color3);
margin-bottom:26px;
}

#comment_fonctionne ul {
  list-style-type: none;
}


#comment_fonctionne .subtitle {
font-size:20px;
line-height:20px;
color:var(--color1);
margin-bottom:26px;
font-weight:bold;
}




#section_deposer {

}

#section_deposer .profil {
color:var(--color3);
font-family : var(--fontfamily_alt);
font-size:30px;
}



#section_support {
border-radius:20px;
}

#section_support div {
border:0px solid red;
}

#section_support .icon-support{
color:var(--color3);
font-size:120px;
margin-left:50px;
}


#section_support .icon-telephone{
color:var(--color3);
font-size:36px;
}

#section_support .support_telephone{
color:var(--color1);
font-size:34px;
font-weight:bold;
}

#section_support .horaire {
font-size:16px;
}




#section_detail .entry-title, #section_detail .sous-titre_post{
color:var(--white);
}









/* ******************* */
/*    3 Clics (global Divi)    */
/* ******************* */

#container_3clics {
background-color: var(--white);
border-radius:74px;
padding:50px;
font-size:34px;
color:var(--color3);
line-height:1.4;
border:0px solid red;
align-content:space-between;
}

#container_3clics .color_contrast {
color:var(--color1);
}

#container_3clics .huge {
font-family : var(--fontfamily_alt);
font-size: max(3vw, 50px);
/* line-height:max(2vw, 30px); */
}


#container_3clics .et_pb_column_1_2 {
/* 
border 0px solid transparent !important;
display:flex;
flex-direction:column;
justify-content:center;
 */
}


#container_3clics .et_pb_column {
border:0px solid green;
}




/* ******************* */
/*    Avantages (global Divi)    */
/* ******************* */

#avantages {
border:0px solid red;
}

#avantages .titre {
line-height: 1.4;
margin-top:20px;
}
.sous-titre {
color:var(--color1);
font-size: 16px;
}

.avantage .et_pb_code_inner {
text-align:center;
}


.avantage div {
/* 
display:flex;
flex-direction:row;
 */
line-height:1.0;
color:var(--color3);
}
.avantage span {
margin-bottom:5px;
font-size:20px;
}

.avantage {
margin-bottom:10px;
font-size:26px;
}

#avantages .icon-checked {
font-size:26px;
margin-right:10px;
}


/* ******************* */
/*    Slogan Technologie (global Divi)    */
/* ******************* */
#slogan_technologie {
font-size: max(1.8vw, 20px) !important;
font: 20px !important;
color:var(--black);
line-height: max(1.8vw, 20px);
border:0px solid red;
}

.home #slogan_technologie {
/* width:auto; */
}

#slogan_technologie .et_pb_text_inner {
display:flex;
flex-direction:row;
justify-content:center;
}

#slogan_technologie .et_pb_text_inner div {
border:0px solid blue;
}

#slogan_technologie .icon-tezos {
font-size:130px;
margin:20px 10px 0 0;
display:block;
}


.cas_de_litige {
	color: var(--color3);
	font-family: var(--fontfamily_alt);
	font-size: 34px;
	line-height: 1.4;
}



#slider_temoignage_plugin_container * :not(.bx-wrapper .bx-next, .bx-wrapper .bx-prev) {
background: transparent;
border:0px solid transparent;
box-shadow: 0 0 0 transparent;
}



/* ******************* */
/*    Slogan Maîtrise (global Divi)    */
/* ******************* */

#slogan_maitrise {
font-size:52px;
color:var(--white);
line-height:1.1;
border:0px solid red;
font-family : var(--fontfamily_alt);
text-shadow: 2px 1px 4px black;
}







/* ******************* */
/*    footer (global Divi)    */
/* ******************* */

#cjb_footer, #cjb_footer .et-menu li {
font-size:12px;
padding:8px;
padding-left:0px;
width:100%;
}


#cjb_footer .et_pb_menu .et-menu {
  margin-left: 0px;
  margin-top:15px;
}

#cjb_footer, #cjb_footer .et-menu li:not(.connexion) {
margin-top:0px;
}



#cjb_footer a {
color: var(--background);
}

#cjb_footer {
	border: 0px solid red;
	color: var(--white);
	background-color: var(--color3);
	padding: 60px 60px 30px 60px;
	border-radius: 74px 74px 0 0;
}

#cjb_footer .connexion {
border: 2px solid var(--white);
}

#cjb_footer .et_pb_module {
margin-bottom:0px;
}


#cjb_footer #cjb_footer_col_logos {
border:0px solid red;
display:flex;
flex-direction:row;
justify-content : space-between;
flex-wrap: wrap;
}



#cjb_footer .logo  {
font-size:100px;
margin-right:10px;
}

#cjb_footer .logo span::before {
color:white;
}





/* ******************* */
/*    Button    */
/* ******************* */

.et_pb_button {
background-color:var(--color1);
color:var(--white);
border: 0px solid transparent;
border-radius: 25px;
padding: .6em 2.5em;
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
border-radius: 25px;
padding: .6em 2.5em;
border: 0px solid transparent;
}


.et_pb_button.button_alt {
background:var(--gradient1);
}






/* ******************* */
/*    Témoignages (plugin ADEC "testimony")    */
/* ******************* */

#slider_temoignage_plugin_container h2 {
font-family : var(--fontfamily_alt);
color:var(--color3);
}

.temoignage_texte {
color:var(--color3);
}


.temoignage_auteur {
color:var(--color3);
}






/* ******************* */
/*    Fiches pratiques   */
/* ******************* */

#fiches_pratiques article {
background-color:transparent;
border:0px solid red;
}

#fiches_pratiques article .entry-title {
color:var(--color3);
font-size:24px;
}

#fiches_pratiques article .et_pb_image_container img {
border:0px solid red;
border-radius: 25px 25px 100px 25px;
}


.fiche_soustitre {
font-weight:bold;
font-size:16px;
}

.bloc_paragraphe {
text-align:justify;
padding:2%;
}

#section_single_fiche img {
border-radius:10px;
}




/* ******************* */
/*    Comment ça marche   */
/* ******************* */


#section_comment_ca_marche .et_pb_column_1 p, #section_comment_ca_marche .et_pb_column_2 p {
color:var(--color3);
}

#section_comment_ca_marche .faites_constater {
text-align:center;
}



.ligne_video p {
color:var(--color3);
}

.placeholder_video {
border-radius:25px;
width:100%;
height:300px;
background-color:var(--color2);
border:0px solid red;
}

.placeholder_video div {
border:0px solid green;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}

.placeholder_video .icon-play {
color:var(--white);
font-size:64px;
border:0px solid orange;
}










/* *********************************** */
/*    Faites constater (global Divi)   */
/* *********************************** */
.faites_constater {
font-family : var(--fontfamily_alt);
color:var(--color3);
font-size: max(2vw, 30px);
line-height:max(2vw, 30px);
}





/* *********************************** */
/*    Métiers (SVG module global Divi)   */
/* *********************************** */

#metiers {
border: 0px solid green !important;
}


#metiers .st1 {
fill: var(--black);
font-family : var(--fontfamily);
font-size:14px;
}




/* ******************* */
/*    Contact form 7   */
/* ******************* */


.entry-content tr td {
  border-top: 0px solid #eee;
}

input[type="text"].wpcf7-text, input[type="email"].wpcf7-email, input[type="text"].wpcf7-captchar {
border:0px solid red;
border-radius:20px;
height:50px;
text-indent:25px;
width:100%;
margin-top:10px;
}

textarea {
border-radius:20px;
border:0px solid red;
padding:20px;
width:100%;
margin-top:10px;
}

.wpcf7-submit {
background-color:var(--color1);
color:var(--white);
border: 0px solid transparent;
border-radius: 25px;
padding: .6em 2.5em;
font-size:16px;
font-weight:bold;
}


#section_contact .deposez_vos_creations {
color:var(--color3);
}
#section_contact .deposez_vos_creations span {
font-family : var(--fontfamily_alt);
font-size:46px;
line-height:46px;
}

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














/* Desktop de plus de 1405px */
@media all and (min-width: 1405px) {

}
 
/* Desktop compris entre 1100px et 1405px */
@media all and (min-width: 1100px) and (max-width: 1404px) {

}
 
/* Ordinateurs portables et grandes tablettes comprises entre 980px et 1100px */
@media all and (min-width: 980px) and (max-width: 1099px) {

}
 
/* Tablettes comprises entre 768px et 980px */
@media all and (min-width: 768px) and (max-width: 979px) {

}
 
/* Smartphones et petites tablettes comprises entre 320px et 768px */
@media all and (min-width: 320px) and (max-width: 767px) {

#home_container_2 {
  margin-top: 0px;
  border-radius: 25px 25px 25px 25px;
  padding: 40px 40px 40px 40px;
}

.et_pb_column_3 {
  transform: none !important;
}



#metiers .st1 {
fill: var(--white);
}


.home .deux_etapes, .page-id-1890 .deux_etapes {
  border-radius: 25px 25px 25px 25px;
}


.home .etape {
  margin-left: 0px;
}


.creation_container .icons {
font-size: max(2vw, 80px);
/* line-height:max(2vw, 30px); */
}



#container_deux_etapes .deux_etapes div {
  display: block;
}

.etape {
  width: 100%;
}


#conteneur_plans {
  padding: 5px;
}

#row_tarif {
width:95%;
}



}
 
/* Petits Smartphones de moins de 480px */
@media all and (max-width: 479px) {

}







@media screen and (max-width: 980px) {


.creation {
	width:33%;
	margin:0% 0% 15% 0%;
	line-height: 1em;
}


.ligne_video.ligne_video_2 {
display:flex;
flex-direction: column-reverse;
}


#home_container_2 {
	position: relative;
}

#home_container_1 {
	width: 100%;

}



#conteneur_plans_table .plan_button .et_pb_button {
padding: 5px 15px;
font-size:16px;
}


}


.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
  background-color: #01A3C9;
}






/* Fix divi row header */

@media (min-width: 981px) {

  .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
/*     width: 20%; */
  }

  .et_pb_gutters1 .et_pb_column_3_4, .et_pb_gutters1.et_pb_row .et_pb_column_3_4 {
/*     width: 80%; */
  }
}







@media screen and (max-width: 980px) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}