:root {


  --color-1 : #2867e6;
  --color-2 : #123456;
  --color-3 : #f6f9fc;
  --color-4 : #48516A;
  --color-5 : #282828;
  --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 : #FFFFFF;

  --Nav-icon-bg : #2867e6;
  --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 : #282828;
  --Nav-link-bg : #FFFFFF;
  --Nav-link-border : #FFFFFF;

  --Nav-link-color-hover : #2867e6;
  --Nav-link-bg-hover : #FFFFFF;
  --Nav-link-border-hover : #FFFFFF;

  --Nav-btn-color : #FFFFFF;
  --Nav-btn-bg : #2867e6;
  --Nav-btn-border : #FFFFFF;
  --Nav-btn-icon-color : #282828;

  --Nav-btn-color-hover : #FFFFFF;
  --Nav-btn-bg-hover : #282828;
  --Nav-btn-border-hover : #2867e6;
  --Nav-btn-icon-color-hover : #282828;


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

  --Form-h1 : #041A32;
  --Form-h1-light : #2867e6;
  --Form-p : #282828;

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

  --Form-btn-color : #FFFFFF;
  --Form-btn-bg : #2867e6;
  --Form-btn-border : #FFFFFF;
  --Form-btn-icon-color : #282828;

  --Form-btn-color-hover : #FFFFFF;
  --Form-btn-bg-hover : #282828;
  --Form-btn-border-hover : #2867e6;
  --Form-btn-icon-color-hover : #282828;


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

  --BFooter-icon : #FFFFFF;

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


/* Variable CSS Block sidebard : BSideB*/
  
  --BSideB-bg : #2867e6;

  --BSideB-icon : #FFFFFF;

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

  --BCookieM-title : #282828;

  --BCookieM-p : #282828;

  --BCookieM-btn-color : #FFFFFF;
  --BCookieM-btn-bg : #2867e6;
  --BCookieM-btn-border : #FFFFFF;
  --BCookieM-btn-icon-color : #FFFFFF;

  --BCookieM-btn-color-hover : #FFFFFF;
  --BCookieM-btn-bg-hover : #282828;
  --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 : #2865dc;

  --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 : #2867e6;

  --BS-h2 : #041A32;
  --BS-h2-light : #2867e6;

  --BS-p : #282828;

  --BS-div-h3 : #041a32;
  --BS-div-h3-light : #282828;
  --BS-div-bg : #282828;
  --BS-div-p : #282828;
  --BS-div-border : #2867e6;

  --BS-btn-color : #FFFFFF;
  --BS-btn-bg : #2867e6;
  --BS-btn-border : #FFFFFF;
  --BS-btn-icon-color : #282828;

  --BS-btn-color-hover : #282828;
  --BS-btn-bg-hover : #282828;
  --BS-btn-border-hover : #2867e6;
  --BS-btn-icon-color-hover : #282828;

/*
  --BS-icon : #ff0076;

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

  --BS-p : #3e6070;

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

  */



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

  --BPr-icon : #2865dc;

  --BPr-h2 : #041a32;
  --BPr-h2-light : #2867e6;

  --BPr-p : #282828;

  --BPr-number-color : #FFFFFF;
  --BPr-number-bg : #2867e6;
  --BPr-label-color : #041a32;

  --BPr-btn-color : #FFFFFF;
  --BPr-btn-bg : #2867e6;
  --BPr-btn-border : #FFFFFF;
  --BPr-btn-icon-color : #282828;

  --BPr-btn-color-hover : #282828;
  --BPr-btn-bg-hover : #282828;
  --BPr-btn-border-hover : #2867e6;
  --BPr-btn-icon-color-hover : #282828;


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

  --BIn-icon : #2867e6;

  --BIn-h2 : #041a32;
  --BIn-h2-light : #2867e6;

  --BIn-p : #041a32;

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

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

  --BIn-card-3-h3_color : #FFFFFF;
  --BIn-card-3-p_color : #FFFFFF;
  --BIn-card-3-bg : #2867e6;

  --BIn-card-4-h3_color : #FFFFFF;
  --BIn-card-4-p_color : #FFFFFF;
  --BIn-card-4-bg : #2867e6;

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

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

  --BPr-btn-color : #FFFFFF;
  --BPr-btn-bg : #2867e6;
  --BPr-btn-border : #FFFFFF;
  --BPr-btn-icon-color : #FFFFFF;

  --BPr-btn-color-hover : #FFFFFF;
  --BPr-btn-bg-hover : #282828;
  --BPr-btn-border-hover : #FFFFFF;
  --BPr-btn-icon-color-hover : #FFFFFF;



/* Variable CSS Block text area : BTa */
  
  --BTa-bg : #282828;

  --BTa-icon : #2867e6;

  --BTa-h2 : #282828;
  --BTa-h2-light : #2867e6;

  --BTa-p : #282828;

  --BTa-h3 : #2867e6;
  --BTa-p : #282828;

  --BTa-btn-color : #FFFFFF;
  --BTa-btn-bg : #2867e6;
  --BTa-btn-border : #FFFFFF;
  --BTa-btn-icon-color : #FFFFFF;

  --BTa-btn-color-hover : #FFFFFF;
  --BTa-btn-bg-hover : #282828;
  --BTa-btn-border-hover : #FFFFFF;
  --BTa-btn-icon-color-hover : #FFFFFF;


/* Variable CSS Block text area 2 : BTa2 */
  
  --BTa2-bg : #282828;

  --BTa2-icon : #2867e6;

  --BTa2-h2 : #282828;
  --BTa2-h2-light : #2867e6;

  --BTa2-p : #282828;

  --BTa2-h3 : #2867e6;
  --BTa2-p : #282828;

  --BTa2-btn-color : #FFFFFF;
  --BTa2-btn-bg : #2867e6;
  --BTa2-btn-border : #FFFFFF;
  --BTa2-btn-icon-color : #FFFFFF;

  --BTa2-btn-color-hover : #FFFFFF;
  --BTa2-btn-bg-hover : #282828;
  --BTa2-btn-border-hover : #FFFFFF;
  --BTa2-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 : #282828;
  
  --ML-Header-h1 : #282828;


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

  --ML-cards-bg : #FFFFFF;
  
  --ML-cards-h4 : #282828;
  --ML-cards-hr : #2867e6;
  --ML-cards-ul : #282828;
  --ML-cards-a : #2867e6;





/* 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 : #282828;
  
  --RGPD-Header-h1 : #282828;
  --RGPD-Header-p : #282828;
  --RGPD-Header-a : #2867e6;


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

  --RGPD-cards-bg : #FFFFFF;
  
  --RGPD-cards-h4 : #2867e6;
  --RGPD-cards-hr : #282828;
  --RGPD-cards-p : #282828;
  --RGPD-cards-a : #2867e6;




}










/* 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: 'Lexend', sans-serif;
}


/* Hover Effect */

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