.xs-visible,
.sm-visible{
    display: none;
}

input[type="text"],
input[type="password"],
input[type="select"],
input[type="submit"],
textarea{
    -webkit-appearance:none;
    border-radius: 0px;
}

@media (max-width: 1199px) {

    /* //FLEXSLIDER */
    .flexslider {
        width: auto;
        height: auto;
    }
    .flexslider .slides li {
        min-height: 250px;
        max-height: 620px;
    }
    .flexslider .embed-responsive {
        margin-right: auto;
        margin-left: auto;
        height: 350px;
    }
    .flexslider .flex-direction-nav a {
        opacity: 1;
    }
    .flexslider .flex-direction-nav .flex-prev {
        left: 15px;
    }
    .flexslider .flex-direction-nav .flex-next {
        right: 15px;
    }

}

@media (max-width: 1024px) {

    /* //CONTAINER */
    .container {
        padding-right: 0;
        padding-left: 0;
    }

}

@media (min-width: 960px) and (max-width:1024px) {
    #reseauxSocFooter{
        display: block;
        float: left;
        width: 100%;
        margin-top:15px;
        text-align: center;
    }
    #reseauxSocFooter li{
        display: inline-block;
        margin: 0 8px;
    }
    /*#reseauxSocFooter li:last-child{
        display: none;   
    }*/
}

@media (max-width: 960px) {
    iframe{
        max-width: 100%;   
    }

    /* //CENTRE GLOBAL */
    #centre_global {}
    #centre_global.container {
        padding-right: 8px;
        margin-left: 8px;
    }

    #headSearch input[type="text"]{
        -webkit-box-shadow: 0 0 6px 1px #999 inset;
    }
    .xs-hidden,
    .sm-hidden,
    .xs-visible{
        display: none;
    }
    .sm-visible{
        display: block;
    }
    body{
        background: none !important;   
    }
    h1{
        margin-bottom: 15px;   
    }
    input[type=submit]{
        -webkit-appearance:none;
    }
    #logo{
        padding: 0 0 0 10px;   
    }
    #logo > a > img,
    #logo .container > a > img {
        margin-top:10px;   
    }
    .nav-mobile{
        float: right;
        text-align: right;
        margin-right: 10px;
    }
    .nav-mobile a{
        border: none;
        background: none;
        color: var(--main-color);
        font-size: 26px;
        display: inline-block;
        width:34px;
        height:64px;
        margin: 0 0 0 0;
        text-align: center;
        cursor: pointer;
        line-height: 64px;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    .nav-mobile a.logout{
        font-size: 14px; 
        float: left;
        height: auto;
        line-height: 16px;
        width: auto;
    }
    .nav-mobile a.logout:hover{
        background: none;
        color: var(--main-color);
        text-decoration: underline;
    }
    .nav-mobile a.active,
    .nav-mobile a:hover{
        color: #fff;
        background: var(--main-color);
    }
    .id{
        margin:-8px 0 2px;
        padding:6px 0 0; 
        width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #logo #sm-drapeau-en{
        height: 20px;
    }
    #logo #sm-drapeau-en:hover{
        background: none;
    }
    #logo #sm-drapeau-en img{
        width: 24px;
        height: 16px;
        float: none;
        vertical-align: top;
    }
    
    /*-- RECHERCHE --*/
    
    #headSearch,
    nav{
        position: absolute;
        visibility: hidden;
        overflow: hidden;
        z-index: 9999;
        width: 100%;
        top:64px;
        left: 0;        
        background: #fff;
        margin: 0;
        opacity: 0;
        padding: 10px 0;
        border-top: 1px solid var(--main-color);
        border-bottom: 1px solid var(--main-color);
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    nav{
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    #headSearch.active,
    nav.active{
        visibility: visible;
        opacity: 1;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    #headSearch.active{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    nav.active{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        height: 200px;
    }
    #headSearch form{
        width: 300px;
        margin: 10px auto 10px;
    }
    #headSearch .lnk_recherche{
        margin-bottom: 10px;
    }
    #headSearch input[type="text"]{
        width: 260px;
    }
    #nav > li,
    #nav .nav-column{
        width: 100%;
        display: inline;
        float: none;
        padding: 0;
        text-align: center;
        vertical-align: top;
        overflow: hidden;
    }
    #nav .nav-column ul{
        display: none;
    }
    #nav > li:hover > div {
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
    }
    #nav > li > div {
        position: absolute;
        max-width: 100%;
        z-index: 9999;
        top: 0;
        left: 0;
        opacity: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--main-color);
        min-height: 100%;
        height: auto;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    #nav > li > div.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    #nav > li > a,
    #nav > li > div > a,
    #nav .nav-column > a > h2,
    #nav li a:hover,
    #nav .nav-column a:hover h2{
        display: block;
        background: #fff;
        color: var(--main-color);
        position: relative;
        height: 34px;
        line-height: 34px;
        margin: 0;
        font-weight: bold;
    }
    #nav .nav-column > a > h2,
    #nav .nav-column > a:hover > h2{
        font-weight: normal;   
    }
    #nav > li > a:before,
    #nav > li > div > a:before,
    #nav .nav-column h2:before{
        content: "";
        position: absolute;
        width:50%;
        left: 50%;
        bottom:-1px;
        margin-left: -25%;
        height: 1px;
        border-top: 1px solid var(--main-color);
    }
    #nav li:last-child a:before,
    #nav .nav-column:last-child h2:before{
        display: none;
    }
    #nav > li > a:after{
        content: "\f105";
        position: absolute;
        font-family: fontAwesome;
        font-size: 26px;
        top:0;
        right: 35px;
        font-weight: normal;
    }
    #nav li a:focus,
    #nav .nav-column a:focus h2{
        color: #fff;   
        background: var(--main-color);
    }
    .sub-menu-back{
        position: absolute;
        text-align: center;
        font-size:36px;
        line-height: 50px;
        z-index: 9999;
        top:0px;
        left: 0;
        display: block;
        width:50px;
        height:50px;
        background: #fff;
        font-weight: bold;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    .sub-menu-back.active{
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }
    #index_desc > br,
    #filariane{
        display: none;   
    }
    #rechercheAvance #index_desc2{
        width: 96%;
        padding: 2%;
        border: none;
    }
    
    /*
    // COMPTE
    */
    
    .divtable{
        background-repeat: repeat-x;
    }
    .img_titre_cmd{
        margin-left: 0;   
    }
    
    /*-- HOME --*/

    /* //FLEXSLIDER */
    .flexslider{
        margin-top: 10px;
        height: auto !important;   
    }
    .flexslider li{
        height: 100%;
    }
    /*.flexslider .slides > li{
        height: 275px;
    }*/
    .flexslider .slides > li > a{
        display: block;
        height: 100%;
    }
    .blocAffichIndex:hover .bloc_image,
    .blocAffichIndex .bloc_image:hover,
    .blocAffichIndex .bloc_image,
    .contentAffichIndex{
        border: none !important;
    }
    .blocAffichIndex > a{
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
    }
    #infosPratiques .blocAffichIndex,
    #reassuranceHome .blocAffichIndex{
        height: auto;
    }
    #reassuranceHome .blocAffichIndex.first .contentAffichIndex{
        border: 1px solid #ccc !important;
    }
    
    /*
    // PRODUIT
    */
    
    .pageProduit #centre_index{
        width: 100%;
        margin-bottom: 40px;   
    }
    .produitContent .imgProduitContent,
    .produit_image{
        width: 100%;
        height: auto;
    }
    .produitContent .imgProduitContent img,
    .produit_image img{
        width: 100%;
        height: auto;
    }
    .tunnel .produitContent > div.prixResa,
    .tunnel .produitContent > div.prestation,
    .tunnel .produitContent > div.lieuConcert{
        width: 33.33%;
        margin: 0;
        padding: 2px 0% 0;
    }
    .tunnel .produitContent > div.prixResa{
        text-align: right; 
        float: none;
        padding-right: 0;
        vertical-align: bottom;
    }
    .produitContent > div.prixResa > *{
        text-align: center;   
    }
    .prixResa > div.statutProduit{
        float: right;
        width: 100%;
        background-image: url("/styles/images/produit/bg-dispos-resa-mobile-new.png");
    }
    .site-uk .prixResa > div.statutProduit{
        filter: grayscale(1);
    }
    aside{
        float: none;
        padding: 0;
        width: 100%;
    }
    #etapesTunnel{
        overflow: hidden;
    }
    #etapesTunnel li span{
        font-size: 0.7em;   
    }
    #toggle-view h3{
        width: auto;   
    }
    
    #recapitulatifCommande{
        display: none;   
    }
    .tunnel .form_contact label{
        text-align: left;
    }
    .formInfos{
        float: left;
        width: auto;
        margin-right: 0;
        margin-top: 0;
    }
    .formInfos p{
        text-align: left !important;
    }
    
    /*-- FOOTER --*/
    footer{
        padding-top: 20px;   
    }
    footer .nav-column{
        width: 22%;
        margin-bottom: 10px;
    }
    #reseauxSocFooter{
        width: 40%;
        float: left;
        text-align: center;
        margin: 15px auto;
    }
    #reseauxSocFooter li{
        display: inline-block;
        margin: 0 8px;
    }
    #reseauxSocFooter li .reseauxSocBtn {
        width: 48px;
        height: 48px;
        background-color: #fff;
    }
    #reseauxSocFooter li .reseauxSocBtn .svg {
        width: 26px;
        height: 26px;
    }
    #reseauxSocFooter .reseauxSocBtn .svg circle,
    #reseauxSocFooter .reseauxSocBtn .svg path {
        fill: #595959;
    }
    #hackglobal,
    #site_global,
    #footer{
        max-width: 960px;
        width: 100%;
    }
    #footer{
        height: auto;   
    }
    
    
}

@media (min-width: 768px) and (max-width:960px) {
    .produitListe .produitContent{
        display: table;
        overflow: hidden;
        width: 100%;
        vertical-align: top;
    }
    .produitListe .produitContent > div{
        display: table-cell;
        height: 100%;
        margin-left: 0;
        padding-top: 4px;
    }
    .produitListe .produitContent > div > p,
    .produitListe .produitContent > div > ul{
        padding-left: 10px;
    }
    
    .produitListe .produitContent{
        font-size: 16px;   
    }
    .produitListe .produitContent > div.imgProduitContent{
        padding-left: 0;
        padding-top: 0;
        position: relative;
        vertical-align: top;
        width: 40%;
        float: none;
    }
    .produitListe .produitContent > div.imgProduitContent img{
        height: 100%;
        width: auto;
    }
    .produitListe .produitContent > div.imgProduitContent a{
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
    }
    .produitListe .produitContent > div.prixResa > .statutProduit{
        width:103%;
    }
}

@media (max-width: 767px) {
    .flexslider{
        display: none;   
    }
    .flexslider .embed-responsive {
        height: 275px;
    }
    footer .nav-column{
        width: 48%;
        margin-bottom: 10px;
    }
    #footer{
        line-height: 15px;
        padding: 10px 0;
    }
    #reseauxSocFooter{
        width: 100%;
        margin-top:15px;
    }
    .message_ko{
        padding: 2.5%;
        margin: 5px 0 15px;
    }
    #rechercheAvance input[type="text"],
    #rechercheAvance input[type="text"]:first-child{
        width: 98%;
        margin: 7px 0 7px 0;
    }
    #rechercheAvance #index_desc2 p:first-child{
        margin: 0;
    }
    #rechercheAvance #index_desc2 label,
    #rechercheAvance select{
        width: 100%;
    }
    .btnSubmitRose{
        margin-left: auto;   
    }
    .account_title{
        width: auto;
    }
    
    /*
    // HOME
    */
    .blocAffichIndex {
        width: 48%;
        height: 270px;
    }
    .blocAffichIndex:nth-child(even) {
        margin-right:0;
    }
    .blocAffichIndex.last {
        margin-right:1%;
    }
    .blocAffichIndex.first {
        margin-left:1%;
    }

    /*
    // HOME - infos pratiques
    */
    
    #infosPratiques .blocAffichIndex,
    #reassuranceHome .blocAffichIndex{
        width:98%;
        margin: 10px 1%;
    }
    #infosPratiques .blocAffichIndex a{
        border: none;
        text-align: center;
    }
    #infosPratiques .blocAffichIndex,
    #infosPratiques .contentAffichIndex,
    #infosPratiques .contentAffichIndex h3{
        height: auto;
        min-height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #infosPratiques .contentAffichIndex h3{
        padding: 2px;
    }
    #infosPratiques .contentAffichIndex img,
    #infosPratiques .contentAffichIndex p{
        display: none;
    }
    #reassuranceHome .blocAffichIndex .contentAffichIndex{
        padding: 5px 5px 25px;
    }
    #reassuranceHome .blocAffichIndex .contentAffichIndex img{
        width: auto;
    }
    #reassuranceHome .blocAffichIndex .contentAffichIndex h3{
        margin-top:15px;
    }
    
    #alerteMail input[type="text"]{
        width: 210px;   
    }
    
    /*
    // PRODUIT
    */
    
    .pageProduit #centre_index{
        width: 100%; 
    }
    .produitListe .produitContent .imgProduitContent{
        width: 100%;
    } 
    .produitContent {
        height: auto;
        line-height: auto;
        margin-bottom: 20px;
    }
    .produitContent > div,
    .tunnel .produitContent > div.prixResa, 
    .tunnel .produitContent > div.prestation, 
    .tunnel .produitContent > div.lieuConcert{
        display: block;
        width: 100%;
        vertical-align: top;
        margin-left: 0;
    }
    .produitContent .prestation,
    .produitContent .lieuConcert,
    .produitContent .prixResa{
        margin: 5px 0;
        height: auto;
    }
    .produitContent .lieuConcert{
        text-align: left;
    }
    .produitContent > div > *{
        padding: 5px;   
    }
    .produitContent .imgProduitContent a{
        padding: 0;
    }
    .produitContent .prestation p{
        height: auto;   
    }
    .produitContent .prixResa > div > p{
        padding-top: 0;
        margin-top: -2px;
        width: 100%;
    }
    .prixResa > div,
    .prixResa > div.statutProduit,
    .prixResa > div:first-child{
        width: 50%;
        float: left;
        padding: 0;
        height: auto;
    }
    .prixResa > div.statutProduit{
        float: right;
    }
    .titreTrait{
        font-size: 1.8em;
        margin-top:30px;   
    }
    .titreTrait strong{
        white-space: normal;
        min-width: 50%;
    }
    .titreTrait span{
        width: 25%;
    }
    #alerteMail{
        padding: 20px 20px 20px 200px;   
    }
    
    /*
    // CONTACT
    */
    #contact_form label,
    .form_contact .inputlarge, 
    .form_contact textarea.inputlarge,
    .form_contact .inputmedium,
    .form_contact .inputsmallmedium,
    .form_contact .inputsmall{
        width: 98%;
        text-align: left;
    }
    .table_panier{
        width: 320px !important;   
    }
    .forminsc{
        width: 100%;
    }
    /*
    // ETAPE 3
    */
    #participants .questionMajeur,
    #participants .champsParticipants{
        width: 100%;
        margin-bottom: 15px;
    }
    #participants input[type="text"]{
        width: 98%;
        padding: 0 1%;
    }
    #validationPaiement .bigBtnSubmitRose{
        margin-left: auto;
        float: right;
        margin-bottom: 20px;
    }
}

@media (max-width: 479px) {
    .xs-visible{
        display: block;
    }
    #logo > a > img,
    #logo .container > a > img {
        width: 170px;
        height: auto;
    }
    .nav-mobile a{
        height:44px;
        line-height: 44px;
    }
    #headSearch,
    nav{
        top:44px;
    }
    .divtable{
        width: 100%;
        overflow: auto;
    }
    .divtable table{
        min-width: 600px;
        overflow: auto;
    }
    /*
    // HOME 
    */
    .blocAffichIndex{
        width:98%;
        height: auto;
        margin: 10px 1%;
    }
    .blocAffichIndex.first,
    .blocAffichIndex.last{
        margin: 10px 1%;
    }
    .contentAffichIndex{
        min-height: 0px;   
    }
    .blocAffichIndex .bloc_image img,
    .blocAffichIndex:hover .bloc_image{
        height: auto;
    }
    .descEventHome{
        display: none;   
    }
    
    /*
    // PRODUITS
    */
    
    #alerteMail{
        position: relative;
        padding: 80px 20px 20px 20px;
        background-position: center 10px;
    }
    #etapesTunnel li{
        font-size: 1em;   
    }
    #etapesTunnel li:first-child {
        width: 25%;
    }
    #etapesTunnel li{
        width: 35%;
    }
    #etapesTunnel li:last-of-type {
        width: 40%;
    }
    #etapesTunnel li.etapeActive + li{
        background-image: none;
    }
    #etapesTunnel li.etapeActive{
        background-image: none;
        background-color: var(--main-color);
    }
    #etapesTunnel li p,
    #etapesTunnel li a{
        padding-left: 0px;
    }
    .produitContent .prixResa > div > p,
    .produitContent .prixResa > div > p.promo{
        width: 100%;
        text-align: center;
    }
    .col50{
        width: 100%;
        margin: 0 0 25px;
    }
    .titreTrait strong{
        min-width: 70%;
        font-size: 0.9em;
    }
    .titreTrait span{
        width: 15%;
    }
}

@media (min-width: 768px) {

    /* //COOKIE */
    .cookie {
        padding: 14px 0;
    }
    .cookie .container,
    .cookie [class*="col-"] {
        padding-right: 20px;
        padding-left: 20px;
    }
    .cookie .row {
        margin-right: -20px;
        margin-left: -20px;
    }
    .cookie .col-sm-3 {
        width: 25%;
    }
    .cookie .col-sm-9 {
        width: 75%;
    }
    .cookieBody {
        margin-bottom: 0;
    }
    .cookieFooter .btn_ok {
        display: block;
        width: 100%;
        height: 28px;
        line-height: 28px;
    }

}

@media (min-width: 960px) {

    /* //COOKIE */
    .cookie {
        font-size: 14px;
    }
    .cookie .container,
    .cookie [class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }
    .cookie .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .cookieFooter .btn_ok {
        height: 32px;
        line-height: 32px;
    }

}

@media (min-width: 1200px) {

    /* //FLEXSLIDER */
    .flexslider .flex-viewport {
        height: 100% !important;
    }
    .flexslider .slides {
        height: 100%;
    }

}

@media (min-width: 1903px) {

    .flexslider .slides img {
        width: 1903px;
    }

}

.arrOngletWidth {
    width: 63%!important;
}

/*.cookie {
    position: fixed;
    z-index: 7000;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 3px solid;
}

.cookieBody {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
}

.cookieBody a {
    font-weight: 500;
}

.cookieBody a:hover, .cookieBody a:focus, .cookieBody a:active {
    text-decoration: underline;
}

.cookieFooter .btn {
    display: block;
    padding: 12px 20px 0;
    height: 40px;
    font-size: inherit;
    white-space: nowrap !important;
}

.cookieFooter .btn:hover, .cookieFooter .btn:focus, .cookieFooter .btn:active {
    padding: 12px 20px 0;
    font-size: inherit;
    white-space: nowrap !important;
}

.bodyCookie {
    padding-bottom: 73px;
}*/