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

*/

body {

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

.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:#392050; } /* ancien #714799 */
.noir { color:#212529; }
    
.captation {
      margin-top:-80px;
      color:white;
        
    }
.zone {
    border: 3px solid #619481 ;  /* Vert ancien 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;
}

.owl-prev {
      height: 100%;
      position: absolute;
      top: 0%;
      width: 30px;
      z-index: 1000;
      left: 0%;
      cursor: pointer;
      color: transparent;
    }

.owl-next {
      height: 100%;
      position: absolute;
      top: 0%;
      width: 30px;
      z-index: 1000;
      right: 0%;
      cursor: pointer;
      color: transparent;
    }

.owl-prev:hover,
 .owl-next:hover {
      opacity: 0.5;
    }
.interview-bg{
        background-color:#651a4b;
        border:1px solid #651a4b;
        
    }
    
.interview-rotate {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  
    
}

.paragraphe-prepend {
    width:10rem;
}
.paragraphe-input {
    width:17rem;
}

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

.bg-gris {
    background-color:LightGray;
}

.bg-7650C {
    background-color:#651a4b;
}

.bg-2627C {
    background-color:#392050;
}

.bg-footer {
background: rgb(57,32,80);
background: linear-gradient(0deg, rgba(57,32,80,0.9962185557816877) 10%, rgba(118,30,87,1) 90%);
}

.bg-pub-vip {
  /*background-color: #651a4b;*/
 background: rgb(101,26,75);
 background: linear-gradient(90deg, rgba(101,26,75,1) 20%, rgba(57,32,80,1) 100%); 
}

.bg-header {
background: rgb(57, 32, 80);
}
.pointer {cursor: pointer;}

  .logos{

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

.logos:hover{

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


.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
  bg-warning
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}