/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Roboto Light'), local('Roboto-Light'),
    url('fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'),
    url('fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'),
    url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body
{
    font-family: "Open Sans", "Helvetica", "Arial", "Verdana", sans-serif;
    color : #212529;
    padding : 0;
    margin : 0;
    font-size: 14px;
}

/********************** SPECIFIQUE : démo ***********************/

#demoHeader {
    width: 100%;
    height: 100px;
    background-color: rgb(1,48,102);
    color: white;
}
#demoHeader h1 {
    font: 400 30px/24px sans-serif;
}
/********************** Fin Démo Header ************************/

#Omniris {
    background-color: white;
    padding: 15px 0 0 0; /*attention au header*/
    margin-bottom: 80px;
    font-family: Helvetica, Arial, Verdana,sans-serif;
    font-size: 14px;
}

/*bootstrap*/
#Omniris .container-fluid {
    max-width: 1140px;
}

#Omniris td {vertical-align: middle;}
/********************** 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: #0bbbef;
    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:#0bbbef;
    display: inline-block;
    border-bottom: 3px solid #0bbbef;
}
#inputCodeOffreAccueil {width: 100%;border: 1px solid #0bbbef}
#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;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color:#0bbbef;
    display: inline-block;
}
@media (min-width:768px) {
    #Omniris h3.accueil_no_choix_date {max-width: 330px;text-align: left;}
}

#Omniris .btnAccueilChoixDate {
    display: block;
    font-size: 18px;
    font-weight: bold;
    /*width: 100%; problème sur iPad*/
    margin: 15px auto 4px auto;
    color:white;
    background-color: #0bbbef;
    border: 1px solid #0bbbef;
}
#divSpinnerCatalogueAccueil {margin: 0 auto 30px auto;}
/*calendrier Bootstrap*/
#datepickerAccueil .datepicker-inline {
    width: 100%;
    border:1px solid #0bbbef;
    border-radius: 0;
}
#datepickerAccueil .table-condensed {
    width: 100%;
}
#datepickerAccueil .datepicker table tr td.today {
    background-color: #0bbbef;
    background-image: none;
    color: white;
}
#datepickerAccueil .datepicker table tr td.today:hover {background-color: #f7a405;}
/* 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:#0bbbef;text-align:center;padding-top: 0;overflow: hidden;line-height: 12px;}
#spanHome {font-size:28px;font-weight:600;color:#0bbbef}
#icoHome {color:#0bbbef;font-size:38px;margin-right:8px;}
.titreTypeClient {
    font-size:9px;
    text-transform: uppercase;
    padding-left: 16px;
}
#omniris .titre_billetterie a:hover{
    color: red;
}
#inputCalGlobal {font-size: 13px;padding: 4px;height: 38px;}
#actualiseCalGlobal:hover {cursor: pointer;}
#btnCatalogueGlobal {background-color:#0bbbef;height: 38px;width: 38px;padding: 6px;}
#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: #0bbbef;
    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:#0bbbef;border: 1px solid #0bbbef;background-color:#fff;min-width: 140px;padding: 8px;}
#Omniris a#lien_admin {display: block;color:white;border: 1px solid #0bbbef;background-color:#0bbbef;padding: 8px;text-decoration: none;}
.faClef {margin-right: 8px;}
#Omniris a#lien_compte {display: block;color:#0bbbef;border: 1px solid #0bbbef;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 !important;color: white;background-color: #0bbbef;font-size: 18px;font-weight: bold;} /*h3 Découvrez aussi*/

/*.blocActListe {margin-bottom:30px;} background-color:#F1F1F1;border:2px solid #013066;*/
.cntAct {padding-top:30px;}
.btnAjouterPanier {margin-left:15px;margin-right:15px;}
.titreActListe {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    /*2022*/
    color:#0bbbef;
    background-color:white;
    padding:4px;
    margin-bottom:0;
    border-bottom:2px solid #0bbbef;
}
.spanOrdreAct {color:red;margin-right: 15px;font-weight: bold;}
.spanOrdreAct:hover {cursor: pointer;}

.colImgActListe {
    height:400px;
    border:8px solid #F1F1F1; /*margin: 8px; NON*/
    background-position: center center;
    background-size:cover;
    background-color:#F1F1F1;
}
.colImgActListeCarre {
    min-height: 250px;
    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;
}

/************************ correctifs problèmes d'intégration styles Agence ********************/
/* #Omniris p {max-width: 1200px;} */

.block-superfish {
        margin: 0;
        top: 47px;
        width:100%;
    }

    .responsive-menus{
        padding-left:225px;
    }

    .block-superfish>ul>li.first{
        margin-left:225px;
    }

    .block-superfish>ul>li{
        height:56px;
        display: inline-block;
    }

}

.titre_panier,
.totalpanier,
.titre_bloc,
.titreBlocSeul
{
    background-color : #0bbbef;
    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;
}

#Omniris .btn_std {
    border: 1px solid #0bbbef;
    background-color: #fff;
    color: #FFF;
    width: 200px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
}

#Omniris .btn {color: white;background-color: #0bbbef;border: 1px solid #ebf2f5;line-height: 18px;}

#Omniris .btnMedium,
#formPopoverPromo .btnMedium {
    display: inline-block;
    padding: 6px 12px;
    /*margin:15px;*/
    letter-spacing: 2px;
    font: 400 16px/24px "Open Sans", "Helvetica", sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #0bbbef;
    background: #0bbbef;
    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 .btn:hover, #Omniris .btnMedium:hover, #Omniris .btnMini:hover,
#formPopoverPromo .btnMedium:hover, #btnAccueilCatalogue:hover {
    background-color: #f7a405;
    color:  white;
    border: .1rem solid #f7a405;
}

#Omniris .btnMini {
    display: inline-block;
    padding: 8px 12px 6px 12px;
    /*margin:15px;*/
    letter-spacing: 1px;
    font: 400 9px/9px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #0bbbef;
    background: #0bbbef;
    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: #f7a405;
}

#Omniris .btnMenu {
    display: block;
    width: 100%;
    padding: 6px 0;
    cursor: pointer;
    /*letter-spacing: 3px;*/
    font: 400 16px/24px "Open Sans", "Helvetica", sans-serif;
    text-transform: uppercase;
    color: white;
    border: 1px solid #0bbbef;
    background: #0bbbef;
    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: #0bbbef;
    padding: 4px 8px;
}

#Omniris a.btnMenu:hover {
	color: #0bbbef;
    background-color: #f7a405;
}

#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: #0bbbef;
    color: #FFF;
    width: 74px;
    height: 30px;
    margin: 0 auto;
    cursor: pointer;
}

.titre_form_compte {
    text-align: right;
}

.etape_active {
    color: #00a1d8;
    display: block;
}

.etape_active:hover {
    color: #f7a405;
}

.etape {
    color: #212529;
    font-size: 16px;
    line-height: 16px;
    padding: 8px;
    /*letter-spacing: 1px;*/
    text-transform: uppercase;
    text-align: center;
    font-weight: 200;
    font-family: "Helvetica", sans-serif;
}

#Omniris .titreBlocCompte {
    margin-bottom: 0;
    padding: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}



#Omniris .label,#Omniris .pDroit {
    font: 700 13px/20px "Open Sans", "Helvetica", sans-serif;
    margin: 0 5px 0 0;
    display: block;
    padding: 0;
}

.passEye {
    position: absolute;
    /*top: 10px !important;*/
    right: 10px;
    z-index: 10;
}

#Omniris a.lienDossier {text-decoration:underline !important;}

#Omniris .formLink {
    font: 500 15px/20px "Open Sans", "Helvetica", 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 "Open Sans", "Helvetica", sans-serif;
    margin: 30px 0 0 0;
    text-transform: uppercase;
}

#Omniris .input-group, #Omniris .form-control, #Omniris .input-group-text {
    border-radius: 0;
}

#Omniris .form-control {font-size:13px;}

#titreCompte {
    text-align: center;
}

#Omniris .compteSousTitre {
    text-align: left;
    margin: 8px 8px 0 8px;
    background-color: #fff;
    padding: 2px 4px;
}

#Omniris .sousTitreBlocCompte,
#Omniris .adrFacturation legend {
    font: 700 20px/30px "Open Sans", Helvetica, sans-serif;
    color: #0bbbef;
}

#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: 700 16px/26px "Open Sans", "Helvetica", sans-serif;
}

#compteRecap h4 {
    margin-top: 30px;
    font: 700 14px/16px "Open Sans", "Helvetica", sans-serif;
}

#sommaireRGPD {
    margin: 15px 5px;
    font: 400 16px/25px "Open Sans", "Helvetica", sans-serif;
    list-style: square;
}

#sommaireRGPD li {
    margin: 8px 8px 18px 18px;
}

.menu_compte {
    margin: 15px 8px;
}

.lienMenuCompte {
    font: 500 16px/20px "Open Sans", "Helvetica",sans-serif;
    display: block;
    margin: 8px 0;
}

.futur {
    color: #0bbbef;
    font-weight:700;
}


.libProduit, .pLibBillet, .pTarifBillet {
    margin: 0;
    padding: 0;
    font: 700 13px/20px "Helvetica", sans-serif;
}

.infosService {
    margin: 0;
    padding: 0;
    font: 400 12px/18px "Helvetica", 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;
}

.blocPrix, .blocTot  {margin-top: 5px;}
.blocPrix {padding-right: 15px;}


/* Reset Select */

#Omniris select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background-image: none;
    background-color: white;
}

/* 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;
}

#Omniris 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: #0bbbef;
    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*/
    margin-top: 6px;
}
/*
.selectQteProd::after {
    padding: 8px 4px 4px 4px;
}*/

.labelCiv {
    float: left;
    height: 30px;
    margin: 8px 8px 5px 0;
    padding: 5px 0;
}

#Omniris div.select.selectCiv {
    float: left;
    width: 90px;
    border: 1px solid #0bbbef;
    margin: 8px 8px 5px 0;
    padding: 1px;
}

.labDay {
    display: none;
}

.selectDay {
    float: left;
    width: 75px;
    border: 1px solid #0bbbef;
    margin: 8px 30px 8px 0;
    padding: 1px;
}

.labMonth {
    display: none;
}

.selectMonth {
    float: left;
    width: 85px;
    border: 1px solid #0bbbef;
    margin: 8px 30px 8px 0;
    padding: 1px;
}

.labYear {
    display: none;
}

.selectYear {
    float: left;
    width: 95px;
    border: 1px solid #0bbbef;
    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 #0bbbef;
    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 #0bbbef;
    margin: 4px auto;
    width:85px;
}

fieldset.formGroup {
    padding-bottom: 0;
    border-width: 1px;
}

#Omniris a.formLink {
    text-decoration: underline;
}



#qteMinimum {
    width: 70%;
    font-weight: bold;
    color: red;
    text-align: center;
    margin: 30px auto;
}

.txt_retour_boutique
{
    font-weight: bold;
    font-size: 14px;
    /*margin-top: 15px;*/
}
/*
.encptPayIcones,
.encptIcones {
    margin: 1em 8px 1em 0;
}*/

#Omniris img.imgANCV {width: 150px;}

.txt_avertissement {
    font-weight: bold;
    color: #0bbbef;
    text-align: center;
}

.nomClientActuel{
    font-family: "SourceSansPro", sans-serif;
    font-size: 16px;
}

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;
}

fieldset.formGroup legend
{
    padding: 2px 2px 2px 0;
    font-weight: bold;
    font-size: 14px;
    width: auto;
}

@media (min-width:768px)
{
    .libProduit {
        font: 700 15px/22px "Helvetica", sans-serif;
    }

    
    .txtTabSlotB {
        font: 400 14px/20px "Helvetica", 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;
    }

}

@media (min-width:992px)
{
    .etape {
        padding-right: 8px;
        font-size: 14px;
    }

    .etape_active {
        display: inline;
        text-decoration: underline;
    }

    .etape_icone {
        background-color: #fff;
        padding-right: 8px;
        line-height: 32px;
        display: inline;
    }
    .colImgActListeCarre {min-height: 300px;}
}

@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: #f7a405;
}
#Omniris .cheminfer .etape_active a.breadHome{
    color: #00a1d8;
}
#Omniris .cheminfer .etape_non_active a.breadHome{
    color: #212529;
}
#Omniris .cheminfer .etape_non_active a.breadHome:hover{
    color: #f7a405;
}

#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 "Helvetica", sans-serif;
}

@media (max-width: 767px)
{
    
}

#Omniris .cgv a{
    text-decoration: underline;
}

#ModeRgt a{
    color: #a6ce39;
}


/* Contremarques */

.formCtrMark {
    margin-left: 5px;
}

.formCtrMark::placeholder {
    color: red;
    opacity: 0.5; /* Firefox */
}

.formCtrMark::-ms-input-placeholder { /* Edge 12-18 */
    color: red;
}

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;
}



.aucunProduit,.noChoixSeance {
    margin-top: 80px;
    margin-bottom: 100px;
    text-align: center;
    color:white;
    background-color: #0bbbef;
    padding: 8px;
}

#Omniris p.noChoixSeance a,
#Omniris p.noChoixSeance a:visited
{color:white;}

.aucunProduit .titre_bloc {
    color: #0bbbef;
    background-color: white;
}

#Omniris .tab_produits tr.isPromo {
    color: white;
    background-color: #0bbbef !important;
}




#Omniris .RGPDGroup {
    font-size: 13px;
    text-align: justify;
}

#Omniris .RGPDGroup label,
#Omniris .RGPDGroup input {
    display: none;
}


#divTitrePanierMobile {
    position: relative;
    height: 55px;
    padding-top: 8px;
    color: white;
    background-color: #0bbbef;
    border-bottom: 1px solid rgb(230, 230, 230);
}
#Omniris h2.titrePanierMobile {
    font-size: 18px;
    color: white;
}

/* HEADER et FOOTER made in Omniris */

#OmnNavHeader {
    /*background-color: #0bbbef;
    background: black url("https://billetterie.aquarium-tregastel.com/clients/aquarium/themes/defaut/images/casa-header.png") no-repeat fixed center;*/
    background-image: url("https://billetterie.aquarium-tregastel.com/clients/aquarium/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 {
    background: white !important;
}
#footer .h5{
    padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#808080;
}
#footer .h6,
#footer .OmnSeparFooter{
    color:#808080;
}
#footer .OmnSeparFooter {
    margin:0 8px;
}
#footer a {
    color: #808080;
    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:#808080;
}
#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 */



/***************** Participants **********************/

#modalParticipant .popup_part_radio label {
    font: 500 14px/15px "Helvetica", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0bbbef;
    fill: #0bbbef;
    padding: 5px;
    transition: background-color .25s ease-out,color .25s ease-out;
    white-space: normal;
    min-width: 110px;
    cursor:pointer;
    margin-left: 15px;
}

#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 #0bbbef;
}

#modalParticipant fieldset legend {
    font-size: inherit;
    width: auto;
    padding: 0 8px;
}

fieldset#blocEmail {
    background-color: aliceblue;
}

#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;
}

h3.sousTitreBox {
    /*encadré veuillez saisir les noms/prenoms etc.*/
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    background-color: #b1c219; /*propre à chaque client*/
    padding: 4px;
}

/* Fleche combos persos */
.selectPartTA::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    background: #0bbbef;
    pointer-events: none;
    color: white;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

/* Transition */
.selectPartTA:hover::after,
.selectPartFlex:hover::after {
    color: #fff;
}

/* Fleche combos persos */
.selectPartTA::after,
.selectPartFlex::after{
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    background: #0bbbef;
    pointer-events: none;
    color: white;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

/* Padirac */
#popupValider img.achtung {
    display: block;
    margin:0 auto;
    width: 60px;
    height: auto;
}

/*assurances*/

.titreAssAnnul {font-weight: bold;}
.spanAssCondition {font-size: 12px;}
.boxAss{border: 1px solid #0bbbef;padding: 4px;}
.inputAss{width: 16px;height: 16px;margin: 0 8px 0 4px;color: #0bbbef}
.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;}
.omnCardTitle, .blocSeance {
	color: white;
	background-color: #a08246;
	text-align: center;
	padding: 4px;
	text-transform: uppercase;
}
#Omniris .omnCard {background-color: #F1F1F1;}
#Omniris .omnCardText {color: #0bbbef;}

/*SUPERBESSE, Récré, Foire Dauphiné, Panoramique, Padirac*/
/*#form_choix_date {display: none;}*/
/*.compSupportUnique {display: none !important;} /*masque le choix du support pour les clients avec encodeur*/

/********** onglets participants **********/

#Omniris .titrePDFOngletParticipants {font-size: 16px; color:white;background-color: #0bbbef;padding:4px 8px;}
#Omniris .titreOngletPanier,
#Omniris .tdTitreOngletPanier {
    padding: 4px 8px;
    color: white;
    background-color: #6e97d2;
    font-size: 14px;}
#Omniris .titreOngletPanier span,
#Omniris .tdTitreOngletPanier span
{font-weight: normal;}
#Omniris .tdTitreOngletDossier {
    padding: 4px 8px;
    color: white;
    background-color: #6e97d2;
    font-size: 14px;}