@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 400; font-style: normal;touch-action: manipulation;}
* {touch-action: manipulation;}
button, span, li, div { touch-action:manipulation; } 
footer { clear: both; }
input, select, textarea, button{font-family:inherit;}
html, body { height: 100%; }

.content { width: 98%; max-width: 1200px; margin: 0 auto; position: relative; /*padding: 10px;*/ }
body {display: flex;flex-direction: column;}
.content {flex: 1 0 auto;}
/*in_iframe .content { flex:none; }*/
html.in_iframe, body.in_iframe { height: auto; }

.footer {flex-shrink: 0;}

html.in_iframe { overflow-y: hidden; }

form .uppercase { text-transform: uppercase; }
form .firstmaj { text-transform: capitalize; }

/** Preview form **/
.badgepro {text-align: center;font-size: 0.8rem;font-weight: bold;color: white;min-width:50px;background: linear-gradient(45deg, #ff5733, #ffbd69);padding: 2px 2px;border-radius: 50px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);text-transform: uppercase;display: inline-block;}
/** LANGUE **/
#choix_langue option::before {  font-size: 16px;content: attr(data-before);margin-right: 8px;}
#choix_langue { list-style: none; padding: 2px;    border: 1px solid;width: max-content;border-radius: 5px; }
#sel_langue { cursor:pointer; width: 20px;height: 20px;border-radius: 50%;object-fit: cover;/*overflow: hidden;*/position: relative;}
#choix_langue li { cursor: pointer;}
#sel_langue.fi { background-position:center; background-size:cover; }
#choix_langue li .fi { background-position:center; background-size:cover;width:20px;height:20px;border-radius:50%;object-fit:cover;position:relative;line-height:18px;margin-right:5px; }

/** HEADER **/
#header-t { width:100%;text-align:center;position:relative;}
#header-t img { width:100%;max-width:1200px;cursor:pointer;}
#header-t.pvp img { width: auto; max-width:100%; max-height: 300px;}

/** MANIF **/
button.accordion.manif { width: 90%;}
.accordion-content.manif { width: 90%;}
.nb-billet-produit.manif { line-height: 34px;}

/** TARIF **/
.ligne_t_choix { width: 100%; /*height: 36px;*/min-height: 36px; display: flex; justify-content: space-between; }
.liste-t { list-style: none; padding-left: 5%; margin-top: 0; }
.tarif { font-size: 8pt; margin-bottom: 5px; clear:both;}
li.tarif { border: 1px solid #d3d3d3; border-radius: 5px; margin-bottom: 10px; }
.accordion-content li.tarif { border: none;}
/*.tarif_lib {display: inline-block;  font-family: 'Poppins', sans-serif;}*/
.tarif_lib { flex-basis: 70%; font-family: 'Poppins', sans-serif; }
.tarif_lib.lib_only { flex-basis: 100%; }

.liste-tarifs-enfants .tarif_lib {font-size: 0.9em; }
/*.tarif_price { text-align: right; float: right; padding-right: 10px;}*/
.tarif_price {text-align: right;flex-basis: 28%; }
.tarif_price.sans_prix { flex-basis: 0; display: none; }
.hide-tarif .tarif_price { display: none; }

.liste-tarifs-affiche {float:left;width: 60%;}
.liste-tarifs-affiche.liste-tarifs-enfants { float: none;width: 80%; }
.liste-tarifs-affiche.liste-tarifs-enfants li.tarif { border: 0px; }
.liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion, .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion-none { width: 70%; }
/*button.accordion-none { font-family: 'Poppins', sans-serif;width: 73%; min-height: 36px; float:left; background-color: transparent; border: none;box-sizing: border-box; border-radius: 5px 0px 0px 5px; outline: none; text-align: left; padding: 9px 0px 9px 10px; font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear; }*/
button.accordion-none {
    font-family: 'Poppins', sans-serif;
    min-height: 36px;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    border-radius: 5px 0px 0px 5px;
    outline: none;
    text-align: left;
    padding: 9px 0px 9px 10px; font-size: 18px;
    color: #333; cursor: pointer;
    flex-basis: 70%; display: flex;
    justify-content: space-between;
    transition: background-color 0.2s linear;
}

.liste-tarifs-affiche.liste-tarifs-enfants.div_s_doss li.s_doss .grp_tarif {  width: 100%; flex-basis: 100%; position: relative; padding-right:4%; }
.liste-tarifs-affiche.liste-tarifs-enfants.div_s_doss li.s_doss .btn_nb_p { display: none; width: 0%; flex-basis: 0%;}
.div_s_doss .liste-t { padding-left: 2%; }
.div_s_doss .chevron-down { position: absolute; transform: rotate(90deg); right: 0; transition: transform 0.6s;}
.div_s_doss .dep_tarif .chevron-down {transform: rotate(-90deg);}

/*button.accordion { font-family: 'Poppins', sans-serif;   width: 73%;box-sizing: border-box; min-height: 36px;  padding: 9px 0px 9px 10px; float:left; background-color: transparent; border: none; border-radius: 5px 0px 0px 5px; outline: none; text-align: left; font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear;}*/

button.accordion {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
    min-height: 36px;
    padding: 9px 0px 9px 10px /*9px 10px*/;
    float: left;
    background-color: transparent;
    border: none;
    border-radius: 5px 0px 0px 5px;
    outline: none;
    text-align: left;
    font-size: 18px;
    flex-basis: 70%;
    color: #333;
    display: flex
;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s linear;
}

/*button.accordion:before {  content: "\f150"; font-family: "fontawesome"; font-size: 18px; float: left; padding-right: 10px; }*/
/*button.accordion.is-open:before { content: "\f151"; }*/
/*button.accordion.is-open { border-radius: 5px 0px 0px 0px; border-bottom: none; border: 1px solid #000; border-bottom: 0px;}*/ 

/*.accordion-content { background-color: transparent; width: 75%; border: none; border-radius: 0px 0px 5px 5px; display: block; max-height: 0; 
    overflow: hidden; transition: max-height 0.2s ease-in-out; }*/

.accordion-content { background-color: transparent; width: 75%; border: none; border-radius: 0px 0px 5px 5px;  box-sizing: border-box; padding: 0px 10px 10px 10px;/*display: block;*/ /*max-height: 0; 
    overflow: hidden;*/ /*transition: max-height 0.2s ease-in-out;*/ /*display: block;*/ /*height: 0;overflow: hidden; transition: height 0.2s ease-in-out;*/
}

.accordion-content p { /*margin: 10px;*/ margin: 0px;/* 10px 10px 10px;*/}
.accordion-content.content-open { /*border: 1px solid #000; border-top: 0px;*/ box-sizing: border-box; display: block; height: auto;}

.linknonrecu{padding: 0;border: none;background: none;text-decoration: underline;font-size: 16px;}
.linknonrecu:hover {cursor: pointer;}

/** STATS VENTES - AFFICHAGE DES COMMANDE SUITE A LA RECHERCHE**/
#stats_recherche .s_liste_commandes { list-style: none; padding: 0; }
#stats_recherche .s_liste_commandes li { width: 100%; padding: 5px; border-top: 1px solid #ddd; box-sizing: border-box;}
#stats_recherche .s_liste_commandes li.paire { background-color: #f9f9f9; }
#stats_recherche .s_liste_commandes li.s_total {  font-weight: bold; }
#stats_recherche .s_number { width: 20%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_date { width: 15%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_heure { width: 10%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_ttc { width: 15%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_etat { width: 18%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_action { width: 20%; display: inline-block; word-wrap: anywhere;}
#stats_recherche .s_action i{ margin-left: 10px;}
#stats_recherche a:link, #stats_recherche a:visited { color:black;}
.action-libelle {width: 100%;display: inline-block;font-size: 1em;margin-bottom: 0px;text-decoration: none;}
.action {border-radius: 5px;padding: 2px;color: #000;text-align: center;}
#id-action {background-color: transparent;color: #000;border-radius: 5px;}

#stats_recherche ul li span.order{padding-left: 10px;padding-right: 10px;box-sizing: border-box;color: whitesmoke;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;
 border-top-right-radius: 10px;font-size: 0.9em}

.green{background-color: #4caf49;}.yellow{background-color: #FFC107;}
.orange{background-color: #FD7E14;}
.red{ background-color: #DC3545; }
.grey{background-color: #6C757D;}
.black{background-color: #212529;}

#stats_recherche ul li p{margin: 2px;}
#stats_recherche ul li.sel-search:hover {cursor: pointer;background-color: #94a7b5;}
/* RECHERCHE EMAIL BILLET NON RECU*/
.container_billet_non_recu {background-color: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 20px;margin-bottom: 20px;width: 400px;text-align: center;display: flow;
 justify-content: center;align-items: center; }

.form-container_billet_non_recu h2 {margin: 0 0 20px; }
.form-container label { display: block;margin-bottom: 10px;font-size: 14px;color: #333; }
.form-container_billet_non_recu input {width: 95%;padding: 10px;margin-bottom: 20px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}
.button-container_billet_non_recu {display: flex;justify-content: space-between;}
.btnresend {padding: 10px 20px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;margin-bottom: 20px;}

.btnresend.cancel {background-color: #333; color: #fff;}
.billet_non_recu a{text-decoration: underline;color: black;}
.billet_non_recu a:visited{text-decoration: underline;color: black;}
/* Message recherche cde email */
.message {text-align: center;margin: 0px auto;font-size: 16px;padding: 15px;background-color: #FFF;color: #6A6A6A;line-height: 26px;border-radius: 10px;} 
.message.message_mode {text-align: center;margin: 0px auto;padding: 20px;background-color: #FFF;}
.message.message_ok {background-color: #4caf4929;color: #4caf49;border: solid 1px #f6484800;
font-weight: 600;margin: 10px 0px;box-shadow: 2px 1px 2px 0px rgba(238, 238, 238, 1);padding: 20px;line-height: 1.3em;}
.message.message_error {background-color: #cd0a0a29;color: #cd0a0a;border: solid 1px #f6484800;font-weight: 600;margin: 10px 0px;box-shadow: 2px 1px 2px 0px rgba(238, 238, 238, 1);
padding: 20px;line-height: 1.3em;}

/** SEANCES **/
#liste-seance .tarif { font-size: 8pt; margin-bottom: 5px; clear: inherit; float: left; margin-right: 2%; }
#liste-seance .liste-t { padding: 0;}
#liste-seance .nb-billet-produit { width:100%; border-radius: 0px 0px 5px 5px; color: #000; }
#liste-seance button.accordion.manif { width: 100%; border-radius: 5px 5px 0px 0px;  }

/** CONTACT **/
#id-contact { float: left; width: 100%/*35%*/;}
.contact { border-radius: 5px; padding: 10px; color: #000; text-align: center;}
.contact-libelle { width:100%; display: inline-block; font-size: 15pt; margin-bottom: 5px; text-decoration: none;}

/** MINI PANIER **/
#decompteTimer { position: absolute; top:-25px; }
#mini-panier { float: left; width: 100%/*35%*/;}
#mini-panier ul { list-style: none; padding: 0px; margin: 0;}
#mini-panier li { margin-bottom: 3px; font-size: 13px; }
#mini-panier li.mini-panier-item .mini-panier-item { font-size: 13px; line-height: 13px;}
.mini-panier-item { padding-left: 10px; box-sizing: border-box; }
#mini-panier li.panier-seance { font-size: 13px; border-bottom: 1px solid #fff; }
.mini-panier-item-name { width:60%; display: inline-block; }
.mini-panier-item-name-child { width:60%; display: inline-block; margin-left: 20px; font-size: 8pt;}
.mini-panier-item-price { width:/*25%*/40%; display: inline-block; text-align: right;}
.mini-panier-item-delete { height: 100% !important; width:15%; display: inline-block; margin-left:20px; border:0px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%; height: 24px; width: 24px;
 cursor: pointer; color: #000; margin-left: 5px; }
.mini-panier-paiement { border-radius: 5px; margin-top : 20px; padding: 10px; color: #000; margin-bottom: 20px}
.mini-panier-total-paiement{ width:60%; display: inline-block; font-size: 18pt; margin-bottom: 5px; text-decoration: underline;}
.mini-panier-total-price{ width:40%; display: inline-block; text-align: right; font-size: 18pt; margin-bottom: 5px;}
.mini-panier-total-secure{ width:100%; display: inline-block; text-align: right; font-size: 9pt; /*margin-bottom: 5px;*/ text-decoration: none;}
.mini-panier-total-secure img{ max-height: 12px; margin-right: 5px;}
.mini-panier-code { margin-top: 10px; }
#do_verification_code { margin-left: 5px; cursor: pointer;border-radius: 5px; border: 1px solid #000; height: 30px; padding: 0 15px; background-color: #000; color:#fff}
.mini-panier-code #code { border-radius: 5px; height: 30px;width: 50%;border: 1px solid #d4d4d4;}
.mini-panier-code #retour-code.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin-top: 10px; color:white;}
#right-content { float: /*left*/ right; width: 35%;position: relative; }
#right-content.sticky { position: sticky; right: 0; top: 0; }

/** FORMULAIRE TARIF  **/
.labelformtarif { text-transform: uppercase; }
#formulaireTarif label { display: block;}
#formulaireTarif .fillform { /*float: right;*/ cursor: pointer; background-color: #ECC24D; color: #fff; padding: 2px 10px; border-radius: 5px; font-size: 0.8em;}
#formulaireTarif form { margin-bottom: 20px; }
#formulaireTarif #retour.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin: 20px 0px; color: #fff; }
#formulaireTarif #retour.afficheMessage { background-color: #16d836c9; border-radius: 5px; padding: 10px;  margin-top: 30px; color: #fff; }
span.next_form, span.prev_form { cursor: pointer; }
span.next_form { float: right; }
#formulaireTarif div.button { text-align: center;}
#formulaireTarif #do_form_tarif { width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #0f0f0f;border-radius: 5px; color: #000; }
#formulaireTarif {  margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
#formulaireTarif .list_form_tarif { width:40%; }
#formulaireTarif input, #formulaireTarif select { width: 100%; border-radius: 5px; height: 35px; box-sizing: border-box; border: 1px solid #bbb;}
#formulaireTarif div { margin-bottom: 10px;}

/** PANIER **/
#panier { float: left; width: 100%;}
#panier ul { list-style: none; padding: 0px; margin: 0;}
#panier li { margin-bottom: 3px; }
.panier-item-delete { width:15%; display: inline-block; margin-left:20px; border:0px; border-radius: 50%; height: 24px; width: 24px;cursor: pointer;}
.panier-code-delete {display: inline-block; font-size: 8pt; margin-left:10px; border:0px; border-radius: 50%; height: 18px; width: 18px;cursor: pointer;}
.liste-tarif-item { width:65%; display: inline-block; background-color: #fff; border-radius: 5px 0px 0px 5px; height: 36px; line-height: 36px; padding-left: 5px;}
.nb-billet-produit { width:100%; max-width: 108px; margin-top: 1px; text-align: center; border:0px; display: inline-block; /*height: 96%;*/border-radius:5px ;background-color: #d8d8d8; padding: 4px 0; /*padding:0px;*/ cursor: pointer;}
.nb-billet, .nb-billet-tarif  { width:40px;text-align: center; border:0px; display: inline-block; height: 34px;background-color:transparent;/* background-color: #d8d8d8;*/}
.tarif .paniermoins, .tarif .panierplus, .tarif .tarifmoins, .tarif .tarifplus { height: 30px; /*margin-top: 5px;*/ cursor: pointer; font-size: 1.6em;
    width: 30px; /* height: 100%;width: 5%; */ /*float: left;*/ background-color: #d8d8d8;box-sizing: border-box;border-radius: 50%; /*border-radius: 5px 0px 0px 5px;*/ border:none;
    /*border:0px; display: inline-block; height: 100% ;width:20px; float: left;   background-color: #d8d8d8;*/
   /*display: inline-flex; align-items: center;justify-content: center;*/    font-family: auto; font-weight: bold;
}
.tarif input[type=number] { /*float:left;*/ width: 25%/*8%*/; box-sizing: border-box; margin: 0 2px; height: 100%; }
/*.tarif .panierplus { border-radius: 0px 5px 5px 0px; width: 5%;width:20px;}*/
.monPanier { border-radius: 5px; padding: 10px; border: 1px solid;}
#formcode { margin-bottom: 10px; }
/*.btn_nb_p { float: left;width: 27%;text-align: right;padding-right: 5px; padding-top: 8px; box-sizing: border-box;position: relative; height: 100%;}*/
.btn_nb_p {
    text-align: right;
    padding-right: 5px;
    padding-top: 8px;
    flex-basis: 27%;
    box-sizing: border-box;
    position: relative;
    height: 100%;
}

#formcode #code {border-radius: 5px;height: 30px;width: 50%;border: 1px solid #d4d4d4; max-width: 250px;}
#panier li.mini-panier-item.child { line-height: 10px; }
#panier .mini-panier-item-name-child { font-size: 9pt; }
#retour.code_erreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin-top: 10px; color:white; clear: both;}

/** FORM **/
#formTarifs .liste-t { padding-left: 0; }
form input { border : 1px solid #bbb }
#formInsc, #formTarifs { padding: 10px; border-radius: 5px; margin-top:20px; font-size: 13pt; /*margin-left: 25%;*/ display: flex;justify-content: center;align-items: center; }
#formInsc input { /*border: 1px solid #fff;*/ border-radius: 5px; height: 35px; box-sizing: border-box;}
#formInsc input[type=radio] { height: inherit; }
#formInsc input[type=text], #formInsc input[type=number] { /*width:30%;*/ width: 100%; /*max-width: 500px;*/}
#formInsc input[type=email] { /*width:40%;*/ width: 100%; /*max-width: 500px;*/ }
#formInsc input[type=password] { width: 100%; /*max-width: 500px;*/}
#formInsc div { margin-bottom : 10px; clear: both;}
#formInsc div.checkbox-div { width: 100%; position: relative; float: left; }
#formInsc div.checkbox-div label { width: auto; line-height: normal;}
#formInsc select { height: 36px; background-color: #fff; border: 1px solid #bbb; border-radius: 5px; width: 100%; padding: 0 5px;}
#formInsc textarea {  height: 80px; background-color: #fff; border: 1px solid #fff; border-radius: 5px; width: 100%; /*max-width: 500px*/; border: 1px solid #bbb; }
#formInsc label { /*margin-right:10px; width: 150px; float: left;*/ /*height: 38px; line-height: 38px;*/ display: block; }
#formInsc .radio_sel label { display: inline-block; }
#formInsc legend { font-size: 1em;}
#formInsc label.full {width:100%;}
#formInsc div.button { text-align: center; clear:both;}
#formInsc button[type=submit] { width:150px;  border-radius: 5px; height: 30px; cursor: pointer;}
#formInsc input[type=checkbox] { /*float: left;*/ height: auto;}
#formInsc fieldset label { float: none; width: auto; height: auto; display: inline-block; line-height: inherit;}
#formInsc #retour.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin-top: 30px; }
#formInsc #retour.afficheMessage { background-color: #16d836c9; border-radius: 5px; padding: 10px;  margin-top: 30px; }
#formInsc .form_erreur, #formulaireTarif .form_erreur { color:#ff0000c9; }
#formInsc #do_inscription { width: 20%; min-width: 200px; margin-top: 20px; cursor: pointer; }
/*#formInsc .form_icon { padding: 10px;  background: #fff; min-width: 20px;  text-align: center; border: 1px solid #bbb;border-radius: 5px 0px 0px 5px;
border-right: 0px;}*/
.form-icon, .form_eye { position: relative; }
.form_eye input { padding-right: 27px; }
.form_eye .toggle-hide-show-insc-p {  position: absolute; top: 9px;right: 5px;z-index: 1; cursor: pointer;}
.form-icon input, .form-icon select { padding-left: 27px; }
.form-icon .form_icon {  position: absolute; top: 10px;left: 5px;z-index: 1;}
#formInsc form, #formTarifs form { width: 50%; }
#formInsc .fieldset-div label {/*display: inline-block;*/ display: contents; word-break: break-word; }
.fieldset-div label {display: inline-block; }
.button input[type=button] { padding: 5px 10px; min-width: 200px;background-color: #879eaf;color: #fff;border: 1px solid #879eaf;border-radius: 5px; cursor: pointer;}

/** LISTE CP VILLE **/
#cities_ret ul { list-style: none; padding: 0px;}
#cities_ret ul li.sel_ville { cursor: pointer; font-size: 0.9em;}
#cities_ret ul li.sel_ville:hover { background-color: #e0e0e0; }

/** BADGE **/
.badge { padding: 4px 8px; text-align: center; border-radius: 20px; margin: 10px!important;display: inline-block; }

/** COOKIES **/
.filtre_choix_cookies { background: rgba(0,0,0,0.5); /*z-index: 2147483646;*/ width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; }
.bandeau_cookies { position: fixed; z-index: 2147483784; bottom: 0; right: 0; left: 0; background-color: #fff; max-height: 90%; overflow-x: hidden; overflow-y: auto; padding: 20px 10px; }
.presentation_cookie { width: 50%; float:left; font-size: 0.8em;}
#choix_cookies .choix_btn { width: 45%; float: left; }
#choix_cookies .accept_btn {padding: 5px 10px; background-color: #6c6c6c; color: #fff; border: 1px solid #6c6c6c; cursor: pointer; margin-right: 20px; 
    margin-bottom: 10px;border-radius: 5px; }
.param_btn { padding: 5px 10px; background-color: #6c6c6c; color: #fff; border: 1px solid #6c6c6c; cursor: pointer; margin-right: 20px; 
    margin-bottom: 10px; border-radius: 5px; }
#choix_cookies .accept_btn.acc_nec { color:#a7a7a7; background-color: transparent; border: none; margin:0; }
#param_cookies.actif {z-index: 2147483789;position: fixed;margin: 0 auto;width: 100%;margin: auto; position:fixed; padding:0; margin:0; top:0;left:0; height: 100%; background:rgba(0, 0, 0, 0.7); z-index: 100;}
#param_cookies .presentation_f_cookie { float: left; width: 70%; margin-bottom: 30px;}
#param_cookies .choix_f_cookie { float: right; width: 30%; text-align: right;}
#param_cookies .cat_cookie { margin-bottom: 10px; font-style: italic; border-bottom: 1px dashed #000; }
#param_cookies .f_cookie { clear: both; }
#param_cookies .sel_all_cookie { text-align: right; }
#param_cookies .titre_fen_cookie { text-align: center; font-size: 1.4em; }
#param_cookies #ok_all_c, #param_cookies .accept_c_btn, #param_cookies .accept_c_btn_obl { background-color: #d4d4d4; color: #fff;border-radius: 4px;
     border: 1px solid #d4d4d4; padding: 5px 10px; cursor: pointer; margin-bottom: 10px; }
#param_cookies #ok_all_c.sel_c, #param_cookies .accept_c_btn.sel_c, #param_cookies .accept_c_btn_obl.sel_c { background-color: #000; border: 1px solid #000; } 
#param_cookies #ok_no_c, #param_cookies .refus_c_btn, #param_cookies .refus_c_btn_obl { border: none;background: transparent;padding: 6px 11px;cursor: pointer;color: #b4b4b4; }
#param_cookies #ok_no_c.sel_c, #param_cookies .refus_c_btn.sel_c { border: none;background: transparent;padding: 6px 11px;cursor: pointer;color: #000; }

#param_cookies .btn_cookie { clear: both; width: 100%; text-align: right;}
#param_cookies .valider_choix_param { /*width: 40%; min-width: 80px;*/  /*width: 15%;*/ padding: 5px 10px; background-color: #000; border: 1px solid #000; color: #fff; 
    border-radius: 4px;}
#mini_cookie { width: 60px; height: 60px; /*opacity: 0.5;*/ border-radius: 0px 5px 5px 0px; background-color: transparent; position: fixed; bottom: 5%; left: 0; z-index: 2}
.btn_mini_cookie { width: 100%; height: 100%; cursor: pointer; border-radius: 50%; color: #7bbfbd;background-color: transparent; border: 1px solid #7bbfbd; }
.btn_mini_cookie::before { font-size: 40px; font-family: "fontawesome";float: left; padding-right: 10px; }
.close_param_c { /*float: right;*/  position: absolute;right: 0; top: 0px; border: 1px solid #c4c4c4;  border-radius: 0px 0px 0px 5px;
 border-top: none;}
.ferme_param_c { background-color: inherit; border: none; cursor: pointer; padding: 0px 10px; }
/*.ferme_param_c::before { font-size: 25px; font-family: "fontawesome";}*/
#param_choix_cookie { background-color: #fff; width: 80%; margin: 0 auto; border-radius: 15px; padding: 20px; overflow-y: auto; margin-top:5%; max-width: 800px; position: relative;}
#param_choix_cookie input[type=range] { width: 100%; max-width: 192px;}

/** CONNEXION **/
#do_verification_email, #do_verification_password, #do_init_password { margin-left: 5px; cursor: pointer;border-radius: 5px; border: 1px solid #d4d4d4; 
 padding: 10px 20px;line-height: 1em; }
#reset { text-align: center; margin-top: 10px; }
#maConnexion #formemail { margin-bottom: 20px; }
/*.maConnexion #email label, .maConnexion #emailconfirm label, .maConnexion #formpassword label { width: 40%; min-width: 200px; text-align: left; display: inline-block; 
 float: none; }*/
#maConnexion #do_init_reset { padding: 0px 10px; }
#maConnexion .maConnexion { text-align: center;}
#maConnexion .maConnexion input[type=password], #maConnexion .maConnexion input[type=email] { display: block; margin: 0 auto; }
#maConnexion label {width: 100%; max-width: 500px; text-align: left;display: inline-block; float: none; position: relative; }
#maConnexion input { border-radius: 5px;height: 35px;box-sizing: border-box; }
#maConnexion .maConnexion input[type="email"], #maConnexion .maConnexion input[type=password] { width: 100%;max-width: 500px; margin-bottom: 10px; }
#maConnexion #retour.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin: 20px 0px; color: #fff; }
#maConnexion #retour.afficheMessage { margin-top: 10px; text-align: center; margin-bottom: 20px; }
#maConnexion i { position: absolute; right: 10px;top: 34px; cursor: pointer; }
#maConnexion .maConnexion input[type="password"] { padding-right: 35px; }
#maConnexion #userpassword { display: block; margin: 0 auto;  width: 100%;max-width: 500px; margin-bottom: 10px; }

/** ACCES **/
#code_acces { margin-bottom: 20px;display: flex;justify-content: center;align-items: center; }
#code_acces input { width: 100%; border-radius: 5px; height: 35px; box-sizing: border-box; margin-bottom: 20px; border: 1px solid #bbb;}
#send_acces_form { width: 40%; text-align: center; }
#code_acces #do_send_acces { cursor:pointer; width: 250px; padding: 5px 10px;background-color: #fff;border: 1px solid #0f0f0f;border-radius: 5px;color: #000; }
#code_acces #retour.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin: 20px 0px; color: #fff; }

/** RESET PASSWORD **/
#resetP { text-align: center; }
#resetP label {width: 100%; max-width: 500px; text-align: left;display: inline-block; float: none; }
#resetP input[type=password], #resetP input[type=text] { width: 100%;max-width: 500px; display: block; margin: 0 auto;  border-radius: 5px;height: 35px;box-sizing: border-box; border: 1px solid #bbb;
 margin-bottom: 10px;}
#resetP .form_eye { width:100%; max-width: 500px; margin: 0 auto; }
#resetP #do_init_reset { margin-left: 5px; cursor: pointer;border-radius: 5px; border: 1px solid #d4d4d4; padding: 10px 20px;line-height: 1em; }
#resetP .maConnexion { margin-bottom: 15px; }
#resetP #retour.afficheErreur { background-color: #ff5757c9; border-radius: 5px; padding: 10px;  margin: 20px 0px; color: #fff; }
#resetP #retour.afficheMessage { margin-top: 10px; text-align: center; margin-bottom: 20px; }

/** COMMANDE **/
.sendEmailBillet{cursor: pointer;}
.container_billet_email_seul { background-color: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 20px;margin-bottom: 20px;width: 400px;text-align: center;display: flow;justify-content: center;
     align-items: center;}
.form-container_billet_email_seul h2 {margin: 0 0 20px; }
.form-container label { display: block;margin-bottom: 10px;font-size: 14px;color: #333; }
.form-container_billet_email_seul input {width: 95%;padding: 10px;margin-bottom: 20px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;}
.button-container_billet_email_seul {display: flex;justify-content: space-between;}
.btnresend_email_seul {padding: 10px 20px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;margin-bottom: 20px;}
.btnresend_email_seul.cancel {background-color: #333; color: #fff;}
.btnresend_email_seul i {color: #fff;}
.editableField {width: 70%;}
.liste-c { list-style: none; }
.order { font-size: 8pt; margin-bottom: 20px; clear:both;}

button.accordion-order-none { width: 100%; height: auto; float:left; background-color: white; border: none; border-radius: 5px 5px 5px 5px; outline: none; 
    text-align: left; padding: 10px 10px; font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear; box-sizing: border-box;}
button.accordion-order { width: /*70%*/100%; height: auto; float:left; background-color: white; border: none; border-radius: 5px 5px 5px 5px; outline: none; 
    text-align: left; /*padding: 10px 10px;*/ font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear; box-sizing: border-box;}
button.accordion-order a{ float: right;}
button.accordion-order.is-open { border-radius: 5px 5px 0px 0px; border-bottom: none;}
.accordion-order-content { background-color: white; width: /*70%*/ 75%; border: none; /*border-radius: 0px 0px 5px 5px;*/ display: block; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; }
.accordion-order-content p { margin: 10px; }
#commande .qrcode-content { float: right;text-align: center;width: 25%; }
.standardButton, .standardButtonActive a, .standardButtonActive {text-shadow: none;font-family: arial,helvetica,sans-serif; text-transform: uppercase /*!important*/;
    text-decoration: none;font-size: 12px /*!important*/;font-weight: bold /*!important*/;/*background-color: #7e0dff !important*/;border: 0px solid /*!important*/;
    padding: 10px /*!important*/;border-radius: 5px;margin: 5px;
    background-color: #595959 /*!important*/;text-align: center /*!important*/;color: #FFFFFF /*!important*/; cursor: pointer; text-decoration: none /*!important*/; display: inline-block;
}
.standardButtonActive { width:30%; }
.no_qrcode_info { position: absolute;width: 80%;text-align: center;left: 10%;top: 120px; }

.form_row_order { /*padding: 10px 0px;*/ display: block; margin-top: 10px; background-color: #ffffff91; border-radius: 5px; /*padding: 10px;*/ margin-bottom: 20px;}
.label{ width: 100%; display: inline-block; }
.labeldata{ width: 85%; }
.h2_title{ margin: 20px 0 5px 0; }
#commande .h2_title{ margin: 20px 0 5px 0; position: relative;   font-weight: normal; }
.mob_dev #commande .h2_title{ text-align: center;}
#commande .h2_title span { background-color: #fff; text-transform: uppercase; padding-right: 10px;}
.mob_dev #commande .h2_title span { padding-left: 10px;}
#commande .h2_title span:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 0.45em;border-top: 1px solid black;    z-index: -1;}
#commande .statut_com, #commande .emails_com { border: 1px solid #d3d3d3; border-radius: 5px;margin-bottom: 10px; padding: 5px; }
#commande .detail_com { background-color: #f5f5f5; border-radius: 3px; padding: 5px;margin-top: 5px; }
#commande li.order { margin-bottom: 10px; }
#commande .detail_com i {
font-weight: 900;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;width: 20px;height: 20px;font-size: 0.8em;border: 1px solid #000;text-align: center;
line-height: 20px;margin: 0;margin-right: 5px;}
#commande .emails_com li {background-color: #f5f5f5;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;;-khtml-border-radius: 3px;
    padding: 5px;margin-top: 3px;}
#commande .emails_com i { width: 25px; }
#commande .div_facture i, #commande .div_billet i  {
    font-weight: 900;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;
    width: 20px;height: 20px;font-size: 0.8em;border: 1px solid #000;text-align: center;line-height: 20px;margin: 0;margin-right: 5px; color: #000;
}
#commande .div_documents { margin: 20px 0px 5px 0px; clear: both; position: relative; }
#commande .div_facture { float: left; width: 45%; box-sizing: border-box;}
#commande .div_billet { float: right/*left*/; width: 45%; /*margin-left: 10%;*/  box-sizing: border-box;}
#commande .div_facture a , #commande .div_billet a { width: 100%; background-color: #fff; color: #595959; border: 1px solid #d3d3d3;margin: 0; 
text-transform: inherit;font-size: 1em;font-weight: initial;box-sizing: border-box; }
.mob_dev #commande .div_facture a , .mob_dev #commande .div_billet a { padding: 20px 10px; }
#commande .order-div {  border: 1px solid #d3d3d3; border-radius: 5px;margin-bottom: 10px; padding: 5px; box-sizing: border-box; }
#commande .div_info {background-color: #f5f5f5; border-radius: 3px; padding: 2px;margin-top: 5px; }
#commande .div_envoi_billet { /*float: right;*/ box-sizing: border-box; text-align: center; margin-top: 20px;}
#commande .div_billet_seul { /*float: left;*/ width: 100%; box-sizing: border-box; text-align: center; /*max-width: 150px;*/}
#commande .div_billet_seul a, #commande .div_envoi_billet a { width: /*100%*/80%; border-radius: 5px; cursor: pointer; text-decoration: none;
    background-color: #fff; display: inline-block; padding: 6px;color: #000;border: 1px solid #d3d3d3;
    margin: 0;text-transform: inherit;font-size: 1em;font-weight: initial;box-sizing: border-box;}
#commande .div_envoi_billet a { border:0px; }
#commande .div_billet_seul i, #commande .div_envoi_billet i { font-weight: 900;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-khtml-border-radius: 50%;
    width: 20px;height: 20px;font-size: 0.8em;border: 1px solid #000;text-align: center;line-height: 20px;margin: 0;margin-right: 0px; margin-right: 5px; }
.div_wallet_commande {margin-top: 10px;}

#commande .item_qrcode { text-align: center; }
/*#commande .item_qrcode img { width: 50% !important;}*/
#commande .item_bloc .form_row_order_ticket { text-align: center; font-size: 1.2em; }
#commande .item_bloc p.item_info { margin: 0px; padding: 5px; background-color: #f5f5f5; border-radius: 3px;  margin-top: 3px;}
#commande .slider-controllers { position: relative; } 
#commande .slider-controllers #next-elem {position: absolute;right: 0;top: 130px;font-size: 2em;cursor: pointer; z-index: 2; }
#commande .slider-controllers #prev-elem {position: absolute;left: 0;top: 130px;font-size: 2em;cursor: pointer; z-index: 2; }
#commande .item_qqt { text-align: center; width: 100%;display: inline-block;}
.accordion-order-content .div_info p { margin: 4px; }
#commande .item_info label.designation {min-width: 25%;}
#commande .item_info .editableField { width: 98%; }
#commande .detail-tarif-commande {text-align: center;padding: 0px 20px; margin: 0;font-size: 0.8em;box-sizing: border-box;max-height: 38px;overflow-y: auto; position: absolute; width: 100%;}

.separator{ border-top: solid 1px #000; }
.div_facture { text-align: center;}
.form_row_order ul { list-style: none; padding: 0px; margin: 0;}
.form_row_order_ticket { width:100%;/*50%;*/display: inline-block; cursor: pointer;}
.form_row_order_ticket_fiscal { width:40%;display: inline-block; float: left;}
.form_row_order_ticket_download { width:auto;float: right;}
.form_row_order_ticket_download a { box-sizing: border-box; }
.order-div { background-color: white; width: 100%; border: none; border-radius: 0px 0px 5px 5px; }
label.designation { font-size: 1.2em; display: inline-block; min-width: 10%;}
label.editableLabel { font-size: 1.2em; }

/** pro **/
.nfo { padding: 5px;width: 100%;box-sizing: border-box;text-align: center; background-color: #8e8e8e;color: #fff;border-radius: 5px;margin: 10px 0px;}
.pv_visuel { max-width: 100%; max-height: 150px; }

/** panier pro **/
.rec_nom_pro, .diffuse_personne { text-align: center; width: 100%; margin: 20px 0px;}
.choix_diff_pro { padding: 5px 15px; background-color: #879eaf; border-radius: 3px; border: 1px solid #879eaf; color: #fff; box-sizing: border-box; text-align: center; cursor: pointer; }
#rec_nom_pro_sub { padding: 15px;}
.choix_diff_pro.no_sel_pro { color: #f2e6e6; background-color: #b2c2cf;}
#search_clients_pv { padding: 20px 0px; }
#s_clients_pv { width: 80%; border-radius: 5px; height: 35px; box-sizing: border-box; border: 1px solid #bbb}
#result_s_clients_pv { width: 80%; text-align: center; margin: 0 auto; position: relative; margin-bottom: 25px; }
#result_s_clients_pv #client_search li.sel_search { background-color: #ececec; border-radius: 5px; margin: 2px 0px;cursor: pointer; padding: 5px; box-sizing: border-box; }
#resume_client_sel { width: fit-content; margin: 0 auto; background-color: antiquewhite; padding: 4px 10px; border: 1px solid antiquewhite; border-radius: 5px; margin-bottom: 20px; }
.cancel_client_sel { cursor: pointer; }
#formulaire_pro input[type="text"], #formulaire_pro input[type="number"], #formulaire_pro input[type="email"] {width: 100%; }
#formulaire_pro input { border-radius: 5px; height: 35px; box-sizing: border-box; }
#formulaire_pro { padding: 10px;border-radius: 5px;margin-top: 20px;font-size: 13pt;display: flex;justify-content: center; align-items: center;}
#formulaire_pro.hidden { display: none; }
#formulaire_pro form { width: 50%; font-size: 13pt; text-align: initial;}
#formulaire_pro label { display: block; }
#formulaire_pro div { margin-bottom: 10px;clear: both;}
#formulaire_pro select { height: 36px;background-color: #fff;border: 1px solid #bbb;border-radius: 5px;width: 100%; border: 1px solid #bbb;}
#formulaire_pro input[type="radio"] {height: inherit;}
#formulaire_pro textarea { height: 80px;border: 1px solid #fff;border-radius: 5px;width: 100%;border: 1px solid #bbb;}
#formulaire_pro input[type="checkbox"] {height: auto;}
#formulaire_pro .fieldset-div label { display: inline-block;}
#formulaire_pro .form_erreur { color:#ff0000c9; }

/** Footer **/
footer #col1, footer #col2, footer #col3 { float: left; }
.col_f_25 { width: 25%; } .col_f_26 { width: 26%; }.col_f_27 { width: 27%; } .col_f_28 { width: 28%; } .col_f_29 { width: 29%; }.col_f_30 { width: 30%; }
.col_f_31 { width: 31%; }.col_f_32 { width: 32%; } .col_f_33 { width: 33%; }.col_f_34 { width: 34%; }.col_f_35 { width: 35%; }
.col_f_36 { width: 36%; }.col_f_37 { width: 37%; }.col_f_38 { width: 38%; } .col_f_39 { width: 39%; }.col_f_40 { width: 40%; }
.col_f_41 { width: 41%; }.col_f_42 { width: 42%; } .col_f_43 { width: 43%; }.col_f_44 { width: 44%; }.col_f_45 { width: 45%; }
.col_f_46 { width: 46%; }.col_f_47 { width: 47%; }.col_f_48 { width: 48%; } .col_f_49 { width: 49%; }.col_f_50 { width: 50%; }
.col_f_51 { width: 51%; }.col_f_52 { width: 52%; } .col_f_53 { width: 53%; }.col_f_54 { width: 54%; }.col_f_55 { width: 55%; }
.col_f_56 { width: 56%; }.col_f_57 { width: 57%; }.col_f_58 { width: 58%; } .col_f_59 { width: 59%; }.col_f_60 { width: 60%; }
.col_f_61 { width: 61%; }.col_f_62 { width: 62%; } .col_f_63 { width: 63%; }.col_f_64 { width: 64%; }.col_f_65 { width: 65%; }
.col_f_66 { width: 66%; }.col_f_67 { width: 67%; }.col_f_68 { width: 68%; } .col_f_69 { width: 69%; }.col_f_70 { width: 70%; }
.col_f_71 { width: 71%; }.col_f_72 { width: 72%; } .col_f_73 { width: 73%; }.col_f_74 { width: 74%; }.col_f_75 { width: 75%; }
.col_f_76 { width: 76%; }.col_f_77 { width: 77%; }.col_f_78 { width: 78%; } .col_f_79 { width: 79%; }.col_f_80 { width: 80%; }
.col_f_81 { width: 81%; }.col_f_82 { width: 82%; } .col_f_83 { width: 83%; }.col_f_84 { width: 84%; }.col_f_85 { width: 85%; }
.col_f_86 { width: 86%; }.col_f_87 { width: 87%; }.col_f_88 { width: 88%; } .col_f_89 { width: 89%; }.col_f_90 { width: 90%; }
.col_f_91 { width: 91%; }.col_f_92 { width: 92%; } .col_f_93 { width: 93%; }.col_f_94 { width: 94%; }.col_f_95 { width: 95%; }
.col_f_36 { width: 96%; }.col_f_97 { width: 97%; }.col_f_98 { width: 98%; } .col_f_99 { width: 99%; }.col_f_100 { width: 100%; }
footer .text-small {font-size: 14px;}
footer .text-tiny { font-size: 10px; }
footer a, footer a:visited { color: inherit; }
footer .global { padding: 0px 10px; margin-top: 20px; display: block; position: relative; box-sizing: border-box; }
footer .content { padding: 0px 10px; margin-top: 20px; display: block; position: relative; box-sizing: border-box; }
.footer p { box-sizing: border-box; margin: 0;padding: 5px 0px; }

/** CHEMIN DE FER **/
ol.chemin_fer { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 0px; }
ol.chemin_fer li.etape_active { color:#000; }
ol.chemin_fer li.etape_finie { color: #0000006b; }
ol.chemin_fer li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column;
    flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
    justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
    align-items: center; text-align: center; max-width: 25%; position: relative; padding-top: 20px; color: #0000006b;
}
ol.chemin_fer li i { padding: 0px 2px; background: #fff; /*z-index: 3;*/}
ol.chemin_fer li.etape_active i  { background: #fff; color: #000; }
ol.chemin_fer li::before { background:#d3d3d3; width: 1000px; content: ""; display: block;height: 2px;position: absolute; top: 46%; right: 50%; text-align: center; z-index: -1; }

/** UTILES **/
.isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.8; text-decoration: none; }
.isDisabled a { color: currentColor; cursor: not-allowed; opacity: 0.8; text-decoration: none; pointer-events: none;}
.hidden { display: none; }
.overlay{ position:fixed; padding:0; margin:0; top:0;left:0;width: 100%; height: 100%; background:rgba(0, 0, 0, 0.7);; z-index: 100; }
h1 { text-transform: uppercase; font-size: 2em; font-weight: 200; }
.form_icon { font-family: 'fontawesome';}
.button { text-align: center; clear:both; margin-bottom: 20px;}
.clear { clear: both; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { appearance: textfield; -moz-appearance: textfield; }
input[type="number" i] { padding: 1px 2px; }

/** ADM **/
.centeralign { text-align: center;}


/** Print **/
#print .MentionsLEgales, #print .MentionsLegales { font-size: 1pt; }
#print .pagebreak { page-break-after: always; }
#print .footer { display: none; }
#print .html_view_pdf { text-align: center; padding: 20px 0px; }


/** MESSAGES RETOUR **/
#ret_message.ret_error {position: /*absolute*/ fixed; z-index: 9; padding: 5px 20px; text-align: center; width: auto; background-color: #c07575;color: #fff; top: 20px; right: 20px;border-radius: 4px; }
#ret_message.ret_info {position: absolute; z-index: 9; padding: 5px 20px; text-align: center; width: auto; background-color: #d5c360; color: #fff; top: 20px; right: 20px;border-radius: 4px; }
#ret_message.ret_ok {position: /*absolute*/ fixed; z-index: 9; padding: 5px 20px; text-align: center; width: auto; background-color: #84bc82; color: #fff; top: 20px; right: 20px;border-radius: 4px; }
#ret_message i.close_ret_message { margin-right: 10px;cursor: pointer;} 
select, option { -webkit-appearance: none; -moz-appearance: none;  }

/** SWIPE **/
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float: left;width: 100%;position: relative;overflow: hidden;}

/** LOADER **/
#loader { width: 100%; height:100%; position: fixed; left:0; top: 0; background-color: #fff; opacity: 0.6; text-align: center; z-index: 10;}
.lds-roller {color: #1b2b3a; margin-top: 20%;}
.lds-roller, .lds-roller div, .lds-roller div:after {  box-sizing: border-box; }
.lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.lds-roller div:after { content: " "; display: block; position: absolute; width: 7.2px;height: 7.2px; border-radius: 50%;background: currentColor; margin: -3.6px 0 0 -3.6px;}
.lds-roller div:nth-child(1) { animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 62.62742px;left: 62.62742px;}
.lds-roller div:nth-child(2) {animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 67.71281px;left: 56px;}
.lds-roller div:nth-child(3) {animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 70.90963px;left: 48.28221px;}
.lds-roller div:nth-child(4) {animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5) {animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 70.90963px;left: 31.71779px;}
.lds-roller div:nth-child(6) {animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 67.71281px; left: 24px;}
.lds-roller div:nth-child(7) { animation-delay: -0.252s; }
.lds-roller div:nth-child(7):after {top: 62.62742px; left: 17.37258px;}
.lds-roller div:nth-child(8) {animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12.28719px;}
@keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* pay */
#content_form_banque { margin: 0 auto; width: /*fit-content*/ 70%; margin-top: 25px; padding: 0 10px;}
#content_form_banque .kr-smart-form { width: 100%; }
#content_form_banque #cancel_pay { width: 250px; padding: 5px 10px; background-color: #fff; border: 1px solid #0f0f0f; border-radius: 5px; color: #000; cursor: pointer; display: inline-block;text-decoration: none;}
#content_form_banque .btn_form { text-align: center;padding-top: 40px;border-top: 1px solid;margin-top: 20px;}
#content_form_banque iframe { border: none !important; }

/** MODE TELEPHONE **/
@media screen and (max-device-width:768px) and (orientation: landscape) {
    #formulaireTarif .list_form_tarif { width: 100%; }
    html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    #decompteTimer { top: 0px }
    .liste-tarifs-affiche { width: 100%;}
    .liste-tarifs-affiche.liste-tarifs-enfants { width: 90%; text-align: center; margin: 0 auto; }
    .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion, .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion-none {
        width: 100%; padding-left: 0; text-align: center;
    }
    #mini-panier { width: 100%; margin-top: 25px;}
    #id-contact { width: 100%;}
    .liste-t { padding-left : 0px;}
    /*.liste-tarifs-affiche .liste-tarifs-affiche .liste-t { padding-left : 4%;}*/
    .liste-tarifs-affiche .liste-tarifs-affiche button.accordion { width:50%; }
    .liste-tarifs-affiche .liste-tarifs-affiche button.accordion-none { width:50%; }
    .maConnexion #email label, .maConnexion #emailconfirm label, .maConnexion #formpassword label { width: 100%; }
    #formInsc .maConnexion input[type="password"], #formInsc .maConnexion input[type=email] { width: 99%; }
    .content { padding: 0px;}
    #right-content { width: 100%;}
    #param_cookies.actif { overflow-y: scroll;}
    #mini_cookie {position: relative; }
    button.accordion { width: 100%; }
    .btn_nb_p { width: 100%; text-align: center; padding-bottom: 5px; padding-right: 0px; height: 120%;}
    .nb-billet-produit { margin-top: 0px; }
    .tarif .paniermoins, .tarif .panierplus { width: 33%; height: 100%;}
    .tarif .paniermoins { float: left; border-radius: 5px /*5px 0px 0px 5px*/;}
    .tarif .panierplus { float: right; border-radius: 5px/*0px 5px 5px 0px*/;}
}

@media screen and (max-width: 810px) {
    .liste-tarifs-affiche.liste-tarifs-enfants { width: 100%;}
}

@media screen and (max-width: 780px) {
    #content_form_banque .kr-smart-form { width: inherit; }
    #content_form_banque {  width: fit-content; }
    #content_form_banque.up2p { width: 90%; }
    .btn_mini_cookie { width: 60px; height: 60px; }
    #formulaireTarif .list_form_tarif { width: 100%; }
    #right-content.sticky { position: relative; right: inherit; top: inherit; }
    #mini-panier { position: fixed; bottom: 0; opacity:0.9;  width: 100%; box-sizing: border-box; z-index: 2;  float: none;}
    #right-content.expand-mb { margin-bottom: 185px; }
    .mini-panier-code { margin: 0; background-color: #fff; padding-bottom: 5px;}
    .mini-panier-code #code { margin-left: 10px; height: 26px; }
    #do_verification_code { margin-right: 10px; margin-left: 0px; }
    .monPanier { border-radius: 5px 5px 0px 0px; max-height: 130px; overflow-y: auto;/*position: fixed; bottom: 0; opacity:0.9;  width: 98%; box-sizing: border-box; z-index: 2;*/}
    .monPanier .panier-seance,  .mini-panier-total-secure, .monPanier .mini-panier-item.child   { display: none; }
    a.my_url { margin: 0; }
    .mini-panier-paiement { margin: 0; border-radius: 0px; }
    .mini-panier-total-paiement, .mini-panier-total-price {font-size: 1em; margin:0; }
    #mini-panier li { font-size: 11px; }
    .titre-liste-tarif { text-size-adjust: 80%; font-size-adjust: ch-width from-font; }
    #decompteTimer { top: 0px }
    .liste-tarifs-enfants .accordion-content p { margin-top: 10px;}
    .liste-tarifs-enfants button.accordion.accordion { border-top: 1px solid #d4d4d4; border-radius: 0%; }
    button.accordion { width: 100%; }
    .accordion-content { width: 100%; }
    .accordion-content p { font-size: 10pt; }
    .ligne_t_choix { display: block; }
    .btn_nb_p { width: 100%; text-align: center; padding-bottom: 5px; padding-right: 0px; height: 120%; margin-bottom: 10px;  float: left;}
    .nb-billet-produit { margin-top: 0px; }
    .tarif .paniermoins, .tarif .panierplus { width: 33%; height: 100%; border-radius: 5px; background-color: #e31486; color: #fff; 
        padding: 5px 0; }
    .liste-tarifs-enfants .tarif .paniermoins, .liste-tarifs-enfants .tarif .panierplus { width: 50px; height: 50px; border-radius: 50%; }
    .liste-tarifs-affiche { width: 100%; float: none;}
    .liste-tarifs-affiche.liste-tarifs-enfants { width: 90%; text-align: center; margin: 0 auto; }
    .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion, .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion-none {
        width: 100%; padding-left: 0; text-align: left;
    }
    .liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion .tarif_lib.lib_only,.liste-tarifs-affiche.liste-tarifs-enfants li.tarif button.accordion-none .tarif_lib.lib_only { text-align: center; }
    .tarif_price {
        box-sizing: border-box; padding-right: 10px;
    }
    /*.tarif_lib { text-align: left; }*/
    button.accordion-none { width: 100%; }
    #mini-panier { width: 98%; /*margin-top: 25px;*/}
    #mini-panier li.panier-seance { font-size: 1.2em; }
    .mini-panier-item-name { font-size: 1.3em; }
    .mini-panier-item-name-child { font-size: 1em; }
    .mini-panier-item-delete { font-size: 20px; }
    #id-contact { width: 100%; float: none;}
    .liste-t { padding-left : 0px;}
    .liste-tarifs-affiche .liste-tarifs-affiche button.accordion { width:50%; }
    .liste-tarifs-affiche .liste-tarifs-affiche button.accordion-none { width:50%; }
    .maConnexion #email label, .maConnexion #emailconfirm label, .maConnexion #formpassword label { width: 100%; }
    #formInsc .maConnexion input[type="password"], #formInsc .maConnexion input[type=email] { width: 99%; }
    .content { padding: 0px;}
    #right-content { width: 100%; float: none;}
    #param_cookies.actif { overflow-y: scroll;}
    #mini_cookie {position: relative; }
    #formInsc form, #formTarifs form { width: 90%; }
    #do_verification_code { float: right;  padding: 0 20px; }
    ol.chemin_fer { width: 100%;}
    /*ol.chemin_fer li::before, ol.chemin_fer li.etape_finie, ol.chemin_fer li { display: none; }*/
    ol.chemin_fer li.etape_finie, ol.chemin_fer li { display: none; }
    ol.chemin_fer li.etape_active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
        -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column;
        flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;
        justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
        align-items: center; text-align: center; max-width: 100%; position: relative; padding-top: 20px; color: #0000006b; width: 100%; font-size: 1.2em; }
    ol.chemin_fer li::after { background: #d3d3d3;width: 1000px; content: ""; display: block;height: 2px;position: absolute;top: 46%;left: 50%;
            text-align: center;z-index: -1;}
    
    #do_verification_email, #do_verification_password, #do_init_password { width: 60%; }
    body {touch-action: manipulation;}
    button, span, li, div { touch-action: manipulation; } 
    .container_billet_non_recu {/*width: 300px;*/ width: 100%; box-sizing: border-box;}
    /* button { touch-action: manipulation; }*/

    #stats_recherche .s_number { width: 45%; display: inline-block; word-break: break-all;}
    #stats_recherche .s_date { width: 30%; display: inline-block; word-break: break-all; text-align: center;}
    #stats_recherche .s_heure { display: none;}
    #stats_recherche .s_ttc { width: 24%; display: inline-block; word-break: break-all; text-align: right;}
    #stats_recherche .s_etat { width: 100%; display: inline-block; word-break: break-all;}
    #stats_recherche .s_action { width: 100%; display: inline-block; word-break: break-all;}
    #stats_recherche .s_action i{ margin-left: 10px; word-break: break-all; }
    #stats_recherche .s_total .s_etat, #stats_recherche .s_total .s_action { display: none; }
    #stats_recherche{font-size: 0.8em;}
    .action { color: #fff;}
    #id-action {background-color: #000;color: #fff;padding:10px;margin: 10px 0px;}
    footer #col1, footer #col2, footer #col3 { width: 100%; float: none; }
    .nb-billet { font-size: 1.6em; }
    #do_inscription {  display: inline-block; height: 50px; font-size: 1.1em; }
    #commande .div_facture { width: 100%; margin-bottom: 25px; }
    #commande .div_billet { width: 100%; margin-left: 0px; }
    #commande .div_facture i, #commande .div_billet i { position: absolute; left: 20px; }
}

@media print {
    #header-t, #mini_cookie, #param_cookies, .footer, .no-print{
      display: none !important;
    }
}