:root {


  --color-1 : #00CF95;
  --color-2 : #123456;
  --color-3 : #160108;
  --color-4 : #48516A;
  --color-5 : #EFEAE6;
  --color-6 : #FFFFFF;
  --color-7 : #372C25;



/* GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL */
/* GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL */
/* GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL */
/* GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL */



/* Variable CSS Nav : Nav */
  
  --Nav-bg : #00CF95;

  --Nav-icon-bg : #00CF95;
  --Nav-icon-color : #FFFFFF; /* Se met dans le code html pour enlever la border quand on clic sur l'icone */
  /* Si on veut changer la couleur de l'icone il faut la changer dans le svg plus bas en RGB */

  

  --Nav-link-color : #3E4958;
  --Nav-link-bg : #FFFFFF;
  --Nav-link-border : #FFFFFF;

  --Nav-link-color-hover : #00CF95;
  --Nav-link-bg-hover : #FFFFFF;
  --Nav-link-border-hover : #FFFFFF;

  --Nav-btn-color : #FFFFFF;
  --Nav-btn-bg : #00CF95;
  --Nav-btn-border : #FFFFFF;
  --Nav-btn-icon-color : #160108;

  --Nav-btn-color-hover : #FFFFFF;
  --Nav-btn-bg-hover : #3e4958;
  --Nav-btn-border-hover : #00CF95;
  --Nav-btn-icon-color-hover : #160108;


/* Variable CSS Form : Form */
  
  --Form-bg : #EFEAE6;

  --Form-h1 : #282828;
  --Form-h1-light : #00CF95;
  --Form-p : #160108;



  --Form-input_bg : #FFFFFF;
  --Form-input-color : #686674;
  --Form-input_border : #DB0B63;

  --Form-btn-color : #FFFFFF;
  --Form-btn-bg : #D22742;
  --Form-btn-border : #FFFFFF;
  --Form-btn-icon-color : #160108;

  --Form-btn-color-hover : #FFFFFF;
  --Form-btn-bg-hover : #160108;
  --Form-btn-border-hover : #00CF95;
  --Form-btn-icon-color-hover : #160108;


/* Variable CSS Block footer : BFooter*/
  
  --BFooter-bg : #3e4958;

  --BFooter-icon : #FFFFFF;

  --BFooter-title : #FFFFFF;
  --BFooter-p : #FFFFFF;


/* Variable CSS Block sidebard : BSideB*/
  
  --BSideB-bg : #00CF95;

  --BSideB-icon : #FFFFFF;

/* Variable CSS Block cookie modal : BCookieM*/
  
  --BCookieM-bg : #FFFFFF;

  --BCookieM-title : #160108;

  --BCookieM-p : #160108;

  --BCookieM-btn-color : #FFFFFF;
  --BCookieM-btn-bg : #00CF95;
  --BCookieM-btn-border : #FFFFFF;
  --BCookieM-btn-icon-color : #FFFFFF;

  --BCookieM-btn-color-hover : #FFFFFF;
  --BCookieM-btn-bg-hover : #160108;
  --BCookieM-btn-border-hover : #FFFFFF;
  --BCookieM-btn-icon-color-hover : #FFFFFF;


  --BCookieM_refuse-btn-color : #FFFFFF;
  --BCookieM_refuse-btn-bg : #6c757d;
  --BCookieM_refuse-btn-border : #FFFFFF;
  --BCookieM_refuse-btn-icon-color : #FFFFFF;

  --BCookieM_refuse-btn-color-hover : #FFFFFF;
  --BCookieM_refuse-btn-bg-hover : #565e64;
  --BCookieM_refuse-btn-border-hover : #FFFFFF;
  --BCookieM_refuse-btn-icon-color-hover : #FFFFFF;


/* Variable CSS footer 2 : BFooter2*/
  
  --BFooter2-bg : #00CF95;

  --BFooter2-color : #FFFFFF;

  --BFooter2-a-color : #FFFFFF;


/* INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  */
/* INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  */
/* INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  */
/* INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  INDEX  */




/* Variable CSS Block services : BS */
  
  --BS-bg : #FFFFFF;

  --BS-icon : #00CF95;

  --BS-h2 : #160108;
  --BS-h2-light : #00CF95;

  --BS-p : #160108;

  --BS-div-h3 : #d41c5b;
  --BS-div-h3-light : #d41c5b;
  --BS-div-bg : #F5F5F5;
  --BS-div-p : #160108;
  --BS-div-border : #00CF95;

  --BS-btn-color : #d41c5b;
  --BS-btn-bg : #00CF95;
  --BS-btn-border : #FFFFFF;
  --BS-btn-icon-color : #160108;

  --BS-btn-color-hover : #160108;
  --BS-btn-bg-hover : #EFEAE6;
  --BS-btn-border-hover : #00CF95;
  --BS-btn-icon-color-hover : #160108;

/*
  --BS-icon : #ff0076;

  --BS-h2 : #3e6070;
  --BS-h2-light : #7e4dfc;

  --BS-p : #3e6070;

  --BS-div-h3 : #ff0076;
  --BS-div-h3-light : #160108;
  --BS-div-bg : #EFEAE6;
  --BS-div-p : #3e6070;
  --BS-div-border : #ff0076;

  */



/* Variable CSS Block process : BPr */
  
  --BPr-bg : #FFFFFF;

  --BPr-icon : #EFEAE6;

  --BPr-h2 : #160108;
  --BPr-h2-light : #d41c5b;

  --BPr-p : #160108;

  --BPr-icon-color : #00CF95;

  --BPr-btn-color : #FFFFFF;
  --BPr-btn-bg : #160108;
  --BPr-btn-border : #FFFFFF;
  --BPr-btn-icon-color : #FFFFFF;

  --BPr-btn-color-hover : #FFFFFF;
  --BPr-btn-bg-hover : #00CF95;
  --BPr-btn-border-hover : #00CF95;
  --BPr-btn-icon-color-hover : #160108;


/* Variable CSS Block infos : BIn */
  
  --BIn-bg : #F5F5F5;

  --BIn-icon : #00CF95;

  --BIn-h2 : #160108;
  --BIn-h2-light : #00CF95;

  --BIn-p : #160108;

  --BIn-card-1-h3_color : #160108;
  --BIn-card-1-p_color : #160108;
  --BIn-card-1-bg : #FFFFFF;

  --BIn-card-2-h3_color : #160108;
  --BIn-card-2-p_color : #160108;
  --BIn-card-2-bg : #FFFFFF;

  --BIn-card-3-h3_color : #FFFFFF;
  --BIn-card-3-p_color : #FFFFFF;
  --BIn-card-3-bg : #00CF95;

  --BIn-card-4-h3_color : #FFFFFF;
  --BIn-card-4-p_color : #FFFFFF;
  --BIn-card-4-bg : #00CF95;

  --BIn-card-5-h3_color : #FFFFFF;
  --BIn-card-5-p_color : #FFFFFF;
  --BIn-card-5-bg : #160108;

  --BIn-card-6-h3_color : #FFFFFF;
  --BIn-card-6-p_color : #FFFFFF;
  --BIn-card-6-bg : #160108;

  --BIn-btn-color : #FFFFFF;
  --BIn-btn-bg : #00CF95;
  --BIn-btn-border : #FFFFFF;
  --BIn-btn-icon-color : #FFFFFF;

  --BIn-btn-color-hover : #FFFFFF;
  --BIn-btn-bg-hover : #160108;
  --BIn-btn-border-hover : #FFFFFF;
  --BIn-btn-icon-color-hover : #FFFFFF;



/* ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML */
/* ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML */
/* ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML */
/* ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML  ML */


/* Variable CSS Block ML Header : ML-Header */

  --ML-Header-bg : #EFEAE6;
  
  --ML-Header-h1 : #160108;


/* Variable CSS Block ML cards : ML-cards */

  --ML-cards-bg : #FFFFFF;
  
  --ML-cards-h4 : #160108;
  --ML-cards-hr : #00CF95;
  --ML-cards-ul : #160108;
  --ML-cards-a : #00CF95;





/* RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD */
/* RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD */
/* RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD */
/* RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD  RGPD */




/* Variable CSS Block RGPD Header : RGPD-Header */

  --RGPD-Header-bg : #EFEAE6;
  
  --RGPD-Header-h1 : #160108;
  --RGPD-Header-p : #160108;
  --RGPD-Header-a : #00CF95;


/* Variable CSS Block RGPD cards : RGPD */
  
  --RGPD-cards-container-bg : #EFEAE6;

  --RGPD-cards-bg : #FFFFFF;
  
  --RGPD-cards-h4 : #00CF95;
  --RGPD-cards-hr : #160108;
  --RGPD-cards-p : #160108;
  --RGPD-cards-a : #00CF95;




}










/* CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL */
/* CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL */
/* CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL */
/* CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL  CSS GENERAL */


   
/* NavBar */

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }



/* Add Shadow Effect on BTN */

.btn{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/* Font Family */

body{
   /* font-family: 'Comfortaa', sans-serif;*/
   font-family: "Assistant", sans-serif;

}


/* Hover Effect */

.boxGDA:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
  color: red;
}


/* Parallax */

.parallaxDND {
  /* The image used */
  background-image: url("design/img/technicien-sanitaire-se-trouvant-sous-evier.jpg");

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}




/* Pour word rotating */



/* 2nd affichage */ 


.sentence{
    color: #222;
    font-size: 30px;
    text-align: left;
}
/*Wrapper*/
.wrapper{
   background-color: #f5f5f5;
   /*font-family: 'Raleway', sans-serif;*/
   /*margin: 100px auto;
   padding: 40px 40px;*/
   /*position: relative;*/
  /* width: 70%;*/
}

/*Vertical Sliding*/
.slidingVertical{
  /* display: inline;*/
   text-indent: 8px;
}
.slidingVertical span{
   animation: topToBottom 12.5s linear infinite 0s;
   -ms-animation: topToBottom 12.5s linear infinite 0s;
   -webkit-animation: topToBottom 12.5s linear infinite 0s;
   /*color: #00abe9;*/
   opacity: 0;
   overflow: hidden;
   position: absolute;
}
.slidingVertical span:nth-child(2){
   animation-delay: 2.5s;
   -ms-animation-delay: 2.5s;
   -webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
   animation-delay: 5s;
   -ms-animation-delay: 5s;
   -webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
   animation-delay: 7.5s;
   -ms-animation-delay: 7.5s;
   -webkit-animation-delay: 7.5s;
}
.slidingVertical span:nth-child(5){
   animation-delay: 10s;
   -ms-animation-delay: 10s;
   -webkit-animation-delay: 10s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -moz-transform: translateY(-50px); }
   10% { opacity: 1; -moz-transform: translateY(0px); }
   25% { opacity: 1; -moz-transform: translateY(0px); }
   30% { opacity: 0; -moz-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -webkit-transform: translateY(-50px); }
   10% { opacity: 1; -webkit-transform: translateY(0px); }
   25% { opacity: 1; -webkit-transform: translateY(0px); }
   30% { opacity: 0; -webkit-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
   0% { opacity: 0; }
   5% { opacity: 0; -ms-transform: translateY(-50px); }
   10% { opacity: 1; -ms-transform: translateY(0px); }
   25% { opacity: 1; -ms-transform: translateY(0px); }
   30% { opacity: 0; -ms-transform: translateY(50px); }
   80% { opacity: 0; }
   100% { opacity: 0; }
}


/* CSS GENERAL WEEMOV */


@media only screen and (max-width: 1300px) {
  #GDA_form_container {
    background-image: url('design/img/fond4.png') !important;
     background-position: left bottom !important;
  }
}


@media only screen and (max-width: 1200px) {
  #DND_GDA_section_Icons {
   /* display:block !important;*/
  }
}


@media only screen and (max-width: 1500px) {
  #GDA_Section_Icons {
    width: 80% !important;
   /* display:none !important;*/
  }
}

@media only screen and (max-width: 1300px) {
  #GDA_Section_Icons {
    width: 100% !important;
   /* display:none !important;*/
  }
}

/*
@media only screen and (max-width: 1200px) {
  .GDA_CLASS_ICON_SECTION_BG {
    background-color: rgba(233, 237, 244, 0.7); 
    border-radius: 25px;
  }
}

*/


@media only screen and (max-width: 1100px) {
  #GDA_Section_Icons {
    display: none !important;
  }
}

@media only screen and (max-width: 1100px) {
  #DND_GDA_section_Icons {
    display: block !important;
  }
}


@media only screen and (max-width: 1200px) {
  #GDA_Section_Icons p {
   /* color: #282828 !important;*/
  }
}


@media only screen and (max-width: 1200px) {
  .DND_GDA_section_Icons_1 {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .DND_GDA_section_Icons_2 {
    padding-top: 50px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .DND_GDA_section_Icons_3 {
    padding-top: 50px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .DND_GDA_section_Icons_4 {
    padding-top: 27px !important;
  }
}

@media only screen and (max-width: 1200px) {
  .DND_GDA_section_Icons_5 {
    padding-top: 17px !important;
  }
}

@media only screen and (max-width: 850px) {
  .DND_GDA_section_Icons_1 {
    padding-top: 58px !important;
  }
}

@media only screen and (max-width: 850px) {
  .DND_GDA_section_Icons_2 {
    padding-top: 100px !important;
  }
}


@media only screen and (max-width: 850px) {
  .DND_GDA_section_Icons_3 {
    padding-top: 117px !important;
  }
}

@media only screen and (max-width: 850px) {
  .DND_GDA_section_Icons_4 {
    padding-top: 100px !important;
  }
}


@media only screen and (max-width: 850px) {
  .DND_GDA_section_Icons_5 {
    padding-top: 101px !important;
  }
}

@media only screen and (max-width: 850px) {
  .GDA_CLASS_ICON_SECTION_2 {
    width: 49% !important;
  }
}

@media only screen and (max-width: 850px) {
  .GDA_CLASS_ICON_MEDIA {
    width: 49% !important;
  }
}


@media only screen and (max-width: 850px) {
  .GDA_CLASS_ICON_PATENAIRE {
    width: 49% !important;
  }
}




input::placeholder {
  color: grey;
  font-size: 14px;
  /*font-family: "Comfortaa", sans-serif !important;*/
  
}

@font-face {
  font-family: "BOLDENA_BOLD";
  src: url("BoldenaBoldPersonalUse.ttf") format("truetype") ,
}

p{
   /*font-family: "Comfortaa", sans-serif !important;*/
   font-size: 16px !important;
   color : #3E4958;
}

li{
   /*font-family: "Comfortaa", sans-serif !important;*/
   font-size: 14px !important;
   margin-top: 15px !important;
   margin-bottom: 15px !important;
}
textarea{
   /*font-family: "Comfortaa", sans-serif !important;*/
   font-size: 14px !important;
}

select{
   /*font-family: "Comfortaa", sans-serif !important;*/
   font-size: 14px !important;
}



@media only screen and (max-width: 1000px) {
  #GDAHeaderIndex {
    height: auto !important;
  }
}


@media only screen and (max-width: 1000px) {
  .GDAsectionDivHeaderCoordonnees {
    min-height: 380px !important;
  }
}


@media only screen and (max-width: 800px) {
  .GDAsectionDivHeaderCoordonnees {
    min-height: 0px !important;
  }
}



@media only screen and (max-width: 1000px) {
  #GDA_Section_Bloc_Services {
    padding-top: 200px !important;
  }
}



@media only screen and (max-width: 780px) {
  #GDA_Section_Bloc_Services {
    padding-top: 950px !important;
  }
}