@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.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: 1030px;
    margin: 0 auto;
}
a {
    text-decoration: none!important;
}
.PGS_ESCAPE_GAMES #contenu_scroller > p:first-child{
    max-width:1170px;
    margin:auto;
    margin-top:50px;
}
.login_page{
     max-width:1170px;
    margin:auto;
    margin-bottom:40px;
}
body {
    font-size: 16px;
    color: #231f20;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: relative;
}

.contain-pp {
    max-width: 1170px;
    width: 100%;
    margin: auto;
}
/* clean */
/* Titres */

.clr {
    clear: both;
}
#ariane {
    width: 100%;
    margin: auto;
    font-size: 14px;
    padding:20px 0px;
    background: #f5f2f5;
}
.ariane{
    max-width:1170px;
    margin:auto;
    /* color: #468BF2; */
}
.ariane a{
    color: #e82a86;
    text-transform: uppercase;
}
.ariane{
    /* text-transform:uppercase; */
    /* font-weight:bold; */
}
.arrow_ariane{
    background-image:url(arrow_ariane.png);
    display:inline-block;
    width:10px;

    vertical-align:top;
    height:12px;
    padding-right:2px;
    box-sizing:content-box;
    margin-top:4px;
    background-position:center;

    background-repeat:no-repeat;
}

/* Listes */

ul,
ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}
/* Paragraphes */


address {
    margin: .75em 0;
    font-style: normal;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
/* Formulaires */

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
.par_style_1 .mdl_formulaire{
    width:700px;
    margin:auto;
    border:1px solid #eee;
    background-color:#efefef;
    padding:40px;
        max-width:100%;
}
.par_style_1 .mdl_formulaire label{
    display:block;
    
}
.par_style_1 .mdl_formulaire input,
.par_style_1 .mdl_formulaire select,
.par_style_1 .mdl_formulaire textarea{
    font-size:14px!important;
    padding:5px 10px;
}
.mdl_formulaire .bloc_list_lien h3 {
    display: block;
}
.mdl_formulaire .annonce + script + script + h3 + form {
    margin-top: 20px;
}
.mdl_formulaire .annonce + script + script + h3 + form input[type="text"],
.mdl_formulaire .annonce + script + script + h3 + form textarea {
    display: inline-block;
    box-sizing: border-box;
    padding: 6px 6px;
    font-size: 16px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 7px;
}
.mdl_formulaire .annonce + script + script + h3 + form fieldset {
    border: 1px solid #ddd;
    padding: 30px;
}
.mdl_formulaire .annonce + script + script + h3 {
    display: block;
    margin-top: 40px;
}
.mdl_formulaire .annonce + script + script + h3 + form label {
    font-size: 16px;
    display: block;
}
.mdl_formulaire .annonce + script + script + h3 + form p:nth(4) {
    float: right;
}
form[name="form_ecrire_commentaire_message"]{

        max-width:1170px;
        margin:auto;
            margin-top:40px;
}
form[name="form_ecrire_commentaire_message"] fieldset {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 30px;
    display: block!important;
    position: relative;

    margin:auto;
    margin-bottom: 20px;
}
form[name="form_ecrire_commentaire_message"] label,
form[name="form_ecrire_commentaire_message"] p label {
    display: block;
    font-size: 18px;
    color: #232323;
    font-weight: 300;
    margin-bottom: 0px;
    width: 300px;
}
form[name="form_ecrire_commentaire_message"] input[type="text"],
form[name="form_ecrire_commentaire_message"] textarea {
    border: 2px solid #e6e6e6;
    font-size: 18px;
    width: 100%;
    padding: 12px 15px;
}
form[name="form_ecrire_commentaire_message"] p {
    padding: 12px 0px;
    text-align: left;
}
.row_temps input{
    width:auto!important;
    display:inline-block;
    width:80px!important;
}
form[name="form_ecrire_commentaire_message"] fieldset legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    float: left;
}
input,
button,
select {
    vertical-align: middle;
}
/**********/
/* Boites */
/**********/

#conteneur_contenu {
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
    z-index: 6;
}
#header {
    min-width: 1000px;
    width: 100%;
    position: absolute;
    margin: 0px;
    padding: 0px;
    z-index: 100;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #fff;
}
.PGS_QUI_SOMMES_NOUS #contenu,
.PGS_TEAM #contenu,
.PGS_ESCAPE_GAMES #contenu{
    width:100%;
}
.PGS_TEAM #centreetdroite,
.PGS_ESCAPE_GAMES #centreetdroite{
    width:100%;
    padding-bottom:0;
}
.PGS_ESCAPE_GAMES #contenu{
    padding-top:0;
}
.PGS_QUI_SOMMES_NOUS #centreetdroite div.paragraphe{
    margin: 0 auto;
    width: 1170px;
}
.PGS_TEAM #contenu_scroller br,
.PGS_ESCAPE_GAMES #contenu_scroller > br{
    display:none;
}
.list_lien{
    padding:60px 0px;
    max-width:1170px;
    margin:auto;
}
input[type="button"] {
    color: #fff!important;
    background-color: #222;
    font-size: 16px!important;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    font-weight: normal!important;
    display: inline-block;
    border: #222 0.5px solid;
    -moz-transition:0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}
.filtre_annonce .recherche{
    left:0;
    right:0;
    padding-bottom:40px;
    bottom:0;
    margin:0;
    position:relative;
    width:100%;
    background-color: #1e6fb2;
    padding:40px calc((100% - 1140px) / 2);
}
.filtre_annonce .recherche .group_form{
    display:inline-block;
}
.center_inscri{
    max-width:1170px;
    margin:auto;
    font-size:0;
}
.best_team{
    text-align:center;
    padding:60px 0px;
}
.btn_team{
    text-align:center;
    margin-top:40px;
}
.btn_team a{
    display: inline-block;
    color: #fff;
    border: 2px solid #f9c301;
    background-color: #f9c301;
    font-weight: 500;
    font-size: 22px;
    border-radius: 10px;
    line-height: 18px;
    padding: 15px 30px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    font-family: 'Roboto Slab', serif;
}
.best_team h4{
     font-family: 'Roboto Slab', serif;
   color:#222;
   font-weight:300;
   font-size:30px;

    letter-spacing:1px;
    line-height:50px;
    margin-bottom:70px;
}
.pos_team{
    position:absolute;
    top:12px;
    right:32px;
    font-size:20px;
    text-align:center;
    width:30px;
    height:30px;
    line-height:30px;
    color:#fff;
    background-color: #f9c301;
    font-weight:bold;
}
.top_team{
    font-size:0;
    text-align:center;
}
.best_team .block_equipe{

    display:inline-block;

}
.best_team .block_equipe h4{
    margin:0px;
}
.best_team h4 span{
    color:#f9c301;
}
.center_best{
    max-width:95%;
    margin:auto;
    font-size:0;
}
.PGS_TEAM #contenu{
    padding:0;
}
.inscription_team{
    background-color:#f9c301;
    padding:40px 0px;
    font-size:0;
}
.desc_inscription{
    padding:60px 0px;
}
.left_inscri{
    display:inline-block;
    width:60%;
    text-align:center;
       vertical-align:middle;
}
.col_inscri{
    width:50%;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:top;
    padding:0 15px;
}
.col_inscri h5{
    color:#f9c301;
    font-weight:700;
    font-size:30px;
    margin-bottom:40px;
}

.col_inscri p{
    font-size:15px;
    margin-bottom:30px;
}
.left_inscri h4{
   font-family: 'Roboto Slab', serif;
   color:#222;
   font-weight:300;
   font-size:30px;

    letter-spacing:1px;
    line-height:50px;
}
.left_inscri h4 span{
    color:#fff;
       font-size:40px;
    display:block;
}
.right_inscri{
    width:40%;
    text-align:center;
    display:inline-block;

    vertical-align:middle;
}
.right_inscri a{
    color:#fff;
       font-family: 'Roboto Slab', serif;
       font-size:25px;
    border:2px solid #fff;
    display:inline-block;
    padding:10px 30px;
    border-radius:5px;
   }
   .right_inscri a:hover{
       background-color:#fff;
       color:#f9c301;
   }
.right_inscri
.pres{
    padding-bottom:60px;
}
.block_pts{
    width:33.333333%;
    display:inline-block;
    text-align:center;
    box-sizing:border-box;
    padding:0 15px;
}
.block_pts h5{
    font-size:25px;
        font-family: 'Roboto Slab', serif;
        color:#222;
}
.block_pts .icon{
    font-size:60px;
    color:#222;
    margin-bottom:20px;
    display:inline-block;
}
.block_pts p{
    font-size:18px;
    color:#222;
}
.pts_clef{
    padding:60px 0px;
}
.pres{
    padding-bottom:60px;
}
.center_pres{
    max-width:1170px;
    margin:auto;
    font-size:0;
}
.left_pres{
    display:inline-block;
    width:250px;
    vertical-align:middle;
}
.left_pres h4 span{
    color:#f9c301;
    display:block;
      font-size:35px;
}
.left_pres h4 {
    font-size:28px;
    letter-spacing:1px;
    font-family: 'Roboto Slab', serif;
    font-weight:400;
    line-height:60px;
    color:#222;
    margin:0;
    }
.right_pres{
    display:inline-block;
    width:calc(100% - 250px);
    vertical-align:middle;
    box-sizing:border-box;
    padding-left:40px;
}
.right_pres p{
    font-size:15px;

}
.pts_clef{
    background-color:#eee;
}
.pageAccueil #header{
    background-color: white;
}
.scroll_down #header{
    position:fixed;
    background-color: rgb(255 255 255);
    box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.2);
}
.scroll_down #header #logo{
    padding-top: 10px;
    padding-bottom: 10px;
}
.scroll_down #menu_haut{
    /* margin-top:24px; */
}
.slider{
 z-index:1;
    position:relative;
    padding-top: 140px;
}
.recherche{
    position:absolute;
    bottom: 5%;
    left:50%;
    width:1050px;
    margin-left:-512px;
    text-align:center;
    background-color: rgb(255 255 255 / 0.5);
    padding:40px;
    z-index: 100;
    padding-bottom:70px;
}
.recherche h5{
    /* color: #2056a5; */
    font-family: 'Open Sans', sans-serif;
    font-size:25px;
    padding-bottom:20px;
    text-transform: uppercase;
    font-weight: 600;
}
.recherche form{
    font-size:0;
}
.recherche input[type="text"],.recherche select{
    font-family: 'Open Sans', sans-serif;
    border:0px;
    font-size: 18px;
    width:200px;
    margin:0 15px;
    padding: 10px 20px!important;
    color:#000;
    vertical-align:middle;
    box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
}
.recherche select:nth-child(2),
.recherche select:nth-child(4){
    width:13.9%;
}
.recherche select:nth-child(2){
    width:15%;
}
.recherche select:nth-child(3){
    width:26%;
}
.recherche input[type="text"]{

    margin-left:0;
}
.recherche span{
    color:#fff;
    font-weight:900;
   text-transform:uppercase;
    font-size:20px;
    display:inline-block;
    padding:0 15px;
    vertical-align:middle;
}
.recherche button:before{

    display:inline-block;
}
.recherche button{
    background-color: #ffffff;
    border:0;
    width: 50px;
    height: 50px;
    display:inline-block;
    font-size: 25px;
    color: #e82a86;
    position:relative;
    margin-left:15px;
    font-weight: 300;
    border-radius: 50%;
    overflow:hidden;
    box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
    -webkit-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
    -moz-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
}
.recherche input[type="submit"]{
    background-color:transparent;
    position:absolute;
    border:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0!important;
}
.filtre_annonce
.recherche h5{
    color:#fff;
    font-weight:bold;
    margin-bottom:40px;
    font-size:26px;
    font-family: 'Roboto Slab', serif;
    text-transform:uppercase;
    font-weight:500;
    margin-top:0px;
}
.page-heading {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
    padding-top:250px;
    text-align: left;
    background-image: url(../images/interface/header_ste_anne_defaut.jpg);
    position: relative;
    background-position: top center;
}
.page-heading:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.3);
}

.page-heading .container {
    margin: auto;
    position: relative;
    z-index: 2;
    max-width: 1170px;
}
.page-heading .page-title {
    text-align: left;
}
.page-heading .page-title h2 {
    font-size: 35px;
    display:block;
    position:relative;
    color: #ffffff;
    margin-bottom: 0px;
    /* letter-spacing: 2px; */
    /* background: rgb(255 255 255 / 0.8); */
    padding: 5px 10px;
    font-weight: 800;
    text-align:right!important;
}

.page-heading .page-title span {
    font-size: 24px;
    font-weight: normal;
    color: #2d3031;
    line-height: 36px!important;
}
#header #logo {
    z-index: 1000;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.scroll_down #header #logo img{
    width: 160px;
    transition: all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
#header #logo img {
    width: 400px;
    z-index: 39;
    transition: all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}

#conteneur_header {
    width: 1170px;
    font-size: 0;
    margin: auto;
    position: relative
}

#header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 1.65em;

    display: inline-block;
    vertical-align: middle;
}
#header img {
    margin: 0;
    padding: 0;
    background-image: none;
}
.salle{
    padding:70px 0px;
}
.equipe{
    padding:70px 0px;
    /* background: #f5f2f5f2; */
}
.block_new_salle{
    text-align:center;
}
.block_new_salle > h4{
    margin:0px;
}
.block_new_salle > h4 a{
      font-family: 'Roboto Slab', serif;
      color:#222;
      letter-spacing:1px;
      font-size:20px;
}
.block_new_salle .separ{
    font-size:20px;
    color:#222;
    line-height:15px;
}
.block_new_salle > h5 a{
    font-size:14px;
    color:#222;
    font-weight:bold;
}
.block_new_salle > h5{
    margin-bottom:15px;
    margin-top:5px;
}
.img_new_salle a:first-child{
    display:inline-block;
    width:255px;
    position:relative;
    height:255px;
    overflow:hidden;
    border-radius:10px;
}
.img_new_salle a img{
    position:absolute;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
}
.img_new_salle{
    position:relative;
    margin-bottom:20px;
}
.list_salle .img_new_salle{
    width:270px;
    overflow:hidden;
    height:270px;
}
.modif_temp{
    position:absolute;
    top:0;
    width:100%;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    display:block;
    bottom:0;
    font-family: 'Roboto Slab', serif;
    padding-top:20%;
    font-size:20px;
}
.editer_salle{
    position:absolute;
    top:10px;
    right:10px;
    font-size:15px;
    background-color:#f9c301;
    color:#fff!important;
    font-weight:bold;
    padding:2px 5px;
    border-radius:5px;
    font-family: 'Roboto Slab', serif;
}
.list_salle .desc_new_salle h4 a{
    font-family: 'Roboto Slab', serif;
    color:#222;
    font-weight:bold;
}
.list_salle .info_salle a i:before{
font-size:25px!important;
color:#f9c301;
}
.list_salle .info_salle a img{
    width:100%!important;
    max-width:60px;
}
.list_salle .info_salle a {
    display:inline-block;
    width:33.33333%;
    vertical-align:middle;
    text-transform:uppercase;
}
.editer_salle i{
    margin-right:5px;
}
.row_new_salle{
    margin-top:60px;
}
.desc_new_salle .date{
    font-size:14px;
    color:#818181;
}
.info_salle {
    margin-top:15px;
    font-size:0;
}
.btn_salle{
    font-size:15px;
    margin-top:15px;
}
.btn_salle a.game_master_word{
    font-size:16px;
    color:#fff;
    background-color:#f9c301;
      font-family: 'Roboto Slab', serif;
      padding:5px 10px;
      border-radius:5px;
      display:inline-block;
      vertical-align:middle;
}
.btn_salle a.delete_salle{
    font-size:25px;
    margin-left:20px;
    color:#222;
    vertical-align:middle;
}
.info_salle a{
    display:inline-block;
    text-align:center;
    width:33.3333333%;
    font-size:14px;
    font-family: 'Roboto Slab', serif;
    color:#818181;
    vertical-align:bottom;
}
.block_new_salle .info_salle a img{
    width:60px!important;
    margin-bottom:2px;
}
.block_new_salle .info_salle a i:before{
    margin:0px;
    display:block;
    font-size:35px;
    height:42px;
}
.block_new_salle .info_salle a .icon{
    text-align:center;
}
.block_new_salle .info_salle a i{
    color:#f9c301;
}
.info_salle a img{
    width:auto!important;
    margin:auto;

}
.title_info{
    text-transform:uppercase;
        margin-top:5px;
        display:inline-block;
}
.info_salle a span.labl_info{
    color:#f9c301;
}
.new_salle .block{
    padding:0 15px;
}
.new_salle{
     padding:70px 0px;
}
.gamers{
     padding:70px 0px;
     /* border-top:2px solid #f9c301; */
}
.gamers{
     background: #f5f2f5f2;
}
.center_home{
    max-width:1140px;
    margin:auto;
}
.gamers .center_home{
    font-size:0;
}
.carousel_partenaire{
    max-width:990px;
    margin:auto;
}
.carousel_partenaire .owl-controls{
    position:absolute;
    left:-50px;
    top:50%;

    right:-50px;
    margin-top:-34px!important;

}
.carousel_partenaire .owl-prev{
   left:0;
   position:absolute;
     background-color:transparent!important;
}
.carousel_partenaire .owl-next{
       right:0;
   position:absolute;
     background-color:transparent!important;
}
.carousel_partenaire .owl-prev i{
    color:#aaa;
    font-size:60px;
                    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
.carousel_partenaire .owl-prev:hover i{
    color:#f9c301;
}
.carousel_partenaire .owl-next:hover i{
    color:#f9c301;
}
.carousel_partenaire .owl-next i{
    color:#aaa;
    font-size:60px;
                    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
.carousel_partenaire .block img{
    width:auto!important;
    display:block;
    margin:auto;
}
.carousel_partenaire .block a{
    display:inline-block;
}
.carousel_partenaire .block{
    text-align:center;
}
.center_fb{
    background-color:#f5f2f5;
    padding:60px 0px;
}
.presentation,.actualites{
    padding:100px 0px;
}

.actualites{

    background-position:right top;
    background-color:#fff;
    background-repeat:no-repeat;
    background-size:cover;
    padding-top:20px;
}
.title_section{
    text-align:center;
    padding-top: 70px;
}
.row_actu {
     font-size: 0;
     text-align:center;
}
 .block_actu {
     text-align:left;
     position: relative;
     display: inline-block;
     width: calc(33.33333% - 16px);
     vertical-align: top;
     -webkit-box-shadow: 1px 14px 21px 0px rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 1px 14px 21px 0px rgba(0, 0, 0, 0.24);
     box-shadow: 1px 14px 21px 0px rgba(0, 0, 0, 0.24);
}
 .block_prof {
     position: relative;
     display: block;
     vertical-align: top;
     -webkit-box-shadow: 1px 10px 27px 0px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 1px 10px 27px 0px rgba(0, 0, 0, 0.1);
     box-shadow: 1px 10px 27px 0px rgba(0, 0, 0, 0.1);
}
 .desc_actu h4 a {
     color: #fff;
     text-transform: uppercase;
     font-weight: 900;
     font-size: 20px;
}
 .desc_actu p {
     font-family: 'PT Serif', serif;
     font-style: italic;
     font-size: 14px;
     line-height: 16px;
     color: #fff;
     margin-bottom: 0px;
}
 .desc_actu p > br {
     display: none;
}
 .desc_actu a {
     color: #d70012;
     font-size: 15px;
     text-transform: uppercase;
     display: inline-block;
     margin-top: 5px;
     font-weight: bold;
}
 .desc_actu > a:hover {
     color: #d70012!important;
     text-decoration: underline!important;
}
 .img_prof:hover a:after {
     top: 0;
     padding-top: 47%;
     padding-left: 47%;
     left: 0;
     font-size: 30px;
     width: 100%;
     bottom: 0;
}
 .block_actu img, .block_prof img {
     width: 100%;
}
 .block_actu img {
     width: 364px;
     height: 364px;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
}
 .block_actu:hover img {
     width: 420px;
     height: 420px;
     /* margin-left: -28px; */
     /* margin-top: -28px; */
}
 .block_actu {
     overflow: hidden;
     height: 364px;
}

.actu_carousel .block_actu {
    width: 100%;
}
 .center_home .desc_actu {
     position: absolute;
     top: 0;
     bottom: 0;
     margin-bottom: 0px!important;
     width: 100%;
     box-sizing: border-box;
     padding-top: 220px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+37,212121+82,ffffff+100,212121+100&0+0,0+37,1+82,1+100 */
     background: -moz-linear-gradient(top, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0) 37%, rgba(33, 33, 33, 1) 82%, rgba(33, 33, 33, 1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0) 37%, rgba(33, 33, 33, 1) 82%, rgba(33, 33, 33, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0) 37%, rgba(33, 33, 33, 1) 82%, rgba(33, 33, 33, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00212121', endColorstr='#212121', GradientType=0);
    /* IE6-9 */
}
.picto{
    margin-bottom: 20px;
}
.picto img{
    width: 100px;
    height:auto;
}
.title_section h3{
    margin-top:0;
    margin-bottom:40px;
    font-weight: 800;
    font-size: 25px;
    font-family: 'Open Sans', sans-serif;
}
.gamers .title_section{
    margin-bottom:80px;
}
.title_section h3 span{
    color: #e82a86;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 40px;
    font-style: italic;
}
.prof{

    padding:70px 0px;

}
.equipe .owl-theme .owl-controls,
.new_salle .owl-theme .owl-controls{
    position:absolute;
    top:50%;
    width:110%;
    margin-top:-35px;
    margin-left:-5%;
}
.equipe .owl-theme .owl-controls .owl-nav [class*=owl-],
.new_salle .owl-theme .owl-controls .owl-nav [class*=owl-]{
    background-color:transparent!important;
    color:#f9c301!important;
    font-size:70px;
    margin:0;
    padding:0;
}
.equipe .owl-carousel .owl-controls .owl-nav .owl-prev,
.new_salle .owl-carousel .owl-controls .owl-nav .owl-prev{
    left:0;
    position:absolute;
}
.equipe .owl-carousel .owl-controls .owl-nav .owl-next,
.new_salle .owl-carousel .owl-controls .owl-nav .owl-next{
    right:0;
    position:absolute;
}
.row_equipe{
    font-size:0;
}
.row_equipe  .owl-controls{
    display:none;
}
.desc_equipe{
    position:absolute;
    bottom:15px;
    text-align:center;
    z-index:1000;
    text-align:center;
    width:100%;
    color:#fff;
    left:0;
    padding:0 15px;
}
.desc_equipe h4 a{
    color:#fff;
         font-family: 'Roboto Slab', serif;
         font-size:20px;
}
.desc_equipe .temps{
    font-size:16px;
    font-weight:bold;
}
.block_equipe {
  position:relative;
  margin-bottom:20px;
  padding:0 15px;
  width:380px;
  height:350px;
  margin:auto;
}
.img_equipe a{
    display:block;
    width:350px;
    height:350px;
    position:relative;
    overflow:hidden;
}
.img_equipe a img{
    position:relative;
        -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    6px 6px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow:         6px 6px 5px 0px rgba(0, 0, 0, 0.35);
width:100%;
height:auto;
}

.presentation p,
.title_section p{
    text-align:center;

    color:#222;
    font-size:16px;
    margin-bottom:65px;

}
.equipe .lien_home{
    text-align:center;
    margin-top:30px;
}
.lien_home{
    text-align:center;
    padding-top: 60px;
}
.lien_home a{
    display:inline-block;
    color: #ffffff;
    background-color: #2056a5;
    font-weight:500;
    font-size:22px;
    line-height:18px;
    padding:15px 30px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
}
.lien_home a:hover{
    background-color: #468BF2;
    color: #ffffff;
}
.row_salle{
    font-size:0;
}
.block_salle{
    position:relative;
    display:inline-block;
    width: 25%;
    vertical-align:top;
    text-align:center;
    padding:0 15px;
}
.img_salle{
    margin:auto;
    width: 100%;
}
.col_gamers{
    width:50%;
    display:inline-block;
    vertical-align:top;
    padding:0 15px;
}
.col_gamers h5{
    border-bottom:2px solid #f9c301;
    margin-bottom:40px;
}
.block_gamers .img_gamers{
    display:inline-block;
    overflow:hidden;
    width:90px;
    vertical-align:middle;
    height:90px;
    position:relative;
      border-radius: 10px;
          -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
}
.img_gamers{
    margin-right:30px;
}
.block_gamers {
    margin-bottom:30px;
}
.block_gamers img{
      position:absolute;

    width:90px;
    background-color:#fff;
    height:auto;
}
.desc_gamers{
    display:inline-block;
    width:calc(100% - 120px);
    vertical-align:middle;
}

.desc_gamers h4{
    margin:0px;
    margin-bottom:10px;
}
.desc_gamers h4 a:nth-child(2){
    color:#222;
    font-size:16px;
    font-weight:normal;
}
.desc_gamers h4 a{
    color:#f9c301;
    font-size:20px;
    font-weight:bold;
}
.desc_gamers p{
    font-size:18px;
}
.desc_gamers p br{
    display:none;
}
.more_gamers{
    text-align:right;

}
.more_gamers a{
    color: #222;
    font-size:20px;
    background-color: #A6791F;
    padding:10px 30px;
    display:inline-block;
}
.col_gamers h5 span{
    display:inline-block;
    background-color:#f9c301;
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
         font-family: 'Roboto Slab', serif;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
         padding:5px 10px;
}
.img_salle > a img{
    -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    6px 6px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow:         6px 6px 5px 0px rgba(0, 0, 0, 0.35);
border-radius:12px;
position:absolute;
height:auto;
}

.img_salle h4 a,
.img_salle h5 a{
    color:#fff;

}
.img_salle h5 a{
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;
    color: #2056a5;
}
.img_salle h4 a{
     font-family: 'Open Sans', sans-serif;
     color: #2056a5;
     text-align: left;
     display: inline-block;
     background-color: rgb(245 242 245);
     padding: 5px 10px;
}
.img_salle h4{
    font-size: 20px;
    text-align: left;
}
.desc_salle {
    /* margin-top:20px; */
}
.desc_salle > a,.desc_new_salle > a{
    color: #2056a5;
    display: block;
    font-size: 16px;
    text-align: left;
    text-decoration: underline!important;
    font-weight: 600;
    padding: 15px 0;
}

.desc_new_salle > a{
    width:100%;
}
.desc_salle p,.desc_new_salle p{
     font-family: 'Open Sans', sans-serif;
     color:#222;
     font-size: 16px;
     text-align: left;
}
.desc_new_salle p{
    margin-top:15px;
    padding:0px;
    margin-bottom:20px;
}
.img_salle h5{
    font-size: 20px;
    color: #111;
    text-align: left;
    padding: 15px 0;
    border-bottom: 1px solid #2056a5;
}
.img_salle > a{
    display:block;
    position:relative;
    margin:auto;
    overflow:hidden;
    border-radius: 12px;
}
.avis_salle{
    margin-bottom:20px;
}

.owl-item .block{
    padding:15px;
}

.block_prof{
      position:relative;
      display: block;
      vertical-align:top;
      border: 1px solid #d6d6d6;
}
.img_prof a{
    display:block;
    position:relative;
}
.img_prof .envelop{
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9999;
}
.img_prof .envelop i{
    font-size: 20px;

}
.img_prof .envelop:after{
    content:'';
    position:absolute;
    top:50%;
    bottom:50%;
    left:50%;
    width:0;
    background-color: transparent;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: #f9c301;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing:border-box;
}
.img_prof a:after{
    content:'\f002';
    position:absolute;
    top:50%;
    bottom:50%;
    left:50%;
    width:0;
    background-color: rgb(66 91 132 / 50%);
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing:border-box;
}

.prof-carousel .owl-dots .owl-dot span{
    width:15px!important;
    height:15px!important;

}
.prof-carousel .owl-dots .owl-dot.active span{
    background-color:#f9c301!important;
}
.img_prof:hover a:after{
    top:0;
    padding-top:47%;
    padding-left:47%;
    left:0;
    font-size:30px;
    width:100%;
    bottom:0;
}

.block_prof .desc_prof{
 padding:15px;
 border-top: 1px solid #2056a5;
 background: #fff;
}
.block_prof .desc_prof h4{
    margin-top:0;
    margin-bottom:25px;
}
.block_prof .desc_prof .club,
.block_prof .desc_prof .lieu{
    font-size: 16px;
    font-style:italic;
}
.block_prof .desc_prof .club{
    margin-bottom:10px;
}
.block_prof .desc_prof .club span,
.block_prof .desc_prof .lieu span{
    color:#222;
}
.block_prof .desc_prof .club a,
.block_prof .desc_prof .lieu a{
    color:#94949d;
}
.block_prof .desc_prof .club img,
.block_prof .desc_prof .lieu img{
    display:inline-block;
    width:auto;
}

.block_prof .desc_prof h4 a{
    color: #2056a5;
    font-weight:900;
    font-size: 20px;
}
.actualites .lien_home{
    margin-top:100px;
}
.actualites .lien_home a,.prof .lien_home a{
    border-color:#222;
    color:#222;
}
.prof .lien_home{
    margin-top:80px;
}
.block_actu:nth-child(1){
    margin-right:16px;
}
.block_actu:nth-child(2){
    margin-left:8px;
    margin-right:8px;
}
.block_actu:nth-child(3){
    margin-left:16px;
}
.prof-carousel .block{
    padding:12px;
}
.prof-carousel .owl-stage-outer{
    padding-bottom:30px!important;
}
.desc_actu h4 a{
    color:#fff;
    text-transform:uppercase;
    font-weight:900;
    font-size:23px;
}
.desc_actu p{
    font-family: 'PT Serif', serif;
    font-style:italic;
    font-size:14px;
    line-height:16px;
    color:#fff;
    margin-bottom:0px;
}
.desc_actu p > br{
    display:none;
}
.desc_actu a{
    color: #e9328a;
    font-size:15px;
    text-transform:uppercase;
    display:inline-block;
    margin-top:5px;
    font-weight:bold;
}
.desc_actu >  a:hover{
    color:#f9c301!important;
    text-decoration:underline!important;
}
.row_prof{
    font-size:0;
}
.desc_prof{

}
.partenaires{
    background-color:#f7f9f8;
    padding:80px;
    padding-bottom:120px;
}
#logo{
    position:relative;
}

#logo > span{
    background-color: #da1c22;
    position: absolute;
    right: -8px;
    /* top: -25px; */
    height: 100%;
    transform: rotate(0deg);
    width: 5px;
    top:0;
}
#header #logo {
    z-index: 1000;
    display:inline-block;
    text-align:left;
    margin: 0px;
    z-index:1000000;
    vertical-align:middle;
    position:relative;
    width:calc(25% - 29px);
    padding: 0;
}

#header.new_menu #logo {
    z-index: 1000;
    display: inline-block;
    text-align: left;
    margin: 0px;
    z-index: 1000000;
    vertical-align: middle;
    position: relative;
    width: calc(20% - 1px);
    text-align: right;
    padding: 13px 0px 15px;
}

#header.new_menu .header-right-info {
    display: inline-flex;
    width: 80%;
    vertical-align: middle;
    float: none!important;
    justify-content: space-between;
}

#header.new_menu .header-right-info ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#header.new_menu .header-right-info ul li {
    display: inline-block;
    vertical-align: middle;
}

#header.new_menu .header-right-info ul li .single-header-right-info .icon-box {
    text-align: center;
    padding: 0 20px;
}

#header.new_menu .header-right-info ul li .single-header-right-info .text-box, #header.new_menu .header-right-info ul li .single-header-right-info .icon-box {
    display: table-cell;
    vertical-align: middle;
}

#header.new_menu .header-right-info ul li .single-header-right-info .icon-box i {
    color: var(--corp);
    font-size: 30px;
}

#header.new_menu p {
    margin: 0px;
}

#header.new_menu .header-right-info ul li .single-header-right-info .text-box p, #header.new_menu .header-right-info ul li .single-header-right-info .text-box > a {
    color: #000000;
    line-height: 20px;
    font-size: 14px;
}

#header.new_menu .header-right-info ul li + li .single-header-right-info {
    border-left: 1px solid #e2e2e2;
    margin: 0 0 0 20px;
}

#position-menu{
    display:inline-block;
    width:75% ;
    vertical-align:middle;

    text-align:left;
    position:relative;
    z-index:100000;
}

.new_menu #position-menu {
    width: 100%;
    max-width: 1170px;
}
#header #logo img {
    max-width:250px;
    z-index: 39;

    width: 192px;

}

#header.new_menu #logo img {
    max-width: none;
    width: 100%;
    height: auto;
}
.bg_menu{
    background:#fff none repeat scroll 0 0;
    position:relative;z-index:2;
        box-shadow: 0px -1px 1px 0px #dedede;
}

.new_menu .bg_menu {
    background-color: #3370AF;
    display: flex;
    justify-content: center;
}

.new_menu .bg_menu {}
#conteneur_header {
    width: 1140px;
    font-size: 0;
    margin: auto;
    position: relative;
    padding: 14px 0;
}

.new_menu #conteneur_header {
    padding: 0;
}

#header h1 {
    margin: 0px;
    padding: 0px;
    text-align:left;
    font-size: 1.65em;
    position:relative;
    z-index:2;
}
#header img {
    margin: 0;
    padding: 0;
    background-image: none;
    height: 80px;
    /* background-color:#fff; */
}
/* =============================================================================
 * MENU
 * ===========================================================================*/

#menu_haut {
    list-style-type: none;
    width: 100%;
    font-size: 0;
}

.new_menu #menu_haut {
    display: flex;
    justify-content: center;
}
#menu_haut > ul > li {
 vertical-align:top;


    transition: all 0.3s ease 0s;
    display:inline-block;
    position: relative;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
}

.new_menu #menu_haut > ul > li {
    padding: 15px 0;
}


#menu_haut ul {
    margin: 0!important;
    padding: 0!important;
    text-align:right;
    display:inline-block;
}
#menu_haut li:first-child {
    border-left: 0px;
}

    #menu_haut > ul > li:last-child > a:after{
    display:none;
}
#menu_haut li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  /* text-transform: uppercase; */
  /* font-family: 'Poppins', sans-serif; */
  margin: 0px 15px;
  position: relative;
  display:inline-block;
  padding: 20px 0px;
}

.new_menu #menu_haut li a {
    padding: 0 30px;
    margin: 0;
    color: #fff;
}

#menu_haut li a:hover {
    /* text-decoration: underline; */
}
#menu_haut li a i{
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
    margin-top:10px;
    color:#007b3d;
}

.new_menu #menu_haut ul > li + li > a {
    /* border-left: 1px solid #ffffff; */
}

.menu-sub {
    position: absolute;
    top: 49px;
    z-index: 999;
    padding: 0 0;
    background: #fff;
    list-style-type: none;
    height: 0;
    left: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    overflow: hidden;
}

.menu-sub a {
    /* font-size: 20px; */
}
.menu-sub > li {
    display: block !important;
    /* border-bottom: 1px solid #555; */
}
.menu-sub > li:last-child{
    border-bottom:0px;
}

.menu-sub a {
    min-width: 200px;
    text-align:left!important;
    color:#999!important;
    padding: 0px 10px 0px 15px !important;
    padding: 5px 10px!important;
    margin:0px!important;
    font-size:13px!important;
    color: #444!important;
}

.menu-sub li:first-child a {
    /* padding-top: 10px!important; */
}

.menu-sub li:last-child a {
    padding-bottom: 5px!important;
}

#menu_haut > ul > li > ul {
    top: 53px;
    text-align:left;
}
#menu_haut ul ul {
    left: -9999px;
    /* opacity: 0; */
    -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;
}
/*******************************/
/* specific to non IE browsers */
/* =============================================================================
 * End of Menu
 * ===========================================================================*/
#header_popup {
    display: none;
}
#contenu {
    margin: 0;
    padding: 0;
    /* padding-top: 70px; */
    position: relative;
    width: 1170px;
    margin: auto;
    z-index: 4;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.PGS_COMPTE #contenu {
    width:100%;
}
.page_liquid #contenu {
    width: 100%!important;
}
.page_liquid #centreetdroite {
    width: 100%!important;
    padding-bottom:0px;
}
.pageAccueil #contenu {
    padding: 0px;
    width: 100%;
}
.pageAccueil #contenu h2 {
    display: none;
}
.pageAccueil #ariane {
    display: none;
}
.mdlPanier h3 + p + table> tbody > tr > td,
a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td {
    display: inline-block;
    width: 47.5%!important;
    border:1px solid #ccc;
    box-sizing:border-box;
    padding:30px;
}
.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 input[type="text"],
a[name="formIdentificationLog"] + h3 + p + table input[type="password"]{
    display:block;
    width:250px!important;
    background-color:#fff;
    border:1px solid #ccc;
    padding:15px;
    display: inline-block;
    width: 100%!important;
    box-sizing: border-box;
    padding: 10px 15x;
    font-size: 16px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 7px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 0px!important;
}
a[name="formIdentificationLog"] + h3 + p + table label{
    display:inline-block;
    margin-top:10px;
}
input[type="submit"],
input[type="reset"],
#formCreationLog a,
.submit,
.btn-panier {
    color: #fff!important;
    background-color: #2056a5;
    font-size: 16px!important;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    font-weight: normal!important;
    display: inline-block;
    border: #2056a5 0.5px solid;
    -webkit-transition: 0.5s all ease;
    font-family: 'Lato', sans-serif;
    text-transform:uppercase;
}
a.infobulle {
    position: relative;
    z-index: 24;
    color: #000;
    text-decoration: none;
    border: none;
}
input[type=checkbox], input[type=radio]{
    margin:0;
}
a.infobulle,
a.infobulle img {
    border: none;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing:content-box;
}

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;
}
#contenu_scroller {
    text-align: justify;
}

table td{
    padding:5px;
    text-align: left!important;
}

.fiche_billet{
    max-width:1170px;
    margin:auto;
}
.center_commentaire{
    max-width:1170px;
    margin:auto;
    margin-top:40px;
    margin-bottom:40px;
}
.par_style_1{
    max-width:1170px;
    margin:auto!important;
    margin-bottom:10px;
}
.header_salle{
    max-width: 100%;
    margin:auto;
    padding-top:60px;
    text-align:center;
    background: #2056a5;
}
.header_salle h4 {
    display:inline-block;
}
.header_salle > a{
    display:inline-block;
    vertical-align:middle;
}
.header_salle > a > img{
    border-radius: 50%;
    display: none;
    max-width:120px;
    height: auto;
    -webkit-box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.26);
    margin-right:40px;
}
.header_salle .title_salle{
    display:inline-block;
    text-align:left;
    border-bottom:0px;
    padding-bottom:0px;
    vertical-align:middle;
    margin-bottom:0px;


}
.title_salle h4{
    display:block;
    font-size: 26px;
    color: #f5f2f5;
    margin:0!important;
    margin-bottom:10px!important;
    font-weight: bold;
}
.visuel_salle{
    max-width:1170px;
    margin:auto;
    padding-bottom: 40px;
    padding-top: 40px;
    background: #2056a5;
}
.visuel_salle .col2{
    display:inline-block;
    width:50%;
    padding-left: 15px;
    padding-right:15px;
    box-sizing:border-box;
    vertical-align:top;
}
.visuel_salle .col2.video-container{
    width:calc(50% - 30px);
    margin:0 15px!important;
    padding-bottom:25.3%;
}
.bandeau_info{
    background-color: #2056a5;
    padding:20px 0px;
}
.pgs_salle .info_lien{
   max-width:1140px;
   margin:auto;
   padding:15px;
}
.pgs_salle .info_lien > div{
    width: calc(33.33333% - 25px);
    display: inline-block;
}
.pgs_salle .info_lien > div:last-child{
    vertical-align:top;
}
.pgs_salle .jereserve{
    background-color: #f8c301;
    text-transform:uppercase;
    padding:10px 20px;
    margin-top:7px;
    display:inline-block;
    font-weight:600;
    font-size:20px;
    color: #2056a5;
}
.visuel_salle .carousel_visuel img{
    width:100%;
    height:auto;
}
.header_salle .star{
   display: none;
   vertical-align:middle;
}
.star {
    font-size: 12px;
    vertical-align: top;
}
.star img {
    padding: 0 2px!important;
    vertical-align: top;
    padding-top: 2px!important;
}
.pgs_salle .desc_salle{
    display:block;
    max-width:1170px;
    margin:auto;
    margin-top:40px;
    font-size:0;
    padding-bottom:40px;
}
.pgs_salle .desc_salle .left_desc{
    display:inline-block;
    width:50%;
    padding: 0 15px;
    vertical-align:top;
}
.pgs_salle .desc_salle .left_desc p,
.pgs_salle .desc_salle .left_desc ul li{
    font-weight:normal;
    font-size:18px;
    line-height: 1.5em;
    color: #111;
}
.pgs_salle .desc_salle .left_desc ul{
    margin-bottom:15px;
    }
.pgs_salle .desc_salle .left_desc.full_width{
    width:100%;
}
.gamemaster img{
    display:inline-block;
    width:90px;
    height:auto;
}
.title_gamemaster{
    display:inline-block;
    width:calc(100% - 90px);
    padding-left:30px;
    vertical-align:middle;

}
.gamemaster p{
    margin-top:20px;
    font-size: 18px;
    line-height: 30px;
    font-weight:normal;
}
.title_gamemaster{
    font-family: 'Roboto Slab', serif;
    font-size:25px;
}
.title_gamemaster span{
    color:#f9c301;
    display:block;
}
.pgs_salle .desc_salle .right_desc {
        display:inline-block;
    width:50%;
    padding: 0 15px;
}
.header_salle h4 a span{
    font-size:30px;
        font-family: 'Roboto Slab', serif;
}
#contenu_scroller:after{
    content:'';
    display:table;
    clear:both;
}
#gauche {
    float: right;
    margin: 0;
    padding: 0;
    padding: 0 0 0 20px;
    /* background-image: url(../images/interface/fond-gauche.png); */

    background-repeat: no-repeat;
    background-position: left center;
    width: 262px;
}

#centre {
    width: 620px;
    margin: 0;
    margin-left: 30px;
    padding: 0;
}
#centreetdroite {
    width: 1170px;
    margin: auto;
    padding: 30px 0;
}
.PGS_COMPTE #centreetdroite{
    width:100%;
}
.pageAccueil #centreetdroite {
    padding-bottom: 0;
    height: auto!important;
    width: 100%!important;
}

#droite {
    width: 300px;
    margin: 0;
    padding: 0;
    /*float:right;*/

    position: absolute;
    top: 0px;
    right: 0px;
}
#pied #conteneur_pied {
    /* background-image:url(../images/interface/top-pied.png); */

    color: #fff;
    /* background-color: #2d343f; */

    background-repeat: no-repeat;
    background-position: center top;
    width: 1140px;
    margin: 0 auto;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    /* margin-bottom:40px; */
}
#pied #conteneur_pied:after{
    content:'';
    display:table;
    clear:both;
}
#pied h5 {
  color: #e82a86;
  font-weight: 600;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  text-transform: uppercase;
}

.pageAccueil h2 {
    /* display:none; */
}
#pied #conteneur_pied > div:nth-child(1) img{
    max-width:200px;
}

#pied #conteneur_pied > div:nth-child(2),
#pied #conteneur_pied > div:nth-child(3){
    width:23%;
}
#pied #conteneur_pied > div:nth-child(4){
    width:20%;
}
#pied li{
    display:block;
    font-size:15px;
    color:#
}
#pied li a{
    color: #222;
}

#pied #conteneur_pied > div{
    padding:0px 15px;
}
#pied #conteneur_pied > div:nth-child(1) p{
    font-size: 16px;
    margin-top:20px;
    line-height: 1.5em;
    color: #000000;
}
#pied #conteneur_pied > div:nth-child(3) li span{
    display:block;
}
#pied #conteneur_pied > div:nth-child(3) li,
#pied #conteneur_pied > div:nth-child(2) li{
    padding:10px 0;
}
#pied #conteneur_pied > div:nth-child(3) ul{
    margin:0;
    padding:0;
}
#pied #conteneur_pied > div:nth-child(2) li a{
    font-size:16px;
}
#pied #conteneur_pied > div:nth-child(2) li:last-child{
 border:0px;
}
#pied {
    width: 100%;
    margin: auto;
    background-color: #f5f2f5;
    color: #222;
}
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/

img.imgtitre {
    margin-left: 0px!important;
    padding: 9px!important;
    padding-left: 0px!important;
}

h2 img.imgtitre {
    margin-left: 0px!important;
    padding: 0px!important;
}
h2,
h3 {
    font-size: 1.25em;
    color: #231f20;
    margin-top: 0;
}
h3 {
    font-size: 20px;
    margin-bottom: 10px;
}


#centreetdroite .news h4 a {
    font-size: 18px!important;
}







#centre p img {
    padding: 0 5px;
    margin: 0;
}



img.picto {
    padding: 2px 2px 0 0;
}
img.immo,
img.immo_vignette {
    padding: 0 4px;
    background-color: #FFFFFF;
}
#droite img.immo,
#droite img.immo_vignette {
    padding: 0 4px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/

input {
    font-size: 0.85em;
}
select {
    font-size: 0.85em;
}
#gauche h4 a {
    color: #36b5e4!important;
}
#gauche p {
    color: #1a333c!important;
}
#gauche #paragraphe146 .suite {
    position: absolute;
    background-color: #36b5e4;
}
#gauche #paragraphe146 .suite:hover {
    background-color: #36b5e4;
    color: #fff!important;
    border: none;
}
#gauche .mdl_billet p {
    padding-bottom: 40px;
}
#gauche h3 {
    text-transform: uppercase;
}
/********/
/* PIED */
/********/

#pied {
    font-size: 0;
}
#pied ul {
    margin: 0;
    padding: 0;
    /* text-align: center; */
}
#pied ul.reseaux li:first-child a{
    background-color: #cc0000;
    font-weight:600;
    color:#fff;
    padding: 5px 10px;
}
#pied ul.reseaux li:nth-child(2) a{
    background-color: #2055a5;
    font-weight:600;
    color:#fff;
    padding: 5px 10px;
}
#pied ul.reseaux li:nth-child(3) a{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    font-weight:600;
    color:#fff;
    padding: 5px 10px;
}
#pied ul.reseaux li a i{
    padding-right: 5px;
    font-size:20px;
}
html>body #pied ul {
    margin: 0;
    list-style: none;
}




/**********/
/* HTML */
/**********/

legend {
    font-weight: bold;
}
label {
    font-weight: bold;
}
label.intitule {
    display: inline;
    float: left;
    width: 120px;
}
fieldset {
    /* padding: 5px; */
}
#droite form {
    margin: 0px;
    padding: 0px;
}
#droite fieldset {
    margin: 0px;
    border: none;
    padding: 0px;
    padding-left: 5px;
}
#droite h3 {
    color: #eb6c0e;
}
#droite fieldset p {
    padding: 0px;
    border: none;
}
#droite fieldset legend {
    border: none;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #cd1671;
    font-weight: bold;
    background: transparent;
}
#droite label {
    color: #666666;
    float: left;
    font-size: 10px;
    font-weight: normal;
}
#droite input,
#droite textarea {
    float: right;
    font-size: 10px;
    margin-top: -18px;
    border: 1px #666666 solid;
}
#droite input.submit {
    float: right;
    font-size: 10px;
    margin-top: 10px;
    border: none;
}
#centre div.paragraphe,
#centreetdroite div.paragraphe {
    margin: 0 0 10px 0;
}
#centre div.paragraphe.par_fixe,
#centreetdroite div.paragraphe.par_fixe {
    margin: 0 auto;
    width:1170px;
}


.pgs_salle .video-container {
    position: relative;
    padding-bottom: 55%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
        max-width: 1170px;;
}
.video-container {
    position: relative;
    padding-bottom: 55%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    width: 1170px;
    margin-top: 70px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**************/
/* Modules */
/***********/

.mdl_paragraphe2Colonne li {
    text-align: left !important;
}
.mdl_image_aleatoire {
    margin: -2px 0 0 0;
}
.mdl_citation_aleatoire p {
    padding: 0 10px;
}
.mdl_citation_aleatoire p {
    color: #3d9bde;
}
.mdl_citation_aleatoire em {
    font-weight: bold;
}
/* Liens */

a {
    text-decoration: none;
}
a {
    color: #2056a5;
}

a:hover,
a:focus,
a:active {
    color: #222;
    text-decoration: underline;
}
a.glossaire {
    /*color:#e3721f;*/

    color: #808080;
    text-decoration: underline;
}
a.glossaire:visited {
    color: #808080;
    text-decoration: underline;
}
a.alt {
    font-weight: bold;
}
a.suite {
    background-color: #97bf0d;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 16px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
}
a.suite:hover {
    background-color: transparent;
    border: 1px solid #97bf0d;
    color: #97bf0d!important;
}
a.suite:visited {
    color: #ffffff;
}
#droite a:link {
    color: #d96918;
}
#droite a:visited {
    color: #d96918;
}
/* Pas de bordure autour des images dans les liens */

a img {
    border: none;
}
/**********************/
/* 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;
}
/***************************/
/*     Recherche           */
/***************************/
/* Tag clouds Couleurs
orange  #e3721f => 0,3
marron #603b0b => 1,4
marron clair #ac741a =>2,5
Bleu #3d9bde
*/

#liste_mcl {
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px #AAAAAA solid;
    background-color: #F9F9F9;
    color: #808080;
}
#liste_mcl a {
    color: #808080;
    text-decoration: none;
}
#liste_mcl a:hover {
    text-decoration: underline;
}
#mdl_TopMCL a {
    color: #fff!important;
    ;
    text-decoration: none!important;
    font-weight: normal;
    display: inline-block;
    background-color: #2d343e;
    padding: 5px;
    border-radius: 3px;
}
#mdl_TopMCL .mcl0,
#mdl_TopMCL .mcl5,
#mdl_TopMCL .mcl1,
#mdl_TopMCL .mcl2,
#mdl_TopMCL .mcl3,
#mdl_TopMCL .mcl4 {
    margin-bottom: 5px;
    display: inline-block;
}
/* Immo */

.mdl_immo_selecteur {
    position: relative;
    width: 918px;
    margin-right: -40px;
}
.mdl_immo_selecteur table {
    width: 100%;
}
.mdl_immo_selecteur th {
    color: #be8f05;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #be8f05;
    font-size: 1.25em;
}
.mdl_immo_selecteur ul {
    margin: 0px;
    padding: 0px;
}
.mdl_immo_selecteur li {
    background-image: url(../images/interface/fleche.gif);
    background-position: left top;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 20px;
    padding-right: 40px;
    margin-bottom: 5px;
}
div.mdl_immo img.immo {
    background-color: #FFFFFF;
    padding: 6px !important;
    margin-right: 10px;
}
#centreetdroite .mdl_immo table .insertion,
#centre .mdl_immo table .insertion {
    display: block;
    text-align: center;
    background-color: transparent;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    margin-right: -3px;
}
p.bloc_tri {
    background-color: #544d47;
    color: white;
    padding: 5px;
}
p.bloc_tri a {
    color: white;
    font-weight: bold;
}
form.bloc_tri {
    background-color: #544d47;
    color: white;
    padding: 5px;
    text-align: right;
    margin-bottom: 5px;
}
tr.annonce {
    padding-top: 5px;
}
tr.annonce:hover {
    background-color: #fce8cd;
}
tr.annonce h4 {
    margin: 0px!important;
}
tr.annonce h4 a {
    color: #ff6600;
}
tr.annonce td {
    border-top: 1px #AFAFAF dotted;
    padding-top: 10px;
    padding-bottom: 10px;
}
td.footerannonce {
    background-color: #AFAFAF;
    padding-left: 2px;
    vertical-align: bottom;
}
td.footerannonce p {
    margin: 0px!important;
    padding: 0px!important
}
td.footerannonce a {
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
.prix {
    color: #e3721f;
    font-size: 1.25em;
    font-weight: bold;
}
div.mdl_modele_fiche h2 {
    text-align: right;
    margin: 0!important;
    margin-right: 18px!important;
}
div.mdl_modele_fiche h2 span {
    color: #fff;
    padding: 8px!important;
}
div.modeles_similaires {} div.modeles_similaires img {
    padding: 4px;
}
.mdl_ligne_cev {
    margin-bottom: 0!important;
}
.rechercher_modeles #frm_surface,
.rechercher_modeles #frm_nb_pieces,
.rechercher_modeles #frm_etage {
    width: 200px;
}
.rechercher_modeles td {
    width: 387px;
}
.prev_fred {
    background-image: url(../images/interface/prev_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
}
.next_fred {
    background-image: url(../images/interface/next_fred.png);
    height: 55px;
    width: 46px;
    display: block!important;
    position: absolute;
    top: 210px;
    right: 0px;
}
.pager a span {
    display: none;
}
.pager a {
    background-color: #fff;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    line-height: 40px;
    vertical-align: middle;
}
.pager a.selected {
    background-color: #97bf0d;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    line-height: 15px;
    vertical-align: middle;
}
#pager2 {
    position: absolute;
    width: 1920px;
    text-align: center;
    top: 400px;
}

.scroll_down #position-menu {
    /* vertical-align: bottom; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#position-menu {
    position: relative;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align:right;
}
.sub{
    display:inline-block;
}
.sub a{
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    display:inline-block;
    background-color: #2056a5;
    padding: 8px 13px;
    color: #f9c301;
    font-weight: 600;
    text-transform: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;

}
.sub i{
      font-size: 16px;
      padding-right:10px;
}
.sub a:hover{
    background-color:#A6791F;
    color:#2056a5;
}

#carousel_p div {
    text-align: center;
}
.inscription{
    display:inline-block;
    border:2px solid #e92a87;
    border-radius:5px;
    font-size:20px;
    padding:10px 15px;
    vertical-align:middle;
    margin-left:40px;
    text-align:center;
}
.inscription a{
    display:block;background-color:#e92a87;
    text-transform:uppercase;
    padding:5px 10px;
    border-radius:10px;
    color:#fff;
}
#header #logo {
    display: inline-block;
    width: 35%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align:left;
}
#header #logo .slogan{
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}
#header #logo .slogan p{
  font-size: 16px;
  color: #2056a5;
  font-weight: 600;
  text-transform: uppercase;
}

@media screen and (min-width: 1170px) {
    body {
        overflow-x: hidden;
    }
  /*  #menu_haut > ul > li:hover > ul {
        left: 0;
        top: 100%;
        opacity: 1;
    }*/

    .extend {
        display: none!important;
    }
}
#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;
}
.prevnext {

    color: #b6b4b4;
    margin: 0;


}
.first{
    font-size:30px!impo;
}
.prevnext a {
    font-style: normal;

       font-family: 'PT Serif', serif;
    display: inline-block;
    text-align: center;
    font-style:italic;
    margin: 5px;
    color: #b6b4b4;

    font-size:18px;
    -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: #f9c301;

}
label {
    display: none;
}

form p:last-child {
    margin: 0px!important;
}
.list_lien h5{
    text-align:center;
    color:#2a2a2a;
    text-transform:uppercase;
    font-weight:900;
    font-size:18px;
    margin-bottom:40px;
}
.filtre_top{
    font-size:0;
}
.resultat_filtre{

    display:inline-block;
        vertical-align:middle;
        font-family: 'PT Serif', serif;
        font-style:italic;
        font-size:18px;
        color:#2a2a2a;
        font-weight:bold;
        padding:15px 0px;
        border-right:1px solid #ccc;
        padding-right:40px;
    letter-spacing:2px;
}
.resultat_filtre span{
    color:#898888;
    font-weight:normal!important;
}
.filtre_annonce{
    display:block;
    vertical-align:middle;
    padding-left:0px;
}
.filtre_annonce .group_form{
    display:inline-block;
}
.pageAccueil .filtre_annonce .group_form select{
    width:100%;
}
.pageAccueil .filtre_annonce .group_form{
    display:inline-block;
    margin:0 15px;
    width:calc(35% - 95px);
    /* box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26); */
    /* -webkit-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26); */
    -moz-box-shadow: 5px 4px 9px 0px rgba(0,0,0,0.26);
}
.pageAccueil .filtre_annonce .group_form input{
    width:100%;

}
.list_theme{
    max-width:1170px;
    margin:auto;
    font-size:0;
    text-align: center;
    padding:60px 0px;
    border-bottom: 1px solid #2056a5;
}
.list_theme:last-child{
    border-bottom: 0px solid #2056a5;
}
.carte_escape{
    text-align:center;
    padding:60px 0px;
    background-color: #f5f2f5;
}
.carte_escape h4 span{
      display:block;
      color: #2056a5;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 35px;
      font-family: 'Open Sans', sans-serif;
}
.carte_escape h4{
      font-weight:300;
    font-family: 'Roboto Slab', serif;
    line-height:50px;
    color:#222;
    font-size:25px;
    margin-bottom:60px;
}
.carte_escape #map_canvas{
    width:100%!important;
    height:500px!important;
}
.left_theme{
    display:inline-block;
    width:300px;

    padding-top:60px;
}
.center_carte{
    max-width:1170px;
    margin:auto;
}
.left_theme h4{

    font-weight:300;
    font-family: 'Roboto Slab', serif;
    line-height:50px;
    color:#222;
    font-size:30px;
}
.left_theme h4 span{
    display:block;
    font-size:35px;
    color: #2056a5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}
.new_salle .block_theme{
   display:inline-block;
   width:20%;
   text-align:center;
   margin-bottom:20px;
}
.block_theme{
   display:inline-block;
   width: 20%;
   text-align:center;
   margin-bottom:20px;
   vertical-align: top;
}
.block_theme i:before{
    margin:0;
}
.block_theme i:before{
    font-size:70px!important;
     color:#f9c301;
}
.block_theme h4{
       color: #2056a5;
       font-size: 20px;
       font-weight: bold;
       font-family: 'Open Sans', sans-serif;
}
.new_salle .right_theme{
    width:100%;
}
.right_theme{
    display:inline-block;
    width:calc(100% - 300px);
    vertical-align:top;
}
.ville_form{
    display:inline-block;
    position:relative;
}
.filtre_annonce .input_club{
    background-image:url(../images/interface/picto_golf_input.png);
    background-repeat:no-repeat;
    background-position:15px center;
}
.filtre_annonce .input_lieu{
    background-image:url(../images/interface/picto_loca_input.png);
    background-repeat:no-repeat;
    background-position:15px center;
}

.info_lien > div a{
    color: #468BF2;
    display:inline-block;
    line-height: 1.5em;
    vertical-align:middle;
    text-align:left;
    width:calc(100% - 70px);
}
.annonce .categorie_lien a{
    width: auto;
    background: #f5f2f5;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.annonce .categorie_lien a span{
   margin:0;
   color:#2056a5;
   font-size: 20px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   text-transform: initial;
   line-height: 1;
}
.bandeau_info .info_lien > div{
    text-align:center;
    vertical-align:middle!important;

}
.bandeau_info .info_lien > div a{
    text-align:center;
    width:100%;
}
.bandeau_info .info_lien .list_etab a,
.bandeau_info .info_lien .list_etab label{
    font-size: 16px;
    width:100%;
    color: #f9c301;
    display: block;
    text-align: left;
}
.bandeau_info .info_lien .list_etab label{
    text-transform:uppercase;
}
.info_lien > div img{
    max-width:70px;
}
.pgs_salle .info_lien .block_info .title_info{
    font-size:25px!important;
}
.info_lien > div img {
    vertical-align: bottom;
    /* padding-right: 7px; */
    width: 100%;
    height: auto;
    border: 2px solid #f9c301;
    border-radius: 50%;
}
.list_etab img{
    border-radius:0px!important;
    border:0px!important;
    max-width:200px!important;
    width:auto!important;
    display:block;
    margin:auto;
}
.list_etab img{
    background-color:#fff;
    padding:15px;
}
.info_lien > div{
    margin-right: 25px;
}
#centreetdroite .info_lien .list_etab,
#centreetdroite .info_lien .block_info{
    width: 100%;
    margin: 0;
}
#centreetdroite .info_lien .block_info span{
    background-color: #1e6fb2;
    color: #f7f7f7;
    display: inline-block;
    text-transform: initial;
}
#centreetdroite .info_lien .list_etab a{
    padding: 5px 0;
    color: #fdbb32;
    position:relative;
    padding-left: 10px;
    font-weight: 800;
}
#centreetdroite .info_lien .list_etab a:before{
    position:absolute;
    bottom:0;
    left:0;
    content:'> ';
    font-size:16px;
    font-weight: 600;
    width: 10px;
    height: 20px;
}
.info_lien .localisation{
    display:inline-block;
    width: calc(70% - 25px);
    vertical-align:top;
}
.info_lien .index{
    display:inline-block;
    width: calc(30% - 25px);
    vertical-align:top;
}
.annonce .info_lien > div{
 width: calc(60% - 20px);
 vertical-align:bottom;
}
.annonce .info_lien .block_info{
 width: calc(40% - 20px);
 vertical-align:bottom;
}
.list_lien .info_lien > div{
    text-align:left;
}
.PGS_ESCAPE_GAMES .info_lien{
    font-size:0;
    display: block;
}
.PGS_ESCAPE_GAMES .info_lien .list_etab a{
   line-height:1.4;
}
.info_lien i,.center_info i{
    color: #468BF2;
    font-size:18px;
    padding-right:10px;
}
.pgs_salle .info_lien i{
    color:#fff;

    display:block!important;

    line-height:30px;
}
.info_lien > div .label{
   line-height:1em;
    display:inline-block;
    vertical-align:bottom;
    color:#2d2d2d;
    font-size:18px;

    font-weight:normal;
    padding:0px;
}
.club{
    display:inline-block;
    font-size:16px;
}
.localisation,.index{
    display:inline-block;
    font-size:16px;
}

.filtre_annonce .recherche button{
    color: #2056a5;
    background: #fdbb32;
}

.filtre_top .prevnext{
   display:inline-block;
       vertical-align:middle;
}
.filtre_top .prevnext{
    padding-left:30px;
    padding-top:5px;
    float:right;
}
.bloc_list_lien {
    border:1px solid #e6e6e6;
    padding:30px 45px;
    position:relative;
    margin-top:30px;
    font-size:0;
}
.img_lien{
    display:inline-block;
    width:168px;
}
.list_lien .img_lien{
    position:relative;
    height:168px;
    width:168px;
    overflow:hidden;
    border-radius:50%;
        -webkit-box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.26);
-moz-box-shadow:    0px 1px 46px 0px rgba(0, 0, 0, 0.26);
box-shadow:         0px 1px 46px 0px rgba(0, 0, 0, 0.26);
}
.img_lien a{
    display:block;
}
.img_lien img{


    position:absolute;

}
.desc_list_lien{
    display:inline-block;
    vertical-align:top;
    width:calc(100% - 168px);
    padding-left: 30px;
}
.new_membre{
    position:absolute;
    top:-1px;
    left:-1px;
}
.link_list{
    position:absolute;
    top:10px;
    right:15px;
}
.link_list a{
    font-size:20px;
    margin-left:15px;
    color: #f9c301;
}
.titre_list h3{
    display:inline-block;
    vertical-align:middle;
    margin:0;
    margin-right:2px;
    text-align: left;
}
.titre_list h3 a{
    color: #2056a5;
    font-weight:bold;
    font-size:18px;
}
.titre_list .star{
    vertical-align:middle;
    display: none;
    margin-left:15px;
}
.star .vote{
    font-size:11px;
    vertical-align:middle;
    padding-left:10px;
}
.titre_list{
    margin-bottom:35px;
}
.intro_lien{
    font-size: 16px;
    color: #111;
    margin-bottom: 30px;
}
.desc_lien p,
.desc_lien div,
.desc_lien ul li{
    font-size:17px;
    color:#8b8b8b;
    line-height:30px;
}
.desc_lien{
    margin-bottom:50px;
}
.slide_lien img{
    width:100%;
    height:auto;
}
.slide_lien{
    margin-bottom:40px;
}
.fiche_lien{
    font-size:0;
    margin-top:65px;
}
.fiche_lien .annonce .info_lien > div{
    width:100%;
}
.fiche_lien .carousel_fiche_lien .owl-controls{
    display:none;
}
.center_lien{
    max-width:1170px;
    margin:auto;
}

.carousel_fiche_lien img {
    width: 100%!important;
    height: auto;
}
.carousel_fiche_lien .owl-dot {
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 15px;
    width: 100px!important;
    height: 100px!important;
    background-size: cover;
}
.carousel_fiche_lien .owl-dot:first-child,
.carousel_fiche_lien .owl-dot:nth-child(6) {
    margin-left: 0px;
}
.carousel_fiche_lien .owl-dot:nth-child(5) {
    margin-right: 0px;
}
.carousel_fiche_lien .owl-dots {
    margin-top: 15px;
    margin-bottom: 10px;
}
.contact_lien{
    border:1px solid #f9c301;
    padding:35px 0px;
    text-align:center;
    -webkit-box-shadow: -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         -1px 17px 18px 0px rgba(0, 0, 0, 0.06);
    margin-bottom:50px;
}
.right_fiche_lien .annonce{
    border-top:1px solid #e6e6e6;
    padding-top:30px;
}
.annonce .bloc_list_lien .img_lien{
    width: 0;
    position:relative;
    border-radius:50%;
    overflow:hidden;
    display:inline-block;
    height:100px;
    -webkit-box-shadow: 0px 1px 46px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 46px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 46px 0px rgba(0, 0, 0, 0.26);
}
.annonce .bloc_list_lien .desc_list_lien{
    width: 100%;
    padding-left: 0;
}
.annonce .bloc_list_lien .titre_list{
    margin-bottom:15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #2056a5;
}
.annonce .desc_actu{
    display:none;
}
.annonce .bloc_list_lien h3 a{
    text-transform: uppercase;
}
.annonce .intro_lien{
    font-size:12px;
    margin-bottom:0px;
}
.annonce .intro_lien > br{
    display:none;
}
.annonce  .info_lien{
    margin-top:20px;
}
.mdl_formulaire .info_lien > div{
    text-align:left;
}
.annonce .info_lien > div,
.annonce .info_lien > div .label{
    font-size:14px;
}
.PGS_ESCAPE_GAMES .info_lien .block_info .title_info{
    font-size: 20px;
    display:block;
    margin-top:10px;
    font-weight: bold;
    color: #f9c301;
}
.annonce .info_lien .block_info span{
    background: #2056a5;
    color: #f5f2f5;
    margin: 0;
    padding: 5px 10px;
    text-transform: initial;
}
.info_lien .title_info{
    font-size: 16px;
    display:block;
    margin-top:10px;
    font-weight: bold;
    color: #f9c301;
    padding: 5px 10px;
}
.pgs_salle .info_lien .block_info .title_info{
    color: #2056a5;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
    display: inline-block;
    background: #f9c301;
}
.info_lien > div > a > span:nth-child(1){
    font-size:20px!important;
    font-weight:bold;
    color:#fff;
}
.annonce .info_lien > div > a > span:nth-child(1){
    color:#f9c301;
    font-weight: bold;
    font-size: 16px!important;
}
.info_lien > div .icon{
    display:block;
}
.info_lien > div .icon i{
    line-height:30px;
}
.info_lien > div > a > span.icon i:before{
    font-size:35px!important;
    margin:auto;
    padding:0!important;
    display:block;


}
.info_lien > div > a > span.icon i{
    padding:0;
    display:block;
    font-weight:normal;

}
.annonce .info_lien > div img{

}
.annonce .bloc_list_lien{
    margin-top:0px;
    margin-bottom:30px;
    padding: 25px 30px;
    position:relative;
    display: inline-block;
    width: calc(50% - 20px);
    margin-right: 20px;
}
.annonce .bloc_list_lien:last-child{
    margin-bottom:0px;
}
.annonce .date_annonce{
    font-size:12px;
    vertical-align:middle;

}
.annonce .link_list a{
    vertical-align:middle;
}
.right_fiche_lien .annonce h4{
    margin:0;
    font-size:19px;
    color:#343535;
    margin-bottom:40px;
}
.right_fiche_lien .annonce h4 img{
    vertical-align:bottom;
    padding-right:15px;
}
.right_contact{
    display:inline-block;
    vertical-align:middle;
}
.map_fiche {
    margin-top:70px;
    border-top:1px solid #d6d6d6;
}
.map_fiche h3{
    display:none;
}
.map_fiche #map{
    width:100%!important;
    height:600px!important;
}
.map_fiche .title_map_fiche{
    text-align:center;
    padding-top:35px;
    border-bottom:1px solid #d6d6d6;
     padding-bottom:20px;
}
.map_fiche .title_map_fiche h5{
    font-size:14px;
    margin:0;
    color:#b1b1b1;
    text-transform:uppercase;
    margin-bottom:15px;

}
.right_contact a{
    background-color:#f9c301;
    font-size:17px;
    font-weight:bold;
    color:#fff;
    padding:15px 40px;
    display:inline-block;

}
.left_contact{
    display:inline-block;
    vertical-align:middle;
    padding-right:50px;
    text-align:left;

}
.left_contact h5 {
    margin:0px;
    margin-bottom:10px;
}
.taux_rp{
    margin:0;
    font-size:12px;
    font-family: 'PT Serif', serif;
    font-style:italic;
    color:#5a5a5a;
}
.left_contact h5 a{
    font-size:17px;
    font-weight:600;
}
.left_contact h5 a strong{
    font-weight:900;
}
.right_contact a i{
    padding-right:12px;
    font-size:24px;
    vertical-align:middle;
}
.right_contact a  span{
    vertical-align:middle;
}
.center_contact{
    display:inline-block;
}
.left_fiche_lien{
   width: 380px;
   display:inline-block;
   vertical-align:top;
}
.right_panel{
    display:inline-block;
    width:calc(100% - 260px);
    vertical-align:top;
    padding-left:100px;
    padding-top:30px;
}
.right_panel a{
    display:inline-block;
    width:185px;
    height:240px;
    position:relative;
    border:1px solid #f9c301;
    margin-right:30px;
    border-radius:5px;
    text-align:center;
    padding-top:60px;
}
.right_panel a:last-child{
    margin-right:0px;
}
.right_panel a:hover *{
    color:#fff;
}
.right_panel a:hover{
    background-color:#f9c301;
}
.right_panel .picto_big{
    font-size:40px;
    display:block;
    height:40px;
    color:#919090;
}
.picto_little{
    color:#f9c301;
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:20px;
}
.right_panel .title_link{
    color:#919090;
    display:block;
    font-family: 'Roboto Slab', serif;
    margin-top:10px;
    font-weight:bold;
    font-size:18px;
}
.right_panel .titre{
    margin-top:30px;
    border-bottom:1px solid #d3d3d3;
    margin-bottom:30px;
    padding-left:20px;
    padding-bottom:10px;

}
.right_panel .titre h4,
.right_panel .titre h4 a{
    font-size:19px!important;
    color:#3b3a3a!important;
    line-height:10px!important;
    text-transform:uppercase;
}
.right_panel .titre h4 i{
    font-size:30px;
    vertical-align:middle;
    padding-right:15px;
}
.right_panel .titre h4 img{
    vertical-align:middle;
    display:inline-block;
    padding-right:15px;
}
.left_fiche_lien{
     border: 1px solid #d3d3d3;
     margin-bottom: 60px;
}
.panel_user .left_fiche_lien{
    width:260px;
    border:0px;
}
.list_commentaire {
    border-bottom: 1px solid #ddd;
}
.list_commentaire {
    font-size: 16px;
    padding: 15px 0px;
}
.list_commentaire:last-child {
    border-bottom: 0px;
}
.right_fiche_lien > div>h3:first-child {
    margin-bottom: 10px!important;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}
.info_fiche{
 padding: 30px;
 padding-bottom: 30px;
 border-bottom: 1px solid #d3d3d3;
}
.panel_user .info_fiche{
    padding:0px;
    border:0px;
}
.block_avis{
    border-bottom:1px solid #d3d3d3;
    padding:40px 15px;
    text-align:left;
}
.title_avis {
    margin-bottom: 10px;
    text-align: left;
}
.title_avis h6 {
    margin: 0;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}
.block_avis:last-child{
    border-bottom:0px;
}
.left_avis a{
    display:block;
}
.left_avis{
    display:inline-block;
    vertical-align:top;
    padding-top:25px;
    width:74px;

}
.left_avis img{
    max-width:100%;
}
.right_avis{
    display:inline-block;
    padding-left:20px;
    width:calc(100% - 74px);
    vertical-align:middle;
    text-align:left;
}
.right_avis .date_avis{
    margin-bottom:0px;
    color:#bbbbbb;
    font-size:11px;
}
.more_avis{
    text-align:right;
}
.more_avis a{
    color:#f9c301;
    font-size:13px;
    margin-right:10px;
}
.more_avis a:first-child {
    float: left;
    margin-left: 10px;
}
.avis .nb_avis {
    font-size: 14px;
}
.title_avis{
    margin-bottom:10px;
}
.connexion{
    display:inline-block;
    border-radius:50%;
    width:9px;
    height:9px;
    vertical-align:middle;
    margin-left:5px;
}
.block_avis {
    border-bottom: 1px solid #d3d3d3;
    padding: 40px 15px;
}
.block_avis:last-child {
    border-bottom: 0px;
}
.connexion.on{
    background-color:#97e823;
}
.connexion.off{
    background-color:#d11f02;
}
.right_avis p{
    font-size:12px;
    color:#858585;
    text-align:justify;
}
.title_avis h6{
    margin:0;
    vertical-align:middle;
    display:inline-block;
}
.title_avis h6 a{
    text-transform:uppercase;
    font-weight:900;
    font-size:11px;
    margin-right:10px;
    color:#5a5a5a;
}
.block_avis p {
    font-size: 12px;
    color: #858585;
    text-align: justify;
}
.left_avis a img{
    -webkit-box-shadow: 0px 1px 49px 0px rgba(0, 0, 0, 0.26);
-moz-box-shadow:    0px 1px 49px 0px rgba(0, 0, 0, 0.26);
box-shadow:         0px 1px 49px 0px rgba(0, 0, 0, 0.26);
border-radius:50%;
}
.img_info{
    display:inline-block;
    width:30px;
    text-align:center;
}
.avis h4{
    margin-bottom:0!important;
}
.avis{
    padding:20px 10px;
    display: none;
}
.info_fiche .img_fiche img{
    width: 200px;
    height:auto;
    -webkit-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 1px 59px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 1px 59px 0px rgba(0, 0, 0, 0.15);
}
.panel_user .info_fiche .img_fiche img{
  -webkit-box-shadow: 0px 1px 59px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 1px 59px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 1px 59px 0px rgba(0, 0, 0, 0);
border-radius:0;
max-height:150px;
width:auto;
}
.panel_user .block_info_fiche{
    border: 1px solid #e8e8e8;
    padding:30px;
    text-align:left;
}
.panel_user .block_info_fiche h5{
    margin:0px;
      color:#232323;
        font-family: 'Roboto Slab', serif;
        font-weight:bold;
}
.panel_user .block_info_fiche h5 strong{
    color:#f9c301;
}
.panel_user .block_info_fiche h5 a{
    color:#232323;
}
.panel_user .block_info_fiche h5:nth-child(1) {
    margin-bottom:20px;
}
.info_fiche .img_fiche{
    margin-bottom: 30px;
    text-align: center;
}
.panel_user .img_fiche{
   border: 1px solid #e8e8e8;
   padding:20px;
    margin-bottom:10px;
}
.info_fiche .date_membre{
    font-size:11px;
    color:#5a5a5a;
    text-align:center;
    display: none;
}
.center_info{
    display:inline-block;
    text-align: center;
    width:300px;
}
.center_info .label{
        line-height: 1em;
    display: inline-block;
    vertical-align: bottom;
    color: #2d2d2d;
    font-size: 18px;
        font-family: 'Roboto Slab', serif;

    font-weight: normal;
    padding: 0px;
}
.center_info a{
    color: #4a4a4a;
    display: inline-block;
    line-height: 1em;
    vertical-align: bottom;
}
.center_info .index{
      display: inline-block;
      font-size: 16px;
}
.center_info > div{
    margin-bottom:15px;
}
.fiche_lien .localisation{
    display:block;
}
.div_cont span{
    font-size:15px;
    text-transform:capitalize!important;
}
.div_cont a{
    background-color: #2056a5;
    padding:7px 15px;
    color:#fff;
}
.div_cont a i{
    color:#fff;
}
.div_cont{
    text-align: center;
}

.info_fiche h4,.avis h4{
    font-size: 20px;
    color: #2056a5;
    margin-bottom:15px;
    text-align: center;
    line-height: 1.5em;
    font-weight: 600;
}
.avis > a {
    font-size: 15px;
    margin-top: 20px;
    display: inline-block;
}
.info_fiche .star{
    text-align:center;
    display: none;
}
.right_fiche_lien{
    width:calc(100% - 380px);
    display:inline-block;
    vertical-align:top;
    padding-left: 30px;
    padding-bottom: 30px;
}

.annonce{
    padding-top:70px;
}
.annonce h4{
    font-size:24px;
    margin: 20px 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-right:55px;
  box-sizing:border-box;
}
img + .right_actu{
      padding-right:0px;
  padding-left:55px;
}
.logo_etablissment{
    display:inline-block;
    width:300px;
    vertical-align:top;
}
.right_actu h4{
  margin:0;
  text-transform:uppercase;
  font-family: 'Lato', sans-serif;
  margin-bottom: 20px;
  text-align: left;
}
.right_actu h4 a{
      color: #2056a5;
      font-weight: 600;
}
.lin_actu a.suite{
    color: #fff;
    background-color: #e92a87;
    font-weight: 500;
    font-size: 20px;
    line-height: 18px;
    padding: 15px 30px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.lin_actu a.suite:hover{
    color: #fff!important;
    border: none;
    background: #1e6fb2;
}
.prevnext{
    width:1140px!important;
    margin:auto!important;
    margin-top:30px!important;
}
.date_actu{
    color:#222!important;
    font-size: 0;
    font-weight:400!important;
    margin-bottom:20px!important;
    display: none;
}
.desc_actu{
    font-size:16px!important;
    margin-bottom: 20px!important;
}
.center_actu{
  max-width:1140px;
  margin:auto;
}
.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);
}
.panel_user{
    margin-top:40px;
}
.edition_lien,.edition_user {
    max-width:1170px;
    margin:auto;
}
.nav_user{

    text-align:right;

    max-width:1170px;
    margin:auto;
        margin-bottom:30px;
}
.center_bandeau{
    max-width:1170px;
    margin:auto;
    font-size:0;
}
.left_bandeau{
    display:inline-block;
    width:50%;
}
.left_bandeau p{
    font-size:22px;
        font-family: 'Roboto Slab', serif;
        margin-bottom:0px;

}
.left_bandeau p strong{
    color:#f9c301;
}
.left_bandeau p i{
    font-size:30px;
    vertical-align:middle;
    color:#3e3e3e;
    margin-right:10px;
}
.right_bandeau{
    display:inline-block;
    width:50%;
    text-align:right;
}
.block_panel{
    max-width:1170px;
    margin:auto;
    margin-top:50px;
}
.list_salle,.list_billet{
     max-width:1200px;
    margin:auto;
    margin-top:50px;
    font-size:0;
}
.list_salle .block{
    display:inline-block;
    width:calc(25% - 30px);
    margin:0 15px;
    text-align:center;
    vertical-align:top;
    margin-bottom:40px;
}
.list_salle .block img{
    width:100%;
    height:auto;
}
.list_salle .block img{
    border-radius:0;
       -webkit-box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    6px 6px 5px 0px rgba(0, 0, 0, 0);
box-shadow:         6px 6px 5px 0px rgba(0, 0, 0, 0);

}
.list_salle .img_new_salle img{
    position:absolute;
}
.title_salle,.list_billet .title_billet{
    margin: 0 15px;
    padding-bottom:10px;
    border-bottom:1px solid #e8e8e8;
    margin-bottom:30px;
}
.title_salle h5,.list_billet .title_billet h5{
    font-size:30px;
    font-family: 'Roboto Slab', serif;
    font-weight:bold;
    color:#232323;
}
.title_salle h5 strong,.list_billet .title_billet h5 strong{
    color:#f9c301;
}
.title_salle h5 i,.list_billet .title_billet h5 i{
    margin-right:15px;
    font-size:35px;
    vertical-align:top;
    color:#919090;
}
.list_billet .block{
    background-color:#f1efef;
    padding:20px;
    border-radius:5px;
    margin-bottom:20px;
}
.head_billet .img_billet_list{
    display:inline-block;
    width:110px;
    height:110px;
    background-color:#fff;
    border-radius:50%;
      vertical-align:middle;
    overflow:hidden;
    margin-right:20px;


}
.head_billet .img_billet_list img{
    width:100%;
}
.head_billet h4{
    display:inline-block;
    vertical-align:middle;


    width:calc(100% - 600px);
}
.head_billet h4 a{
    color:#5d5b5b;
    font-weight:bold;
    font-size:24px;
}
.desc_billet{
    display:block;
    margin-top:20px;
}
.desc_billet{
    font-size:20px;
    padding-bottom:20px;
    border-bottom:1px solid #dadada;
    margin-left:10px;
    margin-right:10px;
}
.desc_billet br{
    display:none;
}
.date_annonce{
    display:inline-block;
    font-size:20px;
    vertical-align:middle;
    text-align:right!important;
    width:450px;
}
.list_billet .btn_salle{
    text-align:right;
    margin-right:10px;

}
.list_billet .btn_salle a{
    color:#5d5b5b!important;
    font-size:18px!important;
    vertical-align:top;
    display:inline-block;
}
.list_billet .btn_salle a i{
    color:#f9c301!important;
    margin-right:5px;
}
.right_bandeau a{
    font-size:18px;
    margin-left:30px;
      font-family: 'Roboto Slab', serif;
    color:#2f2e2e;
}
.right_bandeau a:first-child{
    margin-left:0px;
}
.right_bandeau a i{
    margin-right:10px;
        color:#f9c301;
}
.bandeau_user{
    background-color:#f5f5f5;
    padding:30px;
    box-sizing:border-box;
}
.nav_user a {
    color:#fff;
 background-color:#1ca664;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    padding:10px 20px;
    border-radius:5px;

}
.nav_user .disconnect{
        background-color:#d70000;
}
.intro_user{
    padding:40px;
}
.nav_user a i{
    font-size:22px;
    padding-right:10px;
    vertical-align:bottom;
    display:inline-block;
}
.nav_user h3{
    display:inline-block;
    margin:0px;
    padding-bottom:10px;
    font-weight:bold;
    font-family: 'Roboto Slab', serif;
    font-size:30px;
    color:#232323;
    vertical-align:bottom;
    float:left;
}
#formIdentificationLog .nav_user h3{
   float:none;
}
#formIdentificationLog .nav_user{
    text-align:left;
}
.edition_billet #billet_extra{
    border:1px solid #ddd;
    padding:20px;
}
.edition_user label{
    display:block;
    font-size:18px;
    color:#232323;
    font-weight:300;
    width:200px;

}
.edition_billet label{
    width:250px;
}
.edition_billet p:nth-child(4) input,
.edition_billet p:nth-child(5) input{
    display:inline-block;
    width:auto;
}
.edition_billet p{
    margin-bottom:20px;
}
.edition_billet p:nth-child(4) label,
.edition_billet p:nth-child(5) label{
    display:inline-block;
    width:auto;
}
#billet_extra td:first-child{
    width:250px;
}
.edition_user fieldset > table > tbody>tr> td:nth-child(1){
    width:210px;
}
.edition_user img{
    margin-bottom:10px;
}
.edition_user input[type="text"],
.edition_user input[type="password"],
.edition_user select{
    border:2px solid #e6e6e6;
    font-size:18px;
   width:100%;
   padding:12px 15px;
}
.edition_user table{
    width:100%;
}
.p_obli{
    font-size:18px;
    color:#adaaab;
    padding-top:15px;
    padding-bottom:30px;
}
.btn_form{
    padding-left:200px;
}
.edition_lien .btn_form{
    padding-left:210px;
}
.btn_form input[type="submit"]{
    text-transform:none;
    border-radius:5px;
    font-size:19px!important;
}
.btn_form input[type="reset"]{
    text-transform:none;
    border-radius:5px;
    font-size:19px!important;
    background-color:#5e605f;
    border-color:#5e605f;
}
.edition_user table{
    margin-bottom:30px;
}
.green{
    font-size:24px;
    color:#f9c301;
}
.edition_user > form > fieldset > table >tbody > tr> td{
    padding:12px 0px;
    text-align:left;
}
.link_nav{
    display:inline-block;
    vertical-align:bottom;

    text-align:right;
}
.link_nav a{
    text-align:left;
    display:inline-block;
}
.navbar-toggle .icon-bar{
    background-color:#1e6fb2;
    height:3px!important;
    width:40px;
}
#lines {
    border-bottom: 17px double black;
    border-top: 6px solid black;
    content: "";
    height: 5px;
    width: 35px;
    display: block;
}
.social {
    z-index: 1;
}
 .social {
     position: relative;
     /* top:50%; */
     /* right:120px; */
     /* margin-top:-30px; */
     display: inline-flex;
     width: 30%;
     vertical-align:middle;
     text-align:right;
     align-items: center;
     justify-content: center;
}

.campus {
    display: flex;
    align-items: center;
}
 .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: 16px;
     -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;
    }
}
.btn-menu {
   display:block;
   cursor: pointer;
   position:absolute;
   /* top:50%!important; */
   right:0;
   margin-top:-30px;
}

#pager2 {
    width: 100%;
    bottom: 10px;
    top: auto;
}
 #menu_haut ul {}

 .btn-menu{
        display:none;
    }

@media screen and (max-width: 1170px) {

    .btn-menu{
        display:flex;
    }
    .pgs_salle .info_lien > div{
       width:calc(33.333% - 25px);
       margin-bottom:20px;
    }
    .mceLayout{
        width:100%!important;
    }
    .list_salle .block{
       width: 350px;
       max-width:350px;

    }
    .list_salle .img_new_salle{
        width:350px;
        height:350px;
    }
    .img_new_salle a:first-child{
         width:350px;
        height:350px;
    }
   

    #pied #conteneur_pied > div{
        padding:0 20px;
    }
    .block_actu{

    }
   
    .carousel-inner {
        width: 100%!important;
    }
   
    .left_theme{
        width:100%;
        padding-top:0px;
    }
    .list_theme{
        padding:40px 15px;
    }
    .right_theme{
        width:100%;
    }
   
    .best_team .block_equipe{
        margin-bottom:20px;
    }
  
    .btn-menu {
        z-index: 1000;
        display: inline-block!important;
        position: absolute;
        right: 0;
        top: 85px!important;
        /* background-color:#fff; */
    }

.new_menu #menu_haut ul {
    display: flex;
    flex-direction: column;
    position:relative;
    left:0;
  
}
    
.new_menu #menu_haut > ul > li.open ul.menu-sub{
   height:auto;
}
.new_menu #menu_haut > ul > li {
    text-align: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#menu_haut li a i {
    color: #fff;
}

#header.new_menu .header-right-info {
    width: calc(80% - 85px);
}
    .icon-bar{
        background-color: #2056a5;
    }
       #col1 {
        display: none;
    }
    #col3 {
        float: none;
    }
    #pied {
        width: 100%;
    }
    #pied #conteneur_pied {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 0px;
    }
    #header {
        min-width: 100%;
        position:relative;
        /* height: 100px; */
    }
    .slider{
        position:relative;
        padding-top:0px;
    }
    #conteneur {
        /* padding-top:100px; */
    }

    .pageAccueil h3 {
        font-size: 30px;
    }
    #conteneur_contenu {
        min-width: 100%;
    }
    #contenu,
    #conteneur_header {
        width: 100%;
    }
    .paragraphe p > img {
        display: block;
        max-width: 100%;
        height: auto;
        padding: 0px!important;
        margin: auto;
        margin-bottom: 20px!important;
    }
    body .paragraphe .IMG_calendar{
        display:inline-block!important;
        margin-bottom:0px!important;
    }
    #centreetdroite .transport-king .about-us p {
        width: auto;
    }
    .SF fieldset p {
        display: inline-block;
        width: 100%!important;
        margin-left: 0px!important;
    }

    #header #logo {
        position: relative;
        width:300px;
        /* display: block; */
        /* width: 100%; */
        margin-top: 5px;
        padding-left:20px;
        left: 0px;
        padding-top: 0px;
        /* text-align: center; */
    }
    .inscription{
        font-size:16px;
        margin-top:10px;
        margin-bottom:10px;
    }
    #header #logo img {
    width: 100%;
}

    #header #logo:after {
        border: none;
    }
  
    #recherche {
        top: 0px;
        right: 0px;
    }
    .resultat_filtre{
        display:none;
    }
    .filtre_annonce{
        /* width: 90%; */
        padding:0px;
        text-align:center;
        margin: 0 auto;
    }
    .filtre_annonce .recherche{
        padding:30px 15px;
        top: 30px;
    }
    #centreetdroite {
        width: 100%!important;
    }
    #wrapper {
        top: 0px;
        width: 100%;
        margin-left: 0px;
        min-width: 100%;
        height: auto;
    }
    body {
        overflow-x: hidden;
    }
    #carousel div {
        height: auto;
    }
    #carousel div img {
        height: auto;
        width: 100%;
    }
    #pager2 {
        width: 100%;
        bottom: 10px;
        top: auto;
    }
    #ariane {
      padding:25px 15px;
        margin: auto;
    }
    #centreetdroite {
        width: 96%!important;
        margin: auto;
        height: auto!important;
    }
   .PGS_QUI_SOMMES_NOUS #centreetdroite,
   .PGS_TEAM #centreetdroite,
   .PGS_ESCAPE_GAMES #centreetdroite,
   .PGS_COMPTE #centreetdroite,
   .PGS_QUI_SOMMES_NOUS #centreetdroite div.paragraphe{
       width:100%!important;
       padding: 0 10px;
   }
   .edition_lien,.edition_user{
       padding:0 15px;
   }
   .center_pres{
       padding:0 15px;
   }
    #gauche {
        width: 96%;
        margin: auto;
        padding: 0px;
        position: absolute;
        float: none;
        margin-left: 2%;
    }
    .right_fiche_lien{
        padding-left:50px;
    }
    .center_lien{
        padding:0 20px;
    }
    #col2 > a {
        display: none!important;
    }
    #col2 {
        width: 20%;
        margin-right: 0;
        margin-left: 5%;
    }
    #col2 #reseaux {
        width: 100%;
        text-align: center;
    }
    #col2 #reseaux a {
        margin: auto!important;
        display: block!important;
        margin-bottom: 40px!important;
    }
    .login_page{
        padding:0 15px;
    }
    #col2 {
        margin-left: 5%;
        width: 50%;
        margin-right: 0px;
    }
    .page-heading{
        padding: 30px 0 30px 0px;;
    }
    #gauche h3 {
        font-size: 1.8em;
        font-weight: normal;
        text-transform: capitalize;
    }
    #gauche .mdl_billet {
        font-size: 1.2em;
        color: #1a333c;
    }
     
    .sub a{
        background-color:#fff;
        color:#222;
        padding: 16px 24px 14px 22px;
        border:0;
        width:100%;
    }
    .sub{
        width:100%;
    }
    .presentation, .actualites{
        padding:70px 20px;
    }
    .block_actu{
        width:100%;
        max-width:500px;
        display:block;
        margin:auto!important;
        height:auto!important;
        margin-bottom:40px!important;
    }
    .partenaires{
        padding:60px 20px;
    }
    .block_actu img{
        width:100%;
        height:auto!important;
    }
    .block_actu img:hover{
         width:100%!important;
         margin:0px;

        height:auto!important;
    }
    .block_actu:hover img{
        width:100%!important;
        margin:0px!important;
        height:auto!important;
    }
    .block_actu .desc_actu{
        padding-top:70%;
    }
     #pied #conteneur_pied > div{
        width:50%!important;
        float:none;
        display:inline-block;
        vertical-align:top;
    }
    .list_salle,.list_billet{
        padding: 0 15px;
    }
}
@media screen and (max-width: 850px) {
    .inscription p{/* display:none; */}
    .inscription{
        border:0px;
    }
    .inscription p a{
     
    }
    .inscription{
        margin-top:20px;
        display:block;
    }
}
@media screen and (max-width: 650px) {
    .inscription {
        margin-left:0px;
        display:block;
    }
}
@media screen and (max-width: 1035px) {
   .filtre_annonce{
        width: 90%;      
    }
    .recherche select,
    .filtre_annonce .recherche .group_form{
        padding:5px 10px!important;
        width: 100%!important;
        margin:0px;
        display: block;
        margin: 0 10px;
        margin-bottom:20px;
        margin-left: 0;
    }
    .recherche select:nth-child(2),
    .recherche select:nth-child(4){
        margin-right:0px;
    }

     .pageAccueil .filtre_annonce .group_form{
          width: 100%; 
          margin:0px; 
          vertical-align:top; 
           margin: 0 10px!important; 
           margin-bottom:20px!important; 
           display: block; 
           margin-left:0px!important; 
     }
     .recherche{
         padding-top: 0;
         padding-bottom: 0;
         bottom: 0;
         top: 140px;
     }
     .recherche button{
        margin:0;
        display: inline-block;
        right: 0;
    }
    .recherche h5{
        font-size:20px;
        margin-bottom:20px;
    }
     
    .recherche input[type="text"]{
        font-size:18px!important;
        padding:5px 10px!important;
        margin:0px!important;
        }
    .filtre_annonce .recherche input[type="text"]{
            width:100%;
        }
}
@media screen and (max-width: 950px) {
    a[name="formIdentificationLog"] + h3 + p + table> tbody > tr > td{
        width:100%!important;
        margin:auto!important;
        display:block;
        margin-bottom:20px!important;
    }

    .right_bandeau{
        width:100%;
        margin-top:10px;
    }
    .left_bandeau{
        width:100%;
    }
    .desc_billet{
        font-size:16px;
    }
    .right_panel{
    width:100%;
    padding:0 15px;

    text-align:center;
}
.left_fiche_lien .img_fiche{
    display:inline-block;
    max-width:200px;

}
.block_info_fiche{
    display:inline-block;
    width:calc(100% - 200px);
    padding-left:40px;
    vertical-align:top;
}
    .left_bandeau,
    .right_bandeau{
        width:100%;
    }
     .right_bandeau{
         padding:0px;
         margin-top:10px;
     }
    .block_pts{
        width:100%;
        display:block;
        max-width:600px;
        margin:auto;
        margin-bottom:40px;
    }
    .left_fiche_lien{
        width:300px;
    }
    .right_fiche_lien{
        width:calc(100% - 300px);
    }
     .left_fiche_lien{
    width:100%!important;
    padding:0 0px;
}
.date_annonce{
    display:block;
    width:100%;
}
}

@media screen and (max-width: 850px) {
    .new_salle .block_theme{
        width: 25%;
    }
    .left_pres,
    .right_pres{
        width:100%;
        padding:0px;
    }
     .left_pres{
         margin-bottom:20px;
     }
    #pied #conteneur_pied > div{
        width:100%!important;
    }
    .col_gamers{
        width:100%;
    }
    .block_salle {
        display:block;
        width: 90%;
        margin:auto;
        margin-bottom:50px;
        border: 2px solid #f5f2f5;
        padding: 30px;
    }
    .nav_user a{

       font-size:13px;

       margin-bottom:10px;

    }
    .link_nav{
        text-align:left;
    }
    .nav_user h3{
        float:none;
        display:block;
    }
    .nav_user{
        text-align:left;
    }


.right_fiche_lien{
        width:100%;
        padding:0px;
        margin-top:50px;
    }
    .video-container {
    width: 100%;
}
.recherche{
           width: 100%;
           left: 0;
           margin: 0;
           box-sizing: border-box;
           bottom: 0;
           padding: 30px;
           top: 0;
           position: relative;
    }
}

@media screen and (max-width: 450px) {
    #header.new_menu #logo{
        width:200px;
    }

    #header.new_menu .header-right-info .inscription{
        /* display:none; */
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        margin: 0;
        width: calc(100% - 44px);
    }

#header.new_menu .header-right-info .inscription a {
    display: none;
}

.inscription p {
    width: 100%;
    font-size: 15px;
}

#header.new_menu .header-right-info .inscription p a {
    font-size: 12px!important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    #header.new_menu .header-right-info{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
    }

.new_menu #conteneur_header {
    padding-top: 40px;
}

.campus {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.campus {
    width: auto;
    height: 40px;
}

#header .campus img {
    height: auto;
    height: 100%;
    width: 100%;
    max-width: 90px;
}
    
    .block_actu .desc_actu{
        padding-top:65%;
    }
}
@media screen and (max-width: 1005px) {
    .PGS_TEAM .info_lien > div{
    display: block;
    margin-bottom: 20px;
    width: 100%;
    }
}

@media screen and (max-width: 790px) {
    .social{
        display:none;
    }
     #menu_haut> ul{
        column-count:1!important;
     }
    .pgs_salle .desc_salle .left_desc,
     .pgs_salle .desc_salle .right_desc{
        width:100%;
    }
        .pgs_salle .desc_salle .left_desc{
            margin-bottom:20px;
        }
     .list_salle .block{
       width: 350px;
       max-width:350px;
       display:block;
       margin:auto;
       margin-bottom:30px;

    }
    .col_inscri{
        width:100%;
    }
    .right_actu{
        width:100%;
        padding:0px 20px;
    }
    .center_actu img{
        display:block;
        margin:auto;
        margin-bottom:30px;
    }
    .intro_user{
        padding:40px 0px;
    }

}
@media screen and (max-width: 650px) {
    .right_panel a{
        width:calc(33.3333% - 20px);
    }
    .annonce .bloc_list_lien{
        width:100%;
    }
}
@media screen and (max-width: 570px) {
    .recherche h5{
        font-size:16px;
        margin-bottom: 0;
    }
    .recherche input[type="text"]{
        width:100%;
    }
    .recherche span{
        padding:10px 0px;
    }
    .recherche button{
        width:100%;
        margin:0;
        margin-top:20px;
        border-radius: 30px;
    }
     .pgs_salle .info_lien > div{
       width: 50%;
       text-align: center;
    }
    .pgs_salle .info_lien .block_info .title_info{
        margin:0 auto;
        text-align: center;
        display: block;
    }
    .bandeau_info .info_lien .list_etab label,
    .bandeau_info .info_lien .list_etab a,
    .title_salle h4{
        text-align:center;
    }

}
@media screen and (max-width: 740px) {

     .pgs_salle .info_lien{
         text-align:center;
     }
     .block_theme{
        width:25%;
    }
        #pied #conteneur_pied > div{
            width:100%;
            margin-bottom:20px;
        }

    .page-heading .page-title h2 {
        font-size: 24px;
    }

    .col1,
    .col2 {
        width: 100%;
    }

    .col1 {
        margin-bottom: 40px;
    }


    .carousel-inner,
    .carousel {
        height: auto!important;
    }

    #recherche {
        display: none;
    }
    #menu_haut {
        width: 100%;
        /* top: 35px; */
    }
    #menu_haut >ul {
        padding: 0px;
        text-align: center;
    }
    #menu_haut >ul >li {
        display: inline-block;
        float: none;
    }
    #menu_haut >ul >li a {
        /* padding:0px; */
    }
    #menu_haut> ul >li {
        width: 100%;
    }
    #logo {
        left: 30%;

        padding: 0px;
    }
    #background-menu-right {
        height: 190px;
    }
    #wrapper {
        /* top:205px; */
    }
    #col3 {
        width: 90%;
        margin-left: 5%!important;
        float: none;
    }
    #col2 {
        display: none;
    }
}
@media screen and (max-width: 670px) {
    .info_lien > div{
        width:100%;
        margin-bottom:10px;
        text-align:left!important;
    }
    .annonce .info_lien > div{
        width:100%;
        margin-bottom:20px;
    }
    .left_inscri h4{
        font-size:20px;
        line-height:30px;
    }
    .left_inscri h4 span{
        font-size:25px;
    }
    .block_info_fiche{
        width:100%;
        padding:0px;
    }
    .desc_list_lien{
        width:100%;
        padding-top: 40px;
        padding-left: 0;
    }
    .desc_list_lien .titre_list{
        text-align:center;
    }
    .list_lien .img_lien{
        margin:0 auto;
        display:block;
    }
    .annonce .bloc_list_lien .desc_list_lien{
        width:100%;
        padding:0px;
    }
    .filtre_annonce input[type="text"]{
        display:block;
        margin:auto;
        margin-bottom:10px;
    }
    .center_info{
        width:100%;
    }
    .center_info > div{
        display:block;
    }
    .link_list{

        text-align:right;
        left:10px;
    }
    .date_annonce{
        float:left;

    }
    .avis{
        display:none;
    }
    .desc_lien p{
        font-size:15px;
    }
    .left_contact{
        display:block;
        padding:0px;
        margin-bottom:20px;
    }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
     .block_theme{
        width:33.3333%;
    }
    #billet_extra table,
    #billet_extra table tbody,
    #billet_extra table tbody tr,
    #billet_extra table tbody tr td{
        width:100%;
        display:block;
    }
    .edition_user fieldset > table > tbody>tr> td{
        width:100%!important;
        display:block!important;
    }
    .edition_user fieldset > table > tbody>tr> td:nth-child(1){
        padding-bottom:0px;
    }
    .edition_user fieldset > table > tbody>tr> td:nth-child(2){
        padding-top:5px;
    }
    .edition_lien .btn_form{
        padding:0px;
    }
}

@media screen and (min-width: 0px) and (max-width: 500px) {
     .block_theme{
        width:50%;
    }
     .right_panel a{
        width:100%;
                margin:auto;
        margin-bottom:20px;

        max-width:300px;
    }
    .right_inscri,
    .left_inscri{
        display:block;
        text-align:center;
        width:100%;
    }
    .left_inscri{
        margin-bottom:20px;
    }
     .page-heading .page-title h2 {
        font-size: 20px;
    }
    .info_fiche{
        padding:20px;
        text-align: center;
    }
    .bloc_list_lien{
        padding:30px;
    }
    .lien_home a{
        font-size:16px!important;
        padding:15px 10px;
    }
    .center_home .desc_actu{
        padding-top:80%;
    }
    .center_home .desc_actu{
        position:relative;
        background:white!important;
        padding:15px;

    }
     .center_home .desc_actu h4,
      .center_home .desc_actu h4 a ,
      .center_home .desc_actu p{
          color:#222!important;
      }
    .center_home .desc_actu p{
        display:none;
    }
        .center_home .desc_actu> a{
            display:none;
        }
    #logo {
        left: 20%;
    }
    #col1,
    #col2 {
        width: 90%;
    }
    #col2 #reseaux a {
        display: inline-block!important;
        margin-left: 10px!important;
    }
    #col2 #reseaux {
        width: 100%!important;
    }
    #pied #conteneur_pied {
        height: auto;
    }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
    .block_equipe{
        width:320px;
        padding:0px;
        height:320px;
    }
    .img_equipe a{
        width:320px;
        height:320px;

    }
     .list_salle .block{
       width: 300px;
       max-width:300px;

    }
    .list_salle .img_new_salle{
        width:300px;
        height:300px;
    }
    .img_new_salle a:first-child{
         width:300px;
        height:300px;
    }
    .recherche select{
        width:100%!important;
        margin:0px;
        margin-bottom:10px;
    }
    .recherche .group_form{
        width:100%!important;
        margin-bottom:10px!important;
    }
    .recherche button{
        margin-top:10px;
    }
    .block_gamers .img_gamers{
        width:100%;
        margin-bottom:10px;
        text-align:center;
    }
    .col_gamers{
        margin-bottom:20px;
    }
    .desc_gamers{
        width:100%;
        margin-top:20px;
        font-size:14px;
    }
      .desc_gamers p{
          font-size:14px;
      }
   .center_home .desc_actu h4 a{
       font-size:15px!important;
   }
   .bloc_list_lien{
        padding:20px;
    }



}

/*#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: 0px!important;
}*/
/*input[type="text"],
input[type="password"] {
    padding: 6px 10px!important;
    font-family: karla, sans-serif;
}*/
textarea {
    height: 150px!important;
    width: 100%!important;
    font-family: karla, sans-serif;
}

input[type="submit"],
.submit {

}
.submit:hover {
    background-color: #468BF2;
    color: #ffffff!important;
    border-color: #468BF2;
}
.mdl_formulaire h3 {
    display: none;
}