/* 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:#3465a4; }
.wrouge  { color:#bf0041; }

.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;
}





.OSCB{    
line-height: 12px;
}


.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;
}

.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: #640224 ;

}

.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 .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: #773A8E;
  background-color: #f5edf8;  
  border-bottom:1px solid lightgray ;
  border-radius: 0px;
  padding-bottom: 4px;
  padding-top:3px;
  box-shadow:0px 5px 4px -4px #773A8E; ;
}
.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: #773A8E;
  
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #773A8E;  
  border-bottom:1px solid lightgray ;
  border-radius: 0px;
  padding-bottom: 2px;
  padding-top:6px;
  box-shadow:0px 5px 4px -4px #773A8E; ;
  
  
}

    
.btn-outline-primary {
  color: #a8005c;
  background-image: none;
  background-color: transparent;
  border-color: #a8005c;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #a8005c;
  border-color: #a8005c;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #a8005c;
  border-color: #a8005c;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #a8005c;
  border-color: #a8005c;
}
.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: #a8005c;
  border-color: #a8005c;
}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #a8005c;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #a8005c;
}
.mangenta{
  color: #a8005c;
}

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

.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;
}

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