.tablist ul{
      width: 100%;
      margin:0;
    }


    .tablist ul li{
     display: inline-block;
     width: auto;
     text-align: center;
     margin: 0;
     font-size: 15px;
     text-transform: capitalize;
   }
   .tablist ul li a{
    color: #fff;
    text-decoration: none;
    padding: 10px 11px;
    display: block;
    min-width: 131px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;

  }


  .tablist ul li:last-child a{
    padding: 10px 12px;
  }
  .green{
    background: #2f9b44;
  }
  .yellow{
    background: #fad800;
  }
  .red{
    background: #e02523;
  }
  .blue{
    background: #35c2f7;
  }
  .violet{
    background: #80278b;
  }
  .lightblue{
    background: #40cdbb;
  }
  .tab-contents{
    display: block;
    float: left;
    padding:20px;
    width: 100%;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .intro-wrap{
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .intro-wrap h2{
    font-size: 24px !important;
    color: #e32523;
    font-weight: 400 !important;
    text-transform: none !important;
    margin: 15px 0;
  }
  .sport-wrap{
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 23px;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .sport-wrap h5{
    color: #404040;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
  }
  .sport-wrap p{
    color: #555555;
    font-size: 14px;
    margin-bottom: 15px;

  }
  .sport-wrap ul  {
    list-style-image: url('./img/list.png');
  }
  .sport-wrap ul li{
    color: #555555;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
  }

  .place-list ul li{
    font-weight: 400;
  }
  .banner-wrap
  {   margin-bottom: 23px;}
  .banner-wrap img{
    border-radius: 8px;

  }
  .list-wrap{
    float: left;
    width:100%;
  }
  .list-wrap > ul.list-wrap-ul{
    margin:0;
    float: left;
    width:100%;
  }
  .list-wrap ul.list-wrap-ul li{
    list-style: none;
    background-size: cover !important;
    border-radius: 8px;
    width: 100%;
    float: left;
  }
  .list-wrap ul.list-wrap-ul li.yellow-bg{
    background: url("./img/yellow_bg.jpg") no-repeat;
    margin-bottom: 23px;
  }
  .list-wrap ul.list-wrap-ul li.orange-bg{
    background: url("./img/orange_bg.jpg") no-repeat;
    margin-bottom: 23px;
  }
  .list-wrap ul.list-wrap-ul li.green-bg{
    background: url("./img/green_bg.jpg") no-repeat;
    margin-bottom: 23px;
  }
  .list-wrap ul.list-wrap-ul li.blue-bg{
    background: url("./img/blue_bg.jpg") no-repeat;
    margin-bottom: 23px;
  }
  .list-wrap ul.list-wrap-ul li .left{
   width: 27%;
   float: left;
 }
 .list-wrap ul.list-wrap-ul li .left img{
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.list-wrap ul.list-wrap-ul li .right{
 width: 73%;
 float: left;
}
.right > ul{
 float: left;
 margin-top: 16px;
 margin: 15px 0 10px 35px;
}

.right > ul li{
  color: #fff;
}

.inscriptions-wrap{
  float: left;
  width: 100%;
  margin-bottom: 23px;
}
.inscriptions-wrap ul
{
  margin: 0;
  float: left;
  width: 100%;
}
.inscriptions-wrap ul li{
  display: inline-block;
  padding: 15px 0px;
  color: #fff;
  font-size: 21px;

}

.inscriptions-wrap ul li a{
  color: #fff;
  text-decoration: none;

}

.inscriptions-wrap ul li.inscriptions-lt{
  background: #81be21;
  border-radius: 5px;
  width: 50%;
}
.inscriptions-wrap ul li.inscriptions-lt span{
 background: #2f9b44;
 padding: 13px 15px 14px 15px;
 border-radius: 5px;
 margin-right: 10px;
 border-bottom-right-radius: 0;
 border-top-right-radius: 0;
}
.inscriptions-wrap ul li.inscriptions-lt span img{
  width: 17px;
  height: 17px;
}

.inscriptions-wrap ul li.inscriptions-rt{
  background: #de2422;
  border-radius: 5px;
  width: 49%;
  text-align: center;
}

/*  confirmation page*/
.confirmation{
  text-align: center;
  min-height: 320px;
}
.confirmation-ico{
  margin-bottom: 23px;
}
.confirmation-ico ul{
  margin:0;
}

.confirmation-ico ul li {
  font-size: 14px;
  display: inline-block;
}
.confirmation-ico ul li a{
  color: #555555;
}
.confirmation-ico ul li+li:before {
  content: ">";
  padding-right: 3px;
}

.confirmation-ico ul li.active:before{
  color: #555555;
  font-weight: normal;
  text-decoration: none;
}
.confirmation-ico ul li.active a{
  font-weight: bold;
  text-decoration: underline;
  color: #000;
}
.confirmation-btn
{
  display: block;
  margin-top: 50px;
}
.confirmation-btn button{
  background: #e02523;
  border-radius: 5px;
  color: #fff;
  font-size: 21px;
  text-decoration: none;
  border: none;
  padding: 10px 20px;
}
.confirmation-btn button:hover{
  color: #fff;
  text-decoration: none;
}
/*login page*/
.login{
 background: #fff;
 width: 100%;
 float: left;
 display: block;
 border-radius: 6px;
 padding: 30px 0 50px 0;
}
.login h2{
  font-size: 24px;
  text-align: center;
  color:#e32523;
  text-transform:none;
  font-weight: normal;
}
.login .login-form{
  width: 540px;
  margin: 0 auto;
  display: block;

}
.control-label{
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: left;
  color: #555555;
}

.controls{
  position: relative;
  float: left;
}
.controls input{
  border-radius: 10px;
  padding-left: 50px;
  margin-bottom: 23px;
}
.register{
  float: right;
  margin-right: 55px;
}
.controls span{
  position: absolute;
  top: 0;
  background: #de2422;
  width: 45px;
  height: 30px;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  left: 0;
}
.controls span img{
  position: absolute;
  top: 6px;
  left: 15px;
}
.controls span label{
  position: absolute;
  top: 10px;
  left: 12px;
  color: #fff;
  font-size: 20px;
}
.controls a{
  color: #555555;
  text-decoration: underline;
  font-size: 14px;
  margin-right: 30px;
}
.btn-envoyer{
  background: #de2422;
  color: #fff;
  padding: 10px !important;
  border: none;
  min-width: 125px !important;
  border-radius: 6px !important;
  text-shadow: none;
}
.btn-envoyer:hover{
 background: #de2422;
 color: #fff;
 text-shadow: none;
}
/*payment*/
table.table-fst{
  border-radius: 8px;
}
table.table-fst thead{
  background: url("./img/table-bg1.png") repeat;
}
table.table-form2 thead{
  background: url("./img/table-bg3.png") repeat;
}
table.table-panier thead{
 background: url("./img/table-bg2.png") repeat;
}
.form2-wrap h3{
  margin-bottom: 23px;
  margin-top: 20px;
  float: left;
  width: 100%;
  clear: both;

}
table.table-fst th,table.table-panier th,table.table-form2 th{
  line-height: 15px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

table.table-form2 td span.button-des{
  float: right;
}
table.table-form2 td span.button-des button{
  background: #2e9943;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  padding: 6px;
  vertical-align: top;
}
table.table-total{
 border-radius: 8px;
}
table.table-total thead{
  background: url("./img/table-bg.png") repeat;
}
table.table-total th{
  line-height: 45px;
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  border-left: 1px solid #cdcdcd;
  text-align: center;
}
 table.table-total thead tr th.tot{
    text-align: center !important;
   }

  .payment-form-wrap h3{
    color: #e32523;
    font-size: 24px;
  }
  .payment-form-wrap form{

   display: block;
   float: left;
 }

 .payment-form-wrap form input[type="radio"]{
  vertical-align: middle;
  margin: 0;
}
.radio-btn {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.retour-envoyer{
  width: 100% !important;
}
.retour-envoyer button{
  margin-top: 30px;
}
/* Hide the browser's default radio button */
.radio-btn input {
  position: absolute;
  opacity: 0;
  width: 100px !important;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #d0cbcb;
}

/* On mouse-over, add a grey background color */
.radio-btn:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-btn input:checked ~ .checkmark {
  background-color: #2f9b44;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-btn input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-btn .checkmark:after {
 top: 3px;
 left: 3px;
 width: 4px;
 height: 4px;
 border-radius: 50%;
 background: white;
}
.personal-acnt-form {
  color: #404040;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  float: left;
}
.close-btn{
  float: right;
}
.close-btn button{
  background: transparent;
    border: none;
}

.personal-acnt-form label {
 display: inline-block;
 width: 126px;
 color: #555555;
 font-size: 14px;
 vertical-align: top;
 margin-bottom: 0;
}
.sociale-radio
{margin-bottom: 10px;}
.sociale-radio label{
  width: 120px;
}
.sante label{
  width: 160px;
}
.personal-acnt-form textarea{
 width: 400px;
 border-radius: 12px;
 background: #f5f7f8;
}

.personal-acnt-form input {
  display: inline-block;
  width: 267px;
  background: #f5f7f8;
  border-radius: 10px;
  height: auto;
}
.personal-acnt-form p{
  width: 380px;
  margin: 15px 0;
}
.forms{
  display: block;
  float: left;
  padding: 20px;
}
.forms div{
  float: left;
  width: 50%;
}
.forms div:nth-child(2){
  margin-left: 20px;
  width: 47.5%;
}
.forms div label {
 display: inline-block;
 width: 100px;
}
.forms div input {
  display: inline-block;
  width: 280px
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
  float: left;
  display: block;
  width: 100%;
}
.retour:hover,.envoyer:hover{
  text-decoration: none;
  color: #fff;
}
.forms a{
  color: #fff;
  padding: 10px;
  float: left;
  border-radius: 6px;
  width: 100px;
  text-align: center;
  margin-top: 30px;
}
.payment-form-wrap a{
  color: #fff;
  padding: 14px;
  float: left;
  border-radius: 6px;
  width: 125px;
  text-align: center;
  margin-top: 30px;
}
.payment-form-wrap button{

  color: #fff;
  padding: 10px;
  border-radius: 6px;
  width: 125px;
  text-align: center;
  border: none;
}
a.retour{
  background:#2f9b44;
  float: left;

}
.envoyer{
  background:#de2422;
  float: right !important;
}
.form-group{
    width: 100% !important;
    float: left !important;
    margin-left: 0 !important;
}
p.form-error{
  text-align: left;
  color: #de2422;
  margin: 0 0 0 130px;
  font-weight: normal;
}
.paymenterror p.form-error{
  margin-left: 105px;
}
/*form2*/
.datepicker{
  position: relative;
  display: inline-block;
  float: right;
}
.datepicker span{
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.form2-form{
  float: left;
  display: block;
  width: 100%;
  clear: left;
}
.form2-form textarea{
  width: 100%;
}
.form2-form .span6{
  margin:0;
  margin-right: 20px;
}
.form2-form-fullwidth input.full-width{
  width: 100%;
}

.form2-form p{
  margin-top: 0;
  font-size: 14px;
  font-weight: normal;
}
/*form1*/
.valide{
  margin-left: 0;
  margin-bottom: 10px;
}
.valide1{
      margin-left: 0;
    margin-right: 15px;
}
.valide label{
float: left;
}
.valide input[type="text"]{
  width: 100%;
  background: #f5f7f8;
    border-radius: 10px;
}
.valide .datepicker{
  display: block;
  float: none;
}
.badge-list-wrap{
  float: left;
  width: 100%;
  display: block;
}
.badge-list-wrap .list-wrap{
  float: left;
  width: 100%;
  margin-right: 15px;
  overflow: hidden;
}
.badge-list-wrap .list-wrap ul.list-wrap-ul
   { float: left;
       width: 110%;
       margin: 0 -7px;}
.badge-list-wrap .list-wrap ul.list-wrap-ul > li{
      position: relative;
    float: left;
    width: 44.8%;
    margin: 15px 7px;
    display: inline-block;
}

.badge-list-wrap .list-wrap ul.list-wrap-ul li img.badge-img
{
  position: absolute;
  right: 25px;
  top: -7px;
}
.badge-list-wrap .list-wrap:last-child{
  margin-right: 0;
}
.form1 h2{
  float: left;
  width: 100%;
}
.form1-textarea{
  float: left;
    width: 100%;
    display: block;
}
.form1-textarea textarea{
  background: #f5f7f8;
    border-radius: 10px;
    width: 98%;
}

/* Acordeon styles */
.half .tab {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  color: #555555;
  overflow: hidden;
  border: 1px solid #d89d08;
  border-radius: 12px;
}
.half input[type=checkbox].tab1 {
  position: absolute;
}
.half label.accordion-label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  font-weight: bold;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 0;
  background: url("./img/accordion-bg.png") repeat;
  color: #fff;
}

.half .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.contents-acco
{
  float: left;
  width: 100%;
  box-sizing: border-box;
}


/* :checked */
.half input.tab1:checked ~ .tab-content {
  max-height: 100%;
}
/* Icon */
.half label.accordion-label::after {
  position: absolute;
  right: 0;
  top: -15px;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
.half input[type=checkbox].tab1 + label.accordion-label::after {
  content: "+";
  font-size: 20px;
}

.half input[type=checkbox].tab1:checked + label.accordion-label::after {
  transform: rotate(360deg);
  content: url("./img/accordion.png");
}
.accordion-content-wrap{
  float: left;
  width: 100%;
  padding: 8px 20px;
  box-sizing: border-box;
}
.accordion-content-wrap label{
  float: left;
  width: 20%;
}
.accordion-content-wrap .sociale-radio,.accordion-content-wrap  .accordion-text{
  float: left;
  width: 80%;
}
.accordion-content-wrap input[type=text]{
  display: inline-block;
  width: 98%;
  background: #f5f7f8;
  border-radius: 10px;
}
.accordion-text .datepicker{
  display: block;
  float: none;
}
.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.accordion-text .checkbox-inline{
  width: 45%;
  float: left;
  margin-bottom: 20px;
}
.checkbox-inline input[type=checkbox]{
  margin: 0 10px 0 0;
}
.accordion-content-wrap .radio-btn{
  display: inline-block;
}
/*personal-acnt*/
.tablist-wrap .row{
  margin-left:  0;
}
.tablist-wrap .row .span6{
  width: 415px;
}
.personal-acnt form{
  margin-top: 10px;
  float: left;
  width: 100%;
}
.personal-acnt form h2{
  font-size: 24px;
  font-weight: normal;
}
.personal-acnt form h3{
  font-size: 16px;
  color: #404040;
  font-weight: bold;
}


.burgermenu {
  position:relative;
  display:inline-block;
}

.burgermenu ul.active {
  display:none;
}

.burgermenu ul.outerul {
 width: 180px;
 /* height: 250px; */
 position: absolute;
 top: 82%;
 margin: 0;
 left: 18px;
 padding: 10px 12px;
 box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
 border-radius: 10px;
 background: #fff;
 border: 1px solid #ddd;
 z-index: 1;
}
.burgermenu ul.new{
  /* height: 250px; */
  overflow: hidden;
}
 /*
 *  STYLE 2
 */

 #style-2::-webkit-scrollbar-track
 {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  width: 8px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #D62929;
}

.burgermenu li {
  margin:5px 0px 5px 0px;
  float:none;
  display:block;
  color: #404040;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}
.burgermenu li.current-item a{
  text-decoration: underline;

}

.burgermenu a {
  display:block;
  color: #555555;
  font-weight: normal;
}

.toggle-nav {
  padding:20px;
  float:left;
  display:inline-block;
  transition:color linear 0.15s;
}

.toggle-nav:hover, .toggle-nav.active {
  text-decoration:none;
  color:#66a992;
}
.triangle-border {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  border: 5px solid #5a8f00;
  color: #333;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 40px;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #ddd transparent;
  display: block;
  width: 0;
}
.triangle-border.top:before {
  top: -10px;
  bottom: auto;
  left: 18px;
  right: auto;
  border-width: 0 10px 10px;
}
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 47px;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
.triangle-border.top:after {
  top: -8px;
  bottom: auto;
  left: 19px;
  right: auto;
  border-width: 0 9px 9px;
}
.soeur{
  float: left;
  display: block;
  width: 100%;
}
.soeur label{
  width: 15%;
  display: inline-block;
  vertical-align: top;
}
.soeur input{
  width: 35%;
  display: inline-block;
  vertical-align: top;
  background: #f5f7f8;
  border-radius: 10px;
}
.soeur .datepicker input{
 display: inline-block;
 vertical-align: top;
 width: 100%;
 float: right;
 background: #f5f7f8;
 border-radius: 10px;
}
.soeur .datepicker
{   position: relative;
 display: inline-block;
 float: right;
 width: 35%;}

 /*checkbox*/
 .checkbox-inline span{
   display: inline-block;
   width: 85%;
 }
 .checkbox-inline input[type="checkbox"]{
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
 }
 .partcipanterrormsg p.form-error {
  text-align: left;
  color: #de2422;
  margin: 0 0 10px 0;
 }
 .checkbox-inline{
   float: none !important;
 }
 .half .form-error{
   margin: 0 !important;
 }
 .sociale-radio .form-error{
   clear: both;
  }
  .table-bordered{
    border-collapse: collapse;
  }
  .table-topay tbody{
    display: none;
  }

  .passeouter{
    margin: 0 auto;
    display: block;
    width: 52%;
  }
  .currentpasse{
    margin-bottom: 13px;
  }
  .passeouter input{
    border-radius: 10px;
    width: 270px;
  }
  .newpasse{
    margin-bottom: 13px;
  }
  .cnfrmpasse{
    margin-bottom: 13px;
  }
  .passeouter button{
    color: #fff;
    border-radius: 10px;
    padding-left: 50px;
    margin-bottom: 23px;
    padding: 8px 25px;
    outline: none;
    border: none;
    margin-right: 10px;
  }
  .passeouter button:hover {
    background: #ff3836;
    color: #fff;
}
  .changepasse h2{
    text-align: center;
  }
  .passeouter p.form-error{
    margin: 0 0 0 162px;
  }
  .paymentpg{
    display: none;
  }
  .paymntpg form{
    float: left;
    width: 100%;
  }
  .paymntpg .forms{
    float: left;
    width: 100%;
  }
  .paymntpg button{
    margin-right: 22px;
    padding: 14px;
  }
  .paymntpg .form-error{
    margin: 0px 0 0 21px;
  }
 /*media*/

 @media screen and (min-width: 768px) and (max-width: 1024px) {
  .accordion-content-wrap label{
    width: 23%;
  }
  .accordion-content-wrap .sociale-radio, .accordion-content-wrap .accordion-text{
    width: 76%;
  }
  /*index page*/
  .yellow .badge-list-wrap .list-wrap ul.list-wrap-ul{
    width: 100%;
  }
  .yellow .badge-list-wrap .list-wrap ul.list-wrap-ul > li{
    width: 47%;
    min-height: 185px;
  }
  .yellow .badge-list-wrap .list-wrap-ul{
    margin: 0 auto !important;
  }
  .yellow .right > ul{
    margin: 15px 0 10px 10px;
  }
  .list-wrap ul.list-wrap-ul li .right{
    width: 67%;
  }
  .passeouter p.form-error{
    margin: 0;
  }
 }


 @media screen and (max-width:768px) {
  .inscriptions-wrap ul li{
    font-size: 15px;
  }
  .badge-list-wrap .list-wrap{
    width: 100%;
  }

  .inscriptions-wrap ul li.inscriptions-lt span
  {
   padding: 16px 15px 17px 15px;

 }

 .tablist ul li a{
  min-width: 10px !important;
}
.forms div:nth-child(2){
  margin-left: 0px;
  width:100%;
}
.forms div{
  float: none;
  width: 100%;
}
.forms div input, .forms .paymentpg input{
  width: 100%;
}



}

@media screen and (max-width:767px) {
  .list-wrap ul.list-wrap-ul li .left{
    width: 100%;
  }
  .datepicker{
    float: none;
  }


  .left img{
    width: 100%;
    border-radius: 8px;
  }
  .list-wrap ul.list-wrap-ul li .right{
    width: 100%;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* border: 1px solid #ddd; */
    border: 0;
  }
  table.table-total th{
    font-size: 15px;

  }
   table.table-total thead tr th.tot{
    text-align: center !important;
   }
  .tablist ul li a.green{
   background : url(./img/SVG/form1.svg)#2f9b44 no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
   /* background-position: 0px; */
 }
 .tablist ul li a.yellow{
   background : url(./img/SVG/form1.svg) #fad800 no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
   /* background-position: 0px; */
 }
 .tablist ul li a.red{
   background : url(./img/SVG/panier1.svg) #e02523 no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
   /* background-position: 0px; */
 }
 .tablist ul li a.blue{
   background : url(./img/SVG/personal_account.svg) #35c2f7 no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
   /* background-position: 0px; */
 }
 .tablist ul li a.violet{
   background : url(./img/SVG/form2.svg)#80278b no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
   /* background-position: 0px; */
 }
 .tablist ul li a.lightblue{
   background : url(./img/SVG/checkout.svg)#40cdbb no-repeat center;
   content : "";
   font-size: 0px;
   min-width: 25px;
   background-size: 30px 20px;
  /* background-position: 0px; */
 }
  /* index page */
 .badge-list-wrap .list-wrap ul.list-wrap-ul{
  width: 100%;
 }
 .badge-list-wrap .list-wrap ul.list-wrap-ul > li{
   width: 100%;
 }
 .badge-list-wrap .right > ul{
   margin: 15px 0 10px 13px;
 }
 #campForm .checkbox-inline{
   padding-left: 0;
   margin-bottom: 10px;
   margin-right: 10px;
 }

 .accordion-content-wrap label{
   width: 100%;
 }
 /* .half input.tab1:checked ~ .tab-content{
  max-height: 593px;
 } */
 .accordion-content-wrap .sociale-radio, .accordion-content-wrap .accordion-text{
  width: 93%;
 }
 .accordion-text .checkbox-inline{
  width: 100%;
 }
 p.form-error{
   margin-left: 0;
 }
 .forms div input, .forms .paymentpg input{
  width: 100% !important;
}
.paymenterror p.form-error{
  margin-left: 0px;
}
.passeouter{
  width: 100%;
}
.passeouter input{
  width: 85%;
}
.table.table-bordered.table-form2 {
 margin-bottom: 0;
}
.paymntpg .forms{
  padding: 8px;
  width: 90%;
}
.buttonclass {
  width: 70% !important;
}
.paymntpg button{
  width: 151px;
  margin-right: 0;
}
.passeouter p.form-error{
  margin: 0;
}
.accordion-content-wrap input[type=text]{clear: both;}

}

@media screen and (max-width:767px) and (orientation : landscape) {
   /* index page */
  .accordion-content-wrap .sociale-radio, .accordion-content-wrap .accordion-text{
    width: 80%;
   }
   .accordion-content-wrap label{
    width: 20%;
  }
  #campForm .checkbox-inline{
    padding-left: 20px;
  }
  p.form-error{
    margin-left: 130px;
  }
}


@media screen and (max-width:700px) {
  .inscriptions-wrap ul li.inscriptions-lt{
    width: 100%;
    margin-bottom: 10px;
  }
  .inscriptions-wrap ul li{
    font-size: 12px;
  }
  .inscriptions-wrap ul li.inscriptions-rt{
    width: 100%;
  }
}
@media screen and (max-width:600px) {
  .login .login-form {
    width: 100%;
    margin: 0 auto;
    float: left;
    display: block;
    padding: 10px;
  }
  .btn-envoyer{
    margin-top: 10px;
  }
  /*table*/
  /*table*/
  table {
    border: none !important;
    border-spacing: 2px;
  }
  .xdsoft_calendar table{
      float: left;
  }
  .table-responsive {
    border: none !important;
  }
  .table-bordered{
    border-collapse: separate;
  }
  table.table-bordered.table-form2{
    border-collapse: separate !important;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ddd;
  }
  table td {
    min-height: 13px;
    display: block;
    font-size: .8em;
    text-align: right !important;
    border-bottom: 1px solid #ddd;
    border-top: none !important;
    border-left: none !important;

  }
  .xdsoft_calendar table td{
    float: left;
}
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
  .table-topay tbody{
    display: block;
  }


}
@media screen and (max-width:568px) {
  .inscriptions-wrap ul li.inscriptions-lt span {
    padding: 19px 15px 20px 15px;
    margin-right: 5px;
  }
  .inscriptions-wrap ul li {
    font-size: 9px;
  }
  .login .login-form{
    padding: 0;
  }
  .frgtpasse{
    margin-right:0 !important;
  }
}
@media screen and (max-width:500px) {
  .tablist ul li a{
    min-width: 10px !important;
  }
  .personal-acnt-form textarea,.personal-acnt-form input,.form2-form-fullwidth input.full-width,.tablist-wrap .row .span6,.personal-acnt-form p{
    width: 100%;
    float: left;
    box-sizing: border-box;
  }
  #user_ville_select{
    width: 100% !important;
  }
  .personal-acnt-form label{
    display: block;
  }
  .soeur .datepicker,.soeur input{
    width: 95%;
  }


}
@media screen and (max-width:420px) {
  .envoyer{
    float: left !important;
  }
}

table.table-bordered.table-form2 {
    border-collapse: collapse;
}

.tab-contents .csc-textpic-text{
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 23px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.tab-contents .csc-textpic-text h4,
.tab-contents .csc-header h5{
    color: #404040;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
}

.tab-contents .csc-textpic-text p{
   color: #555555;
    font-size: 14px;
    margin-bottom: 15px;
}

.tab-contents .csc-textpic-text ul{
  list-style-image: url('./img/list.png');
}

.tab-contents .csc-textpic-text ul li{
    color: #555555;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
}

.tab-contents .csc-textpic-imagewrap img{
    border-radius: 8px;
 }

.tab-contents .csc-textpic-imagewrap{
    margin-bottom: 23px;
    float: left;
    width: 100%;
}

.tab-contents div.csc-textpic-center .csc-textpic-center-outer {
        float: none;
    right: initial;
}
.tab-contents div.csc-textpic-center .csc-textpic-center-outer .csc-textpic-center-inner {
        float: none;
    right: initial;
}

.tab-contents div.csc-textpic-center .csc-textpic-imagewrap .csc-textpic-center-outer .csc-textpic-center-inner  figure {
    display:block;
}

.tab-contents .tx-pits-shop:after {
    display: table;
    content: "";
    clear: both;
}

.logout-fepage fieldset {
    float: right;
}

.logout-fepage fieldset label {
    display: inline-block;
    font-weight: bold;
}

.logout-fepage fieldset label:after {
    content: ":";
}

.tab-contents .csc-header h1 {
    display: none;
}

a.toggle-nav {
    padding-left: 0;
}

.forms .paymentpg input {
    display: inline-block;
    width: 275px;
}
.tab-contents .csc-textpic{
    float: left;
    width: 100%;
}

/*.filelisting ul{

  list-style-type: none;
}*/

.filelisting ul li{
  margin-bottom:10px;
}
.filelisting i{
  margin-left: 8px;
      font-size: 20px;
}
.filelisting a:hover{

  color: #990000;
    text-decoration: none;
}
/* .displayclasssdiet, .displayclassbehaviour, .displayclasshealth {
  display: none;
} */

@-moz-document url-prefix() {
    .tab-contents div.csc-textpic .csc-textpic-imagewrap img {
        max-width: initial;
    }
}
.errormsg{
  margin: 0 auto;
  width: 64%;
  border-radius: 10px;
  background: #f5f7f8;
}
.errormsg p{
  margin: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
  color: #de2422;
}
.displayclasssdiet, .displayclasshealth, .displayclassbehaviour, .socialAddress{
  display: none;
}
.buttonclass {
  background: #e02523;
  border-radius: 5px;
  color: #fff;

  text-decoration: none;
  border: none;
  width: 293px;
  margin: 0 auto;
  padding: 10px;
  padding: 10px 20px;
  margin-top: 40px;
}
.buttonclass:hover {
  background: #ff3836;
  color: #fff;
  text-decoration: none;}
.buttonclass a {
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  font-size: 18px;
  font-weight: 600;
}
table.table-cartcolor thead{
  background: url("./img/table-bg2.png") repeat;
}
table.table-topaycolor thead{
  background: url("./img/table-bg1.png") repeat;
}
.textform{
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
 margin-left: 12%;
  border-radius: 10px;
  background: #f5f7f8;
  text-align: center;
  width: 64%;
  margin-bottom: 20px;
}
.textform p{
  font-size: 15px;
  padding: 15px;
  font-weight: 600;
  text-align: justify;

}

.mandatoryfield{
  font-size: 15px;
  padding-bottom: 5px;
}
.successmessage{
  margin: 0 auto;
  width: 64%;
  border-radius: 10px;
  background: #f5f7f8;
}
.successmessage p{
  margin: 0;
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
  color: #2f9b44;
}

.displaylivewithother{
  display: none;
}

.displaycontagious{
  display: none;
}
#user_ville_select{
  background-color: #fff;
  border: 1px solid #ccc;
  width: 270px;
  background: #f5f7f8;
  border-radius: 10px;
  height: auto;
  outline: none;
}
.serial{
  width: 10%;
}
.partiname{
  width: 20%;
}
.partievent{
  width: 20%;
}
.partidates{
  width: 28%;
}

.totalcol{
  width: 10%;
}
.totaltitle{
  width: 20%;
}
.totalregister{
  width: 48%;
}
p.waitlistbold {
  font-weight: bold;
}
i.camp-complete {
    color: red;
    font-style: normal;
}


.table-topay thead th{
  vertical-align: middle;
}
/* Adding border for the waiting list */
.wait-list-hr hr {

  margin: 0 0 10px 0;
  border-width: 2px;
}
.error-show .form-error-description {
    text-align: left;
    color: #de2422;
    margin: 0 130px 0 130px;
    font-weight: normal;
}
.terms {
  width: 100% !important;
}
.terms input,.terms label{
  width: auto !important;
}
.terms a{
  color: #990000 !important;
  float: none;
  padding: 0px;
}
.terms p.form-error {
  margin-left: 43px !important;
}