﻿
body
{
    font-family: Ubuntu,Helvetica, Arial, Verdana, sans-serif;
    color : #0a0a0a;
    padding : 0;
    margin : 0;
    font-size: 14px;
}

/********************** SPECIFIQUE : démo ***********************/

#demoHeader {
    width: 100%;
    /*height: 100px;*/
    color: white;
}

/********************** Fin Démo Header ************************/

#Omniris {
    background-color: white;
    font-family: Ubuntu,Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    margin-top: 155px;
    padding-bottom: 50px;
}

/*bootstrap*/
#Omniris .container-fluid {
    max-width: 1140px;
}

.al-r {text-align:right;}
.al-c {text-align:center;}
.colButton {padding: 8px 0;} /*pour un ou deux boutons ANNULER/OK alignés à gauche ou à droite*/

/********************** SPECIFIQUE : page accueil ***********************/
.affichage_choix_date {}
#divAccueilChoix {margin-bottom: 50px;}
#inputCodeOffreAccueil {width: 100%;max-width: 480px;font-size: 12px;}

#Omniris h2.accueil_titre_choix_date {
    font-size: 20px;
    max-width: 330px;
    margin: 0 auto 15px auto;
    color:white;
    background-color: #d69c5f;
    text-align: center;
}
#Omniris img.accueil_titre_image {
    display: block;
    margin: 8px auto 16px auto;
    width: 100px;
    height: auto;
}
#Omniris h3.accueil_choix_date {
    font-size: 18px;
    max-width: 330px;
    margin: 0 auto;
    color:#808080;
    display: inline-block;
    border-bottom: 3px solid #d69c5f;
}
#inputCodeOffreAccueil {width: 100%;border: 1px solid #b8b6b9}
#icoSpinChoixDateAccueil {margin-left: 15px;}
#Omniris div.no_choix_date {
    margin-top: 50px;
}
@media (min-width:768px) {
    #Omniris div.no_choix_date {
        margin-top: 0;
    }
    #datepickerAccueil {
        margin-top: 15px;
    }
}
#Omniris h3.accueil_no_choix_date {
    font-size: 18px;
    max-width: 330px;
    margin: 0 auto;
    color:#808080;
    display: inline-block;
}
#Omniris .btnAccueilChoixDate {
    display: block;
    width: 100%;
    margin: 15px auto 4px auto;
    color:white;
    background-color: #d69c5f;
    border: 1px solid #d69c5f;
}
#divSpinnerCatalogueAccueil {margin: 0 auto 30px auto;}
/*calendrier Bootstrap*/
#datepickerAccueil .datepicker-inline {
    width: 100%;
    border:1px solid #808080;
    border-radius: 0;
}
#datepickerAccueil .table-condensed {
    width: 100%;
}
#datepickerAccueil .datepicker table tr td.today {
    background-color: #d69c5f;
    background-image: none;
    color: white;
}
/* Accueil Responsive */
@media (min-width:768px) {
    #Omniris h2.accueil_titre_choix_date {
        margin-bottom: 50px;
    }
    #Omniris div.no_choix_date {
        margin-top: 0;
    }
    #datepickerAccueil {
        margin-top: 15px;
    }
}
/********************* fin page accueil *********************/



/**************** barre Home + identification ****************/
#divHome{color:#808080;text-align:center;padding-top: 0;overflow: hidden;}
#spanHome {font-size: 1.2rem;}
#icoHome {color:#808080;font-size:2rem;margin-right:8px;}
#omniris .titre_billetterie a:hover{
    color: red;
}
#inputCalGlobal {font-size: 13px;padding: 4px;height: 38px;}
#actualiseCalGlobal:hover {cursor: pointer;}
#btnCatalogueGlobal {background-color:#d69c5f;height: 38px;width: 38px;padding: 6px;border-radius: 4px;}
#icoCatalogue {height:26px;fill:white;}
.icoSpinCatalogueGlobal {font-size: 26px;color:white;}
#Omniris a#btnMenuPromo {
    display: inline-block;
    padding: 0;
    font-size: 36px;
    line-height: 36px;
    color: #d69c5f;
    border: none;
    background-color: transparent;
    text-decoration: none;
}
#Omniris .omn-fa-2x {font-size: 18px;}
#btnValiderCodeOffreMenu {}
#Omniris a#btnMenuPromo:hover,#Omniris a#btnMenuPromo:visited,#Omniris a#btnMenuPromo:focus {text-decoration: none;border-color: transparent;}
#Omniris #lien_panier {display:block;width:100%;text-align:center;color:#808080;border: 1px solid #F0E3D7;background-color:#fff;min-width: 140px;padding: 8px;}
#Omniris a#lien_admin {display: block;color:white;border: 1px solid #F0E3D7;background-color:#d69c5f;padding: 8px;text-decoration: none;}
.faClef {margin-right: 8px;}
#Omniris a#lien_compte {display: block;color:#808080;border: 1px solid #F0E3D7;background-color:#fff;padding: 8px;text-decoration: none;}

/****************** listing des Activités/Forfaits/Packages  ******************/
#ctnProduits {padding:0 30px;} /*si container-fluid*/
#separationProduits {padding:4px 8px;color: white;background-color: #d69c5f;} /*h3 Découvrez aussi*/

/*.blocActListe {margin-bottom:30px;} background-color:#F1F1F1;border:2px solid #013066;*/
.cntAct {padding-top:30px;}
.btnAjouterPanier {margin-right:15px;}
.titreActListe {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    /*2022*/
    color:#013066;
    background-color:white    padding:4px;
    margin-bottom:0;
    border-bottom:2px solid #013066;
}
.spanOrdreAct {color:red;margin-right: 15px;font-weight: bold;}
.spanOrdreAct:hover {cursor: pointer;}

.colImgActListe {
    height:400px;
    border:8px solid #F1F1F1; /*margin: 8px; NON*/
    /*background-image:url(images/zebre.jpg);*/
    background-position: center center;
    background-size:cover;
    background-color:#F1F1F1;
}
.colImgActListeCarre {
    min-height: 350px;
    border:8px solid #F1F1F1; /*margin: 8px; NON*/
    /*background-image:url(images/zebre.jpg);*/
    background-position: center center;
    background-size:cover;
    background-color:#F1F1F1;
    background-repeat: no-repeat;
}
.cntDesQteActListe {padding: 8px;background-color:#F1F1F1;}
.colDesActListe {} /* NB c'est une sous div de DesQte*/
.colDesActListe p.valable {text-align: center;}
#Omniris p.desAct a {text-decoration: underline;}
.cntBtnRevente {background-color:#F1F1F1;}

.colQteActListe {text-align:center;padding:8px;background-color:#F1F1F1;}
.labNbPers {text-align:center;font-weight: bold;}
.labChoixDateAct {text-align:center;font-weight: bold;}
.btnTrierAct {margin-right: 15px;}

/**************** bouton horaire, SPINNER, etc ******************/
button.boutTarifsActListe .fa-spinner,
button.boutTarifsActListe .fa-chevron-circle-down {
    margin-left: 8px;
}
/*choix date catalogue*/
.divChoixDateCatalogue {min-width: 150px;max-width: 150px;}
.datepicker table tr td, .datepicker table tr th {border-radius: 0 !important;}
.datepicker table tr td.jourOK {
    background-color: Green !important;
    background-image: none !important;
    color: White !important;
}
.datepicker table tr td.today.jourOK {
    border: 1px solid grey !important;
}
.datepicker table tr td.today.jourKO {
    background-color: white !important;
    background-image: none !important;
    border: 1px solid grey !important;
}
/************************ SLOTS *********************/
.colSlotActListe {padding: 8px 4px 0 4px;}
.colSlotNavig, .colSlotDamier {background-color:#e8e8e8;}
/*menu slots*/
.divUnSlot {text-align:center;}
.divUnSlot, .divSlotPrec {margin-right:8px;}
.divUnSlot input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.divUnSlot label {
    cursor:pointer;
    display: inline-block;
    background-color: #ddd;
    padding: 8px;
    font-family: sans-serif, Arial;
    font-size: 15px;
    border: 2px solid #444;
    border-radius: 4px;
}
.divUnSlot input[type="radio"]:checked+label {
    color:white;
    background-color:#d69c5f;
    border-color: #007bff;
}
.divUnSlot label:hover {background-color:#013066;color:white;}

.divFlechesSlots {margin-bottom: 4px;/*padding:6px NON !*/}
.imgFlecheSlotGauche, .imgFlecheSlotDroite {padding: 8px;margin:8px 15px;background-color:#d69c5f;color:white;}
.imgFlecheSlotDroite {}
.divSlotPrec{padding-left:0}
.divSlotPrec{padding-right:0}
.flecheSlotGrisee{color: rgba(200,200,200,0.5);}
.flecheSlotActive{cursor: pointer;}
.flecheSlotActive:hover{background-color:#007bff;color:white;}
/*********************** MODAL CALENDRIER / PANIER *******************/
.colModeleActListe{background-color:#e8e8e8;padding:0 4px}
.divCalModele {width: 100%;}
#Omniris form.cntAct div.blocActListe div.colModeleActListe .datepicker-inline {
    width: 100%;
}
#Omniris form.cntAct div.blocActListe div.colModeleActListe .table-condensed {
    width: 100%;
}
.datepicker table tr td.today.jourOKModele {
    border: 1px solid grey !important;
}
.datepicker-inline table tr td.jourOKModele {
    background-color: Green !important;
    background-image: none !important;
    color: White !important;
    cursor: default !important;
}
#Omniris .modal-header {padding-bottom: 0.5rem;padding-top: 0.5rem;}
#bodyPanier {padding-top: 4px;padding-bottom: 4px;}
#bodyPanier p.msgPanier {margin: 0;}
/*#footerPanier p.msgSaleConnaissance {margin: 0;}*/
#modalPanierTitle i {margin-right: 15px;}
#spinPanier, #spinCalendar, .errorInModal {text-align: center;}
.panier_vide {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
#Omniris .noborder-list-group-item {list-style: none;}
.separateurPanier {border-top:1px solid #F1F1F1;}
/************************ SERVICES ********************/
.colSrvActListe {background-color:#F1F1F1;}
.blocSrvActListe {height: 100%;min-height: 100px;}

.ajaxRechTarifs,.choisirSlot {text-align: center;}

.colSrvActListe {padding: 4px;}
p.needCtrMark {margin-bottom: 0;}
td.colTotLigne {display: none;text-align: right;}
td.colTotAct {text-align: left;}
.pTotServices {text-align: right;margin-right: 15px;}
.spanMontantTotSrv {margin-left: 18px;}

.descService {margin: 0 0 4px 0;}
.ligneProduit {border-bottom:1px dotted #d69c5f;}
.spanOrdreSrv {color: red;}
.inputOrdreSrv {max-width: 70px;margin-right: 15px;}
.btnCalendrier {
    display: inline-block;
    font-weight: 400;
    color: white;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #d69c5f;
    border: 1px solid transparent;
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
    border-radius: 0.25rem;
}
.spinAjouter {display:inline;margin-left: 8px;padding: 0 8px;background: transparent url(images/loading2.gif) no-repeat center center;background-size: cover;}
.pAutresBilletsVendus {}
/******************** AUTRES PAGES *********************/
p.pLienMDPOublie {text-align: right;}
#lienMdpOublie {text-decoration: underline;}
#infosLegalesCommandes{margin-top: 15px;};
/*#regleRecap {margin-left: -7px;margin-right: -7px;}*/
#Omniris table.tab_panier_recap td.ligneSeule {border-top: 2px solid #808080 !important;}

.faContinue {margin-right: 4px;}
.fa-circle {color:#d69c5f;}
.activerCpt {margin: 0;}

#newUser {
    margin-top: 30px;
}

#Omniris .lienNumDossier,#mdpOublie a {font-weight:bold;text-decoration:underline;}

#Omniris a.lienCompte {text-decoration: underline;}

.imgAncv {width:100px;height:auto;}

.faUserLink{margin-right: 8px;}
/*-------------------------------------------------------
--------------- Bootstrap 4 breakpoints -----------------
Extra small devices (portrait phones, less than 576px) */

.col-xs-12 {
    width: 100%;
}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-20 {width: 20%;}
.w-80 {width: 80%;}
.w-xs-10 {
    width: 10%;
}
.w-xs-30 {
    width: 30%;
}
.w-xs-50 {
    width: 50%;
}
.w-xs-100 {
    width: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto;
    }
    .w-sm-100 {
        width: 100%;
    }
    .w-sm-20 {
        width: 20%;
    }
    .w-sm-30 {
        width: 30%;
    }
    .w-sm-40 {
        width: 40%;
    }
    .w-sm-50 {
        width: 50%;
    }
    .w-sm-70 {
        width: 70%;
    }
    .w-sm-80 {
        width: 80%;
    }

    .colDesActListe p.valable {text-align: left;}
    .imgFlecheSlotGauche {transform: rotate(-90deg);}
    .imgFlecheSlotDroite {transform: rotate(-90deg);}
    #regleRecap {margin-left: -15px;margin-right: -15px;}
    #newUser {margin-top: 0;}
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .w-md-auto {
        width: auto;
    }
    .w-md-10 {
        width: 10%;
    }
    .w-md-15 {
        width: 15%;
    }
    .w-md-20 {
        width: 20%;
    }
    .w-md-25 {
        width: 25%;
    }
    .w-md-30 {
        width: 30%;
    }
    .w-md-35 {
        width: 35%;
    }
    .w-md-40 {
        width: 40%;
    }
    .w-md-45 {
        width: 45%;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-55 {
        width: 55%;
    }
    .w-md-60 {
        width: 60%;
    }
    .w-md-65 {
        width: 65%;
    }
    .w-md-75 {
        width: 75%;
    }
    .w-md-80 {
        width: 80%;
    }
    .w-md-85 {
        width: 85%;
    }
    .w-md-100 {
        width: 100%;
    }
    #Omniris {padding: 140px 0 80px 0;}
    .colImgActListe {
        height:350px; /* voir au début aussi */
    }
    .colSlotNavig {background-color:#F1F1F1;}
    .divUnSlotCol, .divSlotPrec {margin-right:0;}
    .colImgActListeCarre {min-height: 175px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .w-lg-15 {
        width: 15%;
    }
    .w-lg-20 {
        width: 20%;
    }
    .w-lg-30 {
        width: 30%;
    }
    .w-lg-40 {
        width: 40%;
    }
    .w-lg-50 {
        width: 50%;
    }
    .w-lg-70 {
        width: 70%;
    }
    .w-lg-80 {
        width: 80%;
    }
    #divHome{text-align:left;}
    .colImgActListeCarre {min-height: 266px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .w-xl-15 {
        width: 15%;
    }
    .w-xl-20 {
        width: 20%;
    }
    .w-xl-25 {
        width: 25%;
    }
    .w-xl-40 {
        width: 40%;
    }
    .w-xl-60 {
        width: 60%;
    }
    .w-xl-75 {
        width: 75%;
    }
    .w-xl-85 {
        width: 85%;
    }
}
/*************************** Participants avant paiement TeamAxess ********************/
#formPartsAvPaiement {background-color:#F1F1F1;}
h5.titrePersonneN {padding: 0 15px; border-top: 1px solid #6e97d2;background-color: #6e97d2;color: white;}

.introFormParts {text-align: justify;}

/*tableau des participants*/
#tableListeRevente {margin: 0;}
#tableListeRevente th, #tableListeRevente td {padding: 8px;}
.colWTP {width: 145px;max-width: 145px;}
.colPrenomTabPart, .colNomTabPart {}
.colDateNais {width: 165px;max-width: 165px;text-align: center;}
.colPhoto {width: 65px;max-width: 65px;text-align: center;}

#Omniris .btn-group .btn-primary {
    color: #ffffff;
    background-color: grey;
    border-color: grey;
}

#Omniris .btn-group .btn-primary.active,
#Omniris .btn-group .btn-primary.focus {
    color: #ffffff;
    background-color: #33cc00;
    border-color: #33cc00;
}

#Omniris .labWTP {font-weight: bold;}
.inputWTP {max-width: 150px;}
#Omniris .inputGroupWTP {margin: 0 15px 0 0;}
#Omniris .divWTPInfos {margin: 9px 8px 0 0;}
#spinnerPart {margin-left: 8px;}

/*creation compte*/
fieldset.choixFichesIDV legend {
    padding: 2px 8px;
    font: 700 1em/1em "Helvetica", sans-serif;
    width: auto;
}
fieldset.choixFichesIDV {
    border: 1px dotted black;
    padding: 8px;
    margin-top: 8px;
    background-color: aliceblue;
}
.selectFiche {
    border: 1px solid #6e97d2;
}
.erreurPartAboNoSupport {font-size: 10px;font-weight: bold;}
/********************************* anciens styles **************************/
#Omniris a,
#Omniris img,
#Omniris .couleur_texte_blanc{
    color: #0a0a0a;
    text-decoration: none;
}

#Omniris .liste_produits a:visited {
    color: #0a0a0a}

#Omniris .couleur_billetterie:hover{
    color: rgb(50,67,75);
}
#Omniris .couleur_billetterie{
    color: rgb(50,67,75);
}


.moncompte_icone {
    margin-right: 10px;
    vertical-align: middle;
}

.tab_produits {
    width: 100%;
}

.titre_billetsvalides {
    text-align: center;
    border: 1px solid #fff;
    color: #0a0a0a;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
}

.journalVentesMenu {
    width: 550px;
    margin: 40px auto;
}

.titreJournal {
}

.colTotal {
    font-weight: bold;
    padding: 4px 15px;
    text-align: right;
}

.dossier_liste {
    margin: 30px 0;
}

.tab_produits,
.tab_dossiers_particulier,
.dossier_liste,
.tab_journal_vente,
.tab_journal_vente_dossier,
.tab_vente_detail,
.tab_journal,
.tab_journal_page {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tab_produits th,
.tab_dossiers_particulier th,
.dossier_liste th,
.tab_journal_vente_dossier th,
.tab_vente_detail th,
.tab_journal th,
.tab_journal_page th {
    border-bottom: 1px solid #b8b6b9;
    text-align: center;
    background-color: #013066;
    color: white;
    padding: 6px 0;
}

.row0 {
    background-color: #f6f6f6;
}

.tab_journal td {
    line-height: 24px;
}

.tab_journal td.colCodeBarre {
    font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
    font-size: 20px;
}

.colPrixJournal,
th.colPrixJournal {
    text-align: right;
    padding-right: 8px;
}

.center {
    text-align: center;
}

.left,
th.left {
    text-align: left;
    padding-left: 8px;
}

/*
.tab_produits td.colLib,
.tab_produits td.colPartFusion,
.tab_produits td.noParticipant
{
    border-bottom: 1px solid #9a9a9a;
}*/

.dossier_liste td {
    border: 1px solid #b8b6b9;
    padding-right: 10px;
    padding-left: 10px;
}

.tab_dossiers_particulier td,
.tab_dossiers_particulier th {
    padding-right: 10px;
    padding-left: 10px;
}

.fa-3x {
    font-size: 2.5em;
}

.faCompte {
    margin-right: 8px;
}

.faCompteRecap {
    float: left;
    font-size: 52px;
    margin: 15px 8px 8px 0;
    color: #d69c5f;
}

#Omniris .cheminfer {
    background-color: transparent;
    color: #0a0a0a;
    margin-top: 5px;
    text-align: center;
}

#Omniris .cheminfer_contenu {
    margin: 0 auto;
    width: 1110px;
    max-width: 100%;
}

.monpanier {
    border: 1px solid #fff;
    text-align: center;
    margin-bottom: 1em;
    background-color: #f3f3f3;
}

.monpanier_icone {
    margin-right: 20px;
    font-size: 20px;
}

.dejacompte_icone {
    display: block;
    vertical-align: middle;
    margin-right: 10px;
}

.premierevisite_icone {
    display: block;
    vertical-align: middle;
    margin-right: 10px;
}

.titre_panier,
.totalpanier,
.titre_bloc,
.titreBlocSeul
{
    background-color : #013066;
    color : white;
    text-align : center;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 200;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}

.titre_bloc,
.titreBlocSeul,
.totalpanier
{
    padding:4px 10px;
}

.titreBlocSeul {
    text-transform: uppercase;
    color : white;
}

.contenu {
    margin: 8px;
}

.contenupanier {
    padding-top: 10px;
}

.timerPanierExpiration {
    font-size: 13px;
    padding: 5px;
}

.valider_panier,
.ajouter_panier {
    background-color: #fff;
    color: #FFF;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
}

.ajouter_panier {
    width: 250px;
}

.connaissance_cal {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #013066;
    padding: 10px;
    background-color: #f3f3f3;
}

.aGauche {
    float: left;
}

.aDroite {
    float: right;
}

#Omniris .btnValideDiv {
    margin: 20px 8px;
}

#Omniris .btn_std {
    border: 1px solid;
    background-color: #fff;
    color: #FFF;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
}

#Omniris .btn {background-color: #d69c5f;}

#Omniris .btnMedium,
#formPopoverPromo .btnMedium {
    display: inline-block;
    padding: 6px 12px;
    /*margin:15px;*/
    letter-spacing: 2px;
    font: 400 16px/24px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #d69c5f;
    background: #d69c5f;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

#Omniris .btnMedium:hover, #Omniris .btnMini:hover,
#formPopoverPromo .btnMedium:hover {
    background-color: #e5b45f;
}

#Omniris .btnMini {
    display: inline-block;
    padding: 8px 12px 6px 12px;
    /*margin:15px;*/
    letter-spacing: 1px;
    font: 400 9px/9px sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #d69c5f;
    background: #d69c5f;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

#Omniris .btnMedium:hover {
    background-color: #d69c5f;
}

#Omniris .btnMenu {
    display: block;
    width: 100%;
    padding: 6px 0;
    cursor: pointer;
    /*letter-spacing: 3px;*/
    font: 400 16px/24px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #d69c5f;
    background: #d69c5f;
    text-align: center;
    vertical-align: middle;
    border-radius: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

#Omniris a.btn, #Omniris a.btnMenu,#Omniris .btn-a {
    text-decoration: none;
    color: white;
    background-color: #d69c5f;
    padding: 4px 8px;
}

#Omniris a.btnMenu:hover {
    color: #d69c5f;
    background-color: #013066;
}


#champsOblig {
    padding: 15px 8px;
}

.lien {
    cursor: pointer;
}

.lien_btn {
    cursor: pointer;
    text-decoration: none;
}

#Omniris .btn_std:disabled {
    background-color: #CCC;
    cursor: default;
}

#Omniris .btn_std_mini {
    border: 1px solid;
    background-color: #fff;
    color: #FFF;
    width: 74px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
}

.titre_form_compte {
    text-align: right;
}

.tab_prod_package {
    width: 80%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}

.tab_prod_package td {
    border: 1px solid #fff;
}

.colHeure {
    width: 33px;
}

.colQte {
    text-align: center;
    width: 40px;
    font-size: 13px;
}

.colreset {
    width: 30px;
    text-align: center;
}

.colDate {
    text-align: center;
    width: 20%;
}

.colPrix,
.colPrixParticipant { /* ne pas mettre de size !*/
    text-align: right;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 13px;
}

.colPrixParticipant {padding: 0 15px 0 0;width: 90px;} /*total width = 180 en mobile*/
.colQteParticipant {text-align: right;width: 90px;}    /*total width = 180 en mobile*/

.colLib {
    text-align: left;
    padding-top: 8px;
    padding-left: 5px;
    line-height: 22px;
    font-size: 15px;
}

.colSaisie {
    text-align: center;
}
.colPrix {
    min-width: 80px;
}
.resetIcone {
    width: 80%;
    height: auto;
    color: #a6ce39;
}

.clear {
    clear: both;
}

.etape_active {
    color: #d69c5f;
    display: block;
}

.etape {
    font-size: 22px;
    line-height: 3.23529rem;
    height: 55px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 200;
    font-family: 'Oswald', sans-serif;
}

.etape_non_active {
    display: none;
}

.etape_icone {
    display: none;
}

.tab_cheminfer {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    border: none;
}

.tab_cheminfer td {
    line-height: 50px;
    vertical-align: top;
}

.tab_cheminfer img {
    margin-left: 50px;
    margin-right: 50px;
}

.titre_panier {
    line-height: 35px;
    height: 35px;
}

.bloc_cmd_valide {
    border: 1px solid #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

#Omniris .titreBlocCompte {
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

#ipBloqueeInfos {
    background-color: #ffb9b7;
}

#creaCompte {
    margin: 8px;
}

.compteRecapIcone {
    margin: 8px 0;
}

.box {
    border: 1px solid #0a0a0a;
    padding: 15px 15px 15px;
    line-height: 23px;
    background-color: #f3f3f3;
}

#login .box,
#newUser .box,
#loginSeul .box {
    line-height: 20px;
    padding: 0 20px 30px;
    background-color: #f3f3f3;
}

#formMDP {
    padding-top: 15px;
}

#mdpOublie,
#resetMDP  {
    padding-bottom: 50px;
}

.formGroup {
    margin: 15px 0;
}

.formInput {
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.42857;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #d6d4d4;
    border-radius: 0;
    padding: 0 0 0 4px;
}

#Omniris .label {
    font: 700 13px/20px Ubuntu, sans-serif;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    display: block;
    padding: 0;
}

#Omniris .formLink {
    font: 500 15px/20px Ubuntu, sans-serif;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
}

#login label,
#newUser label,
#loginSeul label {
    display: block;
}

#login .box .formInput,
#loginSeul .box .formInput {
    /*max-width: 100%;*/
    clear: both;
}

#Omniris .formText {
    cursor: pointer;
    font: 500 13px/20px Ubuntu,sans-serif;
    margin: 30px 0 0 0;
    text-transform: uppercase;
}

.tab_panier_recap {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
    background-color: #f3f3f3;
}

.tab_panier_recap td {
    height: 40px;
    /*padding-left:20px;*/
    border: 1px solid #fff;
}

.tab_panier_recap td.colQte,
.tab_panier_recap td.colLib,
.tab_panier_recap td.colPartReglement{
    padding-right: 8px;
}

.tab_panier_recap td.colQte,
.tab_panier_recap td.colPartReglement{
    text-align: center;
}

#ModeRgt {
    margin-top: 15px;
}

p.cgv a {
    text-decoration: underline;
}

.boiteBouton {
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

.tab_prepa_billets {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px;
}

.tab_prepa_billets td {
    border: 1px solid #fff;
}

.tab_prepa_billets th {
    color: #FFF;
    background-color: #013066;
    text-align: center;
}

.tab_slot {
    width: 95%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.tab_slot th {
    color: #d69c5f;
    background-color: #013066;
    text-align: center;
}

.tab_slot td {
    border: 1px solid #0a0a0a;
}
/*
.tab_pkg {
    width: 95%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.tab_pkg td {
    border: 1px solid #fff;
}

.tab_pkg td.separateurComposantPkg {
    border-left-color: white;
    border-right-color: white;
}

.tab_pkg tr.ligneVide {
    height: 8px;
}

.ligneTitreComposant {
    color: white;
    background-color: #d69c5f;
}*/

.conditions-gen-slots {
    margin: 15px;
    font-size: 14px;
}

#conds-slots {
    margin-right: 8px;
}

.error {
    color: red;
    text-align: center;
    padding: 8px;
    line-height: 24px;
    background-color: white;
    font-weight: bold;
}

.panier_vide {
    text-align: center;
    margin-bottom: 30px;
}

.date_invalide {
    text-align: center;
}

.tbl_desc_act td {
    vertical-align: middle;
}

h1 {
    font-size: 140%;
}

.bloc_compte {
    width: 95%;
    margin: 0 auto;
}

.bg {
    background-color: #013066;
}

.compte {
    margin-bottom: 20px;
    margin: 0 8px;
}

#titreCompte {
    text-align: center;
}

#Omniris .compteSousTitre {
    text-align: left;
    margin: 8px 8px 0 8px;
    background-color: #0a0a0a;
    padding: 2px 4px;
}

#Omniris .sousTitreBlocCompte,
#Omniris .adrFacturation legend {
    font: 400 18px/30px Ubuntu, sans-serif;
}

#Omniris p.ligneCompte {
    font: 500 13px/20px "Helvetica",sans-serif;
    text-align: left;
    margin: 0 0 15px 0;
    padding: 0;
}

#Omniris .identifCompte {
    float: left;
    font: 400 16px/26px "Helvetica", sans-serif;
    text-align: left;
    margin: 12px 15px;
    padding: 0;
}

p.RGPD {
    margin: 8px 5px;
}

#compteRecap h3 {
    margin-top: 30px;
    font: 400 16px/26px "Helvetica", sans-serif;
}

#sommaireRGPD {
    margin: 15px 5px;
    font: 400 16px/25px "Helvetica", sans-serif;
    list-style: square;
}

#sommaireRGPD li {
    margin: 8px 8px 18px 18px;
}

.menu_compte {
    margin: 15px 8px;
}

.lienMenuCompte {
    font: 500 16px/20px "Helvetica",sans-serif;
    display: block;
    margin: 8px 0;
}

.tab_ordre_prod{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.tab_ordre_prod th {
    background-color: #013066;
    color: #FFF;
}

.ligne1 {
    background-color: #ccc;
}

.niveau {
    width: 100px;
    text-align: center;
}

.txt_obligatoire {
    font-size: small;
    color: #eb6209;
    text-align: left;
}

.fondGris {
    background-color: lightgray;
}

.noBorder {
    border: none;
}

.fullWidth {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid grey;
}

.formTextEmail {
    margin: 0 0 30px 0;
}

.imgProduitPopup {
    display: block;
    float: left;
    margin: 15px;
    max-width: 92%;
}

.textChoixDate {
    font-style: italic;
}

.valable {
    margin: 4px 0;
    font-size: 13px;
    line-height: 14px;
}

.futur {
    color: #d69c5f;
    font-weight:700;
}

.milieu {
    margin: 15px auto;
    text-align: center;
}

/*PAIEMENT ACCEPTÉ : DOSSIER VALIDÉ*/
.titre {
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*PAIEMENT ACCEPTÉ : DOSSIER VALIDÉ*/
.sousTitreBox {
    font-size: 18px;
    font-weight: bold;
}

.margeTop {
    margin-top: 30px;
}

.margeTop8 {
    margin-top: 8px;
}

.margeTop15 {
    margin-top: 15px;
}

.margeGau15 {
    margin-left: 15px;
}

.margeDroi15 {
    margin-right: 15px;
}

.margeBas40 {
    margin-bottom: 40px;
}

.selectslt {
    width: 70px;
    height: 30px;
    margin: 4px;
}

#Omniris .btnMilieu {
    text-align: center;
}

#html_element {
    padding-top: 15px;
    padding-bottom: 15px;
}

#dossierListe .numDossierSouligne a {
    text-decoration: none;
}

.txtTabSlotA {
    font-size: 12px;
}

.txtTabSlotB {
    font-size: 12px;
}

.txtTabSlotQteB {
    font-size: 13px;
}

.txtTabSlotC {
    font-size: 14px;
}

.titreBlocLegende {
    margin: 15px;
    line-height: 24px;
    overflow: hidden;
}

.tableContainer {
    width: 100%;
    overflow-y: auto;
    overflow-x: scroll;
    margin: 0 0 1em;
    padding: 1px;
}

.tableContainer::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.tableContainer::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

.colNUMBER {
    text-align: center;
}

tr.ligneDossier td {
    border-top: 2px solid #fff;
}

#dossierListe .row0,
#dossierDetail .row0,
.tab_journal .row0 {
    background-color: #f3f3f3;
}

.tab_produits td.espaceBloc {
    height: 20px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background-color: #fff;
}

.libProduit, .pLibBillet, .pTarifBillet {
    margin: 0;
    padding: 0;
    font: 700 15px/20px Ubuntu,sans-serif;
}

.infosService {
    margin: 0;
    padding: 0;
    font: 400 12px/18px Ubuntu, sans-serif;
    text-decoration: underline;
    cursor: pointer;
}

.infosActiv,
a.infosActiv:visited {
    margin: 0;
    padding: 0;
    /*font: 400 12px/18px "Helvetica", sans-serif;*/
    text-decoration: underline;
    /*color: white;*/
    cursor: pointer;
}

.selonDate {
    text-align: right;
}

/* Reset Select */

#Omniris select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: white;
    background-image: none;
}

/* Custom Select */

.select {
    position: relative;
    display: block;
    width: 55px;
    height: 30px;
    background: white;
    overflow: hidden;
    margin: 0 1px 0 auto;
}

.selectFLEX {
    position: relative;
    display: block;
    width: 55px;
    height: 30px;
    background: white;
    overflow: hidden;
}

#Omniris select {
    width: 110%;
    height: 100%;
    margin: 0;
    padding: 0 0 0 .5em;
    color: black;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}

select::-ms-expand {
    display: none;
}

/* Fleche combos persos */

.select::after,
.selectFLEX::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 4px;
    background: #d69c5f;
    pointer-events: none;
    color: white;
}

/* Transition */

.select:hover::after,
.selectFLEX:hover::after
{
    color: #fff;
}

.select::after,
.selectFLEX::after{
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.selectQteProd {
    display: inline-block !important; /*pour aligner à droite dans la colonne*/
}
/*
.selectQteProd::after {
    padding: 8px 4px 4px 4px;
}*/

.labelCiv {
    float: left;
    height: 30px;
    margin: 8px 8px 5px 0;
    padding: 5px 0;
}

.selectCiv {
    float: left;
    width: 90px;
    border: 1px solid #d69c5f;
    margin: 8px 8px 5px 0;
    padding: 1px;
}

.labDay {
    display: none;
}

.selectDay {
    float: left;
    width: 75px;
    border: 1px solid #d69c5f;
    margin: 8px 30px 8px 0;
    padding: 1px;
}

.labMonth {
    display: none;
}

.selectMonth {
    float: left;
    width: 85px;
    border: 1px solid #d69c5f;
    margin: 8px 30px 8px 0;
    padding: 1px;
}

.labYear {
    display: none;
}

.selectYear {
    float: left;
    width: 95px;
    border: 1px solid #d69c5f;
    margin: 8px 8px 0 0;
    padding: 1px;
}

.labelPays {
    float: left;
    height: 30px;
    margin: 8px 8px 3px 0;
    padding: 5px 5px 0 0;
}

.selectPays {
    float: left;
    width: 170px;
    border: 1px solid #d69c5f;
    margin: 8px 8px 8px 0;
    padding: 1px;
}

/* Arrow */

.selectCiv::after,
.selectPays::after,
.selectDay::after,
.selectMonth::after,
.selectYear::after {
    padding: 1px 7px 3px 8px;
}

.selectSlot::after{
    padding: 3px 4px 3px 5px;
}

.selectSlot {
    border: 1px solid #d69c5f;
    margin: 4px auto;
    width:85px;
}

fieldset.formGroup {
    padding-bottom: 0;
    border-width: 1px;
}

#Omniris a.formLink {
    text-decoration: underline;
}

.icone {
    margin-top: 8px;
    float: left;
}

p.texteTelecharger {
    float: left;
    margin-left: 15px;
    width: 70%;
}

p.texteTelecharger a {
    text-decoration: underline;
}

table.tab_dossiers_particulier a {
    text-decoration: underline;
}

#enCompte,
#enCompteInterdit,
#enDevis {}

#enCompteInterdit {
    color: red;
    font-weight: bold;
}

.labelFormCompte {
    font-weight: bold;
}

.texteInfos,
.infoMDP {
    margin-top: 15px;
    line-height: 18px;
}

#qteMinimum {
    width: 70%;
    font-weight: bold;
    color: red;
    text-align: center;
    margin: 30px auto;
}

.txt_retour_boutique
{
    float: left;
    width: 75%;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}

.cbPayIcones,
.encptPayIcones,
.encptIcones {
    float: left;
    width: 20%;
    margin: 1em 8px 1em 0;
}

.txt_avertissement {
    font-weight: bold;
    color: #d69c5f;
    margin: 1.5em 15px;
    text-align: center;
}

.faCompteRecap {
    float: left;
    font-size: 52px;
    margin: 15px 8px 8px 0;
}

.nomClientActuel{
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
}

.faIcone {
    color: #d69c5f;
    margin-right: 15px;
}

#btn_validerpanier {
    display: block;
    margin: 15px auto;
}

.selectRes {
    width: 100px;
}

fieldset.adrFacturation {
    border: 1px dotted black;
    padding: 8px;
    margin-top: 8px;
}

fieldset.adrFacturation legend {
    padding: 2px 8px;
    font: 700 1em/1em "Helvetica", sans-serif;
    width: auto;
}



@media (min-width:768px)
{
    .libProduit {
        font: 700 15px/22px Ubuntu,sans-serif;
    }

    .colDate {
        width: 140px;
    }
    .colQte {
        width: 76px;
        font-size: 15px;
    }
    input.infoPrix {
        border: none;
        background: none;
    }
    .resetIcone {
        width: 33%;
    }

    .ajouter_panier {
        float: right;
    }

    .bloc {
        /*float:left;*/
        border: 1px solid #fff;
    }
    .premierevisite {
        width: 400px;
        min-width: 400px;
        height: 300px;
        margin-left: 50px;
        float: left;
    }
    .tab_form_compte {
        margin: 0 auto;
        float: left;
    }

    .compte {
        width: 90%;
        margin: 8px auto;
    }

    .tabVotreCompte {
        position: relative;
        top: -8px;
    }

    .formCompte {
        display: block;
        margin: 30px auto;
    }

    .titreBlocCompte {
        padding: 0;
        margin-top: 10px;
    }
    .mobileButton {
        display: none;
    }
    .mobileScroll {
        border: 1px solid #43250b;
    }

    .colPrix {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 15px;
    }

    .colLib {
        padding-left: 8px;
    }
    .txtTabSlotB {
        font: 400 14px/20px Ubuntu,sans-serif;
    }
    .txtTabSlotA {
        font: 400 13px/20px "Helvetica", sans-serif;
    }

    .txtTabSlotB {
        font: 400 13px/20px "Helvetica", sans-serif;
    }

    .txtTabSlotQteB {
        font: 400 14px/22px "Helvetica", sans-serif;
    }

    .txtTabSlotC {
        font: 400 15px/22px "Helvetica", sans-serif;
    }
    .naiResp {
        clear: left;
    }
    .labDay {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labMonth {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labYear {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }
    .selectDay {
        margin: 8px 30px 8px 0;
    }

    .selectMonth {
        margin: 8px 0 8px 0;
    }

    .selectYear {
        margin: 8px 8px 0 0;
    }

    .imgProduitPopup {
        max-width: 95%;
    }

    .fa-3x {
        font-size: 3em !important;
    }

}

@media (max-height:450px)
{
    #form_cli {
        padding: 0 15px 0 15px;
    }

    .msgPartPhoto {
        margin-top: 8px;
    }
    .validerParticipant {
        margin : 15px 8px 8px 8px;
    }
}

@media (min-width:992px) {

    .etape {
        padding-right: 8px;
        font-size: 18px;
    }

    .etape_active {
        display: inline;
        text-decoration: underline;
    }

    .etape_icone {
        /*float:left;*/
        background-color: transparent;
        padding-right: 8px;
        line-height: 50px;
        display: inline;
    }

    .etape_non_active {
        display: inline;
    }

    .fa-chevron-right {
        text-decoration: none;
    }

    .txtTabSlotB {
        font-size: 14px;
    }

    .naiResp {
        float: left;
        display: none;
        clear: none;
    }
    .labDay {
        display: none;
    }

    .labMonth {
        display: none;
    }

    .labYear {
        display: none;
    }
    .selectDay {
        float: left;
        margin: 8px 30px 8px 0;
        padding: 1px;
    }

    .selectMonth {
        float: left;
        margin: 8px 30px 8px 0;
        padding: 1px;
    }

    .selectYear {
        float: left;
        margin: 8px 8px 0 0;
        padding: 1px;
    }

    p.texteTelecharger {
        width: 80%;
    }

}

@media (min-width:1200px) {

    .labDay {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    .labMonth {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 8px;
        padding: 5px 5px 0 0;
    }

    .labYear {
        display: block;
        float: left;
        width: auto;
        height: 30px;
        margin: 8px 4px 3px 8px;
        padding: 5px 5px 0 0;
    }

    .selectDay {
        float: left;
        margin: 8px 15px 8px 0;
        padding: 1px;
    }

    .selectMonth {
        float: left;
        margin: 8px 15px 8px 0;
        padding: 1px;
    }

    .selectYear {
        float: left;
        margin: 8px 8px 8px 0;
        padding: 1px;
    }
}

#Omniris .cheminfer a:hover{
    color: #e5b45f;
}
#Omniris .cheminfer .etape_active a.breadHome{
    color: #d69c5f;
}
#Omniris .cheminfer .etape_non_active a.breadHome{
    color: #0a0a0a;
}
#Omniris .cheminfer .etape_non_active a.breadHome:hover{
    color: #d69c5f;
}

.readOnly {
    cursor: not-allowed;
    padding: 1px;
    border-width: 0;
    background-color: #f3f3f3;
}

.readOnlyColumn {
    cursor: not-allowed;
    padding: 1px;
    border-width: 0 0 1px 0;
    background-color: #f3f3f3;
}

.row0 .readOnly {
    background-color: #f3f3f3
}

/* dossier detail*/
.colParticip {
    text-align: center;
    width: 145px;
    max-width: 150px;
}

#Omniris .colParticip span {
    text-decoration: underline;
    cursor: pointer;
}
#Omniris .colSpanParticip span {
    text-decoration: underline;
    cursor: pointer;
}

#Omniris  #btnRetour .stylebouton{
    background-color: #eb6209;
    color: white;
    text-decoration: none;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing: 3px;
    font: 400 22px/18px 'Oswald', sans-serif;
}

.boutonInfoSupp{
    margin-left: 60%;
}
.ligneModaltexte{
    font-size: 90%;
    line-height: 20px;
    padding-right: 20px;
}
.verifConnaissance{
    padding-left: 20px;
}
#btnCondSpec .btnCondSup{
    display: block;
    float: right;
}

@media (max-width: 767px){
    .noParticipant{
        width: 10%;
    }
    .imgProduitColonne{
        width: 100%;
    }
}

#Omniris .cgv a{
    text-decoration: underline;
}

#ModeRgt a{
    color: #a6ce39;
}


/* Contremarques */

.formCtrMark {
    margin-left: 5px;
}

span.inputError {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    background-color: mistyrose;
}

input.formCtrMakError {
    display: block;
}

span.msgErreurCtrMak {
    color: red;
    font-weight: bold;
    font-size: 10px;
}

p.cgv {
    margin-top: 30px;
}

p.titreMesAchats {
    font-weight: bold;
}

.tab_panier_recap .labelFormCompte,
.tab_panier_recap .inputError
{
    margin-top: 8px;
}

/* PAYFIP */

#banquePayFip  i {
    font-size: 64px;
}

#msg_error_tipi {

}

#accueilHeader {
    color: white;
}

.colParticip {
    text-align: center;
    width: 105px;
}

.colSpanParticip {
    text-align: center;
}

/* tableau des produits */
.colPartFusion {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 180px;
}
/*DIV de style pour la combo, voir aussi .carte*/
.selectPart {
    position: relative;
    float: right;
    display: inline-block;
    width: 140px; /* message délivreer un nouveau support*/
    padding-right: 25px;
    height: 32px;
    overflow: hidden;
    margin: 0;
}

/* Transition */

.selectPart:hover::after {
    color: #fff;
}

/* Fleche combos persos */

.selectPart::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 4px;
    background: #d69c5f;
    pointer-events: none;
    color: white;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.msgComboPart {
    float: left;
    margin: 4px 4px 4px 8px;
}
/*cadre combo participant*/
.carte {
    border: 1px solid #7fb9cf;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 0 0 auto;
    max-width: 180px;
}
.pPartNoSupport {text-align: right;}

.trParticipant {
    /*background-color: #fff;*/
}

@media (min-width:768px) {
    .colPrixParticipant {width: 180px;font-weight: bold;} /*total width = 180 en mobile*/
    .colQteParticipant {width: 180px;}    /*total width = 180 en mobile*/
    .colPartFusion {width: 280px;}
    .carte {max-width: 280px;}
    .selectPart {width: 240px;}
}

#Omniris .erreurPartAboNoSupport {
    margin:4px;
    padding: 0;
}

#Omniris .tab_produits a {
    text-decoration: underline;
}
/*
.shadow {
    box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
 */

#Omniris input[type="checkbox"] {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

#enNoir {
    color:black;
}

#Omniris #formChoixCanal {
    padding-top: 100px;
}

.aucunProduit,.noChoixSeance {
    margin-top: 80px;
    margin-bottom: 100px;
    text-align: center;
    color:white;
    background-color: #013066;
    padding: 8px;
}

#Omniris p.noChoixSeance a,
#Omniris p.noChoixSeance a:visited
{color:white;}

.aucunProduit .titre_bloc {
    color: #d69c5f;
    background-color: white;
}

#Omniris .tab_produits tr.isPromo {
    color: white;
    background: #d69c5f;
}

/*
#Omniris .tab_produits tr.isPromo .futur {
    color: #013066;
}*/

#Omniris .noMargin {
    margin-top: 0;
    margin-bottom: 0;
}


#Omniris .RGPDGroup {
    font-size: 13px;
    text-align: justify;
}

#Omniris .RGPDGroup label,
#Omniris .RGPDGroup input {
    display: none;
}

#Omniris .omnItalic {
    font-style: italic;
}

/* folder */
#Omniris .tab_dos_0 {
    display: none;
}

#Omniris table.tab_dos_1 th.coche,
#Omniris table.tab_dos_1 td.coche,
#Omniris table.tab_dos_1 th.dateConso,
#Omniris table.tab_dos_1 td.dateConso,
#Omniris table.tab_dos_1 th.dateImpr,
#Omniris table.tab_dos_1 td.dateImpr,
#Omniris table.tab_dos_1 th.folderSupport,
#Omniris table.tab_dos_1 td.folderSupport
{
    padding: 0;
    width: 0;
}

#Omniris table.tab_dos_2 th.coche,
#Omniris table.tab_dos_2 td.coche,
#Omniris table.tab_dos_2 th.dateConso,
#Omniris table.tab_dos_2 td.dateConso,
#Omniris table.tab_dos_2 th.dateImpr,
#Omniris table.tab_dos_2 td.dateImpr,
#Omniris table.tab_dos_2 th.folderSupport,
#Omniris table.tab_dos_2 td.folderSupport
{
    padding: 0;
    width: 0;
}

#Omniris table.tab_dos_3 th.coche,
#Omniris table.tab_dos_3 td.coche,
#Omniris table.tab_dos_3 th.dateConso,
#Omniris table.tab_dos_3 td.dateConso,
#Omniris table.tab_dos_3 th.dateImpr,
#Omniris table.tab_dos_3 td.dateImpr,
#Omniris table.tab_dos_3 th.folderSupport,
#Omniris table.tab_dos_3 td.folderSupport
{
    padding: 0;
    width: 0;
}

.rowDossier0 {
    background-color: #f3f3f3;
}
.rowDossier1 {
    background-color: #f3f3f3;
}

.lignePrincipale {
    font-weight: bold;
    border-bottom: 1px solid #013066;
}

td.ligneSeparation {
    background-color: #f3f3f3;
    border-left-color: #f3f3f3;
    border-right-color: #f3f3f3;
    height: 15px;
}

td.colConso,
th.colConso,
td.colImpr,
th.colImpr,
td.folderSupport,
th.folderSupport,
td.dateImpr,
td.folderQte {
    text-align: center;
}
td.folderLib {
    text-align: left;
    min-width: 180px;
}
th.folderSupport {
    text-align: center;
    min-width: 80px;
}
th.folderQte,
td.folderQte
{
    min-width: 30px;
    max-width: 80px;
}
th.folderTTC,
td.folderTTC,
td.folderRemise
{
    text-align: right;
}
td.folderTTC,
th.folderTTC
{
    min-width: 100px;
    padding-right: 15px;
}

th.folderNom,
th.folderPrenom,
td.folderNom,
td.folderPrenom {
    padding: 0;
    width:150px;
    min-width:150px;
    text-align: center;
}
th.folderMail,
td.folderMail
{
    width:150px;
    min-width:150px;
    padding: 0;
    text-align: center;
}
#Omniris .omnItalic {
    font-style: italic;
}
td.coche,
th.coche {
    padding: 4px;
    width: 30px;
}
td.coche.ligneInfo.sousLigne {
    padding: 0;
    text-align: right;
}
#Omniris .omnSousBillet {
    font-size:18px;
}
/*ligneInfo sousLigne */
#Omniris .omnSousBillet {
    font-size:18px;
}
#Omniris table.tab_dos_2 i.omnSousBillet {
    margin-right: 8px;
}
#Omniris tr.total {
    border-top: 1px solid #013066;
}
#Omniris tr.total td {
    font-weight: bold;
    text-align: right;
}
#Omniris .fa-level-up-alt {
    margin-right: 8px;
}

#Omniris .CBinterdite {
    color: red;
    font-weight: bold;
}

/* recap dossier */
#Omniris .icoSousLigne {
    margin: 0 15px 0 8px;
}
/*packages et forfaits*/
#Omniris table.tab_panier_recap td.firstLignePKG {
    border-top: 2px solid #b8b6b9 !important;
    font-weight: bold;
}
/*
#Omniris td.colLib.firstLignePKG {
    border-left: 1px solid #b8b6b9;
}
#Omniris td.colreset.firstLignePKG {
    border-right: 1px solid #b8b6b9;
}*/
/*
#Omniris td.midLignePKG {
    border-left: 1px solid #b8b6b9;
}
#Omniris td.colreset.midLignePKG {
    border-right: 1px solid #b8b6b9;
}*/

#Omniris td.lastLignePKG {
    border-bottom: 2px solid #b8b6b9;
}
/*
#Omniris td.colLib.lastLignePKG {
    border-left: 1px solid #b8b6b9;
}
#Omniris td.colreset.lastLignePKG {
    border-right: 1px solid #b8b6b9;
}*/
#Omniris td.colLib label.saisirMark {
    color: red;
}

#Omniris td.lastLignePKG,
#Omniris td.midLignePKG,
#Omniris td.firstLignePKG {
    padding: 4px 8px;
}

#Omniris td.libTotal {
    padding: 30px 15px 15px 15px;
    line-height: 22px;
    text-align: right;
    font-weight: bold;
}
#Omniris td.recap_total.colPrix {
    padding: 30px 4px 15px 4px;
    font-weight: bold;
}

/* Panier */
#Omniris .lignePanier {
    text-align: right;
    margin: 0;
}
#Omniris .prixProPanier {
    text-align: right;
    margin: 4px 0 0 0;
}
#Omniris .prixProPanierTotal {
    font-weight: bold;
    text-align: right;
    margin: 0 0 4px 0;
}
#Omniris .supprProPanier {
    text-align: right;
    margin: 0;
}
#Omniris .supprProPanier a {text-decoration: underline;}
#Omniris p.ligneSeule,
#Omniris p.firstLignePKG
{
    text-align: center;
    font-weight: bold;
    margin: 0 0 4px 0;
}
#Omniris p.midLignePKG,
#Omniris p.lastLignePKG
{
    text-align: left;
    margin-left: 15px;
}
/* placement */
.valErrPlace {
    color: white;
    background-color: firebrick;
}
.recapErrPlace {
    padding: 4px;
    color: white;
    background-color: firebrick;
}

#Omniris table.sous_table_pkg td.colQte {
    display: none;
}

#Omniris .titreOptions {
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 8px 4px;
    border: 1px solid firebrick;
}

#Omniris .billetPerime {
    color: red;
}

.titreTypeClient {
    padding-left: 8px;
}

.strongRed {
    font-weight: bold;
    color: red;
}

/***** Panier POPUP 2022 ******/
#menuPanierMobile {
    height: 60px;
    background-color: white;
    border-top: 1px solid grey;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -8px 15px;
}
#pTotPanierMobile {
    margin: 0;
}
/*** stack mal placées ***/
#icoPanierMobile,
#icoCadenas {
    position: relative;
    top: -1px;
}
#spanTotPanierMobile {
    vertical-align: text-bottom;
    font-size: 18px;
    font-weight: bold;
}
.panierReplier {
    transform: translateY(1024px);
}
#ctnPanier {
    position: fixed;
    color: rgb(42, 42, 46);
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    z-index: -1;
    transform: translateY(100vh);
    transition: all 0.25s ease-out 0s;
    top: 0;
    right: 0;
    bottom: 60px;
    left:0;
}
.deplierPanier #ctnPanier {
    transform: translateY(0px);
}
#divTitrePanierMobile {
    position: relative;
    height: 55px;
    padding-top: 8px;
    color: white;
    background-color: rgb(1,48,102);
    border-bottom: 1px solid rgb(230, 230, 230);
}
#Omniris h2.titrePanierMobile {
    font-size: 18px;
    color: white;
}
body.noscroll {
    overflow: hidden;
}
#divListingPanierMobile {
    padding: 15px;
    background-color: white;
    border-top: 1px solid lightgrey;
}

/* HEADER et FOOTER made in Omniris */

#OmnNavHeader {
    /*background-color: #d69c5f;
    background: black url("https://billetterie.parc-auxois.fr/clients/auxois/themes/defaut/images/casa-header.png") no-repeat fixed center;*/
    background-image: url("https://billetterie.parc-auxois.fr/clients/auxois/themes/defaut/images/casa-header.png");

    /* Background image is centered vertically and horizontally at all times */
    background-position: center top;

    /* Background image doesn’t tile */
    background-repeat: no-repeat;

    /* Background image is fixed in the viewport so that it doesn’t move when
    the content’s height is greater than the image’s height
    background-attachment: fixed;*/

    /* This is what makes the background image rescale based
    on the container’s size*/
    background-size: cover;

    /* Set a background color that will be displayed
    while the background image is loading */

    padding: 0 8px;
}
@media (min-width:992px) {
    #OmnNavHeader {
        height: 150px;
        padding: 8px;
    }
    #OmnHeaderLogo {
        position: relative;
        top: 30px;
    }
}

section {
    padding: 0 0 60px 0;
}

section .section-title {
    text-align: center;
    color: #808080;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    margin-top: 50px;
    background: #0F64A4 !important;
}
#footer .h5{
    padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:white;
}
#footer .h6,
#footer .OmnSeparFooter{
    color:white;
}
#footer .OmnSeparFooter {
    margin:0 8px;
}
#footer a {
    color: white;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
    padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.social li:hover a i {
    font-size:30px;
    margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
    color:white;
}
#footer ul.social li a:hover{
    color:#eeeeee;
}
#footer ul.quick-links li{
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.quick-links li:hover{
    padding: 3px 0;
    margin-left:5px;
    font-weight:700;
}
#footer ul.quick-links li a i{
    margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}

/* fin HEADER et FOOTER made in Omniris */

.strongRed {
    font-weight: bold;
    color: red;
}

/***************** Participants **********************/

#modalParticipant .modal-header {color:white;background-color: #d69c5f;}
#modalParticipant .close {color: white;text-shadow: 0 1px 0 #fff;}

#modalParticipant .msgPopup p {font-weight: bold;}

#modalParticipant .icoPopupPart {margin-right: 8px;}

#modalParticipant .popup_part_radio label {
    font: 500 14px/15px "Helvetica", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #d69c5f;
    fill: #d69c5f;
    padding: 5px;
    transition: background-color .25s ease-out,color .25s ease-out;
    white-space: normal;
    min-width: 110px;
    cursor:pointer;
    margin-left: 15px;
}

#modalParticipant .popup_part_radio input:checked + label {
    color: white;
    fill: white;
    background: #d69c5f;
}

#modalParticipant .popup_part_radio label i {
    margin-bottom: 0.2rem;
    font-size: 2rem;
}

#modalParticipant .labelFormCompte {
    font-weight: bold;
}

#modalParticipant .champOblig {
    margin-left: 8px;
    color: red;
    font-weight: bold;
}

#modalParticipant .formInput {
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 1.42857;
    vertical-align: middle;
    background-color: white;
    border: 1px solid #d6d4d4;
    border-radius: 0;
}

#modalParticipant fieldset.formGroup {
    padding: 0 8px;
    border: 1px solid #d69c5f;
}

#modalParticipant fieldset legend {
    font-size: inherit;
    width: auto;
    padding: 0 8px;
}

fieldset#blocEmail {
    background-color: aliceblue;
}

#modalParticipant .labelCiv {
    float: left;
    height: 30px;
    margin: 8px 8px 5px 0;
    padding: 5px 0;
}

#modalParticipant .labelPays {
    float: left;
    height: 30px;
    margin: 8px 8px 3px 0;
    padding: 5px 5px 0 0;
}

#modalParticipant .labDay, #modalParticipant .labMonth, #modalParticipant .labYear {
    display: none;
}

#modalParticipant .btnMenu {
    display: block;
    padding: 6px 0;
}

#modalParticipant .main a.btn,.main a.btnMenu {
    text-decoration: none;
    color: white !important;
}

#modalParticipant .msgPartPhoto {
    margin-top: 0;
}

#modalParticipant .btnPhoto,
#divformulairesParts .btnPhoto {
    display: inline-block;
    padding: 8px;
    cursor: pointer;
    margin-bottom: 0;
    /*font-size: 13px;*/
    font-weight: bold;
    line-height: 1.42857;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

#modalParticipant .icoPortrait {
    color: white;
    font-size: 32px;
    margin-right: 15px;
}
#divformulairesParts .icoPortrait{
    color: white;
    margin-right: 15px;
}

#modalParticipant .label-file {
    position: relative;
    top:-6px;
}
/* cache bouton parcourir */
#modalParticipant .input-file,
#divformulairesParts .input-file {
    display: none;
}

#modalParticipant .validerParticipant {
    margin : 8px;
    padding: 0;
}

#modalParticipant .txt_obligatoire {
    font-size: small;
    color: red;
    text-align: left;
}

#modalParticipant .aGauche {
    float: left;
}

#modalParticipant .aDroite {
    float: right;
}

#modalParticipant .clear {
    clear: both;
}

@media (min-width:768px) {
    #modalParticipant {
        left: calc(50% - 260px);
        top: calc(5% - 20px);
        width: 520px;
    }

    #modalParticipant .labDay {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    #modalParticipant .labMonth {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }

    #modalParticipant .labYear {
        display: block;
        float: left;
        height: 30px;
        margin: 8px 4px 3px 0;
        padding: 5px 5px 0 0;
    }
    #modalParticipant .selectDay {
        margin: 8px 8px 8px 0;
    }

    #modalParticipant .selectMonth {
        margin: 8px 8px 8px 0;
    }

    #modalParticipant .selectYear {
        margin: 8px 8px 0 0;
    }
}

@media (max-height:450px) {
    #modalParticipant #popup_date {
        top: 20%;
    }

    #modalParticipant .msgPartPhoto {
        margin-top: 8px;
    }
    #modalParticipant .validerParticipant {
        margin : 15px 8px 8px 8px;
    }
}

/* TeamAxess */
.spanErreurBilletTA {
    color: red;
    font-weight: bold;
}

/*combo participants*/
.cartePartTeamAxess {
    margin: 0 15px;
    max-width: 280px;
    height: 36px;
}

.selectPartTA {
    position: relative;
    float: right;
    display: inline-block;
    width: 240px; /* message délivreer un nouveau support*/
    padding-right: 25px;
    height: 36px;
    overflow: hidden;
    margin: 0;
}

.msgComboPartTA {
    float: left;
    margin: 8px 4px 4px 8px;
}

/* Transition */
.selectPartTA:hover::after {
    color: #fff;
}

/* Fleche combos persos */
.selectPartTA::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    background: #d69c5f;
    pointer-events: none;
    color: white;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

@media (min-width:768px) {
    .cartePartTeamAxess {max-width: 380px;}
    .selectPartTA {width: 350px;}
}

.inputError {border: 1px solid red;}
.textError {color:red;}
.inputVerified {border: 1px solid green;}
.textVerified {color:green;}

/*assurances*/

.titreAssAnnul {font-weight: bold;}
.spanAssCondition {font-size: 12px;}
.boxAss{border: 1px solid #d69c5f;padding: 4px;}
.inputAss{width: 16px;height: 16px;margin: 0 8px 0 4px;color: #d69c5f}
.labelAss {font-weight: bold;line-height: 16px;}
.logoMeech {max-width:100px; width: 100%;height: auto;}

/*seances*/
.imgSeance {width: 100%;height: auto;}
.titreManif,.pLibSeance,.pValiditeSeance,.valSeance {text-align: center;}