/* Définition des couleurs
 #25663B = Vert foncé de la triade
 #a6895d = Jaune Or   de la triade
 #714799 = Mauve d'origine 
 #e9eaae = Dégradé de vert moins clair
 #f9faeb = Dégradé de vert plus clair

*/


.vert-hdgb { color:#25663B; }
.or     { color: #A6895D; }
.argent { color:silver; }
.bronze { color:#cd7f32; }
.rouge  { color:#d9534f;}
.orange { color:#f0ad4e;}
.jaune  { color:#ffd500;}
.vert   { color:#5cb85c;}
.bleu   { color:#0275d8;}
.cyan   { color:#5bc0de;}
.rose   { color:#ff5b77;}
.violet { color:#714799; }
.wbleu  { color:rgb(67,99,172); }
.wrouge  { color:#6b1c23; }
.mangenta{ color: #a8005c;}
.eng-rouge{ color: #e10913;}
.eng-violet{ color: #833f91;}
.eng-rouge-magenta{ color: #cc0a5d;}
.eng-vert{ color: #83bc25;}
.eng-vert-sombre{ color: #63b32e;}
.eng-bleu{ color: #264f9e;}
.eng-turquoise{ color: #43bcc9;}
.eng-jaune{ color: #f3e22e;}
.eng-gris{ color: #95877d;}
.text-eeij{ color: #F58E78;} /* */ 


body {

    background-image: url(../images/background-image_02.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;    
    background-color: rgba(255, 255, 255, 0.5);
}


.wshadow{box-shadow:3px 3px 3px 3px;}

    
.captation {
      margin-top:-80px;
      color:white;
        
    }
.zone {
    /*border: 2px solid #714799 ;   couleur violet*/
    /*border: 1px solid #3465a4 ;   couleur violet*/
    background: white;
}    
    
.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}


.logos{

    transition: all 0.2s ease;
    cursor: pointer;
  }

.logos:hover{

    /*box-shadow: 5px 6px 6px 2px #e9ecef;*/
    transform: scale(1.08);
}



.interview-bg{
        background-color:#714799;
        border:1px solid #714799;
        
    }
    
.interview-rotate {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  
    
}

.paragraphe-prepend {
    width:8rem;
}
.paragraphe-input {
    width:16rem;
}

.bg-odd {
    background-color:#f2f2f2;
}

.bg-gris {
    background-color:LightGray;
}
.bg-eeij{ background-color:rgb(67,99,172); } /* #4363ac*/
.bg-eeij-header { background-color:#6c87c6; }/* #4363ac*/ 
.bg-eeij-body { background-color:#F9F8ED; }/* #F9F8ED*/

.bg-footer {
    background: #1B2F5E;
}

.pointer {cursor: pointer;}


a {
   outline: 0;
}

body {
  
  /*font-family: Poppins;
  font-family: 'Exo 2', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;*/
  
  background-color: #ffffff ;

}

.exo2-bold {
   font-weight: 600 !important;    
}
.exo2-extra-bold {
   font-weight: 700;
   font-size: 1.3rem;
}

.exo2-light {
   font-weight: 300;    
}

.exo2-extra-light {
   font-weight: 200;    
}


    .swiper-container {
      width: 100%;
      height: 500px !important; 
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

.navbar {
  background: rgb(67,99,172);
  /*background-color: #6b1c23;
 background: rgb(67,99,172);
 background: linear-gradient(90deg, rgba(101,26,75,1) 20%, rgba(57,32,80,1) 100%); */
}
.nav-link {
    color: #dcddd5 /* Gris pale du text*/ 
}

/* Couleur des des dropdowns de la navbar.*/
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
  /*color: white;
  background-color: #c193d2;
  outline:none;*/
  color: #dcddd5; /* Couleur du text Gris pale */
  background-color: rgb(67,99,172); /* Couleur du fond  Bleu EEIJ*/
  border-bottom:1px solid black ; /* Couleur du liseret bas */
  border-radius: 0px;
  padding-bottom: 4px;
  padding-top:3px;
  box-shadow:0px 5px 4px -4px black; /* Couleur de l'ombre' */
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #b7b9a7; /* Couleur du text Gris pale accentué*/
  
}


.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #abd6ed ;  /* Couleur du text  f6eb6d Jaune du vase*/
  border-bottom:1px solid #abd6ed ;
  border-radius: 0px;
  padding-bottom: 2px;
  padding-top:6px;
  box-shadow:0px 5px 4px -4px #abd6ed; ; 
  
}

    
.btn-outline-primary {
  color: #4363ac;
  background-image: none;
  background-color: transparent;
  border-color: #4363ac;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #4363ac;
  border-color: #4363ac;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #4363ac;
  border-color: #4363ac;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #4363ac;
  border-color: #4363ac;
}
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #4363ac;
  border-color: #4363ac;
}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #4363ac;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #4363ac;
}


@media (max-width: 10000px) {
 
.brandHB {
    width:190px ;
    margin:-10px 0px -65px 0px ;
  }
.brandlogo{height:40px ; } 
}
@media (max-width: 1199px) {
 
.brandHB {
    width:75px ; 
    /*height:130px ;*/
    margin:-40px 0px -75px 0px ;
  }
}

@media (max-width: 991px) {
 
.brandHB {
    width:70px ; 
    /*height:95px ;*/
    margin:-40px 0px -70px 0px ;
  }
}

@media (max-width: 767px) {
 
.brandHB {
    width:60px ; 
    /*height:92px ;*/
    margin:-40px 0px -60px 0px ;
  }
}

@media (max-width: 575px){
 
.brandHB {
    width:60px ; 
    /*height:67px ;*/
    margin:-00px 0px -10px 0px ;
  }
  
.brandlogo{height:30px ; }  
}


.z-index-20{
    position: relative;
    z-index:20  
    
}



.z-index-20{
    position: relative;
    z-index:20  
    
}