/******************************************************************************/
 /*                            BALISE GENERALE                                 */
/******************************************************************************/
@font-face {
    font-family: graphik;
    src: url(../fonts/Graphik-Regular.woff);
}
@font-face {
    font-family: graphik;
    src: url(../fonts/Graphik-Medium.woff);
    font-weight: bold;
}

@font-face {
    font-family: apollon;
    src: url(../fonts/apollon-regular-webfont.woff);
}
@font-face {
    font-family: apollon;
    src: url(../fonts/apollon-bold-webfont.woff);
    font-weight: bold;
}
/******************************************************************************/
/*                       GLOBAL                       */
/******************************************************************************/


*{
    margin: 0;
    outline: medium none;
    padding: 0;
}

html{

}


input {
    border: 0;
}

body {

    color: #333;
    font-weight:normal;
    font-family:"graphik";
    font-size: 13px;

}


img {
    border: 0;

}



select {
    color: #000;
    border: 1px solid #c1c0bc;
    font-size: 12px;
    padding: 2px;
    padding: 5px;
    height:30px;
    background: #fff;
}

a{
    color:#333;
    text-decoration:none;
}
label{
    font-size:12px;
}
.champ {
    background:#fff;
     border: 1px solid #c1c0bc;

}

input.champCarte,
input.champ {
    border: 1px solid #c1c0bc;
    font-size: 12px;
    background: #fff;
    line-height: 25px;
    width: calc(99% - 10px);
    padding: 2px 0 2px 10px;
}

.choixDate input.datepicker.champ{
    width: 130px;
    height: 30px;
    background: url(../image/ico_calendrier.jpg) no-repeat scroll right -6px #FFFFFF;
    border: 1px solid #D8D8D8;
    color: #808080;
    padding-left: 5px;
}

#submitChoix {
    display: none;
}

input.valid,
input.btSubmit{
    background: #b99f72;
    color:#fff;
    font-weight: normal;
    width:220px;
    height:50px;
    margin:10px auto;
    line-height:19px;
    font-size:20px;
}

input#submitPanier{
    background: #666 !important;
}


table{
    width:100%;
    border-collapse:collapse;
}

img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }



@media (device-width : 320px) {
    .compAccueil .dataContentComposants select[name="regionId"] {
    font-size: 8px;
    padding: 5px 2px;
    width: 70px;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementTri select {
    border: 1px solid #C1C0BC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 12px #999999 inset;
    color: #000000;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    width: 10px;
}
}







/******************************************************************************/
/*                      FONT                       */
/******************************************************************************/





/******************************************************************************/
/*                                  compPage                                  */
/******************************************************************************/

/******************************************************************************/
/*                       BALISES POUR LE POSITIONNEMENT                       */
/******************************************************************************/

#positionSite {
    position:relative;
}
#positionSite .langage {
}
#positionSite .langage .pageEtape {
}


/******************************************************************************/
/*                         TAILLE DU CONTENU DU SITE                          */
/******************************************************************************/

#cadreContent {
}
#pageErreur #cadreContent {
}


/******************************************************************************/
/*              BALISES POUR LES TAILLES DES LIGNES ET COLONNES               */
/******************************************************************************/

.ligneContent1 {

}
.ligneContent1 .colonneContent1 {
    position:relative;
}




/********* Auto Completion *******/

.autocompletion ul li .selectme{
    color: #DB1478;
    font: 1em/1.3em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    padding: 1px 6px;
    text-transform: uppercase;
}

.autocompletion ul li .informal {
    color: #F5F5F5;
    font-size: 10px;
    padding: 0 10px;
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants .autocompletion {
  left: 10px;
    padding: 5px;
    top: 26px;
    width:76%;
}



/*********** Securité ********/

#infoformulaire{

}

#infoformulaire #securite span{
    display:block;
    font: 1.5em/1.2em "BebasNeueRegular",Arial,Helvetica,sans-serif;
}


#infoformulaire #securite span#titleSecurite{
    font: 1em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    color:#000;
    padding-left:5px;
    padding-top:5px;
    background:none repeat scroll 0 0 #D7D6D5;
    padding-bottom:5px;
}


#moyenPaiement{
    display:none;
}


#pageEtape3 #securite{
    display:none;
}

#recapAchat{
    background: #f2f2f2;
    padding: 10px;
    clear: both;
}


#moyenPaiement a#moyenPaiementCB{
    background:url('../image/css_champCB.gif') no-repeat;
    text-decoration:underline;
    padding:0 0 0 29px;
}

#recapAchat span,
#moyenPaiement span{
    display:block;
}

#moyenPaiement span#titleMoyenPaiement,
#recapAchat span#libelleRecapAchat{
    font-weight:bold;
}


.bandeauEtat {
    display: none;

}



/**** Résultats de Recherche ****/

#rechercheGrid .dataTables_wrapper .dataTables_length{

    font-size: 11px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 0 10px;
    text-align: center;
    width: 320px;
    margin:0 auto;
    float:none;
    font: 1em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;

}

table.display {
    border:0;
    border-top:1px solid #ccc;
}

table.display thead {
    display:none;
}

table.display tr.even td .resultImage a{
    font: 1.2em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    background:none;
    border:0;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    -moz-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    box-shadow: inset 0px 0px 0px 0px #ea67a2;
    text-shadow: 0px 0px 0 #333333;
    filter:inherit;
    color:#000;
    padding: 0;
}

table.display tr.odd td .resultImage a{
    font: 1.2em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    background:none;
    border:0;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    -moz-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    box-shadow: inset 0px 0px 0px 0px #ea67a2;
    text-shadow: 0px 0px 0 #333333;
    filter:inherit;
    color:#000;
    padding: 0;
}


table.display tr.odd td .resultImage{
    width:40px;
    height:40px;
    border:1px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #767676;
    -moz-box-shadow: 0px 0px 5px 0px #767676;
    box-shadow: 0px 0px 5px 0px #767676;
    float:left;
    font-size:1px;
}

table.display tr.even td .resultImage{
    width:40px;
    height:40px;
    border:1px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px #767676;
    -moz-box-shadow: 0px 0px 5px 0px #767676;
    box-shadow: 0px 0px 5px 0px #767676;
    float:left;
    font-size:1px;

}


table.display tr.odd td .resultInfo{
    padding-left:50px;

}

table.display tr.odd td .resultInfo .selectme a{
    font: 1.2em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;

}

table.display tr.odd td .resultInfo .informal {
    font-size:0.7em;

}

table.display tr.even td .resultInfo .selectme a{
    font: 1.2em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    background:none;
    border:0;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    -moz-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    box-shadow: inset 0px 0px 0px 0px #ea67a2;
    text-shadow: 0px 0px 0 #333333;
    filter:inherit;
    color:#000;
    padding: 0;
}

table.display tr.odd td .resultInfo .selectme a{
    font: 1.2em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    background:none;
    border:0;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    -moz-box-shadow: inset 0px 0px 0px 0px #ea67a2;
    box-shadow: inset 0px 0px 0px 0px #ea67a2;
    text-shadow: 0px 0px 0 #333333;
    filter:inherit;
    color:#000;
    padding: 0;
}


table.display tr.even td .resultInfo .informal {
    font-size:0.7em;

}



table.display tr.even td .resultInfo{
    padding-left:50px;

}

table.display td {
    font-size:inherit;
}


table.display tr td {
    width:auto;
}


tr.odd {
    width:100%;
    background:#fff;
    border-bottom: 1px dotted #9A9A9A;
}

tr.even{
    background:#fff;
    border-bottom: 1px dotted #9A9A9A;
    width:100%;
}

tbody tr.odd:hover, tbody tr.odd td.highlighted {
    background-color: transparent;
}

tr.odd:hover {
    background-color:transparent;
}

tbody tr.even:hover, tbody tr.odd td.highlighted {
    background-color: transparent;
}

tr.even:hover {
    background-color:transparent;
}

table.display tr td a{
    background: url("../image/bgRESA.png") no-repeat scroll 99% center transparent;
    color:#000;
    height:35px;
    font-size: 10px;
    padding:2px 13px 0 0;
    font-weight:bold;
}









table.display tr td .salles{
    display:none;
}

table.display tr td .evenements{
    display:none;
}

#champsRequis{
    font-size:10px;
    font-style:italic;
    margin: 0 0 5px 5px;

}

.evenementAucun{
    padding:15px;
    font-size:1em;
    font-style:italic;
    }

.descEtat11 {
   background-position:-5px 0;
    width:inherit;
    background:url('../image/clockWise.png') no-repeat 8px 6px #0095D4;
    font-size:12px;
    padding: 15px 0 0 52px;
        height: 30px;
    margin-right: 10px;
}

.descEtat10 {
     background-position: -5px 0;
    width: 100%;
    background: url(../image/ico_erreur.png) no-repeat scroll 5px 2px #AC0000;
    font-size: 12px;
    padding: 0 25px;
    height: 50px;
    margin-right: 10px;
    line-height: 52px;
   margin-left: 0px;
}

.infoEtat11 {
    color: #007CB2;
    font-size:13px;
}

.infoEtat span {
    display: block;
    font-size: 12px;
    font-weight: bold;
}
.infoEtat {
    padding-bottom: 10px;
}

.descEtat40,
.descEtat12 {

    margin-left: -50px;
}

.descEtat60 {

  background-position:-5px 0;
    width:inherit;
    background:url('../image/ico_Report.png') no-repeat 5px 2px #E07E0B;
    font-size:12px;
    padding: 17px 0 0 56px;
    height: 30px;
    margin-right: 10px;
}

.infoEtat10, .infoEtat12, .infoEtat40 {
    color: #FF0000;
    font-size:0.7em;
}


.infoEtat60 {
    color: orange;
    font-size:0.7em;
}

.versionBilletterie .versionLiens span{
    color:#fff;
}

.social div{
    display:none;
}


table#nouvelleCB tr td label{
    font-size:10px;

    margin: 0;
}

table#nouvelleCB tr td{
}

#compPaiement3DSecure table#nouvelleCB tr td{
   display:block;
}

#compPaiement3DSecure table#nouvelleCB tr td input{
   margin-bottom:6px;
}

#compPaiement3DSecure table#nouvelleCB tr td select{
   margin-bottom:6px;
}

#compPaiement3DSecure table#nouvelleCB tr td.tableColonne1-2{
    font-size:12px;
 }

 #compPaiement3DSecure table#nouvelleCB tr td#rowSubmitEtape3{
    text-align:center;
 }

 #FreeNessLink{
     padding: 15px 10px;
     background: #F2F2F2;
}

 #FreeNessLink li{
     list-style:none;
}

 #FreeNessLink li.HeaderFreeNess {
    font-family: "apollon";
    margin: 10px 0 5px;
    font-size: 17px;
}

 #FreeNessLink li.ContentFreeNess {
     padding:5px 0 5px 0;
     color: #000;
}


.LinkMore{
    width: 100%;
    height: 21px;
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0 0;
    text-decoration: underline;
    text-align: right;
}

.LinkMore a{
    color:#B99F66;
}

#compBox2 {
    margin-top: 0;
}
#AppVerseailles {
    padding: 15px 10px;
    background: #e0e0e0;
}
.AppVerseailles_title {
    font-family: "apollon";
    margin: 10px 0 5px;
    font-size: 17px;
}
.AppVerseailles_row {
    display: flex;
    padding: 5px 0 5px 0;
}
.AppVerseailles_row_image {
    width: 70px;
    height: 70px;
    background: url(../image/application_versailles.png) no-repeat;
    background-size: cover;
    margin-right: 10px;
    flex: none;
}
.AppVerseailles_button {
    text-align: right;
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0 0;
    text-decoration: underline;
}
.AppVerseailles_button a {
    color: #B99F66;
}

.notification.info_bg {
    padding: 5px 0;
}
.notification.info_bg .btn-close {
    background-size: contain;
}


#mentionLegal_NouveauClient {
    margin: 10px;
}

#modifoptinfr {
    margin: 10px;
}

#modifoptineng {
    margin: 10px;
}