@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/***************/
/* Back-office */
/***************/
 .bo_paragraphe {
     border: 1px dashed #C00000;
     margin-bottom: 5px;
}
 .bo_paragraphe p.bo_barre_boutons {
     font-size: 0.85em;
     background: #FAFAFA;
}
 #backoffice_menu_haut {
     width: 100%;
     position: absolute;
     margin: 0 auto;
     z-index:10000000!important;
     z-index: 100000;
}
 body {
     margin: 0;
     padding: 0;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 13px;
     background-color: #fff;
     color: #808080;
}
 body, ul, h1, h2, h3, h4, h5, h6, p {
     margin: 0;
     padding: 0;
     line-height: 1.5;
}


.pageAccueil{
//    background-image: url(../images/interface/slider-carte-2.jpg);

//    background-size: cover;
//    background-position: center;
//    background-repeat: no-repeat;
}
.bottom_pied{
    max-width:1170px;
    margin:auto;
    color:#fff;
    text-align:right;
}
.top_search{
    margin-bottom:20px;
}
.top_search .groupe_form{
    display:inline-block;
    width:33.33333%;
    vertical-align:bottom;
    padding:0 15px;
}
.top_search .groupe_form label{
    font-size:16px;
}
.top_search form{
    font-size:0;
    margin:0 -15px;
}
.row_invite  input,.row_invite_payante  input{
    width:calc(50% - 15px)!important;
    display:inline-block!important;
}
.row_invite  input:nth-child(2),
.row_invite_payante  input:nth-child(2){
    margin-right:15px;
}
.row_invite  input:nth-child(3),
.row_invite_payante  input:nth-child(3){
    margin-left:15px;
}
.menu_bas{
    text-align:center;
}
.row_invite label,
.row_invite_payante  label{
    display:block;
}
.bottom_pied p{
    color:#fff;
}
.bottom_pied p a{
    color:#fff;
}
 .list_joueur{
     display:inline-block;
     width:50%;
     padding-right:15px;
     vertical-align:top;
}
 .joueur_equipe h4{
     margin-bottom:10px;
}
 .right_joueur{
     display:inline-block;
     width:50%;
     padding-left:15px;
     margin-top:16px;
}
 .list_joueur table{
     width:100%;
     border-color:#ccc;
}
 .list_joueur table tr th{
     background-color:#e22777;
     color:#fff;
}
 .list_joueur table th, .list_joueur table td{
     padding:5px 10px;
     font-size:15px;
     color:#222;
}
 ul {
     list-style-type: none;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: "Open Sans Condensed";
     color: #454545;
}
 h1 {
     font-size: 47px;
}
 h2 {
     font-size: 41px;
}
 h3 {
     font-size: 32px;
}
 h4 {
     font-family: "Oswald", sans-serif;
     font-size: 24px;
     color: #141415;
     font-weight: 400;
     text-transform: uppercase;
}
.charte1{
        font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
}
.charte2{
    display: inline-block;
    vertical-align: middle;
    background: #e22777;
    color: #fff;
    padding: 10px 15px;
    font-size: 24px;
    position: relative;
    margin-bottom : 20px;
}
.charte2:after{
    width: 0;
     height: 0;
     position:absolute;
     right:-20px;
     border-style: solid;
     bottom:0;
     border-width: 42px 20px 0 0;
     border-color: #e22778 transparent transparent transparent;
     content:'';
}
.chartesign{
    padding: 40px;
    border: 1px solid #000000;
    padding-bottom: 80px;
}
#formLicence fieldset{
    border:1px solid #ccc;
    padding:30px 30px;
    padding-bottom:20px;
    display:block;

}
#formLicence h3{
    display:block;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    font-size:26px;

}

#formLicence .mineur h3{
    margin-top:40px!important;
}
#formLicence h3:first-child{
    margin-top:0px;
}
#formLicence h4{
    font-size:20px;
}
 .footerheading {
     font-family: "Oswald", sans-serif;
     font-size: 20px;
     color: #403d80;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
}
 .footerheading span {
     color: #e22777;
}
 .footerheading:after {
     position: absolute;
     content: '';
     bottom: -10px;
     height: 2px;
     left: 0;
     width: 25%;
     background: #e22777;
}
 .headline03,.inline_result h5 {
     font-family: "Oswald", sans-serif;
     font-size: 30px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
}
 .inline_result h5 {
     background-color:#e22777;
     text-align:center;
}
 .center {
     text-align: center;
     width: 100%;
     float: left;
}
 h4 span {
     color: black;
}
 h5 {
     font-size: 21px;
}
 h6 {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: white;
     font-weight: 700;
     text-transform: uppercase;
}
 h6 a {
     color: inherit;
}
 h6 a:hover {
     color: #fff;
}
/* Liens */
 h2.heading {
     font-family: "Oswald", sans-serif;
     font-size: 40px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
}
 h2.headingstory {
     margin-bottom: 20px;
     font-family: "Oswald", sans-serif;
     font-size: 40px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
}
 h2.headingstory span{
     color: #403d80;
     position: relative;
}
 h2.heading.small span:after {
     width: 20%;
     left: 0;
}
 h2.heading span {
     color: #403d80;
     position: relative;
}
 h2.heading .spanresults {
     color: #fff;
     position: relative;
}
 h2.heading span:after {
     position: absolute;
     content: '';
     background-color: #403d80;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 .img_team{
     text-align:center;
     margin-bottom:20px;
}
 .coach{
     margin-bottom:20px;
     display:inline-block;
     margin-top:30px;
}
 .coach p{
     margin-bottom:15px;
}
 .entrainement{
     display:block;
     vertical-align:top;
}
 .center_para{
     max-width:1170px;
     margin:auto;

}
.center_para:after{
    display:table;
    content:'';
    clear:both;
}
 .compte_rendu{
     padding:40px 0px;
     max-width:800px;
     margin:auto;
}
 .content_cr{
     background-color:#eee;
     padding:20px;
     font-size:18px!important;
}
 .last_conf{
     max-width:800px;
     margin:auto;
     text-align:center;
}
 .title_aller{
     color:#fff;
     font-size:17px;
     position:relative;
     background-color: #e22777;
     padding:10px 15px;
     text-transform:uppercase;
     font-weight:bold;
     display:inline-block;
}
 .title_aller:after{
     width: 0;
     height: 0;
     position:absolute;
     right:-20px;
     border-style: solid;
     bottom:0;
     border-width: 45px 20px 0 0;
     border-color: #e22778 transparent transparent transparent;
     content:'';
}
 .res_aller{
     background-color:#eee;
     color:#111;
     font-size:17px;
     display:inline-block;
     vertical-align:top;
     padding:10px 15px;
     padding-left:35px;
}
 .res_aller span{
     display:inline-block;
     padding:0 10px;
}
 .compte_rendu h5{
     display:inline-block;
     color:#fff;
     background-color: #e22777;
     padding:10px 15px;
     text-transform:uppercase;
     font-weight:bold;
}
 .entrainement h5{
     font-weight:bold;
     color:#111;
     color:#fff;
     padding:5px 10px;
     display:inline-block;
     background-color:#e22777;
     position:relative;
}
 .entrainement h5:after{
     width: 0;
     height: 0;
     position:absolute;
     right:-20px;
     border-style: solid;
     bottom:0;
     border-width: 41px 20px 0 0;
     border-color: #e22778 transparent transparent transparent;
     content:'';
}
 .entrainement div{
     display:block;
     background-color:#eee;
     padding:15px 30px;
     padding-left:40px;
}
 .entrainement div ul{
     margin-bottom:10px;
}
 .coach span{
     background-color:#eee;
     display:inline-block;
     padding:10px 15px;
     padding-left:50px;
     font-size:16px;
     vertical-align:middle;
     margin-left:-20px;
}
 .coach strong{
     display:inline-block;
     vertical-align:middle;
     width:150px;
     background:#e22777;
     color:#fff;
     padding:10px 15px;
     font-size:16px;
     padding-right:0px;
     position:relative;
}
 .entrainement ul li{
     list-style:disc;
}
 .coach strong:after{
     width: 0;
     height: 0;
     position:absolute;
     right:-20px;
     border-style: solid;
     bottom:0;
     border-width: 42px 20px 0 0;
     border-color: #e22778 transparent transparent transparent;
     content:'';
}
 h2.headingstory span:after {
     position: absolute;
     content: '';
     background-color: #403d80;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 h2.heading .spanresults:after {
     position: absolute;
     content: '';
     background-color: #fff;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 a {
     color: #337ab7;
     text-decoration:none!important;
}
 .headline01 {
     font-family: "Oswald", sans-serif;
     font-size: 20px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
     padding-left:0px!important;
}
 p.headParagraph {
     width: 80%;
     margin: 50px auto;
     text-align: center;
}
.absolute_ligue{
    font-size:20px;
    color:#fff;
    text-align:center;
    font-weight:600;
    text-transform:uppercase;
}
#formCreationLog a,
input[type="submit"],
.btn_compte {
    color: #fff!important;
    background-color: #c12622;
    font-size: 18px!important;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    font-weight: 700!important;
    display: inline-block;
    -webkit-transition: 0.5s all ease;
}
 a img {
     border: none;
}
 em {
     font-style: italic;
}
 strong {
     font-weight: bold;
}
 .prix_fiche strong{
     color:#ff52ab;
     font-size:30px;
}
 .prix_fiche strong em{
     font-style:normal;
     font-size:16px;
}
 .prix_fiche_new strong{
     color:#ff52ab;
     font-size:30px;
}
 .prix_fiche_new strong em{
     font-style:normal;
     font-size:16px;
}
.taille_unique{
    margin-bottom:15px;
}
 .taille_unique span{
     background-color:#ff52ab;
     color:#fff;
     display:inline-block;
     padding:7px 15px;
     border-radius:20px;
}
/* Formulaires */
 form, fieldset {
     margin: 0;
     padding: 0;
     border: none;
}
.spe_date input{
 display:inline-block!important;
 width:auto!important;
}
#validate_date {
    display:inline-block;
    vertical-align:top;
}
#validate_date + a{
      background-color: #c12622;
     display: inline-block;
     padding: 5px 10px;
     font-weight: normal;
     color: #fff!important;
     transition: 0.3s all ease;
     -webkit-transition: 0.3s all ease;
     vertical-align:top;
     display:inline-block;
     font-weight: 700;
     font-size:16px;
    display:inline-block;
    background-color:#000;
    color:#fff;
}
#form_valid{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:10000;
    display:block;
    margin-bottom:20px;
}
#formLicence ul{
    margin-bottom:20px;
}
#formLicence li{
    list-style:initial;
}
.erreur_form li{
    color:red;
}

 input, button, select {
     vertical-align: middle;
}
 #conteneur > br{
     display:none;
}
 .center-header {
     max-width: 1140px;
     margin: auto;
     font-size:0;
}
 .liste_categorie{
     max-width:1140px!important;
     margin:auto;
     margin-top:40px;
}
 p.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
}
 p.bloc_tri a {
     color: white;
     font-weight: bold;
}
 form.bloc_tri {
     background-color: #eee;
     color: white;
     padding: 5px;
     text-align: right;
     margin-bottom: 15px;
     margin-left:15px;
     margin-right:15px;
}
 form.bloc_tri select{
     border:0px;
     color:#222;
     font-size:15px!important;
     padding:5px 10px;
}

/*FORM RESA*/

.info_pas_dispo{
    margin-bottom: 30px;
    font-size : 16px;
    color: #403d80;
}
.form_resa .group-form{
    display:inline-block;
    width: 50%;
    padding: 10px 20px 10px 0;
}
.form_resa .spe_width{
    width:100%;
}
.form_resa .invite_payante,
.form_resa .invite{
    display:block;
    width: 50%;
    padding: 10px 20px 10px 0;

}
.form_resa .row_invite_payante, .form_resa .clone_invite_payante,
.form_resa .row_invite, .form_resa .clone_invite{
    display:inline-block;
    width: 33%;
    padding: 10px 20px 10px 0;
}

.form_resa label {
    color: rgb(64, 61, 128);
}
.form_resa input {
    border: 1px solid rgba(64, 61, 128, 0.4)!important;
}
.form_resa select {
    border: 1px solid rgba(64, 61, 128, 0.4)!important;
}
.form_resa .invite_payante label,
.form_resa .invite label{
    display: block;
    margin-bottom: 20px;
    font-size : 16px;
    border-bottom: 1px solid rgb(64, 61, 128);
}
.form_resa .row_invite_payante input,
.form_resa .row_invite input{
   margin: 0;
}


 .block_produit{
     display:inline-block;
     width:calc(33.3333333% - 30px);
     box-sizing:border-box;
     margin:0 15px;
     vertical-align:top;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     position:relative;
     overflow:hidden;
     margin-bottom:30px;
     -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
     -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
     box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
}
 .liste_produits .block_produit{
     border:1px solid #ddd;
}
 .desc_produit h5{
     margin:0;
     display:inline-block;
     font-weight:normal;
     font-size:16px;
     vertical-align:middle;
     width:calc(100% - 120px);
}
 .desc_produit{
     font-size:0;
}
 .desc_produit{
     background-color:#fff;
     padding:10px 15px;
     position:relative;
     z-index:10000;
     height:65px;
     border-top: 1px solid #e5e5e5;
}
 .desc_produit .prix strike{
     color: #e22777;
     text-decoration: line-through;
     font-size: 12px;
     line-height: 12px;
     font-weight: 400;
}
 .desc_produit .prix-gamme{
     font-size: 16px!important;
     line-height: 20px!important;
     font-weight: 700!important;
}
 .desc_produit .prix-gamme strike{
     display:block;
     font-size:16px;
     margin-bottom:5px;
}
 .desc_produit .prix{
     display:inline-block;
     vertical-align:middle;
     width:120px;
     text-align:right;
}
 .desc_produit h5 a{
     color:#222;
}
 .block_produit:hover{
     -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
     -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.1);
     box-shadow: 0 5px 20px rgba(0,0,0,0.1);
     -webkit-transform: translateY(-4px);
     -moz-transform: translateY(-4px);
     transform: translateY(-4px);
}
 .block_produit .img_produit a img{
     width:100%;
     height:auto!important;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transform: scale(1);
     transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
}
 .block_produit:hover .img_produit a img{
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .block_produit .img_produit{
     position:relative;
}
 .block_produit .img_produit .hbw{
     display:block;
     position:absolute;
     background-color:rgba(255,255,255,0.5);
     top:0;
     bottom:0;
     left:0;
     right:0;
     opacity:0;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
}
 .block_produit:hover .img_produit .hbw{
     opacity:1;
}
 .block_produit .img_produit > a{
     display:block;
     position:relative;
     z-index:1;
     background:#fff;
}
 .hover-appear a{
     font-size:15px;
     display:inline-block;
     width: 50px;
     height: 50px;
     background: transparent;
     cursor: pointer;
     color: #464646;
     border: none;
}
 .block_produit .img_produit .hover-appear{
     position:absolute;
     opacity:0;
     bottom:0;
     z-index:1000;
     text-align:center;
     width:100%;
     font-size:0;
     transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     border-top: 1px solid #e5e5e5;
     background:#fff;
}
 .hover-appear a i{
     line-height: 50px;
}
 .hover-appear a:nth-child(2){
     border-left: 1px solid #eaeaea;
     border-right: 1px solid #eaeaea;
}
 .etape {
     font-size: 0;
}
 .item-etape {
     background-image: url(../images/arrow-panier.png);
     display: inline-block;
     width: 25%;
     border-top: 1px solid #e22777;
     border-bottom: 1px solid #e22777;
     box-sizing: border-box;
     padding: 10px;
     position: relative;
     z-index: 3;
     background-repeat: no-repeat;
     background-position: right center;
     background-size: auto 100%;
}
 .active + .item-etape {
     padding-left: 35px;
}
 .item-etape:last-child {
     background-image: none;
}
 .item-etape:first-child {
     -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     border-left: 1px solid #e22777;
     padding-left: 10px;
}
 .item-etape:last-child {
     -webkit-border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
     -moz-border-radius-topright: 3px;
     -moz-border-radius-bottomright: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-right: 1px solid #e22777;
}
 .item-etape.active {
     background-color: #e22777;
     background-image: none;
     margin-left: -26px;
     z-index: 1;
     padding-left: 35px;
     width: calc(25% + 26px);
}
 .item-etape:first-child.active {
     margin-left: 0!important;
     padding-left: 10px;
     width: 25%!important;
}
 .item-etape:last-child.active:before {
     display: none!important;
}
 .item-etape.active:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 23px 0 23px 25px;
     border-color: transparent transparent transparent #e22777;
     right: -25px;
     top: 0;
}
 .item-etape p {
     font-size: 16px!important;
     font-family: 'Montserrat', sans-serif!important;
     margin: 0!important;
}
 .item-etape.active p {
     color: #fff!important;
}
 .mdlPanier h3 {
     margin-top: 0px;
}
 .bouton-sugg {
     font-size: 0;
     margin-bottom: 20px;
}
 .bouton-sugg a {
     display: inline-block;
     width: 47%;
     border: 2px solid #e2001a;
     box-sizing: border-box;
}
 .bouton-sugg a span {
     font-size: 20px;
     text-align: center;
     background-color: #e2001a;
     color: #fff;
     display: block;
     padding: 10px 0px;
}
 .bouton-sugg a:nth-child(1) {
     margin-right: 6%;
}
 .bouton-sugg a img {
     max-width: 100%;
}
 .mdlPanier .panier {
     font-size: 16px;
     font-family: 'Montserrat', sans-serif!important;
     font-weight: normal!important;
     color: #111;
}
 .mdlPanier .panier label {
     margin-bottom: 5px;
     margin-top: 1px;
}
.label_etoile{
    width:100px;
}
 .mdlPanier .panier input[type="radio"] {
     margin-top: 5px;
     margin-right: 5px;
     vertical-align: top;
}
 .mdlPanier .photo-panier img {
     float: none;
}
 .mdlPanier .photo-panier {
     display: inline-block;
     width: 120px;
}
 .mdlPanier .right-panier {
     display: inline-block;
     vertical-align: top;
}
 .mdlPanier .right-panier ul {
     margin-left: 20px;
     margin-top: 10px;
}
 .mdlPanier .right-panier ul li {
     color: #222!important;
     margin-bottom: 0!important;
}
 .mdlPanier .panier strong {
     font-weight: normal;
}
 .mdlPanier .panier td {
     padding: 5px;
     border: 1px solid #e5e5e5!important;
}
 .mdlPanier .panier td:last-child i {
     font-size: 25px;
     padding: 0 10px;
     color: #222;
}
 .mdlPanier .panier td img {
     padding-right: 20px;
}
 .mdlPanier .panier th {
     color: #fff;
     padding: 10px;
     font-weight: normal;
     font-size: 16px;
     background-color: #e22777;
}
 .mdlPanier .panier th {
     border: 1px solid #e5e5e5!important;
}
 .mdlPanier .panier th:nth-child(3) {
     width: 110px;
}
 #centreetdroite .mdlPanier .panier input, #centreetdroite .mdlPanier .panier select {
     width: auto!important;
     display: inline-block!important;
}
 .mdlPanier input[type="submit"] {
     margin-bottom: 15px;
}
 .mdlPanier h3 + p + table> tbody > tr > td, a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
     display: inline-block;
     width: 100%!important;
     border: 1px solid #ccc;
     box-sizing: border-box;
     padding: 30px;
     background: #fff;
     box-shadow: 1px 1px 14px hsl(0deg 0% 0% / 50%);
     border-radius: 5px;
}
a[name="formIdentificationLog"] + h3 + p + table,
a[name="formIdentificationLog"] + h3 + p + table tbody,
a[name="formIdentificationLog"] + h3 + p + table tbody tr{
    display: block;
    width: 100%;
    font-size: 0px;
}
 .mdlPanier h3 + p + table> tbody > tr > td:nth-child(1), a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1) {
     margin-right: 4%;
}
 a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td h4{
     text-transform:none;
     font-size:18px;
     text-align: center;
     margin-bottom: 25px;
}
 .right_liste_produit{
     max-width:1170px;
     margin:auto;
}
 .fiche_produit {
     display: block;
     width: auto;
     font-size:0;
     vertical-align: top;
}
 .list-photo a img{
     width:100%;
     height:auto;
}
 .left_produit{
     display:inline-block;
     width:50%;
     vertical-align:top;
}
 .right_produit{
     width:50%;
     box-sizing:border-box;
     padding-left:50px;
     display:inline-block;
}
 .fiche_produit + td {
     display: inline-block;
     max-width: calc(100% - 510px);
     vertical-align: middle;
}
 .btn_ajout_panier .bouton_panier{
     background-color: #ff52ab;
     display: inline-block;
     padding: 8px 30px;
     font-size:15px;
     font-weight: normal;
     border: 1px solid #ff52ab;
     color: #fff!important;
     transition: 0.3s all ease;
     -webkit-transition: 0.3s all ease;
     vertical-align:top;
     display:inline-block;
     margin-left:10px;
     font-weight:600;
     font-size:18px;
}
 #fiche_panier_add .desc ul {
     text-align: left;
     margin: 0;
     width: 100%;
     margin-left:20px;
}
 #fiche_panier_add .desc ul li {
  list-style:disc;
}
 .left_produit > a img {
     width:100%;
     height: auto;
}
 .left_produit > a{
     box-sizing:border-box;
     display:inline-block;
     width: 100%;
}
 .select_item select {
     font-size: 17px;
     padding: 7px 15px;
     padding-left: 5px;
}
 .select_item {
     margin-bottom: 10px;
}
 .select_qty {
     display: inline-block;
     font-size: 0;
}
 .btn_add_qty {
     display: inline-block;
     vertical-align: top;
}
 .select_qty p {
     font-size: 0!important;
}
 .select_qty select, .config select {
     font-size: 17px;
     padding: 7px 10px;
}
 .config select {
     padding: 3px 5px;
     font-size: 14px;
}
 .config > div {
     margin-bottom: 10px;
}
 .config {
     font-size: 14px;
}
 .config label {
     font-size: 15px;
     width: 140px;
}
 .prix_fiche,
 .prix_fiche_new {
     font-size: 0px!important;
     font-family: 'Montserrat', sans-serif!important;
     color: #222!important;
     margin-bottom: 10px!important;
     height:39px;
}
.prix_fiche_new {
    position:relative;
    font-size:20px!important;
    height:auto!important;
}
.pct_promo{
    position:absolute;
    top:0px;
    background-color:#ff52ab;
    color:#fff;
    padding:10px 20px;
    font-size:30px;
    right:0px;
}
.prix_fiche_new .prix{
    display:block;
    font-size:40px;
    color:#ff52ab;
    line-height:40px;
}
 .no_item{
     font-size:15px!important;
     line-height:15px!important;
     color:#ddbe86!important;
}
 .prix_fiche strong,
 .prix_fiche_new strong{
     font-size:35px!important;
     font-weight:300;
}
 .btn_ajout_panier, .btn_ajout_panier tbody, .btn_ajout_panier tbody tr {
     display:block!important;
}
 .select_item select{
     font-size:17px;
     padding:7px 15px;
     padding-left:5px;
}
 .select_item {
     margin-bottom:10px;
}
 .select_qty{
     display:inline-block;
     font-size:0;
}
 .btn_add_qty{
     display:inline-block;
     vertical-align:top;
}
 .select_qty p {
     font-size:0!important;
}
 .select_qty select,.config select{
     font-size:17px;
     padding:7px 10px;
}
 .config > div{
     margin-bottom:10px;
}
 .config{
     font-size:14px;
}
 .config label{
     font-size:15px;
     width:80px;
     display:inline-block;
}
.block_color{
    display:inline-block;
    padding:0 10px;
}
.block_color:first-child{
    padding-left:0px;

}
.block_color img{
    width:80px;
    height:auto;
}
.block_color:first-child img,
.block_color:hover img{
    border:1px solid #000;
}
.other_color{
    margin-bottom:15px;
}
 .stock,.categorie_fiche{
     margin-top:30px;
     border-bottom: 1px solid #eee;
     padding-bottom: 5px;
     font-size: 14px;
     color: #777;
     font-weight: 400;
}
 .location + .stock{
     margin-top:10px;
}
 .categorie_fiche{
     border:0;
     margin-top:0;
     padding-top:5px
}
 .categorie_fiche a{
     color: #5f5047!important;
}
 .btn_ajout_panier td{
     display:inline-block!important;
}
 .btn_ajout_panier td select{
     font-size:15px!important;
}
 .btn_ajout_panier td p {
     font-size:0!important;
}
 .media_soc {
     margin-bottom: 15px;
     margin-top: 15px;
}
 .media_soc > span{
     font-size:15px;
     float:left;
     text-transform:uppercase;
     padding-right:10px;
}
 .list-photo a{
     display:inline-block;
     padding:10px;
}
 .list-photo{
     text-align:center;
     display:inline-block!important;
     width:20%;
     vertical-align:top;
}
 .right_produit >h3:nth-child(1){
     font-family: 'Varela Round', sans-serif;
     color:#222;
     margin:0;
     font-size:28px;
     text-align:left;
     font-weight:400;
     margin-bottom:25px;
}
 .header-upper {
     background: white;
}
 .header-upper ul {
     float: right;
}
 .header-upper ul li {
     float: left;
}
 .header-upper ul li a {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: rgba(17, 17, 17, 0.5);
     font-weight: 400;
     padding: 10px;
     display: block;
     text-transform: uppercase;
     transition: color 0.4s ease-in-out;
}
#header + .video-container{
    margin-top:200px;

}

 #header {
     text-align: center;
     width:100%;
  
     top:0px;
     left:0px;
//     background: rgba(255, 255, 255, 0.9);
     z-index:1000;
}
 #header #logo {
     display: inline-block;
     padding-top: 11px;
     padding-bottom: 10px;
     width:20%;
     vertical-align:middle;
}
 #header img {
     margin: 0;
     padding: 0;
     width:150px;
     background-image: none;
}

#picto {
    position: fixed;
    right: 0px;
    bottom: 0;
    width: 70px;
    z-index: 6000;
    padding: 10px 0px 10px 10px;
    padding-left:0;
}
#picto a span.picto,
#picto form button {
    z-index: 10;
    background-color: #222;
    font-size: 45px;
    color: #fff;
    position: relative;
    display: block;
    width: 70px;
    line-height: 45px;
    height: 90px;
    margin-bottom: 15px;
    border: 0;
    cursor: pointer;
}
#picto form input[type="submit"] {
    text-indent: -900px;
    background-color: transparent;
    border: 0px;
}

#picto a,
#picto form {
    display: block;
    position: relative;
    width: 70px;
    box-sizing: content-box;
}
#picto form {
    height: 50px;
    margin-bottom: 8px!important;
}
#picto form input[type="submit"] {
    content: "\f002";
}
#picto a:nth-child(1) i {
    margin-left: 0px;
    color: #928491;
}
#picto a:nth-child(2) i {
    margin-left: 0px;
}
#picto a:nth-child(3) i {
    margin-left: 13px;
}
#picto a:nth-child(4) i {
    margin-left: 11px;
}
#picto a:nth-child(3) {
    margin-bottom: 0;
}
#picto a i {
    margin-top: 20px;
}
#picto a .text,
#picto form .text {
    background-color: #222;
    font-size: 20px;
    width: 0;
    overflow: hidden;
    display: block;
    box-sizing: content-box;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 8;
    height: 70px;
    color: #fff;
    padding: 10px;
    padding-left: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 35px;
}
#picto a .text em {
    display: block;
    width: 150px;
    font-style: normal;
}
#picto a:hover .text {
    width: 0px;
}
#picto a:nth-child(2):hover .text {
    width: 200px;
}
#picto a:nth-child(3):hover .text {
    width: 150px;
}
#picto a:nth-child(1):hover .text,
#picto form:hover .text {
    width: 200px;
}

#picto a:nth-child(2) span.picto,
#picto a:nth-child(2) .text{
    background-color:#e22777;
    color:#fff;
}

#picto a:nth-child(1) span.picto,
#picto a:nth-child(1) .text{
    background: rgb(0, 12, 94);
    color: #928491;
}

 #recherche{
     display:block;
     position:absolute;
     top:100%;
     right:0;
     z-index:100000;
     width:235px;
     background: rgba(0, 0, 0, 0.7);
     height:61px;
     overflow:hidden;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 #recherche input[type="submit"]{
     display:none;
}
 #recherche.rech-close{
     height:0px;
}
 #recherche .input-text{
     display:inline-block;
     width:100%;
}
 #recherche .input-text input{
     font-size:15px;
     font-family: 'Open sans';
     border:0px solid #E2E6E7;
     border-radius:0px;
     width:100%;
     padding: 20px 23px!important;
     display:block;
     height:auto;
     background-color:transparent;
     color:#ccc;
}
 *:focus {
     outline: 0 none;
}
 #recherche .input-text input:focus{
     outline: none!important;
}
 #recherche button{
     display:inline-block;
     margin-left:10px;
     position:relative;
     font-size:14px;
     border:1px solid #E2E6E7;
     background-color:transparent;
     vertical-align:top;
     height:47px;
     width:47px;
     line-height:40px;
}
 #recherche button input{
     font-size:0!important;
     z-index:1000;
     cursor:pointer;
     background-color:transparent!important;
     border:0px;
     display:block;
     position:absolute;
     top:0;
     bottom:0;
     width:100%;
     height:100%;
     line-height:100%;
}
 .banner {
     background: #403d80;
     height: 500px;
     padding-top:200px;
}
.noel_slide{
    padding-top: 243px;
}

.contain_rdv > div{
    padding: 40px;
    background-color: #fafafa;
    border-radius:10px;
    box-shadow: 0 0 15px #65656552;
    margin-bottom: 40px;
}

.infordv {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.infordv > p {
    width: calc(50% - 10px);
}

.infordv > p:first-child {
    border-right: 2px solid #1a171b;
}

.reprdv form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px 20px;
    align-items: center;
}

.reprdv form p {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding: 20px 10px;
    /* background-color: #ededed; */
    /* border-radius: 5px; */
    margin: 0;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 50px;
    width: 100%;
}

.reprdv form p:last-of-type {
    border: none;
}

.reprdv form p span {
    display: flex;
    align-content: center;
    width: calc(33.3% - 20px);
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    min-width: 230px;
}

.reprdv h4 {
    text-align: center;
    text-transform: none;
    margin-bottom: 39px;
}

.reprdv h4 .check_att {
    color: #F28749;
}

.reprdv h4 .check_ok {
    color: #5BB07B;
}

.reprdv h4 .check_notok {
    color: #c12622;
}

input[type="submit"].send_rdv {
    background-color: #c12622;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.5s ease;
}

input[type="submit"].send_rdv:hover {
    background-color: #000;
}

.contain_rdv h3 {
    display: flex;
    width: 100%;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
}

.contain_rdv h3:after {
    content: '';
    display: flex;
    background-color: #F44336;
    width: 100%;
    height: 2px;
    margin-top: 10px;
}

 @media screen and (min-width: 768px) {
     .banner {
         height: 850px;
    }
}
 @media screen and (max-width: 1170px) {
       a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1){
         margin:0px;
     }
      a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td{
         width:100%!important;
         margin-bottom:20px!important;
     }
     .filtre_lien {
    width: 100%!important;
    padding-top: 0px;
    padding: 0 15px;
    margin-right: 0px;
}
.list_lien {
    margin-top: 40px;
    width: 100%!important;
    padding: 0 15px;
}
}

 .banner img {
     max-width: 100% !important;
}
 .bannertext {
     font-family: "Montserrat", sans-serif;
     font-size: 100px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     font-style: italic;
     padding-right: 10px;
}
 .bannertext01 {
     font-size: 90px;
     text-transform: uppercase;
     padding-right: 10px;
}
 .bannertext01 sup {
     font-size: 50%;
     top: -1em;
}
 .bannertext02 {
     background: #e22777;
     color: white;
     position: relative;
     font-style: italic;
     padding: 13px 20px;
     font-family: "Montserrat", sans-serif;
     font-size: 15px;
     color: white;
     font-weight: 400;
}
 .bannertext02:after, .bannertext02:before {
     position: absolute;
     width: 0;
     height: 0;
     content: '';
     top: 0;
     border-left: 20px solid transparent;
     border-right: 20px solid transparent;
}
 .slideHeroes {
     list-style-type: none;
     overflow: hidden;
     padding: 40px 0;
}
 .slideHeroes li {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     float: left;
}
 @media (min-width: 992px) {
     .slideHeroes li {
         float: left;
         width: 33.3333333333%;
    }
}
 .players {
     padding: 70px 0 0;
     background-image: url("images/heroesBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
 .players h2 {
     color: #e22777;
}
 .playerFig {
     position: relative;
     transition: all 0.3s ease-in-out;
}
 .players .slick-current .playerFig:hover {
     margin-top: 0px;
}
 .playerpic div {
     transition: all 0.3s ease-in-out;
     height: 300px;
     width: 100%;
     display: block;
}
 .playerDetails {
     list-style-type: none;
}
 .playerDetails li {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     font-family: "Oswald", sans-serif;
     font-size: 16px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
}
 .playerDetails li:first-of-type span:first-of-type {
     padding: 0px;
}
 .playerDetails li.playinfodetails {
     padding: 20px 20px 20px 20px;
     background-image: url("images/infoBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo {
     padding: 0;
     background-image: url("images/infoBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span {
     padding: 5px 20px;
}
 .playerDetails li.playerInfo span:first-of-type {
     background: black;
     padding-left: 60px;
     position: relative;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span:first-of-type:after {
     position: absolute;
     content: initial;
     width: 0;
     height: 0;
     top: 0;
     right: -32px;
     border-top: 0px solid transparent;
     border-bottom: 34px solid transparent;
     border-left: 32px solid black;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span i {
     margin-right: 10px;
}
 .playerDetails li:first-of-type {
     background: #e22777;
     padding: 20px 20px 20px 20px;
}
 .playerDetails li span:first-of-type {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .playerDetails li span:last-of-type {
     position: relative;
     float: left;
     width: 33.3333333333%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: right;
}
 .wrapplayer {
     position: relative;
     height: 400px;
     margin-bottom: 400px;
}
 @media screen and (min-width: 768px) {
     .playerDetails li:first-of-type, .playerDetails li.playinfodetails {
         padding: 20px 20px 20px 60px;
    }
     .playerDetails li.playerInfo span:first-of-type:after {
         content: '';
    }
}
 @media screen and (min-width: 992px) {
     .playerDetails li.playinfodetails {
         overflow: hidden;
         min-height: 0;
         padding-top: 0;
         padding-bottom: 0;
         opacity: 0;
         line-height: 0;
    }
     .playerFig:hover, .homeplayer .slick-current {
         z-index: 10;
         margin-top: -30px;
    }
     .playerFig:hover .playerpic div, .homeplayer .slick-current .playerpic div {
         height: 400px;
    }
     .playerFig:hover .playerDetails li.playinfodetails, .homeplayer .slick-current .playerDetails li.playinfodetails {
         padding-top: 20px;
         padding-bottom: 20px;
         line-height: 1;
         opacity: 1;
    }
     .playerFig:hover .playerDetails li.playerInfo span:first-of-type, .homeplayer .slick-current .playerDetails li.playerInfo span:first-of-type {
         background: #e22777;
    }
     .playerFig:hover .playerDetails li.playerInfo span:first-of-type:after, .homeplayer .slick-current .playerDetails li.playerInfo span:first-of-type:after {
         border-left-color: #e22777;
    }
}
 .bannertext02:after {
     right: -21px;
     border-top: 45px solid #e22777;
}
 .bannertext02:before {
     left: -21px;
     border-bottom: 45px solid #e22777;
}
 .bannertext03 {
     font-family: "Montserrat", sans-serif;
     font-size: 23px;
     color: #979da0;
     font-weight: 400;
}
 .banner-text {
     background: #57606a;
     font-family: "Montserrat", sans-serif;
     font-size: 30px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
     padding: 20px 0;
     text-align: center;
}
.decompte {
    position: absolute;
    z-index: 10;
    background-color: #403d80;
    padding: 10px 0px;
    font-size: 20px;
    top: 193px;
    left: 0px;
    font-weight: 600;
    color: #fff;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
}
.decompte a {
    background-color: rgb(226 39 119);
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.decompte a:hover {
    color: rgb(226 39 119);
    background-color: #ffffff;
}
.decompte:after{
    display:table;
    clear:both;
    content:'';
}

.decompte img{
    padding: 5px;
    width: 150px;

}

.center_bandeau span{
    display:inline-block;
}
.resa a{
    display:inline-block;
    color:#fff;
    border:2px solid #fff;
    padding:5px 10px;
    border-radius:5px;
}
.resa a:hover{
    background-color:#fff;
    color:#e22777;
}
.center_bandeau div{
    margin-left:5px;
    display:inline-block;
}
.center_bandeau div ul{
    margin:0px;
    padding:0px;

}
.center_bandeau li{
    font-size:20px;
    color:#fff;
    margin-right:5px;
    display:inline-block;

}
.center_bandeau{
    max-width:1140px;
    margin:auto;
}
 @media screen and (min-width: 992px) {
     .banner-text {
         display: none;
    }
}
 .layercontent01 {
     left: 0% !important;
     top: 150px !important;
}
 .layercontent02, .layercontent03, .layercontent04, .layercontent05, .layercontent06, .layercontent07 {
     display: none;
}
 @media screen and (min-width: 992px) {
     .layercontent02, .layercontent03, .layercontent04, .layercontent05, .layercontent06, .layercontent07 {
         display: block;
    }
     .layercontent02 {
         left: 80% !important;
         top: 280px !important;
    }
     .layercontent03 {
         left: 30% !important;
         top: 400px !important;
    }
     .layercontent04 {
         left: 60.8% !important;
         top: 655px !important;
    }
     .layercontent05 {
         left: 87% !important;
         top: 755px !important;
    }
     .layercontent06 {
         left: 78% !important;
         top: 800px !important;
    }
     .layercontent07 {
         left: 80% !important;
         top: 900px !important;
    }
}
 @media screen and (min-width: 1200px) {
     .layercontent01 {
         left: 10% !important;
         top: 150px !important;
    }
     .layercontent02 {
         left: 65% !important;
         top: 280px !important;
    }
     .layercontent03 {
         left: 30% !important;
         top: 400px !important;
    }
     .layercontent04 {
         left: 61.8% !important;
         top: 605px !important;
    }
     .layercontent05 {
         left: 75% !important;
         top: 705px !important;
    }
     .layercontent06 {
         left: 72% !important;
         top: 750px !important;
    }
     .layercontent07 {
         left: 75% !important;
         top: 850px !important;
    }
}
 @media screen and (min-width: 1500px) {
     .layercontent01 {
         left: 25% !important;
         top: 150px !important;
    }
}
 #incom-match{
     border-top: 3px solid #000;
}
 .back-top{
     background-color:#272727;
}
 .back-bottom{
     background-color:#161616;
}
 .back-top .center-match{
     padding:25px 0px;
}
 .back-bottom .center-match{
     font-size:14px;
     text-align:center;
     padding:15px;
     font-style:italic;
}
 .back-bottom .center-match i{
     padding-right:10px;
}
 .center-match{
     max-width:1140px;
     margin:auto!important;
     color:#fff;
     font-size:0px;
     font-family:'Open sans';
     font-size:0px;
}
 .left-match{
     width:46%;
     display:inline-block;
     font-size:25px;
     text-align:right;
     text-transform:uppercase;
}
 .back-bottom .center-match .icon-location-arrow{
     margin-left:25px;
}
 .center-matchs{
     text-align:center;
     width:7%;
     display:inline-block;
     font-size:25px;
     font-weight:bold;
     text-transform:uppercase;
}
 .right-match{
     font-size:25px;
     text-align:left;
     width:46%;
     display:inline-block;
     text-transform:uppercase;
}
/* ============================================================================= * MENU * ===========================================================================*/
 .icon-search{
     float:right;
     color:#fff!important;
     padding:22px 20px;
     text-decoration:none!important;
     font-size:15px;
}
 .social a {
     position: relative;
     width: 35px;
     height: 35px;
     border: 2px solid rgb(213 213 213);
     display: inline-block;
     margin: 5px 5px;
     border-radius: 50%;
     color: #111;
     transition: all 0.4s ease-in-out;
}
 .social a:hover {
     background-color: #ddd;
     transition: all 0.4s ease-in-out;
}
 .social i {
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 16px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 #menu_haut, #menu_haut_spe {
     display: inline-block;
     width:80%;
     max-width: 1110px!important;
     padding: 0;
     margin: 0;
     margin:auto;
     text-align: left;

     z-index: 50;
     vertical-align:middle;
}
 #menu_haut{
     position:relative;
 text-align:center;
     padding-top:20px;
     width:100%!important;
 }
 #menu_haut li span {
     width: 25%;
     position: absolute;
     height: 1px;
     bottom: 100%;
     opacity: 0;
     background: #e22777;
     left: 0;
     transition: opacity, bottom 0.4s ease-in-out;
}
 #menu_haut li span:nth-of-type(2) {
     left: 25%;
     transition-duration: 0.6s;
}
 #menu_haut li span:nth-of-type(3) {
     left: 50%;
     transition-duration: 0.8s;
}
 #menu_haut li span:nth-of-type(4) {
     left: 75%;
     transition-duration: 1s;
}
 #menu_haut li a:hover span {
     opacity: 1;
     bottom: 0;
}
 #menu_haut ul li:hover a{
     color:#e22777;
}
 #menu_haut ul li a, #menu_haut ul li a:visited,
 #menu_haut_spe ul li a, #menu_haut_spe ul li a:visited {
     display: block;
     font-size: 18px;
     margin: 0px;
     position:relative;
     font-weight:400;
     font-family: "Open Sans", sans-serif;
     text-transform: uppercase;
     padding: 15px 12px;
     font-style: normal;
     color: #e22777;
     text-decoration: none;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 #menu_haut ul li a{
     font-size:16px;
     text-transform:none;
 }
 #menu_haut ul li a:after {
     position: absolute;
     height: 1px;
     width: 0;
     background-color: #e22777;
     content: '';
     left: 50%;
     top: 100%;
}
 .menu-sub a{
     background-color:transparent;
}
 .social {
     display:inline-block;
     width: 10%;
     vertical-align:middle;
}
 #menu_haut ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
     display: inline-block;
     vertical-align: middle;
     width:90%;
}
 .menu-sub {
     position: absolute;
     top: 49px;
     z-index: 999;
     padding: 0 0;
     background: #fff;
     left: -17px;
     background: #ececec;
     list-style-type: none;
}
 #menu_haut > ul > li:hover > ul {
     left: auto;
     top: 100%;
     opacity: 1;
     width: 250px;
}
 #menu_haut ul ul {
     left: -9999px;
     opacity: 0;
     text-align:left;
     -webkit-transition: top .2s ease, opacity .2s ease;
     -moz-transition: top .2s ease, opacity .2s ease;
     -ms-transition: top .2s ease, opacity .2s ease;
     -o-transition: top .2s ease, opacity .2s ease;
     transition: top .2s ease, opacity .2s ease;
}
 #menu_haut_spe ul.social li,
  #menu_haut ul li {
     display: inline-block;
     margin:0 2px;
}
 #menu_haut_spe ul.bienvenue{
     width: 75%;
     display:inline-block;
     vertical-align:middle;
     text-align: center;
}
 #menu_haut_spe .social{
     width: 25%;
     display:inline-block;
     vertical-align:middle;
     text-align: right;
}
 #menu_haut_spe ul.bienvenue li{
     color:#e22777;
     font-size: 25px;
}
 #menu_haut table {
     margin: 0;
     border-collapse: collapse;
     font-size: 10px;
     position: absolute;
     top: 19px;
     left: 0;
     z-index: 20 !important;
}
 #menu_haut ul li:hover ul.scroller {
     height: 138px;
     width: 172px;
     overflow: auto;
}
 #menu_haut ul li:hover ul.endstop {
     left: -100px;
}
 #menu_haut ul li:hover ul li ul {
     display: none;
}
 #menu_haut ul li ul li a {
     font-size: 14px;
     margin: 0px;
     position: relative;
     font-weight: 400;
     font-family: "Open Sans", sans-serif;
     text-transform: uppercase;
     padding:0 15px;
}
 #menu_haut ul li ul li{
     display: block;
     padding: 5px 0!important;
}
 #menu_haut ul li:hover ul li a:hover {
     color: #FFFFFF;
}
 #menu_haut ul li:hover ul li a:hover.drop {
     color: #FFFFFF;
}
 #menu_haut ul li:hover ul li:hover ul {
     display: block;
     position: absolute;
     left: 200px;
     top: 0;
     height: auto;
     padding-top: 3px;
     padding-bottom: 5px;
}
/* ============================================================================= * End of Menu * ===========================================================================*/
 #header_popup {
     display: none;
}
 .list_joueur ul li{
     font-size:15px;
}
 #contenu {
     margin: 0;
     padding: 0;
     position: relative;
}
 .liste_match{
     margin-bottom:20px;
}
 .classement_simple{
     margin-top:30px;
}
 .liste_match{
     vertical-align:top;
     display:inline-block;
     width:calc(50% - 15px);
     margin-top:30px;
     margin-right:15px;
}
 .inline_result + .liste_match{
     margin-left:15px;
     margin-right:0px;
}
 .liste_match + .classement_simple{
     width:50%;
     display:inline-block;
     vertical-align:top;
     padding-left:15px;
}
 .inline_result + .liste_match + .classement_simple{
     width:100%;
}
 #contenu> br{
     display:none!important;
}

 #contenu_scroller {

   width:100%;
   margin:auto;
       max-width:1170px;
}
 #logo span {
     display: table-cell!important;
     background-color: #e6e6e7;
     width: 144px;
     text-align: center;
     height: 120px;
     vertical-align: middle;
}
 #centre {
     float: right;
     width: 770px;
     margin: 0;
     margin-left: 20px;
}
 #home_centre_gauche {
     width: 440px;
     display: inline-block;
     margin: 0;
     padding: 0;
}
 #home_centre_droite {
     display: inline-block;
     width: 300px;
     vertical-align: top;
     margin-left: 20px;
     margin-right: 10px;
     padding: 0;
}
 #centreetdroite {
     max-width: 1140px;
     margin:auto;
     padding:40px 15px;
}
 .visuel_manif_extra{
     margin-top: 20px;
     text-align: center;
}
 .visuel_manif_extra img{
     margin:10px;
}
 .visuel_manif_sport{
     margin-top:30px;
     text-align: center;
}
 .visuel_manif_sport img{
     width:13%;
     margin:7px;
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .page_liquid #centreetdroite {
     width: 100%!important;
     padding:0px;
     max-width: 100%;
}
 .accueil #centreetdroite{
     max-width:100%;
     width:100%;
     padding:0px;
}
.nav_compte h3 {
    border: 0px;
    text-align:left;
    display: inline-block;
    width: 50%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.nav_compte {
    font-size: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 25px;
}
.btn_nav {
    width: 50%;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    vertical-align: bottom;
}
.btn_nav a {
    font-size: 16px;
    color: #2e353d!important;
}
.text_compte {
    font-size: 18px;
}
.user_page .text_compte {
    font-size: 18px;
    margin-bottom: 30px;
    color: #111;
}
.block_user {
    display: inline-block;
    width: calc(33.3333% - 30px);
    vertical-align: top;
    overflow:hidden;

    box-sizing:border-box;
    border-radius: 5px;
    border:2px solid #c12622;
    margin:0 15px;
     margin-bottom: 30px;
    /* min-height: 80px; */
}
.block_user i{
        background-color: #c12622;
        color:#fff;
        padding:20px 20px;
        font-size:30px;
    width:70px;
}
.row_block{
    font-size:0;
}

.block_user a {
    display: flex;
    border-radius: 5px;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.block_user {
    position: relative;
    text-align: left;
}
.block_user.no_link a,
.block_user a:nth-child(2) {
    font-size: 14px;
    position: absolute;
    top: -20px;
    right: -20px;
    color: #222;
}
.block_user.no_link a {
    top: 10px;
    right: 10px;
}
.block_user:hover a:nth-child(2),
.block_user.no_link:hover a {
    color: #fff;
}
.block_user a > img,
.block_user > img {
    display: inline-block;
    padding: 15px;
    vertical-align: middle;
    max-width: 80px;
    max-height: 80px;
    background: #6091c4;
    border-radius: 5px;
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;

}
.block_user a > span.text_link,
.block_user > span.text_link {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 84px);
    padding: 10px 30px;
}
.block_user.no_link {
    padding: 40px;
    position: relative;
}
.block_user.no_link a {
    padding: 0px;
}
span.text_link span:first-child {
    font-size: 20px;
    color: #2b2b2b;
    font-weight: 700;
    display: block;
    text-transform:uppercase;
    margin-bottom: 5px;
    vertical-align:middle;
}


.row_user {
    margin-top: 60px;
    font-size: 0;
}

.block_user:nth-child(10)  {
    margin-right: 15px;
}

 .left-home{
     width:66.666666666%;
     display:inline-block;
     vertical-align:top;
}
 .right-home{
     width:33.3333333%;
     display:inline-block;
}
 .home{
     padding-top:60px;
     max-width:1140px;
     margin:auto;
}
 #add_centre_droite {
     background-color: #ffffff;
     width: 300px;
     height: 250px;
     margin-bottom: 20px;
}
 #add_gauche {
     background-color: #fff;
     width: 180px;
     height: 90px;
     margin-top: 15px;
     margin-bottom: 20px;
}
 #droite {
     width: 300px;
     margin: 0;
     padding: 0;
    /*float:right;
     */
     position: absolute;
     top: 0px;
     right: 0px;
}
 #pied h5{
     font-size: 23px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 1;
     display: inline-block;
     color: #fff;
     border-color: #000;
     position:relative;
     margin-bottom:30px;
}
 #pied {
     background-color:#262626;
     padding:40px 0px;
}
 #pied .conteneur_pied {
     max-width: 1140px;
     margin: 0 auto;
     font-size:0;
}
 #pied .conteneur_pied > div{
     padding:0 15px;
     display:inline-block;
     vertical-align:top;
     box-sizing:border-box;
}
 #pied .col1{
     width:25%;
}
 #pied .img-actu_footer{
     display:inline-block;
     width:75px;
}
 .desc-footer{
     display:inline-block;
     width:calc(100% - 80px);
     padding-left:10px;
     vertical-align:top;
}
 .desc-footer h6{
     margin:0px;
     padding-top:5px;
     margin-bottom:15px;
}
 .desc-footer .date-actu i{
     padding-right:10px;
}
 .desc-footer .date-actu{
     font-size:13px;
}
 .desc-footer h6 a{
     color:#bfbfbf;
     font-family:'Open sans';
     font-size:14px;
}
 #pied .img-actu_footer img{
     width:100%;
     height:auto;
}
 #pied .col2 .actu-footer{
     border-bottom:1px solid #363636;
     margin-bottom: 15px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     padding-bottom: 15px
}
 #pied .col1 p{
     margin-bottom:15px;
}
 img{
     /* max-width:100%; */
     height:auto;
}
 .col3 .team1, .col3 .team2{
     width:35%;
     display:inline-block;
     vertical-align:top;
}
 .title-result{
     font-weight:bold;
     font-size:16px!important;
     margin-top:10px!important;
     text-align:center;
}
 .resume-res{
     text-align:center;
     margin-top:15px!important;
}
 .resume-res a{
     font-size:18px;
}
 .score{
     text-align:center;
     font-size:30px!important;
     font-weight:bold!important;
     padding-top:20px!important;
}
 .col3 .vs{
     width:30%;
     display:inline-block;
     font-size:20px;
     padding-top:70px;
     text-align:center;
     font-size:35px;
}
 .link_footer{
     font-size:14px;
     text-align:center;
     margin-top:40px!important;
}
 .link_footer a{
     color: #bfbfbf;
}
 #pied .col2{
     width:25%;
}
 #pied .col3{
     width:50%;
}
 #pied .conteneur_pied p {
     color: #bfbfbf;
     font-size: 13px;
}
 #pied p {
     color: #bfbfbf!important;
}
 #home_centre_gauche p {
     font-size: 0.9em;
     border-bottom: 1px #bc3825 dotted;
}
 .list-actu{
}
 .block-actu{
     display:inline-block;
     width:50%;
     padding: 0 15px;
}
 .block-actu h4 a{
     font-size: 19px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 1;
     display: inline-block;
     color: #363636;
     border-color: #000;
     position:relative;
}
 .block-actu{
     margin-bottom:40px;
     vertical-align: top;
}
 .img-actu{
     background-color:#000;
}
 .block-actu img{
     width:100%;
     transition: opacity 300ms;
     -moz-transition: opacity 300ms;
     -o-transition: opacity 300ms;
     -webkit-transition: opacity 300ms;
     opacity:1;
     height:auto;
}
 .block-actu img:hover{
     opacity: 0.8;
     filter: alpha(opacity=80);
}
 .block-actu h4{
     margin-top:25px;
     margin-bottom:10px;
}
 .block-actu .date{
     font-size:13px;
     color:#9c9b9b;
     margin-bottom:10px;
     display:inline-block;
}
 .block-actu p br{
     display: none;
}
 .block-actu .date i{
     padding-right:5px;
}
 .block-actu p+a{
     display:inline-block;
     font-size:13px;
     font-weight:bold;
     margin-top:10px;
}
 .tab-classement{
     background-color: #f5f5f5;
     text-align: center;
     border-color: #dedede;
     width:100%;
     padding: 0 15px;
     box-sizing:border-box;
}
 .tab-classement tr > th:nth-child(2), .tab-classement tr > th:nth-child(3), .tab-classement tr > th:nth-child(4), .tab-classement tr > th:nth-child(5){
     width: 10%;
}
 .tab-classement .pos{
     margin-right: 5px;
}
 .tab-classement *{
     border-color: #dedede;
}
 .tab-classement tr:nth-child(2) td {
     padding-top: 18px;
}
 .tab-classement tr:last-child td{
     padding-bottom: 18px;
}
 .tab-classement tr td:last-child{
     font-weight:bold;
}
 .tab-classement tr td{
     border-bottom: 0px;
     font-size:12px;
     padding: 8px 5px;
}
 .tab-classement tr:first-child{
     border-color: #212121;
}
 .tab-classement tr > *:first-child{
     text-align: left;
     border-right: 0px;
     padding-left: 10px;
     padding-right: 10px;
}
 .tab-classement tr{
     border-left-width: 1px;
     border-left-style: solid;
     border-right-width: 1px;
     border-right-style: solid;
}
 .tab-classement th{
     font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;
     padding: 10px 5px;
     background-color: #212121;
     color: #ffffff;
}
 .pad-class{
     padding:0 15px;
}
 .full-res,.btn_match{
     display: inline-block;
     font-size: 13px;
     padding: 10px 25px;
     margin-bottom: 15px;
     margin-right: 5px;
     outline: none;
     cursor: pointer;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
     border: none;
     color: #ffffff!important;
     background-color: #e22777;
     border-bottom-width: 3px;
     border-bottom-style: solid;
     border-color: #a91d59;
     display: block;
     margin: 0px;
     text-align: center;
}
 p,li {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: #000;
     font-weight: 400;
     line-height:22px;
}
.italic{
    font-style : italic;
    color : #e22777;
}
.popup table tr td{
    display:inline-block;
    width:50%;
    padding:5px;
}
.popup table,
.popup table tbody,
.popup table tbody tr{
    display:block;
    width:100%;
}
.popup .button_alt_medium,.popup .button_medium{
    display:block;
    padding:10px 15px;
    color: #ffffff!important;
    background-color: #e22777;
    text-align:center;
}

.paragraphe ul{
    padding-left:20px;
}
.img_fiche_billet{
    float:right;
    padding-left:20px;
}
.billet_match{
    margin-top:43px;
    text-align:center;
    font-weight:bold;
}
.billet_match a{
font-size:20px;
color:#fff;
display:inline-block;
margin-right:30px;
background-color:#e22777;
padding:10px 15px;

}
 p.red_p {
     font-family: "Open Sans", sans-serif;
     font-size: 13px;
     color: #403d80;
     font-weight: 400;
}
 .bg-red {
     background-image: url("../images/interface/redBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
 .bg-blackimg {
     background-image: url("../images/interface/blackbg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
 .bg-white {
     background: url(../images/interface/bgBottomRight.png) right bottom no-repeat, url(../images/interface/bgTopLeft.png) left top no-repeat #f5f5f5;
}
 .bg-smallwhite {
     background-image: url(../images/interface/bg_pvbcfamily.jpg);
     background-size: cover;
     background-position: top center;
     padding: 100px 0;
}
 .bg-black01 {
     background: #282f37;
}
 .bg-lblack {
     background: #454c54;
}
 .bg-black {
     background: #20262d;
}
 .bg-lblack01 {
     background: #868f98;
}
 .bg-redcolor {
     background: #e22777;
}
 .bg-bluecolor {
     background: #486fa8;
}
 .bg-green {
     background: #427288;
}
 .about {
     padding: 70px 0;
}
 .about-wrap {
     text-align: center;
}
 .about .nav-content {
     padding: 54px 0;
     margin: 0 auto;
     width: 70%;
     overflow: hidden;
}
 .about .nav-content p {
     text-align: center;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: #000;
     font-weight: 400;
}
 .about .nav-tabs {
     border: none;
}
 .about .fade {
     transition: all 0.5s ease-in-out;
}
 .about .tab-content > .tab-pane {
     background: white;
}
 .about .nav-header ul {
     list-style-type: none;
}
 .historyMeter {
     list-style-type: none;
     overflow: hidden;
     padding: 30px;
}
 .historyMeter li {
     height: 45px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     border-bottom: 1px dotted #979da0;
     border-left: 1px dotted #979da0;
     position: relative;
     float: left;
}
 @media (min-width: 992px) {
     .historyMeter li {
         float: left;
        /* width: 13%!important;
         */
    }
}
 .historyMeter li.win a:after {
     position: absolute;
     bottom: -2px;
     left: -8px;
     content: '';
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background: #979da0;
}
 .historyMeter li.active {
     border-left-color: #e22777;
}
 .historyMeter li.active span {
     color: #e22777;
}
 .historyMeter li.active a:after {
     background: #e22777;
}
 .historyMeter li span {
     position: absolute;
     top: -30px;
     left: -10px;
     color: #979da0;
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .page_liquid #contenu {
     padding-top: 0;
}
 .block_list_actu:nth-child(even) {
     background-color: #f7f7f7;
}
 .block_list_actu .center_actu {
     padding: 70px 0px;
     border-bottom: 1px solid #e6e6e6;
}
 .right_actu {
     display: inline-block;
     width: calc(100% - 300px);
     vertical-align: top;
     padding-left: 55px;
     box-sizing: border-box;
}
.offre_partenaire img{
    width:200px!important;
}
.offre_partenaire .right_actu{
    vertical-align:middle;
    width:calc(100% - 200px);
}
 .right_actu h4 {
     margin: 0;
     text-transform: uppercase;
     font-family: 'Lato', sans-serif;
     margin-bottom: 10px;
}
 .right_actu h4 a {
     color: #222;
}
 .lin_actu a.suite {
     display: inline-block;
     color: #fff!important;
     background-color: #e22777!important;
     border: 0px;
     font-size: 18px;
     font-weight: 300;
     padding: 18px 40px;
}
 .lin_actu a.suite:hover {
     color: #fff!important;
}
 .prevnext {
     max-width: 1140px!important;
     margin: auto!important;
     margin-top: 30px!important;
}
 .date_actu {
     color: #222!important;
     font-size: 16px!important;
     font-weight: 300!important;
     margin-bottom: 20px!important;
}
 .desc_actu {
     font-size: 16px!important;

}
 .center_actu {
     max-width: 1140px;
     margin: auto;
}
.lin_actu{
        margin-top: 40px!important;
}
 .center_actu > img {
     display: inline-block;
     width: 300px;
     height: auto;
     -webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
}
 .latest_news {
     padding: 100px 0;
}
 .accordion-news {
     list-style-type: none;
     text-align: center;
}
 .accordion-news li {
     display: inline-block;
     margin: 0 -5px;
     float: none;
     background: #e7e7e7;
     transition: all 0.4s ease-in-out;
}
 .accordion-news li:hover {
     background: #e22777;
}
 .accordion-news li a {
     padding: 20px 65px;
     display: block;
     font-family: "Oswald", sans-serif;
     font-size: 20px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
     transition: all 0.4s ease-in-out;
}
 .accordion-news li.active, .accordion-news li:hover {
     background: #e22777;
     z-index: 2;
}
 .accordion-news li.active a, .accordion-news li :hover {
     color: #fff;
}
 .latest_news {
     padding: 70px 0;
     position: relative;
}
 .latest_news ul {
     list-style-type: none;
     overflow: hidden;
}
 .latest_news ul li {
     display: block;
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
.mdl_formulaire p{
    font-style: italic;
    margin-bottom: 20px;
}
.mdl_formulaire a{
    font-style: initial;
    margin-bottom: 20px;
    color: #e22777;
    font-weight: 600;
    text-decoration: underline!important;
}

 .sponsors {
     padding: 70px 0;
}
 .sponsors ul {
     overflow: hidden;
     padding: 40px 0;
}
 .sponsors ul li {
     float: left;
}
 .sponsors ul li a {
     display: block;
     text-align: center;
}
 @media (min-width: 992px) {
     .latest_news ul li {
         float: left;
         width: 25%;
    }
}
 .latest_news .figure {
     display: block;
}
 .latest_news .figure-01 {
     overflow: hidden;
}
 .latest_news .figure-01 img {
     transition: all 0.4s ease-in-out;
}
 .latest_news .content-01 {
     background: #000 url(../images/interface/background-news.jpg);
     padding: 20px 15px;
}
 .latest_news .content-01 .describtion {
     padding: 10px 0;
}
 .latest_news .content-01 .describtion br{
     display:none;
}
 .latest_news .news_date {
     background: #e22777;
}
 .latest_news .news_date span {
     font-family: "Open Sans", sans-serif;
     font-size: 12px;
     color: rgba(255, 255, 255, 0.7);
     font-weight: 400;
     text-transform: uppercase;
     padding: 10px 15px;
}
 .latest_news .news_date span:first-of-type {
     position: relative;
     float: left;
     width: 75%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .latest_news .news_date span.like {
     position: relative;
     float: left;
     width: 25%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     text-align: right;
}
 .latest_news .news_date span.like a {
     color: inherit;
}
 .latest_news .news_date span.like:after {
     font-family: FontAwesome;
     position: absolute;
     content: '\f004';
     left: 0px;
     top: 6px;
     font-size: 17px;
     color: white;
}
 .LatestNews_wrap {
     padding: 20px 0;
}
 .nav > li > a:hover, .nav > li > a:focus {
     background: transparent;
}
 @media screen and (min-width: 1200px) {
     .latest_news .news_date span:last-of-type:after {
         left: 10px;
    }
}
 @media screen and (max-width: 479px) {
     .latest_news ul li img {
         width: 100%;
    }
     .latest_news .news_date span:last-of-type:after {
         left: 20px;
    }
     .accordion-news li a {
         padding: 20px 30px;
         font-size: 15px;
    }
     .accordion-news li.active:last-of-type:after, .accordion-news li.active:first-of-type:after {
         content: initial;
    }
}
 @media screen and (min-width: 992px) {
     .figure:hover .figure-01 img {
         -webkit-transform: scale(1.1) rotate(3deg);
         -ms-transform: scale(1.1) rotate(3deg);
         transform: scale(1.1) rotate(3deg);
    }
}
 .historyVideo, .historyContent {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 50px 15px;
}
 @media (min-width: 992px) {
     .historyVideo, .historyContent {
         float: left;
         width: 50%;
    }
}
 section {
     padding: 70px 0;
}
 .gallery {
     padding: 70px 0;
     text-align: center;
}
 .grid {
     margin: 0 auto;
}
 .grid-sizer, .grid_item {
     width: calc( 100% - 10px);
     margin-bottom: 10px;
}
 @media screen and (min-width: 480px) {
     .grid-sizer, .grid_item {
         width: calc( ( 100% / 2 ) - 10px);
    }
}
 @media screen and (min-width: 768px) {
     .grid-sizer, .grid_item {
         width: calc( ( 100% / 3 ) - 10px);
    }
}
 @media screen and (min-width: 992px) {
     .grid-sizer, .grid_item {
         width: calc( ( 100% / 4 ) - 10px);
    }
}
 .gutter {
     width: 10px;
}
 .gallery_dtl {
     position: relative;
}
 .gallery_info {
     width: 100%;
     background-color: #e22777;
     padding: 20px 0;
}
 .galleryinfo_wrap p, .galleryinfo_wrap p a {
     color: white;
}
 @media screen and (min-width: 992px) {
     .gallery_dtl:hover .gallery_info {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     .gallery_info {
         -webkit-transform: scale(0);
         -ms-transform: scale(0);
         transform: scale(0);
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         transition: all 0.5s ease-in-out;
         opacity: 0.6;
    }
     .galleryinfo_wrap {
         padding: 30px 20px;
         text-align: left;
         position: relative;
    }
     .galleryinfo_wrap p {
         color: white;
    }
     .galleryinfo_wrap:after {
         position: absolute;
         content: '';
         top: 32px;
         left: 10px;
         height: 50%;
         width: 2px;
         background: white;
    }
}
 .historyContent {
     padding: 50px 50px 0;
}
 .historyContent p {
     padding: 40px 0;
}
 .historyvideoContainer iframe {
     width: 100%;
     height: 400px;
}
 .about .nav-header ul li {
     display: inline-block;
     margin: 0 -2px;
     float: none;
}
 .about .nav-header ul li a {
     padding: 20px;
     display: block;
     background: #e7e7e7;
     font-family: "Oswald", sans-serif;
     font-size: 16px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     transition: all 0.4s ease-in-out;
     margin: 0;
     border-radius: 0;
     border: none;
}
 .about .nav-header ul li a:hover {
     border: none;
}
 .about .nav-header ul li.active a {
     background: #e22777;
     color: white;
     border: none;
}
 @media (min-width: 480px) {
     .about .nav-header ul li a {
         padding: 20px 50px;
    }
}
 @media screen and (min-width: 992px) {
     .about .nav-header ul li a:hover {
         background: #e22777;
         color: white;
    }
}
 .result_fiche h4{
     color:#fff;
     text-align:center;
     font-size:16px;
}
 .result_fiche .result-details span{
     text-align:center;
     display:block;
     font-size:40px;
     color:#fff;
     font-weight:bold;
}
 .result_fiche.latestResult .result .score-btn{
     margin-top:20px!important;
     font-size:16px;
     padding:10px 15px;
}
 .result_fiche{
     padding:20px!important;
     display:inline-block;
     width:calc(100%);
     vertical-align:top;
     background-image: url("../images/interface/blackbg.jpg")!important;
     margin-right:15px;
}
 .inline_result {
     display:inline-block;
     width:calc(50% - 15px);
     margin-right:15px;
     vertical-align:top;
     margin-top:30px;
}
 .result_fiche.latestResult .teamLogoImg{
     margin:0 15px;
}
 .result_fiche.latestResult .result{
     padding:0px!important;
}
 .result_fiche.latestResult .result .figure{
     height:200px;
}
 .latestResult.result_fiche .result .figure{
     width:100%!important;
     background-size: 100% auto;
}
 .latestResult.result_fiche .result-details .figure:after{
     display:none;
}
 .latestResult {
     padding: 100px 0;
     background: url("../images/interface/bg_results2.jpg") no-repeat;
     background-size: cover;
     background-position: center;
}
 .fiche_match .latestResult{
     padding:30px 0px;
}
 .fiche_match .latestResult .result{
     padding-bottom:20px;
}
 .latestResult h2 {
     color: #e22777;
}
 .latestResult .team-logo {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 150px;
     height: 150px;
     margin-left: -75px;
     margin-top: -75px;
     overflow: hidden;
     transition: all 0.8s ease-in-out;
}
 .latestResult .teamLogoImg {
     height: 100%;
     background-size: contain !important;
     background-position: top center !important;
     background-repeat: no-repeat !important;
}
 .latestResult-wrap {
     padding: 50px 0;
     text-align: center;
}
 .latestResult .result {
     padding: 40px 0;
}
 .latestResult .result-details {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     z-index: 20;
}
 @media (min-width: 1200px) {
     .latestResult .result-details {
         float: left;
         width: 41.6666666667%;
    }
}
 .latestResult .result-details .figure:after {
     -webkit-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
     transform: scaleX(-1);
     left: -100%;
}
 .latestResult .result-count {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0;
}
 @media (min-width: 1200px) {
     .latestResult .result-count {
         float: left;
         width: 16.6666666667%;
    }
}
 .latestResult .result .figure {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     background-image: url("../images/interface/resultlogo.png");
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     height: 340px;
     padding: 0;
     transition: all 0.6s ease-in-out;
}
 .players {
     padding: 70px 0 0;
     background-image: url("../images/interface/heroesBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
 .latest_news {
     padding: 100px 0;
}
 .players h2 {
     color: #e22777;
}
 .playerFig {
     position: relative;
     transition: all 0.3s ease-in-out;
}
 .players .slick-current .playerFig:hover {
     margin-top: 0px;
}
 .playerpic div {
     transition: all 0.3s ease-in-out;
     height: 300px;
     width: 100%;
     display: block;
}
 .playerDetails {
     list-style-type: none;
}
 .playerDetails li {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     font-family: "Oswald", sans-serif;
     font-size: 16px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
}
 .playerDetails li:first-of-type span:first-of-type {
     padding: 0px;
}
 .playerDetails li.playinfodetails {
     padding: 20px 20px 20px 20px;
     background-image: url("images/infoBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo {
     padding: 0;
     background-image: url("images/infoBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span {
     padding: 5px 20px;
}
 .playerDetails li.playerInfo span:first-of-type {
     background: black;
     padding-left: 60px;
     position: relative;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span:first-of-type:after {
     position: absolute;
     content: initial;
     width: 0;
     height: 0;
     top: 0;
     right: -32px;
     border-top: 0px solid transparent;
     border-bottom: 34px solid transparent;
     border-left: 32px solid black;
     transition: all 0.3s ease-in-out;
}
 .playerDetails li.playerInfo span i {
     margin-right: 10px;
}
 .playerDetails li:first-of-type {
     background: #e22777;
     padding: 20px 20px 20px 20px;
}
 .playerDetails li span:first-of-type {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .playerDetails li span:last-of-type {
     position: relative;
     float: left;
     width: 33.3333333333%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: right;
}
 .wrapplayer {
     position: relative;
     height: 400px;
     margin-bottom: 400px;
}
 @media screen and (min-width: 768px) {
     .playerDetails li:first-of-type, .playerDetails li.playinfodetails {
         padding: 20px 20px 20px 60px;
    }
     .playerDetails li.playerInfo span:first-of-type:after {
         content: '';
    }
}
 @media screen and (min-width: 992px) {
     .playerDetails li.playinfodetails {
         overflow: hidden;
         min-height: 0;
         padding-top: 0;
         padding-bottom: 0;
         opacity: 0;
         line-height: 0;
    }
     .playerFig:hover, .homeplayer .slick-current {
         z-index: 10;
         margin-top: -30px;
    }
     .playerFig:hover .playerpic div, .homeplayer .slick-current .playerpic div {
         height: 400px;
    }
     .playerFig:hover .playerDetails li.playinfodetails, .homeplayer .slick-current .playerDetails li.playinfodetails {
         padding-top: 20px;
         padding-bottom: 20px;
         line-height: 1;
         opacity: 1;
    }
     .playerFig:hover .playerDetails li.playerInfo span:first-of-type, .homeplayer .slick-current .playerDetails li.playerInfo span:first-of-type {
         background: #e22777;
    }
     .playerFig:hover .playerDetails li.playerInfo span:first-of-type:after, .homeplayer .slick-current .playerDetails li.playerInfo span:first-of-type:after {
         border-left-color: #e22777;
    }
}
 @media (min-width: 992px) {
     .latestResult .result .figure {
         float: left;
         width: 33.3333333333%;
    }
}
 @media (min-width: 1200px) {
     .latestResult .result .figure {
         float: left;
         width: 58.3333333333%;
    }
}
 .latestResult .result .figure:after {
     position: absolute;
     content: '';
     height: 340px;
     width: 100%;
     z-index: -1;
     left: 60%;
     top: 50px;
     transition: all 0.9s ease;
     background: url("../images/interface/resultBoard.png") top right no-repeat;
}
 .latestResult .result .content {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     transition: all 0.8s ease-in-out;
     margin-top: 80px;
}
 @media (min-width: 992px) {
     .latestResult .result .content {
         float: left;
         width: 33.3333333333%;
    }
}
 @media (min-width: 1200px) {
     .latestResult .result .content {
         float: left;
         width: 41.6666666667%;
    }
}
 .latestResult .result .content:first-of-type {
     text-align: right;
}
 .latestResult .result .content:first-of-type h4:after {
     left: 50%;
}
 .latestResult .result .content h4 {
     color: rgb(20, 20, 21);
     position: relative;
}
 .latestResult .result .content h4:after {
     position: absolute;
     content: '';
     width: 50%;
     height: 3px;
     background-color: #141415;
     top: 100%;
     left: 0;
}
 .latestResult .result .content p {
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.7);
     font-weight: 400;
     padding: 2px 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-transform: capitalize;
}
 .latestResult .result .content p:first-of-type {
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     padding: 10px 0;
}
 .latestResult .result .count-number {
     text-align: center;
     padding: 40px 0 30px;
}
 .latestResult .result .count-number span {
     font-family: "Oswald", sans-serif;
     font-size: 60px;
     color: white;
     font-weight: 700;
     display: inline-block;
     padding: 0 5px;
}
 .latestResult .result .dateTime {
     font-family: "Open Sans", sans-serif;
     font-size: 18px;
     color: rgb(255 255 255);
     font-weight: 500;
     text-align: center;
     text-transform: uppercase;
     background: #141415;
}
 .latestResult .result .dateTime-container span {
     /* text-transform: capitalize; */
}
 .latestResult .result .dateTime-container span:last-of-type {
     text-transform: uppercase;
     position: relative;
}
 .latestResult .result .dateTime .country-wrap {
     text-transform: uppercase;
}
 .latestResult .result .dateTime .country-wrap span {
     font-family: "Open Sans", sans-serif;
     font-size: 16px;
     color: rgb(255, 255, 255);
     font-weight: 400;
}
 .latestResult .result .score-btn {
     margin: 50px 0 0;
}
 .liste_categorie ul li {
     display: inline-block;
     padding: 0 10px;
}
 .liste_categorie ul li a {
     display: inline-block;
     text-decoration: none;
     transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     color: #222222;
     font-family: 'Montserrat', sans-serif;
     font-size: 14px;
     letter-spacing: 1.3px;
     padding-bottom: 3px;
     border-bottom: 2px solid transparent;
     display: inline-block;
     padding: 0 5px;
}
 @media screen and (max-width: 499px) {
     .latestResult .result .figure {
         width: 100%;
    }
     .latestResult .result .figure:after {
         content: initial;
    }
     .latestResult .result .content {
         display: none;
    }
}
 @media screen and (min-width: 500px) and (max-width: 1199px) {
     .latestResult .result-details .figure {
         width: 50%;
         float: left;
    }
     .latestResult .result-details .figure:after {
         left: -220px;
         width: 138%;
    }
     .latestResult .result-details .content {
         width: 50%;
         float: left;
    }
    .row_50 .compte_rendu, .row_50 .video-container{
        width: 100%;
        display: block;
    }

}
 @media screen and (min-width: 768px) and (max-width: 1199px) {
     .latestResult .result-details .figure {
         width: 40%;
         float: left;
         background-position: center;
    }
     .latestResult .result-details .figure:after {
         width: 200%;
         left: -98%;
    }
     .latestResult .result-details .content {
         width: 50%;
         float: left;
    }
    .row_50 .compte_rendu, .row_50 .video-container{
        width: 100%;
        display: block;
    }
}
 @media screen and (min-width: 992px) and (max-width: 1199px) {
     .latestResult .result-details .figure {
         width: 30%;
         float: left;
    }
     .latestResult .result-details .figure:after {
         left: -104%;
    }
     .latestResult .result-details .content {
         width: 40%;
         float: left;
    }

}
 @media screen and (min-width: 1200px) {
     .latestResult .result-details .figure {
         background-image: url("../images/interface/resultlogo.png");
         background-size: inherit;
         background-position: center;
         background-repeat: no-repeat;
         opacity: 0;
         background-position-y: 340px;
    }
     .latestResult .result-details .figure:after {
         width: 0;
    }
     .latestResult .result-details .figure.animatefig-before:after {
         width: 335px;
    }
     .latestResult .result-details .addfigure {
         background-position-y: center;
         opacity: 1;
    }
     .latestResult .result-details:first-of-type .figure:after {
         right: 58%;
         left: auto;
    }
     .latestResult .result-details .figresult:after {
         -webkit-transform: scaleX(1);
         -ms-transform: scaleX(1);
         transform: scaleX(1);
    }
     .latestResult .result-details .contentresult {
         float: right;
         text-align: left !important;
    }
     .latestResult .result-details .contentresult h4:after {
         left: 0 !important;
    }
     .latestResult .team-logo {
         opacity: 0;
    }
     .latestResult .content {
         opacity: 0;
    }
}
 .matchSchedule {
     padding: 70px 0;
}
 .matchSchedule p {
     text-align: center;
     padding: 40px 0;
}
 .bookticket {
     background-image: url("images/ticketbooking.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     padding: 100px 0;
}
 .bookticket h2 {
     color: white;
}
 .bookticket .btn-white {
     border-color: white;
}
 @media screen and (min-width: 992px) {
     .bookticket .booking-content {
         text-align: right;
    }
}
 .product {
     padding: 70px 0;
}
 .product_details li {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 30px;
}
.product_details{
    font-size:0;
}
 @media (min-width: 992px) {
     .product_details li {
         display:inline-block;
         float:none;
         vertical-align:top;
         width: 25%;
    }
}
 .product_details li a {
     display: block;
}
 .product_details li a > div {
     overflow: hidden;
}
 .product-img {
     height: 320px;
     background-size: cover !important;
     transition: all 0.4s ease-in-out;
}
 .oswald16, .product_info li span {
     font-family: "Oswald", sans-serif;
     font-size: 16px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
}
 .product_info li {
     padding: 15px;
     width: 100%;
     margin: 5px 0 0;
     background-image: url("../images/interface/infoBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .product_info .price {
     color: #403d80;
}
 @media screen and (max-width: 479px) {
     .product_details li {
         width: 100%;
    }
}
 @media screen and (min-width: 992px) {
     .product_details li a:hover .product-img {
         -webkit-transform: scale(1.2) rotate(3deg);
         -ms-transform: scale(1.2) rotate(3deg);
         transform: scale(1.2) rotate(3deg);
    }
}
 .bgimg {
     background-size: cover !important;
     background-position: top center !important;
     background-repeat: no-repeat !important;
}
 .detailsContainer span:first-of-type {
     position: relative;
     min-height: 1px;

}
 .detailsContainer span:last-of-type i {
     margin-right: 10px;
     font-size: 19px;
     color: rgba(255, 255, 255, 0.8);
}
 .cartContainer span {
     position: relative;
     float: left;
     width: 20%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 0px;
}
 .cartContainer span:last-child{
     width:30%;
     color:#fff;
 }
 .cartContainer span:first-of-type {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 0;
     padding-right: 15px;
}
 .latestvideo {
     padding: 20px 0;
}
 .video-container {
     height: 300px;
}
 .liveVideo {
     width: 100%;
     height: 100%;
}
 .video-content {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 992px) {
     .video-content {
         float: left;
         width: 33.3333333333%;
    }
}
 .video-show {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 992px) {
     .video-show {
         float: left;
         width: 66.6666666667%;
    }
}
 .video-content-selector {
     background: #525659;
     padding: 10px;
}
 .video-soclalLink {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .video-selector {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: right;
     padding: 9px;
}
 .video-selector a {
     display: inline-block;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
     margin: 0 15px;
     position: relative;
}
 .video-selector a:after {
     position: absolute;
     color: white;
     font-family: FontAwesome;
     content: "";
     font-size: 14px;
}
 .video-selector a:first-of-type:after {
     content: "\f100";
     left: -20px;
}
 .video-selector a:last-of-type:after {
     content: "\f101";
     right: -20px;
}
 .btn-down, .btn-up {
     position: absolute;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     color: white;
}
 ul.videoLive {
     list-style-type: none;
     background: #e22777;
     overflow: hidden;
}
 ul.videoLive .active {
     background: #141415;
}
 ul.videoLive li {
     float: left;
     width: 50%;
}
 ul.videoLive li a {
     padding: 39px 50px 19px 90px;
     display: block;
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
     border-right: 1px solid rgba(255, 255, 255, 0.7);
     text-align: left;
     position: relative;
}
 ul.videoLive li a div span {
     display: block;
}
 ul.videoLive li a:after {
     position: absolute;
     content: '\f04b';
     font-family: FontAwesome;
     font-size: 33px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 30px;
}
 ul.videoLive li a a.active {
     background: black;
}
 .matchSchedule_details {
     margin: 40px 0;
}
 .fiche {
     margin:0px;
}
 .match_next {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     width: 100%;
     display: table;
     text-align:center;
}
 .fiche .right-triangle:after{
     display:none;
}
 .fiche .match_dtls{
     text-align:center;
     margin-top:20px;
}
 .fiche .logo-match{
     color:#fff;
     font-size:16px;
}
 .fiche .no_padding{
     padding:0px!important;
}
 .fiche .nextmatchDetails{
     padding:15px;
}
 .fiche .match_versus{
     width:100%;
     height:auto;
     float:none;
}
 .fiche .match_versus02{
     height:auto;
}
 .fiche .match_timing{
     height:auto;
     width:auto;
     float:none;
}
 .fiche .counter-wrap li {
     display:inline-block;
     width:25%;
     border-left: 2px solid #e22777;
}
 .fiche .right-padding{
     padding:0px;
}
 .fiche .match_next{
     display:block;
     float:none;
     width:100%;
     height:auto;
     text-align:center;
}
 .fiche .wrap_match_next{
     height:auto;
     width:100%;
     display:block;
     text-align:center;
}
 @media (min-width: 768px) {
     .match_next {
         float: left;
         width: 25%;
    }
}
 .wrap_match_next {
     background-color: #e22777;
     padding: 20px 0;
     text-align: center;
     display: table-cell;
     vertical-align: middle;
}
 .wrap_match_next p {
     padding: 20px 0;
     color: rgba(255, 255, 255, 0.7);
}
 .match_versus-wrap {
     overflow: hidden;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 768px) {
     .match_versus-wrap {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 768px) {
     .match_versus-wrap2 {
         float: left;
         width: 75%;
    }
}
 .match_timing {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 768px) {
     .match_timing {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 992px) {
     .match_timing {
         float: left;
         width: 100%;
    }
}
 @media (min-width: 1200px) {
     .match_timing {
         float: left;
         width: 16.6666666667%;
    }
}
 .match_versus {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 768px) {
     .match_versus {
         float: left;
         width: 75%;
    }
}
 @media (min-width: 992px) {
     .match_versus {
         float: left;
         width: 75%;
    }
}
 @media (min-width: 1200px) {
     .match_versus {
         float: left;
         width: 58.3333333333%;
    }
}
 @media (max-width: 1200px) {
     .match_versus02 {
         padding-top:20px!important;
    }
}
 @media (max-width: 760px) {
     .match_versus02 {
         height:auto!important;
         padding-bottom:20px;
    }
     .historyContent{
         padding:40px 20px 0px;
    }
}
 .match_versus02 {
     background-color: #232a32;
     height: 356px;
}
 .match_dtls {
     padding: 2px 0 !important;
     color: white;
     text-transform: uppercase;
}
 .counter-wrap li {
     position: relative;
     float: left;
     width: 25%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;

     background-image: url("../images/interface/counterBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     padding: 21.5px 0;
     border-right: 2px solid #e22777;
     text-align: center;
     font-family: "Open Sans", sans-serif;
     font-size: 15px;
     color: white;
     font-weight: 400;
}
 @media (min-width: 1200px) {
     .counter-wrap li {
         float: left;
         width: 100%;
    }
}
 .counter-wrap li span {
     display: block;
     font-family: "Oswald", sans-serif;
     font-size: 30px;
     color: white;
     font-weight: 400;
}
 .home_tInfo {
     background-image: url("../images/interface/counterBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     padding-left:0px!important;
}
 .home_tInfo li {
     padding: 15px 0 9px;
     background: transparent;
}
 .home_tInfo li:nth-of-type(even) {
     background-color: #141415;
}
 .match_info01 .paragraph02 {
     text-align: center;
     padding: 5px 0;
}
 .point_table {
     background-image: url("images/counterBg.jpg");
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
}
 .point_table li {
     padding: 10px 0;
}
 .point_table li:nth-of-type(even) {
     background: #141415;
}
 .subPoint_table .largepoint {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .subPoint_table .smallpoint {
     position: relative;
     float: left;
     width: 16.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .subPoint_table .smallpoint span:last-of-type {
     margin-left: 10px;
     color: #979da0;
}
 .logo-match {
     position: relative;
     display:inline-block;
     width: 41.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
     vertical-align:middle;
}
 .match_vs {
     position: relative;
     vertical-align:middle;
     display:inline-block;
     width: 16.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     font-family: "Oswald", sans-serif;
     font-size: 50px;
     color: white;
     font-weight: 400;
     padding: 45px 0;
     text-align: center;
}
 @media screen and (min-width: 768px) {
     .right-padding {
         padding: 0px 0px 0px 20px;
    }
     .left_padding {
         padding: 0px 0px 0px 20px;
    }
     .match_versus {
         padding: 0;
    }
     .match_timing {
         padding: 0px;
         background-color: #e22777;
    }
     .home_tInfo::-webkit-scrollbar {
         background: #e22777;
    }
     .match_versus-wrap {
         padding: 0;
         background: #232a32;
    }

     .match_next {
         padding: 0;
         height: 356px;
    }
     .wrap_match_next {
         height: 356px;
         text-align: left;
         padding: 0;
    }
     .wrap_match_next p {
         text-align: left;
    }
     .point_table {
         height: auto;
    }
     .home_tInfo {
         overflow-y: scroll;
         height: 400px;
    }
}
 .list_para .home_tInfo {
     height: auto;
}
 @media screen and (min-width: 992px) {
     .right-padding {
         padding: 0px 0px 0px 60px;
    }
     .left_padding {
         padding: 0px 30px 0px 0px;
    }
     .nextmatchDetails {
         padding: 40px 60px 40px 200px;
    }
     .nextmatchDetails p {
         padding: 10px 0;
    }
     .home_tInfo::-webkit-scrollbar {
         background: #232a32;
    }
     .subPoint_table {
         padding: 0px 50px 0 200px;
    }
     .wrap_match_next {
         padding-left: 0;
         padding-right: 0;
    }
     .wrap_match_next:after {
         position: absolute;
         content: '';
         width: 0;
         height: 0;
         top: 0;
         z-index: 2;
    }
     .right-triangle:after {
         border-bottom: 356px solid transparent;
         border-top: 0px solid transparent;
         border-left: 175px solid #e22777;
         left: 100%;
    }
     .left_triangle:after {
         right: 100%;
         border-bottom: 400px solid transparent;
         border-top: 0px solid transparent;
         border-right: 175px solid #e22777;
    }
}
 @media screen and (min-width: 1200px) {
     .match_timing {
         height: 300px;
    }
     .counter-wrap li {
         border-bottom: 2px solid #e22777;
         border-right: 0px;
    }
}
 .widgetinfowrap {
     padding: 0 0 30px;
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 992px) {
     .widgetinfowrap {
         float: left;
         width: 100%;
    }
}
 .widgetinfowrap .bg-blackimg {
     padding: 20px 0;
     text-align: center;
     font-family: "Oswald", sans-serif;
     font-size: 16px;
     color: white;
     font-weight: 300;
     text-transform: uppercase;
}
 .widgetinfowrap a {
     text-transform: uppercase;
     font-family: "Open Sans", sans-serif;
     font-size: 13px;
     color: #e22777;
     font-weight: 400;
     padding: 5px 0px 10px 50px;
}
 .vm-book {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: #232a32;
     font-weight: 400;
     display: inline-block;
     text-transform: uppercase;
     margin: 20px 0;
     position: relative;
}
 .vm-book:hover, .vm-book:focus {
     color: #232a32;
     text-decoration: none;
}
 .vm-book:after {
     position: absolute;
     font-family: 'FontAwesome';
     content: '\f078';
     top: 100%;
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     color: #e22777;
}
 .buymatchticket {
     padding: 80px 0 40px;
}
 .buymatchticket h5 {
     font-family: "Oswald", sans-serif;
     font-size: 20px;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
}
 .buymatchticket p {
     margin-top: 20px;
}
 .buymatchticket .ticktbody {
     padding-left: 50px;
}
 .buymatchticket .social_link {
     color: #e22777;
     border: 1px solid #e22777;
}
 .buymatchticket .social_link:hover {
     border-color: transparent;
     color: white;
}
 .buymatchticket .socialTicket {
     padding: 30px 0;
}
 @media screen and (max-width: 479px) {
     .widgetinfowrap {
         width: 100%;
    }
}
 .widgetinfo {
     padding: 10px 0 20px;
}
 .widgetinfo li {
     padding: 5px 0px 10px 50px;
     font-family: "Open Sans", sans-serif;
     font-size: 13px;
     color: #979da0;
     font-weight: 400;
     text-transform: uppercase;
     position: relative;
     text-align: left;
}
 .info01 li:after {
     position: absolute;
     content: '\f00c';
     font-family: FontAwesome;
     top: 5px;
     left: 20px;
     color: #e22777;
     font-size: 18px;
     -webkit-font-smoothing: antialiased;
}
 .info02 li {
     border-bottom: 1px solid #e7e7e7;
}
 a.blacklrnmore {
     background: #232a32;
     font-family: "Oswald", sans-serif;
     font-size: 12px;
     color: white;
     font-weight: 400;
     text-transform: uppercase;
     padding: 5px 0;
     display: block;
     margin: 0 auto;
     border: 1px solid #232a32;
     width: 100px;
     text-align: center;
     transition: all 0.3s ease-in-out;
}
 a.blacklrnmore:hover, a.blacklrnmore:focus {
     color: #232a32;
     border: 1px solid #232a32;
     background: transparent;
     text-decoration: none;
}
 .contentinner .bg-red {
     padding: 16px 0 16px 40px;
}
 .ticketInfo li {
     padding: 5px 40px;
     margin: 5px 0;
}
 .ticketInfo li:nth-of-type(odd) {
     background: #454c54;
}
 .ticketInfo li:nth-of-type(odd) .vs {
     color: #e22777;
}
 .ticketInfo li:nth-of-type(even) {
     background: #868f98;
}
 .t_info li {
     background: transparent !important;
}
 .t_info li:nth-of-type(1) {
     position: relative;
     float: left;
     width: 25%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
     font-size: 30px;
     font-family: "Oswald", sans-serif;
     color: white!important;
     font-weight: 400;
     text-transform: uppercase;
}
 @media (min-width: 768px) {
     .t_info li:nth-of-type(1) {
         float: left;
         width: 16.6666666667%;
    }
}
 .t_info li:nth-of-type(2) {
     position: relative;
     float: left;
     width: 75%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 768px) {
     .t_info li:nth-of-type(2) {
         float: left;
         width: 80.333333%;
    }
}
 .t_info li:nth-of-type(2) .headline01 span {
     width: 100%;
     text-align: center;
     display: block;
}
 .res_list{
     text-align:center;
     display:block!important;
     width:100%!important;
     font-size:30px;
}
 .t_info li:nth-of-type(3) {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 22px;
}
 @media (min-width: 768px) {
     .t_info li:nth-of-type(3) {
         float: left;
         width: 25%;
    }
}
 .t_info li:nth-of-type(3) a {
     margin: 0 auto;
}
 .ticketInner_info {
     width: 100%;
     text-align: center;
}
 .paragraph02 {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: white;
     font-weight: 400;
}
 .ticketInner_info span:first-of-type {
     border-right: 1px solid white;
     padding-right: 5px;
     margin-right: 5px;
}
 .ticketInner_info span:last-of-type {
     display: block;
     text-align: center;
}
 @media screen and (min-width: 600px) {
     .t_info li:nth-of-type(2) .headline01 span {
         width: 40%;
         float: left;
    }
     .t_info li:nth-of-type(2) .headline01 span.vs {
         width: 20%;
         font-size: 30px;
         line-height: 30px;
         text-align: center;
    }
     .ticketInner_info {
         width: 100%;
    }
     .ticketInner_info span {
         margin: 5px 0;
         padding: 0 5px;
         border-right: 1px solid white;
    }
     .ticketInner_info span:last-of-type {
         border: none;
         display: inline-block;
    }
     .ticketInner_info span:first-of-type {
         padding-left: 0;
    }
}
/*------------ shop page ----------------*/
 .select_shopping {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .select_shopping .form-group {
     width: 100%;
     float: left;
}
 .select_shopping label {
     width: 30%;
     float: left;
}
 .select_shopping .form-control {
     width: 60%;
     float: left;
     border-radius: 0;
}
 @media screen and (min-width: 768px) {
     .select_shopping {
         position: relative;
         float: left;
         width: 100%;
         min-height: 1px;
         padding-left: 15px;
         padding-right: 15px;
    }
     .select_shopping .form-group {
         width: 50%;
         margin-bottom: 0;
    }
}
 .shop-img {
     position: relative;
     float: left;
     width: 33.3333333333%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     overflow: hidden;
}
 .shop-img .bgimg {
     height: 350px;
}
 .shop_info {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0px 30px;
}
 .shop_info .headline01 {
     color: #e22777;
     padding: 20px 0;
}
 .shop_info .headline01 a {
     color: inherit;
}
 .shop_info p {
     padding: 20px 0;
}
 .shop-wrap-slider {
     overflow: hidden;
}
 .shop_detais {
     float: left;
     width: 100%;
}
 .shop01 {
     margin-top: 30px;
}
 .addcart-wrap a {
     float: left;
}
 .addcart-wrap a:last-of-type {
     float: right;
}
 .sizepic {
     text-align: center;
     margin: 20px 0;
}
 .sizepic a {
     height: 30px;
     width: 30px;
     line-height: 30px;
     display: inline-block;
     margin-right: 10px;
     border: 1px solid #979da0;
     color: #979da0;
     padding: 0;
     transition: all 0.4s ease-in-out;
}
 .sizepic a:hover {
     color: #e22777;
     border-color: #e22777;
}
 @media screen and (max-width: 479px) {
     .shop_info, .shop-img {
         width: 100%;
    }
     .shop_info {
         padding: 0px 15px;
    }
     .shop_select li {
         margin-bottom: 10px;
    }
     .shop_select li:nth-of-type(2) .form-control:first-of-type {
         margin-right: 20px;
    }
}
 @media screen and (max-width: 767px) {
     .addcart-wrap a {
         float: none;
    }
     .addcart-wrap a:last-of-type {
         float: none;
         margin-top: 10px;
    }
}
 @media screen and (min-width: 992px) {
     .shop-img .bgimg {
         transition: all 0.5s ease-in-out;
    }
     .shop01:hover .shop-img .bgimg {
         -webkit-transform: scale(1.2) rotate(3deg);
         -ms-transform: scale(1.2) rotate(3deg);
         transform: scale(1.2) rotate(3deg);
    }
}
.center_para {
    margin-bottom:40px;
}

.center_para  h4{
   font-size:20px;
   margin-bottom:0px;
}
.center_para .row_full h4{
    display:block;
    width:100%;
}
.center_para .row_50 h4{
    display:block;
    width:50%;
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
        margin-top:30px;
}
.row_50{
    font-size:0;
}
.row_50 .video-container{
    width: 50%;
    display:inline-block;
    padding-bottom:28%;
    height:auto;
}
.row_50 .compte_rendu{
    /* display:inline-block; */
    /* width:50%; */
    vertical-align:top;
    padding-left:60px;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
   .latestvideo .video-container{
       margin-top:0px;
   }
/*-------------- desktop --------------*/
 @media (min-width: 992px) {

     .latestvideo {
         padding: 70px 0;
    }
     .video-container {
         height: 500px;
    }
     .video-content {
         padding: 0;
         vertical-align:top;
    }
     .video-show {
         padding: 0;
         vertical-align:top;
    }
     ul.videoLive {
         height: 500px;
    }
     ul.videoLive li {
         display: block;
         width: 100% !important;
    }
     ul.videoLive li a {
         border-bottom: 1px solid rgba(255, 255, 255, 0.7);
         transition: all 0.4s ease-in-out;
         cursor:pointer;
    }
     ul.videoLive li a:hover {
         background: #232a32;
    }
     .btn-down {
         bottom: 25px;
    }
     .btn-down:after {
         font-family: FontAwesome;
         position: absolute;
         content: "\f078";
    }
     .btn-up {
         top: 10px;
         z-index: 9;
    }
     .btn-up:after {
         font-family: FontAwesome;
         position: absolute;
         content: "\f077";
    }
}
 .innerbanner {
     height: 600px;
     position: relative;
     overflow: hidden;
     background: url(images/innerpageBg.jpg) center no-repeat;
    /* Image Credit: Unsplash.me */
     background-size: cover;
     background-attachment: fixed;
}
 .innerbannerwrap {
     position: relative;
}
 .innerbannerwrap .content {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}
 .innerbannerwrap h2 {
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: inline-block;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     color: #fff;
     z-index: 2;
}
 .btn {
     padding: 15px 20px;
     border: 1px solid grey;
     font-family: "Oswald", sans-serif;
     font-size: 20px;
     color: #625959;
     font-weight: 400;
     text-transform: uppercase;
     border-radius: 4;
     transition: 0.4s ease-in-out;
}
 .btn-white {
     background: white;
     color: #625959;
     border: 1px solid #625959;
     transition-property: background, border-color, color;
     position: relative;
}
 .btn-white:hover, .btn-white:focus {
     background: #e22777;
     border-color: #e22777;
     color: white;
}
 .btn-gold {
     background-color: #c39c66;
     border-color: #c39c66;
     border-radius: 0;
     padding: 10px!important;
     color: #fff;
     font-size: 16px;
     text-transform: initial;
     font-weight: bold;
}
 .btn-green:hover {
     color: #15CD4D;
     background: white;
}
 .btn-pink {
     background: #e22777;
     color: white;
     border: 1px solid #e22777;
     transition: all 0.3s ease-in-out;
     transition-property: background, color;
     border-radius: 4px;
     cursor: pointer;
}
.reserver {
     background: #c39c66;
     color: white;
     border: 1px solid #c39c66;
     transition: all 0.3s ease-in-out;
     transition-property: background, color;
     border-radius: 4px;
     cursor: pointer;
}
 .btn-pink:hover, .btn-pink:focus {
     color: #e22777;
     background: white;
}
 .btn-small, .reserver {
     padding: 10px 20px;
     font-size: 16px;
     color: white;
     text-transform: uppercase;
     cursor: pointer;
}
 .btn-small01 {
     width: 140px;
     height: 40px;
     font-size: 16px;
     color: white;
     text-align: center;
     display: block;
     line-height: 40px;
     border-radius: 5px;
     vertical-align: middle;
     text-transform: uppercase;
}
 .btn-blackLight {
     font-size: 16px;
     color: white;
     height: 40px;
     text-transform: uppercase;
     background: #454c54;
     display: inline-block;
     width: 180px;
     text-align: center;
     line-height: 40px;
     border: 1px solid #454c54;
     transition-property: background, color;
}
 .btn-blackLight:hover {
     color: #454c54;
     background: white;
}
 .btn-addcart {
     font-size: 14px;
     color: white;
     height: 40px;
     line-height: 40px;
     text-transform: uppercase;
     background: #e22777;
     display: block;
     text-align: center;
     width: 180px;
     position: relative;
     transition-property: background;
     border-radius: 0px;
}
 .btn-addcart:after {
     position: absolute;
     font-family: FontAwesome;
     content: '\f07a';
     right: -23px;
     color: white;
     top: -1px;
     transition: right 0.3s ease-in-out;
}
 .btn-addcart:hover, .btn-addcart:focus {
     background: #a21a1c;
     color: white;
     outline: none;
     text-decoration: none;
}
 .btn-addcart:hover:after, .btn-addcart:focus:after {
     right: 15px;
}
 .btn-fav {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: #979da0;
     font-weight: 400;
     font-size: 16px;
     font-family: "Open Sans", sans-serif;
     height: 40px;
     width: 200px;
     line-height: 40px;
     text-transform: uppercase;
     background: white;
     display: block;
     text-align: center;
     position: relative;
     border: 0px;
     transition-property: color;
     z-index: 2;
}
 .btn-fav:before {
     position: absolute;
     font-family: FontAwesome;
     content: '\f004';
     color: #e22777;
     left: 15px;
     top: 0px;
     transition: color 0.4s ease-in-out;
}
 .btn-fav:after {
     position: absolute;
     content: '';
     background: #e22777;
     bottom: 0;
     left: 0;
     right: 0;
     top: 100%;
     z-index: -1;
     transition: top 0.4s ease-in-out;
}
 .btn-fav:hover {
     color: white;
     outline: 0px;
}
 .btn-fav:hover:before {
     color: white;
}
 .btn-fav:hover:after {
     top: 0;
}
 @media (min-width: 480px) {
     .btn {
         padding: 15px 70px;
    }
}
 h2.heading {
     font-family: "Oswald", sans-serif;
     font-size: 40px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
}
 h2.headingstory {
     margin-bottom: 20px;
     font-family: "Oswald", sans-serif;
     font-size: 40px;
     color: #e22777;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
}
 h2.headingstory span{
     color: #403d80;
     position: relative;
}
 h2.heading.small span:after {
     width: 20%;
     left: 0;
}
 h2.heading span {
     color: #403d80;
     position: relative;
}
 h2.heading .spanresults {
     color: #fff;
     position: relative;
}
 h2.heading span:after {
     position: absolute;
     content: '';
     background-color: #403d80;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 h2.headingstory span:after {
     position: absolute;
     content: '';
     background-color: #403d80;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 h2.heading .spanresults:after {
     position: absolute;
     content: '';
     background-color: #fff;
     width: 90%;
     height: 2px;
     top: 108%;
     left: -40px;
}
 .booking {
     padding: 150px 0;
}
 .booking-fig {
     padding-top: 40px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
.dashboard #centreetdroite{
    padding:0px;
    width:100%;
    max-width:100%;
}
.dashboard #contenu{
    margin-left:330px;
    padding-top:20px;
    width: calc(99% - 330px)!important;

}
.col_nav_dash{
   overflow: auto;
   font-family: verdana;
   font-size: 12px;
   font-weight: 200;
   background-color: #384A5E;
   position: fixed;
   top: 0px;
   width: 300px;
   height: 100%;
   color: #c12622;
   -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
   box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.col_nav_dash img{
    max-width:100%;
    background-color:#fff;
}
.nav_account{
    display:inline-block;

        width:100%;
}
.edition_user label{
    display:block;
    font-size:18px;
    color:#232323;
    font-weight:300;
    width:200px;

}
.edition_billet label{
    width:250px;
}
.edition_service label{
    width:250px;
}
.edition_billet p:nth-child(6) input,
.edition_billet p:nth-child(5) input{
    display:inline-block;
    width:auto;
}
.edition_service p:nth-child(7) input,
.edition_service p:nth-child(8) input{
    display:inline-block;
    width:auto;
}
.edition_billet p{
    margin-bottom:20px;
}
.edition_billet p:nth-child(6) label,
.edition_billet p:nth-child(5) label{
    display:inline-block;
    width:auto;
}
.has_sm ul{
    height:0px;
    overflow:hidden;
}
.nav_account ul{
    margin:0;
}
.nav_account ul li a{
    font-size:14px;
    display:block;
    color:#fff;
    font-weight:600;
    padding:15px 20px;
}
.nav_account ul li a img{
    display:inline-block;
    vertical-align:middle;
    max-width: 25px;
}
.nav_account ul li a span{
    display:inline-block;
    vertical-align:middle;
    padding-left:10px;
    width:calc(100% - 25px);
}
.nav_account ul ul li a span{

    padding-left:10px;
    width:calc(100% - 20px);
}
.nav_account ul li a{
    border-bottom:1px solid #edecec;
}
.nav_account ul ul li a{
    border-bottom:0px;
}
.nav_account > ul  a:hover{
    /* background-color:#edecec; */
}
.nav_account ul ul li {
       border-top:1px solid #fff;

}
.nav_account ul ul li a{
     padding-left:40px;
}
.nav_account ul ul{
    background-color:#edecec;


}
.has_sm ul li a{

    color:#222;
}
.nav_account li{
    list-style:none;
}
 .edit_produit {
    color: #fff!important;
    background-color: #c12622;
    font-size: 18px!important;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    font-weight: normal!important;
    display: inline-block;
    border: #c12622 0.5px solid;
    -webkit-transition: 0.5s all ease;
}
.has_sm > a{
    background-image:url(../images/interface/arrow_nav.png);
    background-repeat:no-repeat;
    background-position:180px center;
    border-bottom:0px!important;
}
.has_sm{
    border-bottom:1px solid #edecec;
}
.dashboard #contenu_scroller,.dashboard .par_style_3{
    width:100%!important;
    max-width:100%!important;
}
.user_page > h3,
.nav_compte h3,
.form_user_edit fieldset legend,
.edition_user fieldset legend {
    font-size: 30px;
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 25px;
    font-weight: 700;
    display:block;
    margin-top: 0px;
    color: #111;
    /* width: 50%; */
}
.user_page p,
.user_page > h3{
    margin-bottom: 25px;

    /* color: #fff; */
    font-size: 16px;
}
.text_compte,.user_page > h3{
     text-align: center;
}
.user_page table p{
    text-align:left;
}
.pageAccueil .user_page > h3{
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-size: 22px;
    font-weight: 700;
}
.user_page > h3{
    margin-bottom: 25px;
    text-align: left;
    color: #111;
    font-size: 30px;
    font-weight: 700;
}
.user_page form p{
    color: #111;
}
.user_page h3 + table {
    margin-top: 30px;
}
.form_user_edit label,
.edition_user label {
    display: block;
    font-size: 18px;
    color: #232323;
    font-weight: 300;
    width: 200px;
}
.switch {
    position: relative;
    display: inline-block!important;
    vertical-align: middle;
    width: 60px!important;
    height: 34px!important;
    margin-bottom: 0px;
}
.jour {
    vertical-align: top;;
    display: inline-block;
    width: 270px;
    height: 46px;
}
.jour * {
    vertical-align: middle;
}
.jour p {
    line-height: 46px;
}
.jour p {
    margin-bottom: 0px;
    vertical-align:top;
}
.horaire {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 270px);
}
.name_day {
    display: inline-block;
    font-weight: bold;
    width: 120px;
    font-size: 18px;
}
/* Hide default HTML checkbox */

.switch input {
    display: none;
}
/* The slider */

.slider_button {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider_button:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.intitule_open:before {
    content: 'Ferme';
    display: inline-block;
    font-size: 16px;
    position: absolute;
    left: 70px;
    top: 0px;
    line-height: 33px;
}
input:not:checked + .slider_button +.intitule_open:before {
    content: 'Ferme';
}
input:checked + .slider_button +.intitule_open:before {
    content: 'Ouvert';
}
input:checked + .slider_button {
    background-color: #e40480;
}
input:focus + .slider_button {
    box-shadow: 0 0 1px #e40480;
}
input:checked + .slider_button:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */

.slider_button.round {
    border-radius: 34px;
}
.slider_button.round:before {
    border-radius: 50%;
}
.form_user_edit fieldset > table > tbody>tr> td:nth-child(1),
.edition_user fieldset > table > tbody>tr> td:nth-child(1) {
    width: 210px;
}
.edition_horaire fieldset > table > tbody>tr> td:nth-child(1) {
    width: 260px;
}
.form_user_edit fieldset > table > tbody > tr> td,
.edition_user fieldset > table > tbody > tr> td {
    padding: 5px 0px;
    text-align: left;
}
.edition_user fieldset > table > tbody > tr> td img {
    max-width: 500px;
    height: auto;
}
.form_user_edit input[type="text"],
.form_user_edit input[type="password"],
.form_user_edit select,
.form_user_edit textarea,
.edition_user input[type="text"],
.edition_user input[type="password"],
.edition_user select,
.edition_user textarea,
.recherche_produit p input[type="text"] {
    border: 2px solid #e6e6e6;
    font-size: 18px;
    width: 100%;
    padding: 12px 15px;
}
.edition_user select{
    min-width:200px;
}
.recherche_produit p input[type="text"] {} .recherche_produit {
    position: relative;
    border: 1px solid #ccc;
    padding: 20px;
}
.recherche_billet p:nth-child(2) label,
.recherche_billet p:nth-child(3) label{
    display:block;
}
.recherche_billet p:nth-child(2) select,
.recherche_billet p:nth-child(3) select,
.recherche_billet p select{
    padding:13px; 20px;
    margin-right:10px;
     border: 2px solid #e6e6e6;
}

.recherche_billet p:nth-child(2) input,
.recherche_billet p:nth-child(3) input{
    display:inline-block;
    width:200px;
}
.recherche_produit h5 {
    display: block;
    padding: 0px;
    font-weight: 800;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 0px;
    margin-bottom: 20px;
}
.nav_compte h3 {
    border: 0px;
    text-align:left;
    display: inline-block;
    width: 50%;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.nav_compte {
    font-size: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 25px;
}
.btn_nav {
    width: 50%;
    text-align: right;
    vertical-align: top;
    display: inline-block;
    vertical-align: bottom;
}
.btn_nav a {
    font-size: 16px;
    color: #2e353d!important;
}
 @media screen and (min-width: 870px) {
     body {
         overflow-x: hidden;
    }
     #menu_haut > ul > li:hover > ul {
         left: 0px;
         top: 100%;
         opacity: 1;
         width:220px;
         padding:0px 0px!important;
    }
     .extend {
         display: none!important;
    }

}
 @media (min-width: 992px) {
     .booking-fig {
         /* float: left; */
         /* width: 41.6666666667%; */
    }
}
 .booking-fig h2 {
     font-family: "Oswald", sans-serif;
     font-size: 30px;
     color: #fff;
     font-weight: 400;
     text-transform: uppercase;
     text-align: center;
     position: relative;
}

.booking-fig p {
     font-size: 20px;
     color: #fff;
     text-align: center;
     line-height: 1.5em;
}

 .booking-fig h2:after {
     position: absolute;

     content: '';
     width: 140px;
     top: -119px;
     left: 25%;
     height: auto;
     -webkit-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     background-repeat: no-repeat;
     display: inline-block;
     height: 163px;
}
 .booking-content {
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}
 @media (min-width: 992px) {
     .booking-content {
         float: left;
         width: 58.3333333333%;
    }
}
 .booking-content a {
     margin: 5px 0;
}
 @media screen and (min-width: 480px) {
     .booking-fig {
         padding-bottom: 40px;
    }
     .booking-fig h2 {
         text-align: center;
    }
     .booking-fig h2:after {
         left: 0px;
         -webkit-transform: scale(0.5);
         -ms-transform: scale(0.5);
         transform: scale(0.5);
         top: -50px;
    }
}
 @media screen and (min-width: 768px) {
     .booking-fig {
         padding-top: 0;
    }
     .booking-fig h2 {
         font-size: 35px;
         text-align: center;
         font-style: italic;
    }
     .booking-fig h2:after {
         left: -4px;
         -webkit-transform: scale(0.7);
         -ms-transform: scale(0.7);
         transform: scale(0.7);
    }
}
 @media screen and (min-width: 992px) {
     .booking-fig {
         padding: 0;
    }
     .booking-fig h2 {
         /* text-align: right; */
    }
     .booking-fig h2:after {
         left: -60px;
    }

}
 @media screen and (min-width: 1200px) {
     .booking-fig {
         padding: 0 15px;
    }
     .booking-fig h2:after {
         left: -50px;
    }
}
 @media (min-width: 480px) {
     .booking-content a {
         margin-right: 40px;
    }
}
 .right-home > div{
     margin-bottom:40px;
}
 .right-home .reseau{
     padding:0 15px;
}
 .right-home .reseau ul{
     padding:0px;
     margin:0px;
}
 .reseau li:nth-child(1) i{
     color:#3B5998;
}


 .reseau li:nth-child(2) i{
     color:#4099FF;
}
 .reseau li:nth-child(1), .reseau li:nth-child(2), .reseau li:nth-child(3){
     width:31.33333%;
     text-align:center;
}
 .reseau li:nth-child(4), .reseau li:nth-child(5){
     margin-right:2%;
}
 .right-home .reseau ul li{
     list-style: none;
     display: inline-block;
     margin-bottom:10px;
     font-size: 50px;
     max-width: 30%;
     vertical-align: middle;
}
 .right-home .reseau ul li img{
     width:100%;
     max-width: 100%;
     height: auto;
     width: auto;
}
 .team{
     background-image:url(../images/interface/team-bg.jpg);
     padding-top: 80px;
     padding-bottom: 0px;
     background-position: center -53.9px;
     padding-bottom:50px;
}
 .team .flexslider{
     margin:auto;
     margin-top:10px;
     max-width:1110px;
}
 .center-galerie{
     width:100%;
     max-width:1140px;
     margin:auto;
}
 .galerie{
     padding:60px 0;
}
 .team .flex-direction-nav{
     display:none;
}
 .block-album{
     display:inline-block;
     width:25%;
     padding: 0 15px;
}
 .img-album{
     position:relative;
}
 .img-album:hover img{
     transform: scale(1.1, 1.1)
}
 .img-album{
     overflow:hidden;
}
 .img-album img{
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .img-album:hover .overlay{
     opacity:1;
}
 .img-album .overlay{
     position:absolute;
     top:0;
     bottom:0px;
     width:100%;
     background-color:rgba(0,0,0,0.7);
     z-index:10;
     left:0;
     text-align:center;
     opacity:0;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .img-album .overlay i{
     background-color:#fc7825;
     font-size:20px;
     color:#fff;
     padding:15px;
     margin-left:-18px;
     margin-top:-18px;
     top:50%;
     position:absolute;
}
 .block-album h4{
     font-size: 15px;
     font-weight: bold;
     margin-bottom: 0px;
     text-align:center;
     background-color:#fc7825;
     color:#fff;
     margin:0;
}
 .block-album img{
     width:100%;
     height:auto;
}
 .block-album h4 a{
     display:inline-block;
     color:#fff;
     padding:18px;
     text-transform:uppercase;
}
 .partenaire{
     background-color:#f3f3f3;
     padding:30px 0px;
}
 .partenaire ul{
     padding:0px;
}
 .partenaire ul li{
     text-align:center!important;
}
 .partenaire ul li img{
     max-height: 60px;
     width: auto!important;
     background-color: #fff;
     padding: 5px 10px;
     border-radius: 6px;
     display: inline-block!important;
}
 .center-partenaire{
     max-width:1140px;
     margin:auto;
}
 .partenaire .flexslider{
     max-width:1140px;
}
 .team h4 a{
     font-size: 20px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 1;
     display: inline-block;
     color: #fff;
     position:relative;
     margin-top:15px;
}
 .team .slides li{
     margin: 0px 15px 20px;
}
 .team .slides .img-team{
     position:relative;
}
 .team .slides .img-team:after{
     width:100%;
     top:0px;
     bottom:0px;
     display:block;
     content:'';
     background-color:#fc7825;
     opacity: 0;
     filter: alpha(opacity=0);
     position:absolute;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
}
 .team .slides .img-team:hover:after{
     opacity: 0.5;
     filter: alpha(opacity=50);
}
 .team .slides li:first-child{
     margin-left: 0px;
}
 .slides{
     padding:0px;
}
 .team h3{
     color:#fff;
     display:inline-block;
}
 .team h3 + a{
     font-size:13px;
}
 .nav-flex{
     display:inline-block;
     float:right;
}
 .nav-flex i{
     padding: 11px 18px 11px 18px;
     font-size:20px;
     margin: 5px;
     background-color:#fc7825;
     cursor: pointer;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     display: inline-block;
     color:#fff;
}
 .center-team{
     max-width:1140px;
     margin:auto;
}
/**********/
/* CENTRE */
/**********/
 h3 {
     font-size: 23px;
     font-weight: bold;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 1;
     display: inline-block;
     color: #000;
     border-color: #000;
     position:relative;
     margin-bottom:30px;
}
 .ariane {
     padding-bottom: 5px;
     max-width:1140px;
     margin:auto;
     padding:15px;
}
 #ariane{
     border-bottom:1px solid #ccc;
}
 .ariane a {
     text-decoration: underline;
     color: #000;
}
 .ariane strong {
     color: #000;
}
/**********/
/* DROITE */
/**********/
 input {
     font-size: 0.85em;
}
 a.infobulle {
     position:relative;
     z-index:24;
     color:#000;
     text-decoration:none;
     border:none;
}
.export_dossier input[type="radio"],
.export_dossier input[type="checkbox"]{
    margin-top:0px;
    margin-right:5px;
}
 a.infobulle, a.infobulle img {
     border:none;
     text-decoration:none;
     padding-left:5px;
     padding-right:5px;
     width:auto!important;
}
 a.infobulle:hover {
     background: none;
     z-index:25;
}
 a.infobulle span {
     display: none
}
 a.infobulle:hover span {
     display:block;
     position:absolute;
     top:0;
     left:3em;
     padding:2px;
     width:20em;
     border:1px solid #7F9DB9;
     background-color:#EDEDED;
     color:#000000;
     text-align: left;
     font-size: 0.95em;
     font-weight: normal;
}


 textarea {
     height: 150px!important;
     width: 100%!important;
     font-family: karla, sans-serif;
}
 #formIdentificationLog tr,#formCreationInscription tr {
     padding-bottom: 15px;
     display: block;
}
 #formIdentificationLog td:nth-child(1),#formCreationInscription td:nth-child(1) {
     font-size: 16px;
     width: 200px!important;
}
 form[name="mdl_panier_form"] input[type="submit"], #centreetdroite #formCreationLog a,#formIdentificationLog input[type="submit"], #formIdentificationLog input[type="reset"], form[name="rechercher"] input[type="submit"], #formCreationInscription input[type="submit"], input[type="submit"], #formCreationInscription input[type="reset"], .btn-panier{
     background-color: #c12622;
     display: inline-block;
     padding: 5px 10px;
     font-weight: normal;
     color: #fff!important;
     transition: 0.3s all ease;
     -webkit-transition: 0.3s all ease;
     vertical-align:top;
     display:inline-block;
     font-weight: 700;
     font-size:16px;
}
 @media screen and (max-width: 800px){
     .item-etape,.item-etape:first-child.active{
         width:50%!important;
         background-image:none!important;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         border: 1px solid #e22777;
    }
     .item-etape.active {
         background-color: #e22777;
         background-image: none;
         margin-left: 0px;
         z-index: 1;
         padding-left: 10px;
    }
     .item-etape.active + .item-etape{
         padding-left:10px;
    }
     .item-etape.active:before{
         display:none!important;
    }
    .row_list {
    display: inline;
}

}
 @media screen and (max-width: 360px){
     .item-etape,.item-etape:first-child.active{
         width:100%!important;
    }
}


/********/
/* PIED */
/********/
 #pied ul {
     margin: 0;
     padding: 0;
}
 html>body #pied ul {
     margin: 0;
}
 #pied li {
     display: inline;
     list-style: none url();
     padding: 0;
     margin: 0;
}
 #pied p {
     margin: 0;
     padding: 0;
     line-height: 20px;
}
/**********/
/* HTML */
/**********/
 legend {
     font-weight: bold;
}
 label {
     font-weight: bold;
}
 label.intitule {
     display: inline;
     float: left;
     width: 120px;
}
 fieldset {
     padding: 5px;
}
 .ligne-marque{
     width:100%;
     display:table;
     border-top:3px solid #ddd;
}
 .ligne-marque:last-child{
     border-bottom:3px solid #ddd;
}
 .block_marque{
     display:table-cell;
     width:20%;
     padding:15px 15px;
     vertical-align:top;
     position:relative;
     border-left:3px solid #ddd;
}
 .block_marque:last-child{
     border-right:3px solid #ddd;
}
 .block_marque:last-child{
     border-right:3px solid #ddd;
}
 .block_marque .inner_marque > a{
     display:table-cell;
     vertical-align:middle;
     height:100px;
     width:200px;
}
 .block_marque img{
     max-width:100%;
     height:auto;
     display:block;
     margin:auto;
}
 .block_marque img{
     max-height:80px;
     width:auto;
}
 .block_marque h3{
     margin:0;
     font-size:15px;
     text-align:center;
     display:block;
}
 .block_marque h3:before{
     display:none;
}
 .list_cat li span, .block_marque h3 a,
 .block_marque h3 {
     text-align:center;
     display:block;
     margin-top:30px;
     font-size:18px;
     color:#222;
}
 .ui-tabs-nav li{
     text-align:center;
     padding:10px;
     font-size:14px;
}
 .ui-tabs-nav li:first-child{
     padding-left:0px;
}
 .ui-tabs-nav li:last-child{
     padding-right:0px;
}
 .ui-tabs-nav li a{
     padding:10px;
     color:#fff;
     font-weight:bold;
     background-color:#403d80;
}
 .ui-tabs-panel h3{
     margin-top:0px;
     text-align:center;
     margin-bottom:20px!important;
}
 .ui-tabs-nav-item a:hover {
     text-decoration:none;
     background-color: #e22777;
     color:#ffffff;
}
 .ui-tabs-nav .ui-tabs-selected a{
     text-decoration:none;
     background-color: #e22777;
     color:#ffffff;
}
 .ui-tabs-panel {
    /*resets*/
    margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none;
     font-family: segoe ui, Arial, sans-serif;
     clear:left;
     border: 1px solid #E4E5E3;
     background: #ffffff;
     color: #222222;
     padding: 1.5em 1.7em;
}
 .ui-tabs-hide {
     display: none;
    /* for accessible hiding: position: absolute;
     left: -99999999px*/
    ;
}
 .ui-tabs-panel .bloc1 td:nth-child(2) a,.ui-tabs-panel .bloc0 td:nth-child(2) a{
     color:#2eaadc;
}
.doc_bloc{
    width: 100%;
    display: block;
    /* box-shadow: 0 0 29px 0 rgba(0, 0, 0, .19); */
    padding: 20px;
    border: 2px solid #ececec;
}
.doc_bloc img.mdl_document{
    width: 15%;
    display: inline-block;
    vertical-align: top;
}
.doc_bloc .doc_droite{
    width: 85%;
    display: inline-block;
    vertical-align: top;
    padding-left: 60px;
}
.doc_intro {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
.doc_bloc .doc_droite h4{
    margin: 0;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
    font-weight : 400;
    margin-bottom: 30px;
}
.doc_bloc .doc_droite a{
   color: #141414;
}


.doc_bloc .doc_droite h4 span{
   font-size: 16px;
   font-style: italic;
   color: #e22777;
   text-transform: lowercase;
}

 .ui-tabs-nav-item {
    /*resets*/
    margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     line-height: 1.3;
     text-decoration: none;
     font-size: 100%;
     list-style: none;
     float: left;
     border-right: none;
}
 #centre div.paragraphe, #centreetdroite div.paragraphe {
     margin: 0 0 10px 0;
     font-size:14px;
}
.pageAccueil .user_page{
    width:50%;
    margin:auto;
}
.dashboard .carte_pvbc{
    border:1px solid #ccc;
    padding:20px;
}
.dashboard .carte_pvbc h3{
    border-bottom: 1px solid #ddd;
    padding-bottom:15px;
    display:block;
}
.par_style_3{
    width:1170px;
    margin:auto!important;
    text-align:left;
    padding:40px 20px;
    max-width:100%;
}

.desc_licence{
    margin-bottom:30px;
    font-size:0;
    padding-top:15px;
}
.desc_licence img{
    display:inline-block;
    width:50%;
    vertical-align:top;
}
.desc_licence .text_licence{
    display:inline-block;
    width:50%;

    vertical-align:top;
    padding-left:40px;
}
.desc_licence .text_licence p,
.desc_licence .text_licence li{
     font-size:18px;
     line-height:40px;
}
.interet{
    background-color:#efefef;
    padding:5px 15px;
    border:1px solid #ddd;
}
.interet h5{
    margin-bottom:10px;
}
#formLicence label{
    display:inline-block;
    color:#222;
    width:300px;
    margin-bottom:0px;
    vertical-align:middle;
}
#formLicence .group_form{
    margin-bottom:15px;
}
#formLicence fieldset{
    margin-bottom:30px;
}
.check_spe input{
    margin-top:0px;
}
.check_spe .group_form{
    margin-bottom:20px!important;
}
.check_spe label{
    width:calc(100% - 40px)!important;
    vertical-align:middle;
    font-weight:normal;
    padding-left:10px;

}
#formLicence .group_form input[type="radio"]{
    margin-top:0px;
    margin-right:2px;
}
#formLicence .group_form input[type="radio"] + a{
    margin-right:5px;
}
#formLicence select{
    display:inline-block;
    margin-right:5px;
    padding:5px 5px;
    padding-right:0px;
    font-size:16px;
}
#contenu #formLicence input[type="text"],#contenu #formLicence select{
    display:inline-block;
    width:auto!important;
    margin-bottom:0px!important;
}
#formLicence select
.par_style_1{
    max-width:1140px;
    margin:auto!important;
}
 .paragraphe img {
     height: auto;
}
.list_classement{
    text-align:right;
    margin-bottom:20px;
    margin-top:-50px;
}
.list_classement select{
    font-size:16px;
    padding:10px;
    color:#222;
}
.list_classement label{
    font-size:18px;
    padding-right:15px;
    color:#222;
}
 .mdl_paragraphe2Colonne .paragraphe {
     max-width: 480px;
}
/**************/
/* Modules */
/***********/
 .mdl_paragraphe2Colonne li {
     text-align: left !important;
}
/**********/
/* DIVERS */
/**********/
/***************************************************/
/* Affichage des erreurs */
/***************************************************/
 .blocAlerte {
     padding: 10px;
     margin: 5px;
     background-color: #FFCCCC!important;
     border: 1px solid #FF0000!important;
     font-weight: bold;
}
 .blocAlerte .alerte {
     color: #000000!important;
     padding: 0!important;
     margin: 0!important;
}
 .blocAlerte p {
     padding: 0!important;
     margin: 0!important;
}
 .blocAlerte ul li strong, .blocAlerte ul li a {
     color: #FF0000!important;
     padding: 0!important;
     margin: 0!important;
}
 select.alerte {
     background-color: #FFCCCC!important;
}
 .petit {
     font-size: 0.85em;
}
/***************************************************/
/* Bulle sur point d'interogation */
/***************************************************/
 a.infobulle {
     position: relative;
     z-index: 24;
     color: #000;
     text-decoration: none;
     border: none;
}
 a.infobulle, a.infobulle img {
     border: none;
     text-decoration: none;
     padding-left: 5px;
     padding-right: 5px;
}
 a.infobulle:hover {
     background: none;
     z-index: 25
}
 a.infobulle span {
     display: none
}
 a.infobulle:hover span {
     display: block;
     position: absolute;
     top: 0;
     left: 3em;
     padding: 2px;
     width: 20em;
     border: 1px solid #7F9DB9;
     background-color: #EDEDED;
     color: #000000;
     text-align: left;
     font-size: 0.8em;
     font-weight: normal;
}
 .prevnext {
     font-size: 1.1em;
     color: #3c3c3c;
     margin: 0;
     margin-top: 20px;
     padding: 2px;
}
 .prevnext a {
     font-style: normal;
     background-color: #e6e6e6;
     width: 35px;
     height: 35px;
     display: inline-block;
     text-align: center;
     margin: 5px;
     color: #3c3c3c;
     line-height: 35px;
     border: 1px solid #3c3c3c;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     text-decoration: none;
}
 .prevnext a:first-child {
     margin-left: 0px;
}
 .prevnext a:hover, .prevnext a.selected {
     color: #FFFFFF;
     background-color: #362f2d;
     border: 1px solid #000000;
}
/**********************/
/* Villes Suggestion */
 .villeSuggestionBox {
     position: relative;
     float: left;
     left: 0px;
     margin: 10px 0px 0px 0px;
     padding: 0;
     width: 200px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     color: #000;
}
 .villeSuggestionList {
     margin: 0px;
     padding: 0px;
}
 .villeSuggestionList li {
     list-style: none;
     margin: 0px 0px 3px 0px;
     padding: 3px;
     cursor: pointer;
}
 .villeSuggestionList li:hover {
     background-color: #c0c0c0;
}
 #totop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     overflow: hidden;
     width: 51px;
     height: 51px;
     border: none;
     text-indent: -999px;
     background-image: url(../images/interface/uitotop.png);
     background-repeat: no-repeat;
     background-position: left top;
     z-index: 900000;
     background-color: transparent;
}
 #totop:hover {
     background: url(../images/interface/uitotop.png) no-repeat left -51px;
     width: 51px;
     height: 51px;
     display: block;
     overflow: hidden;
     float: left;
     cursor: pointer;
}
 .page-heading {
     background-size: cover;
     background-repeat: no-repeat;
     padding: 50px 0;
     text-align: left;
     position: relative;
     background-position: center center;
     border-bottom:1px solid #e5e5e5;
     padding-top: 50px;
     background-image: url('../images/interface/page_heading2.jpg');
}
 .page-heading .container {
     margin: auto;
     position: relative;
     z-index: 2;
     padding:0;
     maw-width: 1170px;
}
.mat_heading{
    padding-top:400px;
    padding-bottom:150px;
    background-color: #000;
        background-image: url('../images/heading_mm.jpg')!important;
    background-position: center 200px;
}
.mat_heading:after{
    content:'';
    background-color:rgba(0,0,0,0.2);
    display: block;
    top:0;
    left: 0;
    position: absolute;
    right: 0px;
    bottom:0;
}
 .page-heading .page-title h2 {
     font-size: 35px;
     font-weight: 900;
     text-align:center;
     color: #fff;
     padding-bottom: 0;
     margin-bottom: 0px;
     letter-spacing: 2px;
     margin-top:0;
    /* margin-top:40px;
     */
     position:relative;
     padding-bottom:20px;
     text-transform:uppercase;
}
 .page-heading .page-title .line-dec {
     margin: 10px 0px;
     width: 90px;
     height: 1px;
     background-color: #1059a6;
     display: none;
}
 .page-heading .page-title span {
     font-size: 24px;
     font-weight: normal;
     color: #2d3031;
     line-height: 36px!important;
}
 .gdlr-soccer-match-results-wrapper{
     position: relative;
     text-align: center;
     padding: 45px 0px;
     background: url('images/match-report-bg.jpg') center center;
}
 .gdlr-soccer-match-results-container{
     position: relative;
}
 .gdlr-soccer-match-results.gdlr-item{
     margin-bottom: 0px;
}
 .gdlr-soccer-match-results-title {
     font-size: 47px;
     line-height: 1;
     margin-bottom: 15px;
}
 .gdlr-soccer-match-results-title .match-results-score {
     margin: 0px 16px;
     font-weight: bold;
}
 .gdlr-soccer-match-results-info .match-result-info {
     margin-right: 22px;
}
 .gdlr-soccer-match-results-info .match-result-info i {
     margin-right: 14px;
}
 .gdlr-soccer-match-results-info .match-result-info:last-child{
     margin-right: 0px;
}
 .gdlr-soccer-match-results-overlay{
     position: absolute;
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: 0px;
     opacity: 0.75;
     filter: alpha(opacity=75);
}
 .gdlr-soccer-single-fixture-result .gdlr-soccer-match-thumbnail {
     margin-bottom: 40px;
}
 span.match-results-team {
     text-transform: uppercase;
}
 span.match-result-info-wrapper {
     font-size: 14px;
     font-style: italic;
}
 .fixture-result-item-wrapper{
     margin-bottom: 20px;
}
 .gdlr-soccer-single-fixture-result {
     margin-bottom: 60px;
}
 .gdlr-result-by-month-header {
     margin: 55px 0px 30px;
     font-size: 23px;
     font-weight: bold;
     text-transform: uppercase;
     line-height: 1;
     display: inline-block;
}
 .gdlr-result-by-month-header:before{
     content: "ll";
     letter-spacing: 1px;
     margin-right: 10px;
     text-transform: none;
     font-weight: 500;
     font-family: sans-serif;
}
 .gdlr-result-by-month-header.gdlr-first{
     margin-top: 0px;
}
 .gdlr-result-by-month-wrapper .result-in-month {
     padding: 20px 30px;
     font-size: 15px;
}
 .gdlr-result-by-month-wrapper .gdlr-result-date {
     display: inline-block;
     width:12%;
     margin-right: 2%;
     font-style: italic;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-team-wrapper {
     display: inline-block;
     width: 72%;
     text-align: center;
     font-weight: bold;
     text-transform: uppercase;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-team {
     display: inline-block;
     width: 40%;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-team.gdlr-left{
     margin-right: 2.5%;
     text-align: right;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-team.gdlr-right{
     margin-left: 2.5%;
     text-align: left;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-separator {
     margin: 0px 2.5%;
}
 .gdlr-result-by-month-wrapper .gdlr-result-match-versus {
     margin: 0px 2.5%;
     padding: 0px 3px;
     font-weight: normal;
}
 .gdlr-result-by-month-wrapper .gdlr-result-read-more {
     display: inline-block;
     width: 12%;
     margin-left: 2%;
     text-align: right;
     font-size: 13px;
     font-style: italic;
}
 .fixture-result-item-filter{
     font-size: 17px;
     text-transform: uppercase;
     font-weight: bold;
     margin: 0px 20px 45px;
     padding-bottom: 8px;
     text-align: left;
     border-bottom-width: 2px;
     border-bottom-style: solid;
}
 .fixture-result-item-filter a{
     margin-right: 17px;
}
 .fixture-result-item-filter .gdlr-saperator{
     margin-right: 17px;
     vertical-align: text-bottom;
}
 .fixture-result-item-filter .gdlr-saperator:first-child{
     display: none;
}
 .fixture-result-item-filter .gdlr-soccer-combobox{
     float: right;
     position: relative;
     background: #eeeeee;
     margin-top: -9px;
     width: 85px;
}
 .fixture-result-item-filter .gdlr-soccer-combobox:after{
     font-family: fontAwesome;
     content: "\f0dd";
     font-size: 13px;
     line-height: 18px;
     position: absolute;
     right: 12px;
     top: 48%;
     margin-top: -11px;
     pointer-events: none;
}
 .fixture-result-item-filter .gdlr-soccer-combobox select{
     font-size: 15px;
     height: 38px;
     padding: 3px 14px 5px;
     width: 100%;
     font-weight: bold;
     border: 0px;
     outline: none;
     border-radius: 0px;
     -moz-border-radius: 0px;
     -webkit-border-radius: 0px;
     background: transparent;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
 .fixture-result-item-filter .gdlr-soccer-combobox select, .fixture-result-item-filter .gdlr-soccer-combobox select:focus{
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 .small-result-item.even, .result-in-month.even{
     background-color: #f3f3f3;
}
 .small-result-item.odd, .result-in-month.odd{
     background-color: #ebebeb;
}
 .small-result-item{
     padding: 11px 20px;
     text-align: center;
}
 .small-result-item .gdlr-result-match-team{
     display: inline-block;
     width: 40%;
}
 .small-result-item .gdlr-result-match-team.gdlr-left {
     text-align: right;
}
 .small-result-item .gdlr-result-match-team.gdlr-right {
     text-align: left;
}
 .small-result-item .gdlr-result-match-versus {
     margin: 0px 10px;
}
 .small-result-item .gdlr-result-match-score {
     font-weight: bold;
}
 .fixture-result-item-holder .gdlr-full-result-link.gdlr-button{
     display: block;
     text-align: center;
     margin: 0px;
}
 .gdlr-result-by-month-year-wrap{
     margin-bottom: 55px;
}
 .gdlr-result-by-month-year-wrap .gdlr-result-by-month-header:first-child{
     margin-top: 0px;
}
 .footer-type01 {
     background-color: #ECECEC;
     padding: 70px 0 0 0;
}
 .footer-type02 {
     padding: 30px 0;
     background-image: url("../images/interface/heroesBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .footer-logo, .footer-container, .footer-appstore {
     position: relative;
     float: left;
     width: 100%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     text-align: center;
}
 @media (min-width: 768px) {
     .footer-logo, .footer-container, .footer-appstore {
         float: left;
         width: 50%;
    }
}
 .footer-logo img {
     -webkit-transform: scale(0.6);
     -ms-transform: scale(0.6);
     transform: scale(0.6);
}
 .footer-container li {
     padding: 30px 0 20px;
     display: inline-block;
     margin-right: 20px;
}
 .footer-appstore figure {
     display: inline-block;
     width: 48%;
     margin: 20px 0;
     padding: 0 20px;
}
 @media screen and (min-width: 768px) {
     .footer-appstore figure {
         display: block;
         margin-left: auto;
         margin-right: auto;
         width: 70%;
    }
}
 @media screen and (min-width: 1200px) {
     .footer-appstore figure {
         display: inline-block;
         width: 48%;
    }
}
 .footer-appstore img {
     max-width: 100%;
}
 .copyright {
     color: #e22777;
     transition: all 0.3s ease-in-out;
}
 .copyright:hover {
     color: #e22777;
}
 .widget-about {
     position: relative;
     float: left;
     width: 33.3333333333%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 992px) {
     .widget-about {
         float: left;
         width: 20%;
    }
}
 .widget-about p {
     padding: 10px 0;
}
 .widget-about p:first-of-type {
     padding: 40px 0;
}
 .widget-about .uppercaseheading {
     color: #fe4aa1;
}
 .widget-news {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0 0px 0 50px;
}
 @media (min-width: 992px) {
     .widget-news {
         float: left;
         width: 33.3333333333%;
    }
}
 .widget-news .uppercaseheading {
     margin: 10px 0;
     padding: 10px 0;
     border-top: 1px solid #fd459d;
     width: 80%;
}
 .widget-product {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 30px;
}
 @media (min-width: 992px) {
     .widget-product {
         float: left;
         width: 27%;
    }
}
 .widget-comment {
     position: relative;
     float: left;
     width: 50%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @media (min-width: 992px) {
     .widget-comment {
         float: left;
         width: 26%;
    }
}
 .widget_productdetails {
     margin-top: 40px;
}
 .widget_productdetails li {
     width: 100%;
     border-bottom: 1px solid #979da0;
     padding: 5px 0;
     position: relative;
}
 .bigsocial-link {
     position: relative;
     height: 50px;
     width: 50px;
     border-radius: 50%;
     border: 2px solid white;
     transition: all 0.3s ease-in-out;
     display: inline-block;
     color: white;
}
 .fiche-compte h3, .fiche_commande h3{
     padding-bottom:5px;
}
 .fiche-compte{
     padding-top:10px;
}
 .fiche-compte h3,.fiche_commande h3{
     border-bottom:1px solid #ddd;
     margin-top:20px;
     margin-bottom:20px;
}
 .fiche_commande{
     border:1px solid #ddd;
     padding:30px;
     padding-top:10px;
}
 .fiche_commande .photo-panier{
     display:inline-block;
}
 .fiche_commande .right-panier{
     display:inline-block;
     vertical-align:top;
     padding-left:20px;
}
 .fiche_commande .right-panier li + br{
     display:none;
}
 .fiche_commande .right-panier li{
     margin-bottom:5px!important;
     color:#222!important;
}
 .fiche_commande .right-panier ul{
     margin-top:10px!important;
     margin-left:20px;
}
 .fiche_commande .photo-panier img{
     float:none!important;
}
 .fiche_commande table th{
     color: #fff;
     padding: 10px;
     font-weight: normal;
     font-size: 16px;
     background-color: #e22777;
}
 .fiche_commande table{
     font-size:15px;
     color:#222;
}
 .fiche_commande table td{
     padding:10px;
     border: 1px solid #e5e5e5!important;
}
 .fiche-compte p{
     color:#222!important;
}
 .fiche-compte .btn-compte, .fiche_commande .btn-compte,.btn-compte{
     background-color: #e22777;
     color: #fff;
     padding: 10px;
     font-size: 16px;
     margin-top: 5px;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
     border: 1px solid #e22777;
     position: relative;
     display:inline-block;
     text-transform:capitalize;
     font-family: 'Montserrat', sans-serif!important;
}
 .fiche-compte .btn-compte + .btn-compte{
     background-color:#000;
     border-color:#000;
}
 .fiche-compte li{
     color:#222!important;
}
 .fiche-compte li a{
     color:#222!important;
}
 .fiche-compte{
     border:1px solid #ddd;
     padding:30px;
}
 .fiche-compte h3{
     display:block;

     margin-top:0;
}
.fiche-compte p + h3{
    margin-top:20px;
}
 .bigsocial-link i {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     font-size: 20px;
}
 .social-media {
     padding: 70px 0;
     background-image: url("../images/interface/socialMediaHomeBg.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .socialinfo {
     text-align: center;
     overflow: hidden;
     height: 200px;
}
 .socialinfo li {
     float: left;
     height: 200px;
}
 .socialinfo li a {
     outline: none;
     color: white;
}
 .socialinfo .sociallink i {
     font-size: 50px;
     color: white;
}
 .socialinfo p {
     width: 80%;
     margin: 20px auto;
     color: white;
}
 .bigsocial-link:after {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     left:0;
     content: '';
     border: 2px dashed #fff;
     z-index: -1;
}
 #formIdentificationLog, #formCreationInscription {
     color: #222;
     text-align:left!important;
}
 #formIdentificationLog legend{
     text-align:center;
     border-bottom: 0;
}
#formIdentificationLog h4{
     display:none;
}
#formIdentificationLog input[type="submit"]{
    display:block;
    width:100%;
    padding: 10px 20px;
}

#formCreationInscription p{
    margin-bottom : 15px;
}
 #formIdentificationLog label, #formCreationInscription label {
     font-size: 16px;
     width: auto;
     color: #111;
}
.lien_invisible{
    color:#222;
    vertical-align : middle;
    padding-left:5px;
}
#formCreationInscription input[type=radio] {
    margin:0;
}


 #formIdentificationLog em, #formCreationInscription em {
     font-size: 14px;
}
 #formIdentificationLog tr, #formCreationInscription tr {
     padding-bottom: 15px;
     display: block;
}
 #formIdentificationLog tr td, #formCreationInscription tr td {
     font-size: 14px;
}
 #formIdentificationLog select, #formCreationInscription select, #contenu .panier select, #contenu input[type="password"], textarea,
  #formLicence select, input[type="text"] ,
select {
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
     padding: 6px 10px;
     font-size: 16px;
     line-height: 1.42857143;
     color: #555555;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
     /* border-radius: 4px; */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     /* margin-bottom: 10px!important; */
     font-family: 'Varela Round', sans-serif;
}
 form p:last-child {
     margin: 0px!important;
}
 .list_commande th {
     color: #fff;
     padding: 10px;
     font-weight: normal;
     font-size: 16px;
     background-color:#362f2d;
}
#eventInfo .inline_btn{
    margin-top:10px!important;
    font-size:0;
}
.inline_btn input{
    width:calc(50%  - 10px);
}
.inline_btn input{
    text-transform:uppercase;
    font-size:14px!important;
    margin-right:20px;
    font-weight:300!important;
}
.inline_btn a{
    font-size:14px;
    color:#fff!important;
        font-family: Verdana,Arial,sans-serif;
        text-transform:uppercase;
        padding:5px 0px;
    background-color:#000;
    text-align:center!important;
    font-weight:300;
}
.inline_btn a{
    width:calc(50%  - 10px);
    display:inline-block;
}
 .list_commande{
     color:#222;
}
 .list_commande a{
     color:#222;
     text-decoration:underline!important;
}
 .list_commande td{
     padding:10px;
     font-size:15px;
     border: 1px solid #e5e5e5!important;
}
 @media screen and (min-width: 780px) {
     .label-resp{
         display:none;
    }
     .supp-resp{
         display:none;
    }
}
 .list_commande th{
     border: 1px solid #e5e5e5!important;
}
 @media screen and (min-width: 1170px) {
     #menu_haut {
         height:auto!important;
         overflow:visible!important;

    }
    #header #menu_haut{
        display:none;
    }
     .resp_nav{
         display:none;
    }

}
@media screen and (max-width: 1170px) {
    .menu_bas{
        display:none;
    }
     #centreetdroite{
        width:100%;
    }
     #header .navbar-toggle {
         display: block;
         position:absolute;
         top: 100px;
         right:0px;
         z-index: 9999;
    }
    }

 @media screen and (max-width: 780px) {
     .btn-nav_account{
         z-index:10000000;
         position:absolute;
         left:0;
         top:0;
     }
     .btn-nav_account .navbar-toggle{
         margin:0;
     }
     .no-respons{
         display:none!important;
    }
     .no-margin{
         margin-bottom:0px!important;
         width:100%;
    }
     .supp-resp{
         color:#222!important;
         text-decoration:underline!important;
    }
     .list_item tbody, .list_item, .list_item tbody tr, .list_item tbody tr td, .list_item tbody tr th, .list_commande tbody, .list_commande, .list_commande tbody tr, .list_commande tbody tr td, .list_commande tbody tr th{
         display:block;
         width:100%;
    }
     .list_item > tbody > tr:first-child, .list_commande > tbody > tr:first-child {
         display:none;
    }
     .list_item > tbody > tr{
         margin-bottom:15px;
    }
     .list_item tbody tr td{
    }
     .list_item tbody tr td:nth-child(3){
         border-bottom:0px!important;
    }
     .list_item tbody tr td:nth-child(4){
         border-top:0px!important;
    }
     .label-resp{
         display:block;
         background:#e2001a;
         color:#fff;
         padding:5px 10px;
         margin-top:-5px;
         margin-left:-5px;
         margin-right:-5px;
         margin-bottom:10px;
    }
     .list_commande .label-resp{
         background-color:transparent;
         color:#222;
         padding:0px;
         display:inline-block;
         width:120px;
         margin-top:0px;
         margin-left:0px;
         margin-right:0px;
    }
     .list_commande tr td{
         border:0px!important;
         padding:5px;
    }
     .list_commande tr{
         border-bottom:1px solid #222;
    }
    .col_nav_dash{
         position:absolute;
         left:-200px;
         width:200px;

         background-color:#222!important;
         z-index:1000;
    }
    .col_nav_dash .btn-nav_account button{
        margin:0px 0;

    }
     .col_nav_dash > img{
         display:inline-block;
         vertical-align:top;
         width:calc(100% - 40px);
     }
    .col_nav_dash .btn-nav_account{
        position:relative;
        width:40px;
        display:inline-block;
        /* background-color: #3788d8; */
    }
    .container_user{
        width:100%;
        padding-top:0px!important;
    }
    .user_page{
        padding-top:30px;
    }
  body.dashboard #contenu {
    margin-left: 0!important;
    padding-top: 40px;
    width: calc(100%)!important;
}

}
 @media screen and (min-width: 780px) {
     .label-resp{
         display:none;
    }
     .supp-resp{
         display:none;
    }
}
 @-webkit-keyframes moveRound {
     from {
         -webkit-transform: rotate(0deg);
    }
     to {
         -webkit-transform: rotate(360deg);
    }
}
 @media screen and (min-width: 768px) {
     .bigsocial-link:hover {
         color: white;
         border: 0px;
    }
     .bigsocial-link:hover:after {
         -webkit-animation: moveRound 9s linear infinite;
         animation: moveRound 9s linear infinite;
         z-index: 2;
    }
}
 .widget_productdetails li a {
     font-family: "Open Sans", sans-serif;
     font-size: 14px;
     color: #979da0;
     font-weight: 400;
     text-transform: uppercase;
     padding: 10px 35px;
     display: block;
     transition: color 0.3s ease-in-out;
}
 .widget_productdetails li a:hover {
     color: #ff479f;
}
 .widget_productdetails li:after {
     position: absolute;
     content: '\f105';
     font-family: 'FontAwesome';
     font-size: 20px;
     color: #ff52ab;
     width: 26px;
     line-height: 22px;
     border: 2px solid #ff4fa9;
     border-radius: 50%;
     top: 50%;
     text-align: center;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
}
 .widget-pic {
     height: 100px;
     position: relative;
     float: left;
     width: 25%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0;
}
 .widget-newsdetails {
     padding: 40px 0;
}
 .widget-newsdetails li {
     width: 100%;
     float: left;
     padding: 0;
}
 .widget-newsdetails li a {
     transition: all 0.4s ease-in-out;
}
 .widget-newsinfo {
     position: relative;
     float: left;
     width: 75%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 .widget_commentDetails li {
     margin-top: 40px;
}
 .comment-pic {
     position: relative;
     float: left;
     width: 33.3333333333%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 0;
}
 .comment-pic img {
     border-radius: 50%;
}
 .commentinfo {
     position: relative;
     float: left;
     width: 66.6666666667%;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
     padding: 10px 20px;
}
 @media screen and (min-width: 768px) {
     .footer-container, .footer-logo {
         text-align: center;
    }
}
 @media screen and (min-width: 992px) {
     .widget-about {
         padding: 0;
    }
     .widget-newsdetails li a:hover .widget-newsinfo p {
         color: #ff479f;
    }
}
 @media screen and (max-width: 600px) {
     .footer-widget .widget-about, .footer-widget .widget-news, .footer-widget .widget-product, .footer-widget .widget-comment {
         width: 90%;
         float: none;
         margin: 20px auto;
         padding: 0;
    }
    .bloc_list_lien {
    max-width: 300px;
    margin: auto!important;
    display: block!important;
    margin-bottom: 30px!important;
    width: calc(100% - 30px)!important;
}
}
 @media screen and (max-width:1100px){
     #header{
         position:relative;
        /* background-color:#111;
         */
    }
    .noel_slide{
        padding-top:0px;
    }
    #header + .video-container{
        margin-top:0;
    }
    .banner{
        padding-top:0px;
    }
     .page-heading {
         padding-top:80px!important;
    }
}
 @media screen and (max-width:950px){
     #pied .conteneur_pied > div{
         width:100%;
    }
     .block-album{
         width:50%;
         margin-bottom:30px;
    }
     .center-galerie{
         padding:0 50px;
    }
     .left-match, .center-matchs, .right-match{
         display:block;
         width:100%;
         text-align:center;
         font-size:20px;
    }
     .left-home, .right-home{
         width:100%;
    }
     #picto{
        bottom: 60px;

    }
    .block_user {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 30px!important;
}

}
 @media screen and (max-width:1170px){
      a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td:nth-child(1){
         margin:0px;
     }
      a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td{
         width:100%!important;
     }
      .center-header{
       padding:10px!important;
   }
   #menu_haut_spe ul.bienvenue li{
       font-size:20px;
   }

.center_actu {
        padding: 40px 15px!important;
    }
     #contenu  {
         width: 100%;
         padding:10px 0;
    }
    .block_user {
    width: calc(50% - 30px);
    margin-right: 15px!important;
}
 }
 @media screen and (max-width: 870px){
     .list_classement{
         margin-top:0px!important;
     }
     .LatestNews_wrap{
         padding:15px 15px;
    }
     .center-team{
         padding:0 50px;
    }
     #header .navbar-toggle {
         display: block;
         position:absolute;
         bottom: 78px;
         right:0px;
    }
     .icon-bar{
         background-color: #3788d8;
    }
     #menu_haut ul{
         width:100%;
    }
     .social{
         width:100%;
         padding:15px;
    }
     #menu_haut{
         width:100%;
         left:0px;
         background-color:#fff;
         height:0px;
         overflow:hidden;
         position:absolute;
         top:100%;
    }
     #menu_haut .extend {
         padding: 0px;
         font-size: 20px!important;
         position: absolute;
         right: 0px;
         top: 0px;
         height: 100%;
         line-height: 35px;
         width: 35px;
         padding-top:20px;
         color: #e22777!important;
    }
     #menu_haut ul li.open ul {
         height: auto;
         top: 0px;
         opacity: 1;
         position: relative;
         width: 100%!important;
         border: none;
         padding-top: 9px;
         padding-bottom: 9px;
         display: block;
         left: 0px;
    }
     #menu_haut ul li.open ul li, #menu_haut ul li.open ul li a {
         width: 100%!important;
         text-align: left;
         color: #222!important;
    }
     #menu_haut ul li ul {
         display: block;
         height: 0px;
         overflow: hidden;
         padding: 0px!important;
    }
     #menu_haut li{
         display:block;
         width:100%;
    }
     .icon-search{
         display:none!important;
    }
     #recherche{
         display:none;
    }
     #picto{
        bottom: 60px;

    }
    .desc_licence .text_licence{
        display : block;
        width: 100%;
    }
    .desc_licence img{
        display : block;
        width: 100%;
        margin-bottom: 30px;
    }
     #header #logo {
    display: block;
    width: 100%;
    }
    #menu_haut, #menu_haut_spe {
    display: block;
    width: 100%;
    }
}
 @media screen and (max-width:600px){
     #header img {
         width:150px;
    }
     .block-album{
         width:100%;
         margin-bottom:30px;
    }
     .center-galerie{
         padding:0 0px;
    }
     .block-actu{
         width:100%;
    }
     .center-team{
         padding:0 20px;
    }
    #picto{
        bottom: 60px;

    }
}
 @media screen and (max-width:500px){
     .nav-flex{
         display:none;
    }
     .center-team{
         padding:0 10px;
    }
}
 @media screen and (max-width:500px){
     .team h3 + a{
         display:none;
    }
}
  @media screen and (max-width:768px){
      #menu_haut_spe .bienvenue{
          display:block;
          width:100%!important;
          text-align:center!important;
      }
     #menu_haut_spe .social{
          display:block;
          text-align:center;
          width:100%;
      }
     .par_style_3 .mdl_paragraphe2Colonne td{
         display:block;
         width:100%!important;
         border:0px!important;
     }
     .par_style_3 .mdl_paragraphe2Colonne{
         border-bottom:1px solid #000;
     }

     .right_joueur,.list_joueur{
         width:100%;
     }
     .liste_match{
         width:100%;
     }
     .liste_match + .classement_simple{
         width:100%;
     }
      .match_versus,.match_next,.match_timing{
        padding:0px;
    }
    .match_versus-wrap{
        padding:0px;
    }
}

@media screen and (max-width: 850px) {
    .img_fiche_billet{
        float:none;
        display:block;
        width:100%;
        text-align:center;
    }
    .decompte{
       position:relative;
       top:0px;

    }
    .decompte img{
        float:left;
    }
    .decompte a{
        display:inline-block;
    }
    .block_marque{
     display:inline-block;
     width:calc(33.33333% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }
 .ligne-marque{
     display:inline;
     font-size:0;
     border:0px;
 }
 .ligne-marque:last-child{
     border:0px;
 }
 .header_list_lien h4 {
    width: 100%!important;
    font-size: 22px!important;
    margin-bottom: 15px!important;
}
.nav_lien {
    display: none!important;
}
}
@media screen and (max-width:600px) {
    .t_info li:nth-of-type(1){
        width:15%;
    }
    .t_info li:nth-of-type(2){
        width:85%;
    }
    .t_info li:nth-of-type(2) .headline01 > span{
        padding:10px 0px;
        line-height:25px;
    }
    .block_marque{
     display:inline-block;
     width:calc(50% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }
}
@media screen and (max-width:450px) {
    .block_marque{
     display:inline-block;
     width:calc(100% - 20px);
     padding:15px 15px;
     vertical-align:top;
     margin:10px;
     position:relative;
     border:3px solid #ddd;
     box-sizing:border-box;


 }
}
@media screen and (max-width: 850px) {
    .center_actu img {
        display: block;
        margin: auto;
        margin-bottom: 30px;
    }
    .right_actu {
        width: 100%;
        padding-left: 0px;
    }
}
 @media screen and (max-width: 600px) {
       #centreetdroite{
           padding:0 10px;
       }
 }
  @media screen and (max-width: 740px) {
      form.bloc_tri{
        margin-left:0px;
        margin-right:0px;
    }
  }
   @media (max-width: 991px) {

     .block_produit{
         width:calc(50% - 10px);
         margin-left:5px;
         margin-right:5px;
         margin-bottom:10px;
    }
    .block_produit .desc_produit h5,
    .block_produit .desc_produit .prix{
         display: block;
         width:100%;
         text-align: center;
    }
    .block_produit .desc_produit{
        height:auto;
    }
   }
    @media screen and (max-width: 950px) {
.left_produit,.right_produit{
    width:50%;
}
 }
  @media screen and (max-width: 800px) {
.left_produit,.right_produit{
    width:100%;
    padding-left:0px;
}
.right_produit{
    padding-top:40px;
}
 }

.info_slide .go_register,
.go_register_2 {
    cursor: pointer;
    background-color: #e40480;
    font-size: 19px;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px 40px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}
.filtre_lien {
    display: inline-block;
    width: 270px;
    vertical-align: top;
    margin-right: 65px;
    padding-top: 80px;
}
.list_lien {
    display: inline-block;
    width: calc(100% - 340px);
}
.nav_lien {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    text-align: right;
}
.nav_lien span {
    font-size: 23px;
}
.nav_lien span {
    margin-left: 5px;
    cursor: pointer;
}
.nav_lien span:hover,
.nav_lien span.selected {
    color: #e40480;
}
.nb_result {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    color: #bababa;
    font-weight: bold;
    text-transform: uppercase;
}
.header_list_lien {
    font-size: 0px;
    letter-spacing: 0px;
    padding-bottom: 17px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.header_list_lien h4 {
    font-weight: 900;
    font-size: 29px;
    margin: 0px;
    color: #000;
    display: inline-block;
    width: 50%;
}
.list_lien_row {
    margin-left: -15px;
    margin-right: -15px;
}
.row_list{
    display: flex;
}
.list .row_list{
    display: block;
}
.list .row_list{
    display:block;
}
.input_lien {
    font-size: 0px;
    letter-spacing: 0px;
}
.input_lien input[type='text'] {
    padding: 15px 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: calc(100% - 55px);
    font-size: 12px;
    border-right: 0px;
    font-style: italic;
}
.input_lien button {
    width: 55px;
    border: 0px;
    background-color: #e22777;
    color: #fff;
    font-size: 20px;
    height: 49px;
}
.group_recherche {
    margin-top: 30px;
    border: 1px solid #ccc;
}
.list_ville {
    margin-bottom:20px;
}
.list_ville a:last-child{
    border:0px;
}
.list_ville a{
    display:block;
    padding:5px 10px;
    border-bottom:1px solid #ccc;
    font-size:14px;
}
.title_filtre {
    border: 1px solid #ccc;
    padding: 15px 30px;
}
.title_filtre {
    margin-bottom: 20px;
}
.action_prod form{
    display:inline-block;
    margin-right:5px;
    vertical-align:top;

}
.action_prod form input{
    font-size:16px!important;
}
.group_recherche .title_filtre {
    margin-bottom: 0px;
    border: 0px;
    border-bottom: 1px solid #ccc;
}
.block_group {
    border-bottom: 1px solid #ccc;
}
.block_categ a {
    padding: 0px!important;
}
.block_categ {
    padding: 15px 20px;
}
.block_group:last-child {
    border-bottom: 0px;
}
.block_group a {
    display: block;
    padding: 15px 20px;
    font-size: 14px;
    text-align: left;
    color: #e22777;
}
.prix_group .block_group {
    padding: 15px 10px;
    font-size: 0;
}
.prix_group .valeur_price {
    display: inline-block;
    border: 0px solid #fff;
    font-weight: 900;
    font-size: 15px;
    vertical-align: middle;
    width: 56px;
    letter-spacing:0!important;
}
.prix_group .valeur_price span{
    letter-spacing:0!important;
    display:inline-block;
    vertical-align:middle;
}
.prix_group #slider-range {
    border-radius: 0px;
    height: 3px;
    border: 0px;
    vertical-align: middle;
    background: #b4b4b4;
    display: inline-block;
    font-size: 20px;
    width: calc(100% - 136px);
    margin-left: 12px;
    margin-right: 12px;
}
.prix_group .ui-slider-horizontal .ui-slider-range {
    background: #b4b4b4;
}

.prix_group .valeur_price input {
    border: 0px;
    vertical-align:middle;
    font-weight: 900;
    letter-spacing:0px!important;
    padding: 0px;
    text-align: right;
    line-height: 2px;
    font-size: 15px;
    display: inline-block;
    width: 43px;
    vertical-align: middle;
}
.prix_group .ui-state-active,
.prix_group .ui-widget-content .ui-state-active,
.prix_group .ui-widget-header .ui-state-active,
.prix_group a.ui-button:active,
.prix_group .ui-button:active,
.prix_group .ui-button.ui-state-active:hover .prix_group .prix_group .valeur_price span {
    background-color: #e40480!important;
}
.block_categ .mini_link {
    font-size: 12px!important;
    text-align: left;
    padding-left: 5px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.block_categ .mini_link:before {
    content: '';
    width: 20px;
    height: 13px;
    border-left: 2px solid #e40480;
    border-bottom: 2px solid #e40480;
    display: inline-block;
    margin-right: 7px;
}
.block_group a span {
    color: #e40480;
    font-size: 22px;
    width: 30px;
    display: inline-block;
    margin-right: 5px;
}
.title_filtre span {
    font-size: 17px;
    line-height: 17px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}
.form_inscription input[type="submit"] {
    background-color: #e40480;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 5px;
}
.register {
    margin-top: 60px;
}
.info_slide .sep {
    display: block;
    width: 100px;
    height: 4px;
    background-color: #fff;
    margin: auto;
    margin-bottom: 30px;
}
.slider .owl-theme .owl-controls,
.slide_commerce .owl-controls {
    position: absolute;
    bottom: 15px;
    z-index: 1000;
    text-align: center;
    width: 100%;
}
.center_form {
    max-width: 1170px;
    margin: auto;
    padding: 40px 0px;
}
.recherche {
    position: absolute;
    top: 280px;
    width: 680px;
    z-index: 1000;
    left: 50%;
    margin-left: -340px;
    text-align: center;
}
.recherche .title_recherche {
    font-size: 38px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 300;
    line-height: 45px;
    letter-spacing: 3px;
    margin-top: 0px;
    margin-bottom: 30px;
}
.recherche form {
    font-size: 0;
    letter-spacing: 0;
}
.recherche form .group_form:nth-child(1) {
    width: 600px;
    border-right: 1px solid #d4d4d3;
}
.recherche form .group_form:nth-child(2) {
    border-right: 1px solid #d4d4d3;
}
.recherche form .group_form:nth-child(2),
.recherche form .group_form:nth-child(3) {
    width: 140px;
}
.recherche form button {
    background-color: #e40480;
    font-size: 35px;
    height: 52px;
    width: 64px;
    display: inline-block;
    border: 0px;
    color: #fff;
}
.ui-autocomplete-category{
    padding:5px;
    font-weight:bold;
}
.recherche form .group_form input {
    font-size: 16px;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    height: 52px;
    line-height: 16px;
    padding: 15px 20px;
    width: 100%;
}
.recherche form .group_form {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}
.recherche .title_recherche strong {
    display: block;
    font-weight: 700;
}
.owl_home:after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    display: block;
    content: '';
    background-color: rgba(0, 0, 0, 0.34);
}
.bloc_list_lien {
    display: inline-block;
    width: 33.333333%;
    margin: 0 15px;
    vertical-align: top;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    transition: 0.3s box-shadow ease;
    -webkit-transition: 0.3s box-shadow ease;
    -webkit-box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0);
    box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0);
    position:relative;
}
.center_section .bloc_list_lien .img_lien a {
    width: 262px;
}
.center_section .bloc_list_lien .img_lien {
    width: 261px;
}
.center_section .bloc_list_lien {
    background-color: #fff;
    width: calc(25% - 30px);
    overflow:hidden;
}

.bloc_list_lien .star {
    margin-bottom: 20px;
    height: 18px;
}
.liste_produits .star {
    margin-bottom: 10px;
}
.bloc_list_lien .star {
    margin-left: 15px;
}
.bloc_list_lien .star a {
    font-size: 0px;
}
.bloc_list_lien .star a span {
    font-size: 14px;
}
.bloc_list_lien:hover {
    -webkit-box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0.23);
    box-shadow: -1px 3px 30px 0px rgba(0, 0, 0, 0.23);
}
.logo_list_commerce a {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
}
.logo_list_commerce {
    margin-top: -30px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: table;
    position: relative;
    background-color: #fff;
    text-align: center;
    z-index: 1000;
    overflow: hidden;
    margin-left: 20px;
    -webkit-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.28);
    box-shadow: -1px 3px 18px 0px rgba(0, 0, 0, 0.28);
}
.logo_list_commerce span {
    font-size: 42px;
    text-align: center;
    display: block;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 14px;
    background-color: #e40480;
    color: #fff;
}
.logo_list_commerce img {} .bloc_list_lien h3 {
    margin: 0px;
    padding: 0 15px;
    margin-top: 18px;
    margin-bottom: 10px;
    display: block;
}
.bloc_list_lien .prix {
    padding: 0 15px;
    font-size: 19px;
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
}
.bloc_list_lien h3 a {
    font-size: 15px;
    font-weight: 700;
    letter-spacing:0px;
    text-align: left!important;
    text-transform: none;
    color: #e22777;
}
.link_list_lien {
    text-align: right;
    margin-right: 12px;
    margin-top: -22px;
    font-size: 20px;
}
.link_list_lien a{
    color: #e22777;
}
.logo_list_commerce img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.bloc_list_lien .img_lien {
    width: 244px;
    height: 200px;
    border-bottom: 1px solid #ccc;
}
.bloc_list_lien .img_lien a {
    width: 245px;
    height: 200px;
    display: block;
    position: relative;
    overflow: hidden;
}
.bloc_list_lien .img_lien a img {
    position: absolute;
}
.hover_img_lien {
    position: absolute;
    top: 0px;
    bottom: 0px;
    text-align: center;
    left: 0px;
    width: 100%;
    padding-top: 50px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    opacity: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 100%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+45,000000+100&0+0,0+45,0.82+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.82) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.82) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.82) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d1000000', GradientType=0);
    /* IE6-9 */
}

.img_lien:hover .hover_img_lien {
    margin-top: 0px;
}
.hover_img_lien span {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
}
.hover_img_lien span:last-child {
    display: none;
    font-size: 45px;
}
.bloc_list_lien .img_lien {
    position: relative;
    overflow: hidden;
}
.desc_list_lien .localisation .icon-location {
    font-size: 20px;
    color: #1d1d1b!important;
}
.desc_list_lien .localisation .icon-location * {
    letter-spacing: 0px;
}
.desc_list_lien .localisation .icon-location *:before {
    color: #1d1d1b!important;
}
.desc_list_lien .localisation {
    padding: 0 15px;
}
.desc_list_lien .localisation {
    color: #000000;
    font-size: 15px;
}
.desc_list_lien .localisation a{
    color: #000000;
    font-size: 15px;
}
.desc_list_lien {
    padding-bottom: 15px;

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

}
.grille .order_prod {
    position:absolute;
    bottom:0;
    margin:0;
    width:100%;
}
.liste_produits .desc_list_lien {
    padding-bottom: 0px;
}
.grille .liste_produits .desc_list_lien {
    padding-bottom:42px;
}
.liste_produits .desc_list_lien .prix_prod {
    margin-left: 15px;
    margin-bottom: 10px;
    font-weight: 400;
}

.categ_list {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.categ_list a {
    color: #e40480!important;
    font-size: 22px;
}
.row_centre input{
    margin:0px;
    margin-bottom:5px!important;
    margin-right:5px!important;
    margin-left:20px!important;
}
.row_centre input:first-child{
    margin-left:0px!important;
}
.reseau_fiche{font-size:15px;/* text-align:center; */}
.reseau_fiche a{
    display:inline-block;
    /* margin:0 15px; */
    background-color: #fff;
    border-radius:50%;
    padding:10px;
    width:35px;
    height:35px;
    color: #e22777;
    border: 1px solid #e227a3;
    text-align: center;
}
.reseau_fiche a:hover{
    background-color: #e22777;
    color: #ffffff;
    border: 1px solid #e227a3;
}
.top_fiche {
    font-size:0px;
    margin-bottom:30px;
}
.top_fiche h1{
    display:inline-block;
    width:66.66666%;
    vertical-align:middle;
    margin:0px;
    font-weight: 600;
    color: #121212;
}
.top_fiche .logo_commerce{
    display:inline-block;
    text-align:right;
    width:33.33333%
}
.top_fiche .logo_commerce img{
    max-width:100%;
}
.right_fiche{
    width:33.33333%;
    display:inline-block;
    vertical-align:top;
    padding-left:15px;
}
.block_right{
        background: #f4f4f4;
        padding: 20px;
        margin-bottom: 20px;
}
.block_right h5{
    margin:0px;
    color: #DF2A8D;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight:bold;
}
.block_right div + h5{
    margin-top:20px;
}
.actualite_commerce{
    background: #f4f4f4;
    padding:20px;
    margin-bottom : 20px;
}
.actualite_commerce .block{
    border-bottom : 1px solid #e22777;
    padding:20px;
    margin-bottom : 20px;
    padding-left: 0;
}
.actualite_commerce h5{
    margin-bottom: 20px;
}
.actualite_commerce .block_prod{
   display : block;
   width : 100%;
   font-size:0;
}
.actualite_commerce .img_prod{
   display : inline-block;
   width : 30%;
   vertical-align : top;
   padding: 20px;
}
.actualite_commerce .img_prod img{
   width: 100%!important;
   height: auto!important;
   display:block;
   -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.3);
   box-shadow: 2px 1px 20px 0px rgb(0 0 0 / 0.3);
}
.actualite_commerce .desc_prod{
   display : inline-block;
   width : 70%;
   vertical-align : top;
   padding-left: 20px;
}
.actualite_commerce .desc_prod h4{
   font-size: 21px;
   font-weight: bold;
   text-transform: lowercase;
}
.actualite_commerce .desc_prod p{
   font-size: 16px;
   color: grey;
}
.actualite_commerce .desc_prod h4 a{
   color: #121212;
}
.list_commentaire {
    border-bottom: 1px solid #ddd;
}
.list_commentaire {
    font-size: 16px;
    padding: 15px 0px;

}
.list_commentaire:last-child {
    border-bottom: 0px;
}
.row_content:last-child {
    margin-bottom: 120px;
}
.catch_commerce a {
    display: block;
    border: 1px solid #e9e9e9;
    border-bottom: 0px;
    padding: 15px 20px;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
}
.catch_commerce a:last-child {
    border-bottom: 1px solid #e9e9e9;
}
.catch_commerce a:before {
    content: '';
    width: 2px;
    background-color: #e40480;
    left: 0px;
    top: -1px;
    bottom: -1px;
    display: block;
    position: absolute;
}
.link_commerce {
    letter-spacing: 0px;
    font-size: 0;
}
.map_commerce {

}
.map_commerce #map {
    height: 300px!important;
    width: 100%!important;
}
.link_commerce .reseaux {
    font-size: 0;
    display: inline-block;
    width: 50%;
}
.link_commerce .reseaux a {
    display: inline-block;
    font-size: 30px;
    margin-right: 10px;
}
.link_commerce .reseaux .fb {
    color: #475993;
}
.link_commerce .reseaux .linkedin {
    color: #0274b3;
}
.link_user {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    text-align: right;
}
.link_user a {
    display: inline-block;
    margin-left: 40px;
}
.link_user a:first-child {
    margin-left: 0px;
}
.link_user a span:first-child {
    background-color: #e40480;
    color: #fff;
    font-size: 20px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}
.link_user a span:last-child {
    vertical-align: middle;
    margin-left: 10px;
    color: #757575;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}
.mdlPanier .title_top {
    font-size: 35px;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 40px;
}
.relative_panier {
    position: relative;
}
.relative_panier .finaliser_paiement {
    position: absolute;
    bottom: 75px;
    right: 0px;
}
.counter {
    text-align: right;
    margin-bottom: 20px;
}
.count_panier {
    font-size: 25px;
    color: #cecece;
}
.count_panier strong {
    color: #303030;
}
.big_commerce img{
    width:100%;
    height:auto;
}
.left_fiche{
        vertical-align:top;
    display:inline-block;
    padding-right:15px;
    width:66.666666%;
}
.big_commerce{
    margin-bottom:30px;
}
.actualite_commerce{
    margin-bottom:30px;
}
.left_fiche h5{
    margin: 0px;
    color: #DF2A8D;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
}
.gallery_commerce{
    margin-bottom:30px;
}
.actualite_commerce h5{

}
.par_style_1 .bloc0 > p > a,
.par_style_1 .bloc1 > p > a{
    font-size:20px;
    text-decoration:underline!important;
}
.par_style_1 .bloc0,
.par_style_1 .bloc1{
    border-top:1px solid #ccc;
    padding:10px 0px;
}
.menu_lien{
    padding:4px 0px;
    border-bottom:1px solid #ddd;
}
.menu_lien ul{
    margin:0px;
    padding:0px;
}
.menu_lien li{
    list-style:none;
    display:inline-block;
    border-right: 1px solid #c6c6c6;
}
.menu_lien li:last-child{
    border:0px;
}
.menu_lien li a:hover{
    color:#fff;
    background-color:#e40480;
}
.menu_lien li a{
    display:block;
    font-size:14px;
    padding:7px 15px;
}
.center_menu_lien{
    max-width:1140px;
    margin:auto;
}
.produit_connexe {
    background-color: #f7f7f7;
    padding-top: 60px;
    padding-bottom: 50px;
}
.mdl_lien_fiche .produit_connexe{
    background-color:transparent;
}
.section_info h5 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}
.section_info {
    max-width: 1140px;
    margin: auto;
    padding-bottom: 60px;
}
.section_info .desc_commerce {
    margin-bottom: 10px;
}
.section_info .link_fiche_prod {
    margin-bottom: 20px;
}
.section_info .link_fiche_prod a {
    font-size: 16px;
    background-color: #e40480;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    margin-right: 5px;
    font-weight: 600;
    margin-bottom:5px;
}
.center_section {
    max-width: 1170px;
    margin: auto;
}
.center_section h4 {
    max-width: 1140px;
    margin: auto;
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 700;
}
.line_horaire select {
    display: inline-block;
    width: 120px!important;
    min-width:120px!important;
    border: 1px solid #ccc;
    padding: 8px 10px!important;
}
.btn_delete_horaire {
    margin-left: 10px;
    cursor: pointer;
    height: 10px!important;
    margin-top: 0px;
    display: inline-block;
}
.add_line {
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    vertical-align: middle;
    margin-left: 10px;
}
.line_horaire {
    font-size: 40px;
    line-height: 20px;
    margin-bottom:10px;
}
.user_page .intitule {
    width: 180px;
}
.user_page div label {
    min-width: 130px;
}
.recherche_produit label {
    width: auto!important;
}
.edition_produit input[type="text"],
.edition_produit select {
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.td_date input{
    width:auto!important;
    display:inline-block!important;
}
.td_date img{
    width:30px;
}
.icon-etoile.red_star {
    color: #e40480;
}
.icon-etoile {
    color: #575756;
}
input[type="reset"],
input[type="button"] {
    border: 0px;
    color: #fff!important;
    background-color: #222;
    font-size: 18px!important;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    font-weight: normal!important;
    display: inline-block;
    border: #222 0.5px solid;
    -webkit-transition: 0.5s all ease;
    text-transform: capitalize;
}
.paragraphe {
    letter-spacing: 0px;
}
.mdlPanier form{
    font-size:0;
}
.abonnement_ville{
    display:block;
    max-width:600px;
    margin:auto;
    margin-top:50px;
    border:1px solid #ccc;
    background-color:#ebebeb;
    padding: 20px;
    text-align:center;
}
.row_form:nth-child(2){
    margin-bottom:15px;
}
.row_form .input{
    display:inline-block;
    width:50%;
}
.row_form .input input[type="text"]{
    border:1px solid #ccc!important;
    padding:10px 15px;
}
.img_result{
    display:inline-block;
    width:150px;
    margin-right:30px;
}
.img_result img{width:100%;
height:auto;}
.desc_result{
    display:inline-block;
    width:calc(100% - 180px);
}
.pres_home:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.82+100 */

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.82) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.82) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.82) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#d1000000', GradientType=0);
    /* IE6-9 */

    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    display:none;
}
.pres_home .center_home {
    padding:30px 0px;
}
.bottom_pres {
    text-align: center;
    margin-top: 50px;
}
.bottom_pres .block_pres {
    width: 32.33333%;
    margin: 0;
    padding: 40px;
}
.block_pres {
    display: inline-block;
    width: 330px;
    margin: 0 25px;
    position: relative;
    vertical-align: top;
    z-index: 100;
}
.bottom_pres .block_pres .picto_pres {
    color: #b4b3b3;
}
.block_pres .picto_pres {
    display: inline-block;
    font-size: 50px;
    width:70px;



    color: #e40480;
    margin-bottom: 20px;
      vertical-align:middle;
      padding-right:20px;
      margin-bottom:0px;
}
.bottom_pres .block_pres h5,
.bottom_pres .block_pres p {
    color: #333333!important;
}
.block_pres h5 {
    color: #222;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;

}
.block_pres p {
    font-size: 20px;
    color: #222;
    letter-spacing: 0;
    text-align:left!important;
    display:inline-block;
    width:calc(100% - 70px);
    margin-bottom:0px;
    vertical-align:middle;
}
/*.block_pres .picto_pres {
    display: inline-block;
    font-size: 90px;
    border:1px solid #e40480;
    background-color:#eee;
    padding:50px;
    border-radius:50%;
    color: #222;
    margin-bottom: 20px;
}
.bottom_pres .block_pres h5,
.bottom_pres .block_pres p {
    color: #333333!important;
}
.block_pres h5 {
    color: #222;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
.block_pres p {
    font-size: 25px;
    color: #222;
    letter-spacing: 0;
}*/
.header_commerce {
    position: relative;
    z-index: 2;
    font-size: 0;
}
.more_prod_commerce {
    display: inline-block;
    width: calc(100% );
    vertical-align: top;
    text-align: left;
    padding-bottom:20px;:
}
.more_prod_commerce a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #e40480;
    padding: 5px 10px;
    display: inline-block;
    margin-left:1px;
}
.more_prod_commerce a span:nth-child(1) {
    font-size: 25px;
    vertical-align: middle;
}
.more_prod_commerce a span:nth-child(2) {
    vertical-align: middle;
    padding-left: 15px;
}
.header_commerce .logo_commerce {
    width: 155px;
    margin-top: -85px;
    height: 155px;
    border: 4px solid #e6e6e6;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    margin-left: 40px;
    display: inline-block;
}
.header_commerce .logo_commerce a {
    display: table;
    width: 145px;
    height: 145px;
}
.header_commerce .logo_commerce a p {
    display: table-cell;
    vertical-align: middle;
}
.logo_commerce .no_logo {
    margin: 10px;
    background-color: #fdeaf0;
    width: calc(100% - 20px)!important;
}
.header_commerce .logo_commerce img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.left_title {
    display: inline-block;
    width: 67%;
    padding-left: 40px;
    margin-top: 30px;
}
.left_title .star span {
    font-size: 18px;
}
.left_title .star a {
    font-size: 14px;
    vertical-align: middle;
}
.left_title h1 {
    margin: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 50px;
    letter-spacing: 0!important;
    font-size: 50px;
    margin-left: -3px
}
.left_title h5 {
    font-size: 18px;
    margin: 0;
}
.right_title {
    width: 33%;
    vertical-align: middle;
    display: inline-block;
    margin-top: 30px;
    vertical-align: top;
    text-align: right;
}
.right_title .info_ouverture {
    font-size: 14px;
    color: #02cc66;
    margin-bottom: 35px;
}
.info_ouverture.red_open {
    color: #e40480;
}
.right_title .retrait_commerce span:nth-child(1) {
    font-size: 35px;
    color: #a5a4a4;
    vertical-align: middle;
    display: inline-block;
}
.right_title .retrait_commerce span:nth-child(2) {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding-top: 7px;
    padding-left: 15px;
    font-weight: 600;
    letter-spacing: 0;
}
.right_title .retrait_commerce span:nth-child(2) strong {
    color: #e40480;
    font-weight: 900;
}
.info_commerce {
    background-color: #f5f4f4;
    border-top: 1px solid #e6e6e6;
    padding: 35px 20px;
    margin-top: 40px;
}
.block_info {
    display: block;
    font-size: 14px;
    margin-bottom:10px;

}
.block_info a{
    color:#e22777;
}
.block_info i{
    display:inline-block;
    margin-right:10px;
    font-size:20px;
    color: #121212;
}
.block_info span {
    display: inline-block;
    font-size: 24px;
    padding-right: 10px;
    vertical-align: middle;
}
.block_info p {
    display: inline-block;
    letter-spacing: 0px;
    vertical-align: middle;
    margin-bottom: 0px;
    font-weight: 600;
    width:calc(100% - 40px);

}
.block_info:last-child {
    margin-right: 0px;
}
.content_commerce {
    margin-top: 60px;
    font-size: 0;
}
.content_commerce h3,
.content_commerce h5 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 45px;
}
.content_commerce p {
    letter-spacing: 0;
}
.desc_commerce {
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 40px;
    font-size: 15px;
}
.info_left {
    margin-bottom: 15px;
    letter-spacing: 0;
    font-size: 16px!important;
}
.info_left.reseau a i {
    font-size: 25px!important;
    margin-left: 5px;
}
.info_left.reseau a {
    display: inline-block;
    vertical-align: middle;
}
.info_left span {
    letter-spacing: 0;
}
.info_left span:nth-child(1) {
    color: #e40480;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 20px;
}
.desc_info {
    display: inline-block;
    vertical-align: middle;
    width:calc(100% - 27px);
}
.desc_info strong {
    font-weight: 900;
}
.left_commerce {
    display: inline-block;
    width: calc(100% - 251px);
    padding-right: 40px;
}
.right_commerce {
    width: 251px;
    display: inline-block;
    vertical-align: top;
}
.day_horaire {
    font-weight: 600;
    border-bottom:1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom:10px;
}
.day_horaire:last-child{
  border-bottom:1px;
}
.intitule_day {
    font-size: 13px!important;
    display: inline-block;
    letter-spacing: 0;
    width: 30%;
    vertical-align:middle;
}
.closed_day {
    font-size: 13px!important;
    display: inline-block;
    text-align: right;
    letter-spacing: 0;
    color: #e40480;
    width: 70%;
      vertical-align:middle;
}
.h_day {
    font-size: 13px!important;
    display: inline-block;
    text-align: right;
    letter-spacing: 0;
    width: 70%;
      vertical-align:middle;
}
.qty_add {
    height: 40px;
}