/* nouveau css */
.masthead{
  background-image: url(../../../assets/images/ImageInscription.PNG);
  width: 960px;
  height: 1024px;
}

.truc-a-centrer {
  position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}

#contenu {
  font-size:18px;
  text-align:center;
  height:50px;
  vertical-align:middle;
  line-height: 50px;
}
.h-center{
  width: 50%;
  margin: auto;
}

#container2 {
  padding: 0px 20px 20px 20px;
  width: 100%;
  height: auto;
}

.coller {
  width: 20%;
  float: left;
  height: auto;
  margin-right: 20px;
}

.bleu {
  color: #0095FF;
}

.theadBg{
  background-color: rgb(143, 143, 139);
}

.centeDiv{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.wid100{
  width: 100%!important;
}

.fonttitre{
  font-size: 1.21875rem!important;
}

.clear {
  clear: both;
}

.logoBil{
  width: 720px;
  height: 245px;
  left: 128px;
  top: 389px;
  position: absolute;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.noir{
  color: #000!important;
}

.logoBil2{
  width: 333px;
  height: 111px;
}

.textInscription1{
  width: 720px;
  height: 84px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: white;
}

.infoInscription{
  width: 157px;
  height: 23px;
  left: 381px;
  top: 952px;
  position: absolute;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.powerr{
  width: 90px;
  height: 23px;
  font-size: 14px;
  line-height: 20px;
  color: white;
}

.bourjon{
  width: 59px;
  height: 23px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: white;
}

.seConnecter{
  width: 204px;
  height: 32px;
  left: 1320px;
  top: 244px;
  position: absolute;
  font-size: 30px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(51, 51, 51, 1);
}
.jauneNew{
  color: #E3B200!important;
}

.rouge{
  color: #F74242!important;
}

.bgJaune{
  background-color: #E3B200!important;
}

.myJaune {
  background-color: #fffaf1!important;
  border-color: #fffaf1!important;
  color: #e3b200!important;
}

.light-skin .main-header .navbar .nav > li > a:hover, .light-skin .main-header .navbar .nav > li > a:active, .light-skin .main-header .navbar .nav > li > a:focus {
  background-color: #e3b200!important;
  border-color: #fffaf1!important;
  color: #fffaf1!important;
}

.noir{
  color: #000!important;
}

.myImage{
  width:159px;
  height:53px;
  text-align:center;
  margin:auto;
  display:flex;
}
.bienvenue{
  width: 120px;
  height: 27px;
  left: 1362px;
  top: 188px;
  position: absolute;
  line-height: 100%;
}

.btn-warning{
  background-color: #E3B200!important;
  border-color: #E3B200!important;
  color: #fff;
}

.btn-warning:hover {
  background-color: #E3B200!important; /* Green */
  color: white;
}

.btn-warning:active {
  outline-color: transparent;
  outline-style:solid;
  box-shadow: 0 0 0 4px #E3B200!important;
  color: white;
}

.btnMyLignt{
  background-color: transparent!important;
  border-color: transparent!important;
}

.btnMyLignt:hover {
  background-color: transparent!important;
  border-color: transparent!important;
}

.btnMyLignt:active {
  background-color: transparent!important;
  border-color: transparent!important;
}

.form-check-input:checked {
  background-color: #E3B200!important;
  border-color: #E3B200!important;
}

input[type="checkbox"]:focus {
  outline:none;
  box-shadow: 0 0 1px 2px #E3B200;
}

/* .squaredThree */
.squaredThree {
  position: relative;
  float:left;
  margin: 10px
}

.squaredThree label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #E3B200;
  border-radius: 4px;
}

.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 5px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaredThree label:hover::after {
  opacity: 0.3;
}

.squaredThree input[type=checkbox] {
  visibility: hidden;
}

.squaredThree input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* end .squaredThree */

.label-text {
  position: relative;
  left: 10px;
}

a {
  text-decoration: none;
}

.c1
{
    width: 100% ; height:350px; display: flex ;margin-top: 2% ; justify-content: flex-start ;
}
.c2{
    height: 250px ; width: 17% ;  margin-right: 2% ; margin-left: 5% ; border: 2px solid ; border-color:transparent ; border-color: #f3efe2 ; border-radius: 8px ; box-shadow: 0px 0px 10px #f3efe2 ;
}

.bj{
    margin-left: 26%  ; display: flex ;
}
.divjaune{
    border: 2px solid #ffd642;  border-radius: 20px; height: 85px; margin-top: 2% ; width: 100% ;
}
@media screen and (max-width: 500px)
{
    .c1
    {
        width: 100% ; height:600px; display: flex ;margin-top: 2% ; justify-content: flex-start ;
    }

    .c2{
        height: 250px ; width: 100% ;  margin-right: 2% ; margin-left: 5% ; border: 2px solid ; border-color:transparent ; border-color: #f3efe2 ; border-radius: 8px ; box-shadow: 0px 0px 10px #f3efe2 ;
    }
    .bj{
        margin-left: 26%  ; display: flex ;
    }
    .divjaune{
        border: 2px solid #ffd642;  border-radius: 20px; height: 85px; margin-top: 2% ; width: 100% ;
    }
}







/* ancien css */
.majuscule{
    text-transform: capitalize;
  }

  .white{
    color: #fff!important;
  }

  #centered{
    display : table;
    margin : 0 auto;
  }

  .souligner{
    /* border-bottom: 1px solid #E3B200; */
    text-decoration-color : #E3B200;
    text-decoration-line  : underline ;
  }

  .soulignement{
    text-decoration-line  : underline ;
    font-size: 15px;
  }

  .caracteristique{
    height:30px;
    word-wrap: break-word;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
    /* -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; */
  }
  .hr{
    border: 2px solid #E3B200;
  }

  .red{
    color:red;
  }

  .black {
    color: black;
  }

  .floright{
    float:right;
  }

  .r2{
    margin-right:2px;
  }

  .center {
    text-align: center!important;
  }

  .right { text-align: right; }

  .left { text-align: left; }

  .underline{
    text-decoration: underline;
  }

  .italique{
    font-style: italic;
  }

  .yellow{
    color: #E3B200!important;
  }

  .margR{
    margin-right:1%;
  }

  .text-center {text-align:center;}


  /* Rating Star Widgets Style */
  .rating-stars ul {
    list-style-type:none;
    padding:0;
    -moz-user-select:none;
    -webkit-user-select:none;
  }
  .rating-stars ul > li.star {
    display:inline-block;

  }

  /* Idle State of the stars */
  .rating-stars ul > li.star > i.fa {
    font-size:1.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
  }

  /* Hover state of the stars */
  .rating-stars ul > li.star.hover > i.fa {
    color:#E3B200;
  }

  /* Selected state of the stars */
  .rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
  }

  .myBadge{
  color:#fff !important;
  background-color: #28a745!important;
  }

  .text-warning{
    color: #E3B200!important;
  }

  .green{
    color: #44C13C!important;
  }

.totalBg{
  background-color: #E6E6E6!important;
}

.commissionBg{
  background-color: #F1F9FF!important;
}

.bordure{
  border-radius: 5%;
}
.bgh{
  background-color: rgb(143, 143, 139);
}

.btn-success{
  background-color: #44C13C!important;
  border-color: #44C13C!important;
}

.bold{
  font-weight: bold!important;
}

#sidebar-menu ul li a i {
  font-size: 1.0rem!important;
}