@font-face {
    font-family: 'Billy';
    src: url('billy-webfont.woff2') format('woff2'),
         url('billy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.subpanel-cahier{background-color:#e5e5e5;}
.subpanel-eval{padding-top:40px;padding-bottom:20px;}
body{color:#3f4341;background-color:#fffffe;}
h1{font-family: 'Billy';color:#be6a4e;margin-bottom:0px;}
h2{font-family: 'Billy';color:#be6a4e;font-size:36px;margin-bottom:0px;}
h2.cahier-title{font-family: 'Billy';font-size:28px;margin:0;text-align:center;color:#000000;}
h3{ font-size:16px;margin:0;color:#00B5AD;}
.btn.btn-default{border-radius:20px;padding:5px 10px;border:none;min-width:160px;}
.btn-moustique.btn.btn-default.btn-mouslg{padding:10px 15px;color:#00B5AD;}
.btn-moustique.btn.btn-default.btn-mouslg2{padding:10px 15px;color:#00B5AD;}
.btn-moustique-alt.btn.btn-default{color:#fffffe;background-color:#00B5AD;}
.btn-moustique-bleu.btn.btn-default{color:#fffffe;background-color:#2fb6c1}
.btn-moustique-alt.btn.btn-default:hover,
.btn-moustique-alt.btn.btn-default:active,
.btn-moustique-alt.btn.btn-default:focus
{
  background-color:#2096B6;
  box-shadow:none;
  outline:none;
}
.btn-moustique-bleu.btn.btn-default:hover,
.btn-moustique-bleu.btn.btn-default:active,
.btn-moustique-bleu.btn.btn-default:focus
{

  background-color:#2096B6;
  box-shadow:none;
  outline:none;
}

.btn.btn-default.btn-lg.btn-moustique.btn-circle{color:#00B5AD;;border-color:#00B5AD;padding: 22px 16px 10px;
border-radius: 35px;min-width:auto;border:1px solid #00B5AD;
}
.btn-moustique.btn.btn-default:hover,
.btn-moustique.btn.btn-default:active,
.btn-moustique.btn.btn-default:focus
{
  color:#00B5AD;
  background-color:#DDDDDD;
  box-shadow:none;
  outline:none;
}
.h_title{opacity:0;margin-top:0;}
.txt-color
{color:#00B5AD;}
.form-horizontal{padding-left:15px;padding-right:15px;}
.row.row-header{p}
.sm-center{margin:0 auto;}
#container{margin-top:60px;margin-bottom:40px;}
img.vignette{margin:0 auto;
-o-box-shadow: -1px 1px 5px 0px #999999;
box-shadow: -1px 1px 5px 0px #999999;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=224, Strength=5);}
img.logo{max-height:150px;}
.row.bonus-container{background-color:#00B5AD;padding-bottom:10px;}
.row.bonus-container-alt{background-color:#00B5AD;padding-bottom:0} /* e67752 */
.row.bonus-container-alt .col-xs-12{padding:0;}
.row.bonus-container-alt .col-xs-12 img {margin: 0 auto;}
.txt-credit{font-size:12px;line-height:20px;color:#ffffff;padding-top:10px;}
.txt-credit a {text-decoration:none;color:#ffffff;}
img.bonus{max-height:350px;}
#commander{display:none;}
.cahier {max-height:350px;margin:0 auto;}
.btn-mouslg {line-height:35px;font-size:28px;}
.btn-mouslg2 {line-height:35px;font-size:20px;}
.row{padding-bottom:20px;}
.row.t2{padding-top:10px;padding-bottom:0px;}
.row.t3{padding-bottom:10px;}
.form-group{padding-bottom:40px;border-bottom:2px solid #00B5AD;}
.input-col{line-height:50px;padding-top:10px;padding-bottom:10px;}
.label-name{float:left;padding-top:0!important;line-height:50px;}
.radio-genre-container{float:left;}
.radio-genre
{
  position: relative;
  height: 50px;
  width: 50px;
  margin-left: 10px;
  display: inline-block;
  line-height: 50px;
}
.radio-genre input[type=radio]
{
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 100;
  cursor: pointer;
}
.label-genre
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  border: 2px solid;
  color: #ebebeb;
  text-align: center;
  line-height: 1;
  padding-top: 17px;
  font-weight: bold;
}

.form-check-input{position: absolute;left: -9999px;}
.form-check-label::before, .form-check-label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;  
}
.form-check-label:before {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #EA5B37;  
}
.form-check-label:after {
  display:none;
  width: 24px;
  height: 24px;
  margin: 8px;
  background-color: #EA5B37; 
}
.form-check-input:checked  + .form-check-label:after {
  display: block;
}
.form-check-label
{
  position: relative;
  margin: 10px 0;
  padding-left: 60px;
  cursor: pointer;
   line-height:auto;
  font-weight:normal;
 }


.radio-genre input[type=radio]:checked + .label-genre{color: #00B5AD;}
.form-control:focus {
  border-color: #00B5AD;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.form-control.erreur{border:2px solid #d9534f;
    color: #d9534f;
}
.form-check-label.erreur {color: #d9534f;}
.form-control.erreur::-webkit-input-placeholder {color: #d9534f;}
.form-control.erreur:-moz-placeholder  {color: #d9534f;}
.form-control.erreur::-moz-placeholder {color: #d9534f;}
.form-control.erreur::-webkit-input-placeholder {color: #d9534f;}
.form-control.erreur:-ms-input-placeholder {color: #d9534f;}
.form-control.erreur::-ms-input-placeholder  {color: #d9534f;}
.alert-ok, .alert-erreur, .alert-erreur2 {display:none;}
.txt-bold, .txt-bold > strong{font-weight:bold;}
strong {font-weight:normal;}
.btn-circle {
  width: 70px;
  height: 70px;
  padding: 22px 16px 10px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
.modal-header .close {
  font-size: 50px;
    line-height: 50px;}

.modal-header {
    padding-bottom: 0px;
    padding-top:5px;
    border-bottom: 1px solid #00B5AD;}
.modal-body {
    max-height: 95vh; 
}
@media screen and (max-width:768px){
  body{font-size:12px;}
  h1{font-size:35px;text-align:center;}
  .txt-credit{font-size:8px;}

  }