@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 .check_pass input{
    margin:0px;
    width:auto!important;
    vertical-align:middle!important;
    margin:0px!important;
    margin-bottom:2px!important;
    margin-right:5px!important;
}
body .check_pass input:nth-child(3){
    margin-left:15px!important;
}
 body, ul, h1, h2, h3, h4, h5, h6, p {
     margin: 0;
     padding: 0;
     line-height: 1.5;
}
.select_cmd select{
    padding:8px 20px;
    font-size:14px;
    margin-right:15px;
}
.btn_top{
    margin-bottom:20px;
    text-align:right;
}
.sugg h3{
    padding-bottom:10px;
    margin-top:0px;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    display:block;
}
.message_sugg{
    display:inline-block;
    width:50%;

    vertical-align:top;
}
.message_sugg select {
    display: inline-block;
    width: 100%!important;
    max-width:100%;
    box-sizing: border-box;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #222;
    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: 0px!important;
}
.message_sugg + h3{
    margin-top:20px;
}
.message_sugg label{
    display:block;
color:#222;
font-size:16px;
}
.message_sugg .group_form{
    margin-bottom:20px;
}
.block_message{
    border:1px solid #ddd;
    font-size:16px;
    margin-bottom:20px;
}
.content_message{
    padding:15px;
}
.entete_message{
    border-bottom:1px solid #ddd;
    padding:5px 10px;

}
.entete_message span{
    display:inline-block;
    width:50%;
}
.when{
    text-align:right;
}
.list_sugg{
    font-size:0;
}
.list_message{
    margin-top:20px;
    font-size:0;
}
.block_sugg{
    display:flex;
    width:100%;
    border:1px solid #ddd;

    margin-bottom:20px;
    font-size:16px;
}
.info_joueur label{
    display:inline-block;
    width:250px;
    padding-right:30px;
    text-align:left;
}
.info_joueur{
    color:#222;
}
.info_joueur{
    padding:15px;
}
.info_joueur span{
    font-weight:bold;
}
.info_joueur{
    width:calc(100% );
}
.bottom_pied{
    max-width:1170px;
    margin:auto;
    color:#fff;
    text-align:right;
}
.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;
}
.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,
#contenu:after,
.doc_bloc: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;
}

.btn-compte {
    text-transform: none;
    color: #fff!important;
    background-color: #403d80;
    font-size: 16px!important;
    padding: 7px 10px;
    line-height:20px;
    cursor: pointer;
    border: none;
    font-weight: normal;
    display: inline-block;
    border: #403d80 1px solid;
    -webkit-transition: 0.5s all ease;
}
 .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;
}
 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;
}
#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;
}
.absolute_btn{
    position:absolute;
    top:10px;
    left:0;
text-align:left;
}
.absolute_btn i{
     font-size:20px;
     color:#403d80;
}

 .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:inline-block;
    width: 50%;
    padding: 10px 20px 10px 0;

}

.fiche_categorie.formations .services2.metiers {
    padding-top: 0;
    padding-bottom: 68px;
}

section.services2.metiers .row {
    gap: 35px;
}

section.services2.metiers .appointment {
    margin-top: 100px;
}

section.services2.metiers .appointment .bg-img {
    padding-top: 0;
    padding-bottom: 100px!important;
}

.services2.metiers .card {
    width: 33.3%;
}
.services2 .item {
    position: relative;
    margin-bottom: 90px;
}

.fiche_categorie .services2 .item {
    display: flex;
    padding: 36px 25px 25px;
    margin: 0;
}

.fiche_categorie .services2 .item .liens {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fiche_categorie .services2 .item .liens a {
    margin: 0;
    height: auto;
    background-color: #10284e0d;
    padding: 3px 6px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.fiche_categorie .services2 .item .liens a i {
    font-size: 12px;
    color: #a3a3a3;
    transition: all 0.5s ease;
}

.fiche_categorie .services2 .item .liens a:hover i {
    color: var(--second-color);
}

.fiche_categorie .services2.itemx1 .item {
    width: calc(100% - 319px);
    /* height: 100%; */
}

.fiche_categorie .services2 .item .infos_sup {
    display: flex;
    padding-top: 10px;
    gap: 10px;
}

.fiche_categorie .services2 .item .infos_sup div {
    font-size: 14px;
    background-color: #4e55a252;
    padding: 0 10px;
    border-radius: 16px;
    color: var(--color2);
}

.fiche_categorie .services2 img {
    transform: scale(1);
}

.fiche_categorie .services2.itemx1 img {
    min-height: 100%;
    min-width: 100%;
    object-fit: contain;
    max-width: none;
    width: auto;
    height: auto;
    position: relative;
    z-index: 1;
}

.fiche_categorie .services2 a:hover img {transform: scale(1.1);}

.fiche_categorie .services2 .card-img {
    max-height: 200px;
    /* overflow: hidden; */
    position: relative;
}

.fiche_categorie .services2 .card-img div:first-child {
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.fiche_categorie .services2 .card-img .picto_circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    padding: 15px;
    margin-top: -50px;
    position: relative;
    left: 24px;
    box-shadow: 0 0 10px #0000001f;
}

.fiche_categorie .services2 .card-img .picto_circle img {
    width: 100%;
    height: 100%;
}

.fiche_categorie .services2.itemx1 .card-img {
    width: 299px;
    height: 100%;
    max-height: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    overflow: hidden;
    border-radius: var(--bs-border-radius-sm) !important;
}

.fiche_categorie .services2.itemx1 .card-img:after {
    content: '';
    content: '';
    display: flex;
    width: 30px;
    height: 100%;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    position: absolute;
    right: -1px;
    background-color: #ededed;
    top: 0;
    clip-path: polygon(0 0, 100% 0%, 34% 100%, 0% 100%);
    /* position: relative; */
    z-index: 2;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 66% 100%);
    clip-path: polygon(66% 0, 100% 0%, 100% 100%, 0 100%);
}

.fiche_categorie .services2 .card-img i {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 48px;
    color: #fff;
    opacity: 0;
    transition: all 0.5s ease;
}

.fiche_categorie .services2 a:hover .card-img i {
    opacity: 1;
}

.fiche_categorie .services2 .item h4 {
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 15px;
    word-wrap: normal;
    height: 45px;
}

.fiche_categorie .services2 .item p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    text-align: left;
}
.services2 .item:last-child {
    margin-bottom: 15px;
}

.services2 .item img {
    width: auto;
}
.services2 .item figure {
    margin: 0;
    position: relative;
    width: 66.666667%;
    margin-left: auto;
}

.fiche_categorie .services2 .item figure {
    width: 40%;
}
.services2 .item.left figure {
    margin-left: 0;
    margin-right: auto;
}

.paragraphe .services2 .item.left figure {
    max-height: 400px;
    overflow: hidden;
}

.services2.actu figure img {
    object-fit: cover;
    width: 100%;
}
.services2 .item figure img:hover {
    transform: scale(0.98);
}
.services2 .item .caption {
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    padding: 45px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 5px;
    overflow: hidden;
}

.fiche_categorie .services2 .item .caption {
    width: 65%;
    top: 32px;
    position: relative;
    transform: none;
    margin-left: -5%;
}
.services2 .item.left .caption {
    left: auto;
    right: 0;
    background: #fff;
    padding: 45px;
    border-radius: 5px;
}

.services2.actu .item.left .caption {
    background: #dfdfdf;
}
.services2 .item .caption h5 {
    font-size: 27px;
    line-height: 1.25em;
    color: var(--main-color);
}
.services2 .item .caption p {
    color: var(--main-color);
    margin-bottom: 14px;
    line-height: 20px;
}
.services2 .item .numb {
    font-size: 120px;
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    right: -10px;
    color: transparent;
    -webkit-text-stroke: 2px rgba(0,0,0,0.3);
    opacity: .2;
}

.services2 .col-process, .paragraphe .fiche_categorie.formations  .col-process {
    display: flex;
    flex-direction: column;
    background-color: #ededed;
    box-shadow: 0 0 10px #0003;
    padding: 0;
    /* overflow: hidden; */
    border-radius: 0;
    width: calc(33.3% - 27px);
    padding-bottom: 45px;
}

.services2.itemx1 .col-process, .paragraphe .fiche_categorie.formations .itemx1 .col-process {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    padding: 0;
    transition: all 0.5s ease;
}

.paragraphe .fiche_categorie.formations .itemx1 .col-process:hover {
    /* background-color: #10284e2b; */
    /* background-color: #ff404e2e; */
}

.services2.itemx1 .col-process > a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    position: relative;
    width: 100%;
}

.services2.itemx1 .col-process > a .button-4 {
    position:absolute;
    bottom: -25px;
    right: -10px;
    padding: 10px 20px;
    color: #fff;
    transition: all 0.5s ease;
}

.services2.itemx1 .col-process > a:hover .button-4 {
    transform: scale(1.1);
}

.services2.itemx1 .col-process > a .button-4 span {
    position: relative;
    z-index: 3;
}

.services2.itemx1 .col-process > a .button-4:after {
    content: '';
    display: flex
;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -10px;
    background-color: var(--color2);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    left: 0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}

.services2 .col-process a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.services2 .col-process a.card-link {
    display: flex;
    background-color: var(--second-color);
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 10px;
    padding: 7px 20px 10px;
    font-size: 22px;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 0;
}

.services2 .col-process a.card-link span{
    transition:all 0.5s ease;
}

.services2 .col-process a.card-link:hover span{
    transform:scale(1.05);
}

.services2 .col-process a.card-link span i {
    /* margin-top: 5px; */
    font-size: 16px;
}

.services2 .col-process .item {
    display: flex;
    flex-direction: column;
}

.fiche_formation{
    position:relative;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 40px;
    justify-content: center;
    padding-bottom: 115px;
    max-width: 1170px;
    width: 100%;
    margin: auto;
    padding-top: 20px;
    align-content: flex-start;
    align-items: stretch;
}

.infos_formation {
    width: 400px;
    /* padding: 30px; */
    /* background-color: var(--main-color); */
    /* background-color: #e6e6e6; */
    /* box-shadow: 0 0 10px #b8b8b8; */
    /* border-radius: 4px; */
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
    height: auto;
    /* position: relative; */
}

.infos_formation .bgblue {
    background-color: var(--main-color);
    padding: 30px;
    */
    border-radius: 4px;
    width: 100%;
    border-radius: 0;
    background-color: var(--color1);
    position: relative;
}

.infos_formation .bloc-attribut {
    width: 100%;
    padding: 0;
    background-color: var(--main-color);
    /* box-shadow: 0 0 10px #b8b8b8; */
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px;
    position:relative
}

.infos_formation .bgblue:before {
    content: '';
    width: 100%;
    height: 20px;
    clip-path: polygon(0 0, 100% 0%, 100% 55%, 0 100%);
    position: absolute;
    display: flex;
    left: 0;
    bottom: -19px;
    background-color: var(--color1);
    z-index:2;
}

.infos_formation .bgblue:after {
    content: '';
    width: 100%;
    height: 30px;
    clip-path: polygon(0 0, 100% 0%, 100% 49%, 0 100%);
    position: absolute;
    display: flex;
    left: 0;
    bottom: -29px;
    background-color: var(--color2);
    z-index:1;
}

.infos_formation .img-contain {
    height: 160px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.infos_formation .img-contain img {
    object-fit: cover;
}

a.pdf_formation {
    width: 100%;
    max-width:300px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 5px;
    border-radius: 3px;
    padding: 12px 0px;
    color: #fff;
    font-weight: 600;
    position:relative;
}

a.pdf_formation span {
    position: relative;
    z-index: 3;
    font-size: 16px;
}

a.pdf_formation:after {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -10px;
    background-color: var(--color2);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    left: 0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
}

.infos_formation p {
    color: #fff;
    line-height: normal;
    font-size: 14px;
    line-height: 16px;
}

.bloc-desc p {
    padding-top: 20px;
    text-align: justify;
}

.infos_formation > p {
    font-size: 14px;
    /* margin-bottom: 45px; */
}

.contain_picto {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contain_picto div {
    width: calc(50% - 5px);
}

.contain_picto div p {
    color: #fff;
}

.contain_picto div p {
    font-weight: 600;
    text-align: left;
    font-size: 14px;
}

.contain_picto div p .small_txt {
    font-weight: 300;
    font-size:12px;
}

.contain_picto div .title_picto {
    color: #fff;
    text-align: left;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.contenu_formation {
    width: calc(100% - 440px);
    padding: 40px;
    background-color: #e6e6e6;
    box-shadow: 0 0 10px #b8b8b8;
    border-radius: 0;
    position: relative;
}

.contenu_formation h3 {
    line-height: 32px;
    color: var(--main-color););
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenu_formation h3:after {
    content: '';
    display: flex;
    width: 100%;
    height: 2px;
    background-color: var(--second-color);
    margin-top: 20px;
}

.contact_form {
    width: 100%;
    position: fixed;
    bottom: 17px;
    /* left: auto; */
    /* right: 0; */
    max-width: 80%;
    z-index: 3;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 0 5px #8b8b8b;
    /* margin: auto; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    /* background-color: var(--second-color); */
    flex-wrap: wrap;
    flex-direction: row;
}

.contact_form:after {
    content: '';
    display: flex;
    width: 109%;
    height: 100%;
    position: absolute;
    bottom: -10px;
    background-color: var(--color2);
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    left: 0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: 1;
    top: 0;
    left: -4.5%;
    right: 0;
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}

.active-progress .contact_form {
    position: fixed;
}

.contact_form div {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* padding-left: 20px; */
    position: relative;
    z-index: 3;
}

.contact_form div:last-child {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.contact_form div:first-child {
    gap: 0;
    display: flex;
    justify-content: center;
    /* padding-right: 20px; */
    padding-left: 0;
    /* border-right: 2px solid var(--main-color); */
    flex-direction: column;
    width: 50%;
}

.contact_form div a {
    background-color: var(--second-color);
    padding: 5px 10px;
    color: #fff!important;
    border-radius: 2px;
    transition: all 0.5s ease;
    font-size: 16px;
}

.contact_form div a:hover {
    transform: scale(1.1);
}

.contact_form h3 {
    font-size: 22px;
    margin: 0;
}

.contact_form p {
    margin-bottom: 0;
    line-height: 16px;
    /* font-size: 15px; */
    color: #fff;
}

.contact_form h3:before {
    display: none;
}

.contenu_formation h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.contenu_formation div {
    padding: 40px 0;
    border-bottom: 1px solid #cbcbcb;
}

.contenu_formation .noborder {
    border: none;
}

.formation_ctn > div {
    padding: 0;
    padding-bottom: 25px;
    border: none;
}

.formation_ctn > div p {
    margin-bottom: 0;
    font-weight: 600;
}

.formation_ctn > div ul li {
    line-height: 24px;
}

.contenu_formation div:first-child {
    padding-top: 0;
}

.contenu_formation div:last-child {padding-bottom: 0;border: 0;}

.title_quest{
    font-size: 16px;
    color: #e6147d;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    gap: 10px;
}

.title_quest:before, .title_quest:after {
    content: '';
    display: flex;
    width: 5px;
    height: 2px;
    background-color: #e6147d;
}

.subtitle_quest{
    font-size: 21px;
    text-transform: math-auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-bottom: 2px solid #000;
    border: 1px solid transparent;
    box-shadow: 0 4px 2px -2px rgb(0 0 0 / 10%);
    padding: 0 20px 10px;
    /* padding-bottom: 10px; */
    margin-bottom: 24px;
    text-align: center;
}

form.quest_contain{
    width:100%;
    max-width: 640px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.reponses{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    gap: 10px;
}

.reponse{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    gap: 10px;
    padding: 0;
    background-color: #4e55a229;
    border-radius: 20px;
    font-size: 14px;
    color: #000;
    transition: all 0.5s ease;
    /* position: relative; */
    height: 40px;
}

.reponse:hover {
    background-color: #4e55a25c;
}

.reponse input[type=radio] {
    width: 15px;
    margin: 0;
    height: 15px;
}

.reponse [type="radio"]:not(:checked) + label,
.reponse [type="radio"]:checked + label{
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
    vertical-align:middle;
}

.reponse [type="radio"]:not(:checked) + label,
.reponse [type="radio"]:checked + label{
    position: relative;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-align: center;
    display: flex;
    vertical-align: top;
    margin: 0;
    height: 20px;
    margin: auto;
    z-index: 2;
    /* left: 10px; */
    margin-left: 10px;
    align-content: center;
    align-items: center;
}

.reponse [type="radio"]:not(:checked) + label:before,
.reponse [type="radio"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 1px;
    margin-left: 0px;
    width: 20px;
    border: 1px solid #9a9a9a;
    height: 20px;
    border-radius:50%;
    /* dim. de la case */
    background: #f8f8f8;
    /* angles arrondis */
    border: 1px solid #ababab;
    background-color: transparent;
}
.reponse [type="radio"]:not(:checked) + label:after, .reponse [type="radio"]:checked + label:after {
    position: absolute;
    content:'';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 1px;
    left: 0px;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 17px;
    height: 14px;
    width: 14px;
    display:block;
    border-radius:50%;
    background-color: #4e55a2;
    transition: all .2s;
}
 .reponse [type="radio"]:checked, .reponse [type="radio"]:not(:checked) {
    position: absolute;
    content:'';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 6px;
    left: 0;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 17px;
    height: 14px;
    width: 14px;
    display:block;
    border-radius:50%;
    background-color: #e1011b;
    transition: all .2s;
    opacity: 0;
}
 
 .reponse [type="radio"]:not(:checked) + label:after{
     opacity: 0;
    /* coche invisible */
     transform: scale(0);
}
 .reponse [type="radio"]:checked + label:after, .mdl_formulaire [type="radio"]:checked + label:after{
     opacity: 1;
    /* coche opaque */
     transform: scale(1);
}

.fake_label{
    padding-left: 29px;
    text-align:left!important;
    font-size: 14px;
    color: #000000;
    margin-right: 20px;
    margin: 0;
    width: 100%;
    padding: 10px;
    padding-left: 30px;
}


@media screen and (max-width: 991px) {
    .services2 .item figure {
        width: auto;
        margin: 0;
    }
    .services2 .item.left .caption,
    .services2 .item .caption {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        padding: 30px 20px;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .services2 .item .numb {
        display: none;
    }
}


/* ======= Services 3 style ======= */
.services3 {
    overflow: hidden;
    padding: 10px 0 60px;
}

.fiche_categorie .services3 {
    max-width: 1170px;
    width: 100%;
    padding: 70px 0;
    overflow: visible;
}

.fiche_categorie .services3 h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.fiche_categorie .services3 h3:before {
    content:'';
    display:flex;
    position:relative;
    height: 2px;
    background-color: var(--second-color);
    z-index: -1;
    width: 50px;
}

.paragraphe .services3 {
    /* background-color: var(--trei-color); */
}

.fiche_categorie .services3 .container {
 margin:0;
 padding:0;
 overflow: visible;
}

.fiche_categorie .services3 .container .row {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    overflow: visible;
}

.fiche_categorie .services3 .container .row > div {
    flex: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

 @media (max-width: 1170px) {
.form_resa .invite_payante,
.form_resa .invite{
 width:100%!important;
}
 }
.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;
    vertical-align:top;
}

.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;
}
.pass_sanitaire_upload input{
    width:auto!important;
}

 .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 {

     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: 48%!important;
     border: 1px solid #ccc;
     box-sizing: border-box;
     padding: 30px;
}
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;
}
 .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 {
     max-width:1170px;
     position:relative;
     margin:auto;
     /* background: white; */
}
 .header-upper ul {
     float: left;
}
 .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-upper ul li a.pvbcfamily {
     font-size: 14px;
     /* font-weight: 600; */
     text-transform: initial;
     text-decoration: underline!important;
}
#header + .video-container{
    margin-top: 233px;
}

 #header {
     text-align: center;
     width:100%;
     position:absolute;
     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 a:nth-child(2) .picto{
    padding-top:10px;

}
#picto a:nth-child(2) .picto img{
    max-width:55px;
    margin-top:10px;
}
#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;
}
 @media screen and (min-width: 768px) {
     .banner {
         height: 850px;
    }
}
 .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: 203px;
    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;
}

.container {
    z-index: 100;
}

.social {
    z-index: 1;
}
 .social a {
     position: relative;
     width: 30px;
     height: 30px;
     border: 2px solid rgba(17, 17, 17, 0.6);
     display: inline-block;
     margin: 5px 5px;
     border-radius: 50%;
     color: #111;
     transition: all 0.4s ease-in-out;
}
 .social i {
     position: absolute;
     top: 50%;
     left: 50%;
     font-size: 13px;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 @media screen and (min-width: 992px) {
     .facebook:hover {
         border-color: #3055a0 !important;
         background: #3055a0;
         color: white;
    }
     .twitter:hover {
         border-color: #41b5cb !important;
         background: #41b5cb;
         color: white;
    }
     .instagram:hover {
         border-color: #fbd377 !important;
         background: #fbd377;
         color: white;
    }
     .youtube:hover {
         border-color: #c4302b !important;
         background: #c4302b;
         color: white;
    }
    .behance:hover {
         border-color: #41b5cb !important;
         background: #41b5cb;
         color: white;
    }
}
 #menu_haut {
     display: inline-block;
     width:100%;
     max-width: 1110px!important;
     padding: 0;
     margin: 0;
     margin:auto;
     text-align: center;
     position:relative;
     z-index: 50;
     vertical-align:middle;
}
 #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 {
     display: block;
     font-size: 14px;
     margin: 0px;
     position:relative;
     font-weight:400;
     font-family: "Open Sans", sans-serif;
     text-transform: uppercase;
     padding: 15px 11px;
     font-style: normal;
     color: #222;
     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:after {
     position: absolute;
     height: 1px;
     width: 0;
     background-color: #e22777;
     content: '';
     left: 50%;
     top: 100%;
}
 .menu-sub a{
     background-color:transparent;
}
 .social {
     position:absolute;
     top:10px;
     right:0px;
     display:inline-block;
     width: 30%;
     vertical-align:middle;
     text-align:right;
}
 #menu_haut ul {
     padding: 0;
     margin: 0;
     list-style-type: none;
     display: inline-block;
     vertical-align: middle;
     width:91%;
}
 .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 ul li {
     display: inline-block;
     position: relative;
     padding: 0!important;
     margin: 0!important;
}
 #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 {
}
 #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: 39px 0px;
}
 .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%;
}
.page_liquid #centreetdroite table,
#centreetdroite div.paragraphe.par_style_1
 {
     width: 1170px!important;
     margin: 0 auto;
}
 .accueil #centreetdroite{
     max-width:100%;
     width:100%;
     padding:0px;
}
 .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-color: #403d80;
}
 .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;
}
 .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: 41.25%;
    padding-top: 0;
    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: 70px 0;
}
 .booking-fig {
     padding-top: 40px;
     position: relative;
     min-height: 1px;
     padding-left: 15px;
     padding-right: 15px;
}
 @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 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;
    }
     .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: 0 15px;
}
 #ariane{
     border-bottom:1px solid #ccc;
}
 .ariane a {
     text-decoration: underline;
     color: #000;
}
 .ariane strong {
     color: #ffffff;
}
/**********/
/* DROITE */
/**********/
 input {
     font-size: 0.85em;
}
 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;
     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;
}
 #contenu input[type="text"], #contenu input[type="password"], textarea {
     display: inline-block;
     width: 100%!important;
     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;
}
 input[type="text"], input[type="password"],.form_resa select {
     display: block;
     width: 100%;
     height: 40px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.428571429;
     color: #000000;
     vertical-align: middle;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #dedede;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -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: 3px;
}
 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: #e22777;
     display: inline-block;
     padding: 10px 15px;
     border-radius: 30px;
     font-weight: normal;
     border: 1px solid #e32777;
     color: #fff!important;
     transition: 0.3s all ease;
     -webkit-transition: 0.3s all ease;
     vertical-align:top;
     display:inline-block;
     font-weight: 600;
     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;
    }
}
 @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;
}
.list_video_flex{
    display:flex;
    margin:0 -15px;
    flex-wrap: wrap;
}
.block_vid .video-container{
    height:0px;
    padding-bottom:56%;
}
.block_vid{
    margin-bottom:15px;
    width:50%;
    padding:0 15px;
    position:relative;
}
.row_semaine{
    display:flex;
    font-size:0px;
    margin-top:20px;
     border-bottom:1px solid #ccc;

}
.selection_jour{
    /* height:220px; */
    /* overflow-y:scroll; */
    /* overflow-x:hidden; */
}
.tableau_formule{
    border-spacing:5px;
 color:#222;
    border:0px;
    margin:20px 0px;
    text-align:center;
}
.tableau_formule_2{
     border-spacing:5px;
 color:#222;
    border:0px;
    margin:20px 0px;
    text-align:center;
}
.tableau_formule_2 tr:nth-child(n+2) td{
         border-left:1px solid #ccc;
      border-bottom:1px solid #ccc;
}
.tableau_formule td,
.tableau_formule_2 td{
    padding:5px;
}

.tableau_formule tr:first-child td:nth-child(2),
.tableau_formule_2 tr:first-child td:nth-child(n+2){
    background-color:#e22777;
    font-size:20px;
    text-align:center;
    color:#fff;
    border:1px solid #ccc;
}
.tableau_formule tr:first-child td:nth-child(1){
    border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
.tableau_formule tr:nth-child(n+3) td:first-child{
    background-color:#e22777;
    font-size:18px;
    text-align:center;
    color:#fff;
    border:1px solid #ccc;
}
.tableau_formule tr:nth-child(2) td{
    width:28%;
}
.tableau_formule tr:nth-child(n+3) td{
     border-left:1px solid #ccc;
      border-bottom:1px solid #ccc;
}
.tableau_formule tr:nth-child(2){
    text-align:center;
    border-bottom:1px solid #ccc;
}
.tableau_formule tr:nth-child(2) td{
    border-left:1px solid #ccc;
}
.tableau_formule tr td:last-child{
    border-right:1px solid #ccc;
}
.tableau_formule_2 tr td:last-child{
    border-right:1px solid #ccc;
}
.tableau_formule_2 tr:nth-child(2) td:first-child{
    border-top:1px solid #ccc;
}
.cell_jour{
    width:20%;
    border-left:1px solid #ccc;
    text-align:center;
    padding-bottom:10px;
}
.cell_jour input:last-child{
    font-size:14px!important;
    height:auto;
    margin-top:15px!important;
    max-width:calc(100% - 20px)!important;
}
.cell_jour:last-child{
      border-right:1px solid #ccc;
}
.cell_jour select{
    font-size:14px!important;
    display:none!important;
      margin:auto!important;

}
.cell_jour input:checked + label + select{
    display:block!important;

}
.cell_jour input:checked + label + select+input{
    display:inline-block!important;

}
.cell_jour input:checked + label + select.hide{
    display:none!important;

}


.cell_jour [type="checkbox"]:not(:checked) + label + select+input,
.cell_jour [type="checkbox"]:checked + label + select+input.hide{
   display:none!important;
 }
 .cell_jour [type="checkbox"]:checked,
.cell_jour [type="checkbox"]:not(:checked) {
     position: absolute;
     left:-100000px;

     z-index:1;
 }
.cell_jour [type="checkbox"]:not(:checked) + label,
.cell_jour [type="checkbox"]:checked + label {
     position: relative;
     cursor: pointer;
     width: 30px;
     text-align:center;
     display: inline-block!important;
     vertical-align: middle;
     margin: 0;
     height:25px;
          z-index:2;
          display: inline-block;
          margin-top:10px;
          margin-bottom:10px!important;

 }

.cell_jour [type="checkbox"]:not(:checked) + label:before,
.cell_jour [type="checkbox"]:checked + label:before {
     content: '';
     position: absolute;
     left:50%;
     top: 0px;
     margin-left: 0px;
     width: 25px;
     border:2px solid #9a9a9a;
    margin-left:-12px;
     height: 25px;
     /* dim. de la case */
    z-index:1;

     background: #f8f8f8;
     /* angles arrondis */
 }

.cell_jour [type="checkbox"]:not(:checked) + label:after,
.cell_jour [type="checkbox"]:checked + label:after {
    content: '\f00c';
    height:15px;
    width:15px;
    color:#e22777;
    z-index:100000;
    position: absolute;
    margin-left:-10px;
    font-size: 20px;
    transition: all .2s;
font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    font-size:22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

.cell_jour [type="checkbox"]:not(:checked) + label:after {
     opacity: 0;
     /* coche invisible */

     transform: scale(0);
 }
.cell_jour [type="checkbox"]:checked + label:after {
     opacity: 1;
     /* coche opaque */

     transform: scale(1);
 }

.date_inline{
    background-color:#3c3c3c;
    font-size:16px;
    display:block;
    color:#fff;
    text-align:center;
    padding:5px 0px;
}
.contenu_licence{
    background-color:#efefef;
    padding:15px;
    margin-bottom:15px;
    margin-top:15px;
    border:1px solid #ccc;
}
.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;
    max-width:100%;
    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 10px;
     text-align: left;
     position: relative;
     background-position: center center;
     border-bottom:1px solid #e5e5e5;
     padding-top: 0;
     background-image: url('../images/interface/page_heading2.jpg');
}
.PGS_CAMP #header{
    position:relative;
}
.PGS_CAMP .decompte{
    position:relative;
    top:0;
}
.PGS_CAMP .page-heading{
    background-image:none;
    padding:0px;
     background-size: cover;
    background-position:bottom center;
}
.PGS_CAMP .page-heading img{
    width:100%;
}
.PGS_CAMP .page-heading .container{
    display:none;
}
 .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: 0;
     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 (max-width: 900px) {
     .cell_jour input:checked + label + select{
         font-size:13px!important;
         padding:5px!important;
         padding-right:0px!important;
     }
     #formLicence fieldset{
         padding:15px 15px;
     }
 }
 @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 (max-width: 768px) {
 .cell_jour{
    width:33.3333%;
    display:inline-block;
    vertical-align:top;
 }
 .cell_jour:nth-child(n+4){
     width:50%;
 }
 .row_semaine{
     display:block;
 }
 }
  @media screen and (max-width: 500px) {
    .cell_jour{
    width:50%;
    }
     .cell_jour:last-child{
    width:100%;
    }
    #paragraphe694 h2{
        font-size:25px;
    }
    .tableau_formule td{
        font-size:12px;
    }
    .decompte{
        font-size:16px;
    }
    .center_bandeau li{
        font-size:16px;
    }
    .group_form label{
        width:100%!important;
    }
    .tableau_formule tr:first-child td:nth-child(2){
        font-size:16px;
    }
  }

 @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{
     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{
     margin-top:0;
}
 .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;
}
 #formIdentificationLog label, #formCreationInscription label {
     font-size: 14px;
     width: 200px;
}
 #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;
}
 #contenu input[type="text"], #formIdentificationLog select, #formCreationInscription select, #contenu .panier select, #contenu input[type="password"], textarea,
  #formLicence 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;
}
 .list_commande{
     color:#222;
     width: 100%;
     border: 0;
     max-width: 1170px;
}

.list_commande tbody, .list_commande tr {
    border: 0;
}

.list_commande tr:first-child {
    background-color: #4e55a26b;
}

.list_commande tr {
    background-color: #0000000f;
}

.list_commande tr:nth-child(2n) {
    background-color: #00000030;
}

.list_commande th {
    background-color: transparent;
    color: #312783;
}
 .list_commande a{
     color:#222;
     text-decoration:underline!important;
}
 .list_commande td{
     padding:10px;
     font-size:15px;
     border: 4px solid #ffffff !important;
}
 @media screen and (min-width: 780px) {
     .label-resp{
         display:none;
    }
     .supp-resp{
         display:none;
    }
}
 .list_commande th{
     border: 4px solid #ffffff !important;
}

.list_commande th:last-child {
    background-color: transparent;
}
 @media screen and (min-width: 1170px) {
     #menu_haut {
         height:auto!important;
         overflow:visible!important;
    }
     .resp_nav{
         display:none;
    }
}
 @media screen and (max-width: 780px) {
     .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%;
         /* display: flex; */
    }
     .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: #4e55a2;
         padding:0px;
         display:inline-block;
         width:120px;
         margin-top:0px;
         margin-left:0px;
         margin-right:0px;
         margin: 0;
         font-weight: 600;
         height: 100%;
         display: flex;
    }
     .list_commande tr td{
         border:0px!important;
         padding: 8px;
         display: flex;
    }

.list_commande tbody tr td {
    display: flex;
}
     .list_commande tr{
         border: none;
    }
}
 @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;
    }
}
 @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;
    }
    .PGS_CAMP .page-heading{
        padding-top:0px!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;

    }
}
}
 @media screen and (max-width:1170px){
.center_actu {
        padding: 40px 15px!important;
    }
     #contenu  {
         width: 100%;
         padding:10px 0;
    }
 }
 @media screen and (max-width:870px){
     .list_classement{
         margin-top:0px!important;
     }
     .LatestNews_wrap{
         padding:15px 15px;
    }
     .center-team{
         padding:0 50px;
    }
     .navbar-toggle {
         display:block;
         position:absolute;
         bottom:0px;
         right:0px;
    }
     .icon-bar{
         background-color: #e22777;
    }
     #menu_haut ul{
         width:100%;
    }
     .social{
         width:100%;
         padding:0px;
    }
     #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;
    }
}
}
 @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){
     .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%;
     }
   .latestResult .result .figure{
    background-size:auto!important;
   }
     .liste_match,.inline_result{
         width:100%;
      margin:0!important;
      margin-top:15px!important;
     }
     .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;
 }
}
@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;
}
 }