:root {

/* Commun */

  --font-family : 'Intro-Black-Alt';
  --font-family-sans : Helvetica, "Helvetica Neue",  Open Sans, Arial, sans-serif;
  --icomoon : 'icomoon';
  
  
/* 
  --negatifalpha : rgba(51,74,101,0.2);
  --neutrealpha : rgba(134,198,218,0.2);
  --positifalpha : rgba(26,226,210,0.2); 
 */ 
  

  --background: #F6F5FA;
  
  --text1: #333333;
  --text2: #707070;
  --link: #800790;
 
  --white: #FFFFFF; 
  --light: #FDFDFD;
 
  --color1 : #800790; /* purple */
  --color2 : #312783; /* marine */
  --color3 : #EA4C89; /* pink */
  --color4 : #F3F2F6; /* blue grey */
 
 --boxshadow : #0000001C;

  
}




/* Reset */

/*.et_pb_section:not(#footer) {
	background : var(--background) !important;

}*/


a, a:hover,{
color: var(--link);
text-decoration:none !important;
cursor:pointer;
}

 a:active, a:focus {
color: var(--link);
text-decoration:underline !important;
cursor:pointer;
}


.current-menu-item a {
color: var(--link);
font-weight:bold;
}

.et_pb_button:hover {
border:0px !important;
}


.wpcf7-form.invalid .wpcf7-response-output, .wpcf7-not-valid-tip {
color:var(--color3);
}

.wpcf7-form.sent .wpcf7-response-output {
color:#00BCBC;
}


#cmplz-document {
  max-width: none;
}




/* // Reset */



/* Socials */

#row_menu_socials {
position:fixed;
width:18px;
}

#menu_socials {
border:0px solid green;
height:230px;
background-color: var(--color2);
border-radius: 0 10px 10px 0;
padding: 0 20px 10px 20px;
display:flex;
flex-direction:column;
justify-content : flex-end;
align-items : center;
}
#menu_socials i {
display:block;
color:var(--white);
margin: 5px 0;
font-size:18px;
}


/* Header */


.menu_wrapper {
border:0px solid red;
background-color:var(--white);
border-radius:30px;
padding : 10px;
box-shadow: 3px 3px 3px var(--boxshadow);
}

.fixed-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;}


#header .cjmetiers_logo, #header .adec_logo {
font-size:40px;
}

#header .cjmetiers_logo span{
color:var(--color3);
text-decoration: none;
}



.mobile_header .et_pb_code_inner{
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
}

.mobile_header a{
width:50%;

}

.active {
    color: var(--color2);
    font-weight: 600;

}


@media only screen and (min-width : 981px) {
#header .et_pb_column {
display:flex;
flex-direction:column;
justify-content : center;
align-items : center;
}
 }






html, input {
font-family: var(--font-family);
}


body {
	font-family:  var(--font-family-sans);
	color : var(--text);
	background-color: var(--background);
}

html {
  background-color: var(--background);
}

#main-footer {
  background-color: var(--color1);
}



.titre2 span {
	color : var(--text1);
}

.titre2 span.text_sans_serif {
	font-family:  var(--font-family-sans);
	font-size:16px;
}


.titre1, .titre1 h1 {
    font-family: var(--font-family) !important;
	color : var(--color1);
/* 	text-transform : uppercase; */
	font-weight : 600;
	font-size:56px;
    line-height:44px;
    word-wrap : normal;
}

.titre2 {
    font-family: var(--font-family) !important;
	color : var(--color1);
/* 	text-transform : uppercase; */
	font-weight : 600;
	font-size:30px;
	line-height:32px;
}

.titre3 {
    font-family: var(--font-family) !important;
	color : var(--color1);
/* 	text-transform : uppercase; */
	font-weight : 600;
	font-size:18px;
}


.intro {
    font-family: var(--font-family-sans) !important;
	color : var(--text1);
	font-weight : 600;
	font-size:18px;
	border:0px solid orange;
}

.intro .et_pb_text_inner {
border:0px solid green;
text-align:center;
}


.intro .et_pb_text_inner p { 
  border:0px solid red;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}


/* Sections */


#section_main {
border:0px solid green;
}

#section_main:before {
  font-family:var(--icomoon);
  content: "\e917";
  border:0px solid red;
  color:var(--white);
  font-size: 1250px;
  float:left;
/*   display:block; */
  width:100%;
  text-align:center;
  position: absolute;
  margin-top:0px;
 overflow-x: hidden;
 min-height:1000px;
 line-height:1;
}

#section_main:after {
  font-family:var(--icomoon);
  content: "\e918";
  border:0px solid red;
  color:var(--white);
  font-size: 500px;
  float:left;
/*   display:block; */
  width:100%;
  text-align:center;
  position: absolute;
  bottom:40%;
  text-align:right;
  margin-top:0px;
  right:50px;
 overflow-x: hidden;
/*  min-height:1000px; */
 line-height:1;
 opacity: 0.8;
}






/* Rows */

#row_hero {
border:0px solid red;
padding:0;
}

#row_hero .titre2 {
margin-bottom:10px;
}



#row_hero .et_pb_column_0 {
border:0px solid orange;
display:flex;
flex-direction:column;
justify-content : center;
}
@media all and (max-width: 980px) {
#row_hero .et_pb_column_0, #row_hero .et_pb_column_1 {
padding:50px 0;
}
}




#row_hero .et_pb_column_1 {
border:0px solid green;
display:flex;
flex-direction:column;
justify-content : center;
}

@media all and (max-width: 980px) {
.laptop {
border:0px solid blue;
padding: 20px 0;
}
}


#row_contact .andalys_logo {
font-size:150px;
}


#row_cjmetiers .et_pb_column {
border:0px solid red;
display:flex;
flex-direction:row;
justify-content : center;
align-items : flex-end;
}


#row_telephone {
  border:0px solid green;
  z-index: 500 !important;
  position: fixed !important;
  bottom: 80px;
  top: auto;
  right: 0px;
  left: auto;
  padding-right:2%;
  width:auto;
}

.button_type_1.button_telephone {
padding: 0.5em 1.5em 0.5em 3em;
cursor:pointer;
}
.et_pb_button.button_type_1.button_telephone:hover {
padding: 0.5em 2.5em 0.5em 3em;
color:var(--color3) !important;
}

.button_telephone.et_pb_button::before {
  font-family:var(--icomoon);
  content: "\e916";
  border:0px solid black;
    font-size: 20px;
    display:block;
    opacity: unset;
    margin-right:3px;
margin-left: -1.2em;
line-height: 1.3em !important;
}



#row_cookies, #row_confidentialite, #row_mentions {
  border:0px solid green;
}

#row_cookies:before, #row_confidentialite:before, #row_mentions:before {
  font-family:var(--icomoon);
  border:0px solid red;
  content: "\e919";
  color:var(--white);
  font-size: 500px;
  float:left;
  text-align:center;
  position: absolute;
  top:0px;
  margin-top:40%;
  left:0;
  opacity: 0.60;
  width:100%;
 line-height:1;
}







/* Services */


.row_service {
border:0px solid orange;
}

.service_bloc {
border:0px solid red;
border-radius:20px;
font-size:13px;
line-height:18px;
padding:30px;
height:100%;
width:100%;
box-shadow: 3px 3px 3px var(--boxshadow);
/* aspect-ratio: 1 / 1; */
overflow-y:hidden;
display:flex;
align-items:center;
}

@media all and (max-width: 980px) {
.service_bloc {
/* aspect-ratio: unset; */
}
}





.service_bloc span.titre {
font-weight:bold;
font-size:16px;
}
.service_bloc_2 span.titre, .service_bloc_3 span.titre {
color:var(--text1);
}


.service_bloc_1 {
background-color: var(--color2);
color:var(--white);
}

.service_bloc_1:before {
  font-family:var(--icomoon);
  content: "\e919";
  color:var(--white);
  font-size: 240px;
  float:right;
  margin-top:150px;
  margin-right:10px;
  opacity: 0.10;
  position:absolute;
}


.service_bloc_2 {
background-color: var(--color4);
color: var(--text2);
}

.service_bloc_2:before {
  font-family:var(--icomoon);
  content: "\e918";
  color:var(--white);
  font-size: 230px;
  float:right;
  position:absolute;
  bottom:150px;
  right:50px;
  opacity: 1;
}




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


.service_bloc_3:before {
  font-family:var(--icomoon);
  content: "\e91a";
  color:var(--background);
  font-size: 250px;
  float:right;
  position:absolute;
  bottom:150px;
  right:50px;
  opacity: 0.5;
}







/* Offres */


.offre_bloc {
border:0px solid red;
color: var(--text2);
}

.offre_bloc span.titre {
color: var(--text1);
font-weight:bold;
}






/* Buttons */



.button_type_1 {
color:var(--white);
background-color: var(--color3);
border-radius: 25px;
border: 0px solid;
padding: .3em 2em;
font-size: 16px;
}

.button_type_2 {
color:var(--color1);
border-radius: 25px;
border: 1px solid;
padding: .3em 2em;
font-size: 16px;
}

.button_type_3 {
background-color: var(--color2);
color:var(--white);
border-radius: 25px;
border: 1px solid;
padding: .3em 2em;
font-size: 16px;
font-family: var(--font-family-sans);
}


.button_type_3:hover {
color:var(--color2);
border:1px solid var(--color2) !important;
}







/* icons */

.icomoon-certificat {
font-size:100px;
color:var(--color2);
}

.titre_icon.icomoon-cjmetiers {
color: var(--color1);
font-size:100px;
}


#row_icons {
color: var(--text2);
}

#row_icons span.titre {
color: var(--text1);
font-weight:bold;
}



#row_icons .icon {
border:0px solid green;
width:100%;
box-shadow: 3px 3px 3px var(--boxshadow);
display:flex;
justify-content : center;
align-items : center;
aspect-ratio: 1 / 1;
padding:20px;
border-radius:20px;
color:var(--color2);
}

@media only screen and (max-width : 980px) {
  #row_icons .icon {
    font-size: 12em;
  }
  
  
.icon.icomoon-cjmetiers {
font-size: 9em !important;
} 

/* 
.icon.icomoon-hdjbox {
font-size: 4em !important;
}
 */ 

.icon.icomoon-master_report {
font-size: 5em !important;
} 
  
 .icon.icomoon-quadient {
 font-size: 5em !important;
 } 
  
}



.icon.icomoon-nuage {
background-color: var(--color1);
color:#fff !important;
font-size:90px;
}

.icon.icomoon-ecran {
background-color: var(--color4);
font-size:100px;
}

.icon.icomoon-mobile {
background-color: var(--light);
font-size:90px;
}

.icon.icomoon-cjmetiers {
background-color: var(--color4);
font-size:100px;
}

.icon.icomoon-roue {
background-color: var(--light);
font-size:100px;
}

.icon.icomoon-enveloppe {
background-color: var(--color3);
font-size:90px;
color:#fff !important;
}

.icon.icomoon-curseur {
background-color: var(--color4);
font-size:90px;
}

/* 
.icon.icomoon-hdjbox {
background-color: var(--color2);
font-size:40px;
color:#fff !important;
}
 */

.icon.icomoon-master_report {
background-color: var(--color2);
font-size:65px;
color:#fff !important;
}

.icon.icomoon-calendrier {
background-color: var(--light);
font-size:100px;
}


.icon.icomoon-camemberg {
background-color: var(--light);
font-size:100px;
}

.icon.icomoon-echanges {
background-color: var(--color4);
font-size:100px;
}

.icon.icomoon-quadient {
background-color: var(--light);
font-size:50px;
}

.icon.icomoon-charts {
background-color: var(--light);
font-size:100px;
}



/* Contact  */


#row_contact {
margin-top:80px;
}

#contact_form_container {
border:0px solid red;
width:100%;
}

#contact_form_container div p {
border:0px solid green;
display:flex;
flex-direction:row;
justify-content : center;
align-items : center;
align-content : center;
flex-wrap:wrap;
}

#contact_form_container div:nth-child(4) p {
border:0px solid green;
display:flex;
flex-direction:column;
justify-content : center;
align-items : center;
align-content : center;

}


#contact_form_container div .wpcf7-form-control-wrap {
border:0px solid yellow;
width:50%;
padding:20px;
display:block;
}

@media only screen and (max-width : 980px) {
#contact_form_container div .wpcf7-form-control-wrap {
width:100%;
}
}

#contact_form_container div:nth-child(3) .wpcf7-form-control-wrap {
border:0px solid purple;
width:100%;
padding:20px;
display:block;
}


#contact_form_container input[type="text"], #contact_form_container input[type="tel"], #contact_form_container input[type="email"], #drawer_telephone input[type="tel"] {
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	border: 0px;
	font-family: var(--font-family-sans);
	background: #F6F5FA;
}
#contact_form_container textarea {
width:100%;
padding:20px;
border-radius:20px;
border:0px;
	background: #F6F5FA;
}

#contact_form_container input[type=submit]{
	cursor : pointer;
	border:0px;
}



.wpcf7-response-output {
border:0px solid transparent !important;
}

#contact_form_container .wpcf7-captchar{
    width:25%!important;
}

#contact_form_container .adc_mentions{
font-size:12px; text-align:left; line-height:1.2;color: var(--text2);
}



#telephone_form .wpcf7-response-output {
border:0px solid transparent !important;
color:white;
}


#row_contact_icons, #row_contact_icons a {
color: var(--link);
line-height:18px;
}

#row_contact_icons i {
color: var(--color2);
display:block;
}

#row_contact_icons i.icomoon-enveloppe_contact {
font-size:28px;
}

#row_contact_icons i.icomoon-telephone {
font-size:32px;
}

#row_contact_icons i.icomoon-poi {
font-size:30px;
}





/* Carte */


#row_carte, #row_carte .et_pb_column {
display:flex;
flex-direction:column;
justify-content : center;
align-items : center;
}

#row_carte i {
color: var(--color3);
display:block;
}

#row_carte i.icomoon-andalys {
font-size:30px;
margin-bottom:5px;
}

#row_carte i.icomoon-poi_bold {
font-size:90px;
text-align:center;
}

#row_carte .et_pb_code {
border:0px solid red;
display:flex;
flex-direction:column;
justify-content : center;
align-items : center;
top:-60px;
}



/* Drawer telephone */

#drawer_telephone {
border:0px solid red;
background-color: var(--color2);
position:fixed;
top:0;
right:0;
width:450px;
height:100%;
z-index:9999;
display:none;
}

#drawer_telephone:before {
  font-family:var(--icomoon);
  content: "\e918";
  color:var(--white);
  font-size: 300px;
  float:right;
  position:absolute;
  bottom:50%;
  right:50px;
  opacity: 0.1;
  }

#drawer_telephone .et_pb_column {
border:0px solid white;
display:flex;
flex-direction:column;
justify-content : center;
align-items : center;
height:100%;
}

#drawer_close {
color:var(--white);
font-size:26px;
border:0px solid red;
float:right;
margin-right:30px;
margin-top:30px;
cursor:pointer;
}

#drawer_telephone .icomoon-cjmetiers {
color:var(--white);
font-size:96px;
margin-bottom:30px;
border:0px solid red;
float:left;
}

#drawer_telephone .titre1 {
color:var(--white);
border:0px solid red;
text-align:center;
}
#drawer_telephone .intro {
color:var(--white);
border:0px solid red;
text-align:center;
}

#telephone_form {
border:0px solid pink;
padding:50px;
}

#telephone_form p {
border:0px solid pink;
width:100%;
color:white!important;

}

#telephone_form a {
    color:white!important;
}



#telephone_form input[type="submit"]::after {

            content: "My after element";
            border: 2px solid red;
            padding: 2px;
            margin-left: 10px;
            position:absolute;

}

.cjm-partenaires {
    background: white;
    border-radius: 16px;
    padding: 15px !important;
}


#section_contact .icomoon-cjmetiers {
    font-size: 120px;
    color: var(--color3);
    margin-bottom: 20px;
}


/* Footer */


#footer {
background-color: var(--color1);
color:var(--white);
z-index:2;
}

#footer a {
color:var(--white);
}