
/******************************************************************************/
/*                            BALISE GENERALE                                 */
/******************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600,300);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600,300);
/*
font-family: 'Quicksand', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/


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

input {
    border: 1px solid #D1D1D1;
}

/*
Accéssibilité
*/


 
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #777;
}
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #777;
}
 
input.placeholder, textarea.placeholder {
    color: #777;
}



body {
    background: url("../image/header.png") repeat-x scroll 0 0 #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    text-align: center;

}

img {
    border: 0;
}

select {
background: none repeat scroll 0 0 #fff !important;
border: 1px solid #ddd;
color: #666;
font-family: "Source Sans Pro",sans-serif;
font-size: 13px;
margin: 7px auto;
padding-left: 0;

line-height:34px;
height:34px;

width: 237px !important;
}

.champsRequis {
    padding: 5px 0px;
    text-align: left;
     width: 541px;
}

.champ {
    background: #fff;
    border:1px solid #ddd;

}
input.champ {
background: none repeat scroll 0 0 #fff !important;
border: 1px solid #ddd;
font-family: "Source Sans Pro",sans-serif;
font-size: 13px;
height: 30px;
margin: 7px auto;
padding-left: 0;
width: 234px !important;
text-indent: 10px;
}
input.emailPreInscription{

}
input.champTel {

}
input.champPwd {

}

/******************************************************************************/
/*                          BALISE POUR LE POSITIONNEMENT                     */
/******************************************************************************/

#positionSite {
    margin: 0 auto 0 auto ;
    min-height: 500px;




}

#positionSite .langage {

}
#positionSite .langage .pageEtape {
}


/******************************************************************************/
/*                          TAILLE DU CONTENU DU SITE                         */
/******************************************************************************/
#cadreContent {
    margin: 0 auto;
    padding: 0;
    width: 100%;

}
#pageErreur #cadreContent {
    float: none;
    padding: 20px;
    min-height: 100px;
    _height: 100px;
}

/******************************************************************************/
/*         BALISE POUR LES TAILLES LIGNE ET COLONNE DE PREMIER NIVEAU         */
/******************************************************************************/
#pageCompte .ligneContent1 {
    height:205px;
}
.ligneContent1,
#menu_header {
   margin: 0 auto;
    padding: 0 0 0 0px;
    width: 983px;
    position:relative;
    height:230px;
}
.ligneContent1 .colonneContent1 {
      float: left;
    margin: 0;
    padding:0px 0 0 0px;
   height: 139px;

}
#pageCompte .ligneContent1 .colonneContent1 {
      float: left;
    margin: 0;
        padding:0px 0 0 0px;  width:984px;
}
.ligneContent1 .colonneContent2 {

}
.ligneContent1 .colonneContent3 {
    padding: 8px 0 0 15px;
    float:left;
    width: 180px;
}

.ligneContent2 {
    width: 983px;
    margin:0px auto;
    padding:0px 0 0 0px;



}
.ligneContent2 .colonneContent1 {
  display: block;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    width: 677px;
    padding-bottom:30px;
}
.ligneContent2 .colonneContent2 {
    display: block;
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    width: 275px;
}
.ligneContent2 .colonneContent3 {
width:275px;
margin:0;
padding:220px 0 0 0;
float:right;

}
#pageCompte .ligneContent3 {

}


.ligneContent3 {
  background:#4a4643;
    height: 150px;
    clear:both;
}

.ligneContent3 .colonneContent1 {
    width: auto;
    padding: 0px;

}
#pageCompte .ligneContent2 {
   margin: 0 auto;
    width:984px;

}

#pageCompte .ligneContent2 .colonneContent2 {

display:none;
}
#pageCompte .ligneContent2 .colonneContent2 .compFooterMarqueBlanche {
    float: right;
    height: 50px;
    padding: 20px 00px 0 0;
    text-align: left;
}
#pageCompte .ligneContent2 .colonneContent1 {
width:100%;
}
#pageCompte .ligneContent3 {


}
/******************************************************************************/
/*        BALISE POUR LES TAILLES LIGNE ET COLONNE DE NIVEAU INFERIEUR        */
/******************************************************************************/
/*
.ligneContent1 .colonneContent1 .ligneContent1 .colonneContent1 {
    padding:0;
    float: left;
    width: 477px;
}
.ligneContent1 .colonneContent1 .ligneContent1 .colonneContent2 {
    background: none;
    padding:0;
    float: left;
    width: 203px;
}

.ligneContent1 .colonneContent1 .ligneContent2 {
    padding:30px 0 0 0;
}

*/

.buttonsContainer {
    text-align: center;
    float:left;
    padding:0px 0;
    margin:0 0 0px 0;
}





/********************FOOTER******************/

#bottomContent{
    float: right;
    margin-top: -224px;
    position: relative;
    width: 993px;
}
#site-generator{
    float:right;
    margin-top:-9px;
}
#site-info{
    width:695px;
    color:#fff;
    margin-left:10px;
    margin-top:15px;
    font-weight:bold;
}
#site-info a {
    color:#FFFFFF;
    margin-right:13px;
}
#site-info span {
    margin-right:6px;
}
.menu-footer,
#menu-footer{
    list-style:none outside none;
}
#menu-footer.inline_menu{
}
.menu-footer ul li{
    background:url("../image/ico_puces.gif") no-repeat scroll left center transparent;
    display:inline;
}

/*OLD*/
.infoChoixFirst {
    padding: 10px;

}
.infoChoixFirst span {
    font-size:12px;
    font-weight:bold;
}
.infoChoixSecond {
    background: url('../image/tetiere.gif') no-repeat center 26px;
    display: block;
    width: 538px;
    height: 48px;
    padding: 0px 10px;
    float:left;
    margin-top:20px;
}
.infoChoixSecond span {
    font-size:12px;
    font-weight:bold;
}
.infoChoixSecond .titre {
    color:#004958;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    width: 100%;
    display: block;
    text-align: center;
}

div#dp-popup {
  background: none repeat scroll 0 0 #fff;
  margin: 27px 0 0 17px;
  padding: 10px;
  width: 387px;
}

div.dp-popup div.dp-nav-prev,
div.dp-popup div.dp-nav-next {
    top: 6px;
    right: 8px;
}
div.dp-popup div.dp-nav-prev {
    left:8px;
}

div#dp-popup .dp-nav-prev .dp-nav-prev-year,
div#dp-popup .dp-nav-next .dp-nav-next-year {
    display:none;
}

div#dp-popup.dp-nav-prev dp-nav-prev-month,
div#dp-popup.dp-nav-next dp-nav-next-month {
    color:#fff;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  
    color: #fff !important;
    font-weight:bold;
    font-size:13px;
}

div#dp-popup .dp-calendar {
    background: none repeat scroll 0 0 #e0faf3;
}






div#dp-popup .dp-calendar .jCalendar tbody{
}

div#dp-popup .dp-calendar .jCalendar tbody td {
    color:#000;
    padding:0px;
}

div#dp-popup .dp-calendar .jCalendar tbody .other-month,
div#dp-popup .dp-calendar .jCalendar tbody .current-month {
background: none repeat scroll 0 0 #68635e;
border-right: 7px solid #fff;
color: #95928f;
height: 24px;
padding: 0;
width: 23px;
font-weight:400;
border-bottom: 4px solid #fff;
}


div#dp-popup .dp-calendar .jCalendar tbody .current-month:hover {
    background: #b79c7b;
    color: #FFFFFF;
}

div#dp-popup .dp-calendar .jCalendar tbody td.disabled {
    background:#eeeeee;
    color: #58595b;
}

div#dp-popup .dp-calendar .jCalendar .today {
    background: #b79c7b !important;
    color: #fff !important;
}
/******************************************************************************/

#haut_de_page {
    height: 87px;
}
#pageCompte{}

#pageEtape1 .backToMap a {
    background: url("../image/ico_20px_haut.gif") no-repeat scroll 0 3px transparent;
    color: #BDBDBD;
    float: left;
    margin: 10px 0 0 10px;
    padding-left: 12px;
}


/************************** Etats evenements   ********************************/

.descEtat {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 45px;
    margin: 25px 0 5px;
    padding: 25px 0 0 75px;
    width: 236px;
}

.backToMap{
    float: none;
    margin: 0 auto;
    padding: 0 0;
    text-decoration: none;
    width: 100%;

}
#pageEtape1 .backToMap a{
    background: url("../image/bientot_dispo.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    height: 29px;
    line-height: 29px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 104px;
}
#pageEtape1 .backToMap a:hover{
text-decoration:none;
color:#fff;
}

.compObjetEvenement a.etat12{
    padding: 0 0 0 111px !important;
}
.compObjetEvenement .etat12 span{
    font-size:10px;
}
/************************ Home ConditionsU *************************/

#ConditionsU {
    background: none repeat scroll 0 0 #2F90AC;
    margin-bottom: 25px;
    padding: 10px;
    width:665px;
}
#ConditionsU ul{
    color: #78D9F7;
    list-style: none outside none;
    text-align: left;
}
#ConditionsU ul li{
    font-size: 11px;
    font-weight: normal;
    padding: 3px;
    
}



/******* Login *********/

.compCompteConnexionPartenaire .contentComposants .topContentComposants{
    background:url("../image/tetiere01.gif") repeat-x scroll left top #FFFFFF;
    height:50px;
    color:#3A3A3A;
    padding-top:5px;
    font-family: trebuchet MS,sans-serif;
    font-size:14px;
    font-weight:bold;
}



.compCompteConnexionPartenaire .contentComposants .dataContentComposants{
    
    height:50px;
    color:#466A84;
}

.compCompteConnexionPartenaire .contentComposants .dataContentComposants #champsRequis{
    color:#000;
    font-style:italic;
    padding:5px;
}


.compCompteConnexionPartenaire .contentComposants .dataContentComposants table{
    width:300px;
    margin:0 auto
    
}

.compCompteConnexionPartenaire .contentComposants .dataContentComposants table input{
    padding:2px;
}


.compCompteConnexionPartenaire .contentComposants .dataContentComposants table tr td.tableColonne1{
    color: #3A3A3A;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
}

.compCompteConnexionPartenaire .contentComposants .dataContentComposants .tableDesc{
    font-size:12px;
    text-align:left;
    padding:10px;
}


#pageComptePartenaire .ligneContent2 .colonneContent1 {
    width: 910px;
    
}


.compCompteConnexionPartenaire{
    width:700px;
    margin:0 auto;
    background:#FFFFFF;
    
}

.compCompteConnexionPartenaire .contentComposants .dataContentComposants table tr td.ligneSubmit{
    text-align:center;
    padding-top:10px;
}

.compCompteConnexionPartenaire .contentComposants .dataContentComposants table tr td.ligneSubmit input.btSubmitAjax {
    display:block;
    width:200px;
    height:30px;
    background: rgb(69,104,129); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(69,104,129,1) 1%, rgba(46,68,80,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(69,104,129,1)), color-stop(100%,rgba(46,68,80,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(69,104,129,1) 1%,rgba(46,68,80,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(69,104,129,1) 1%,rgba(46,68,80,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(69,104,129,1) 1%,rgba(46,68,80,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(69,104,129,1) 1%,rgba(46,68,80,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#456881', endColorstr='#2e4450',GradientType=0 ); /* IE6-9 */
    margin:0 auto;
    color: #FFFFFF;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    border:0;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    cursor:pointer;
    

}


 /* BOUTONS */
 #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitPanier,
 #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitFinaliser,
 .compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .validerPanier a,
 .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
 .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
 #pageEtape2 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .validContent input,
 #pageEtape3 #contenuformulaire .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape3 #contenuformulaire .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 a,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
#pageCompte .validContent input.valid,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
/*.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,*/
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button,
.popupTarifs .submit button, .popupTarifs .submit input,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM a,
input.btCodeReduction,
.compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compPaiementFree .dataContentComposants table#paiementFree td#validationPaiementFree a.ancreTelechargerBillet,
.compNouveauParcours .buttonsContainer input,
.compPreIdentification input.btSubmit,
.compNouveauClient .afficheDejaClient,
.compDejaClient.nouveauParcours.notConnected .afficheNouveauClient,
#pageCompte .zoneRecherche button,
.popupCrossSelling .button a,
#popCross .crossSelling .event .actions a,
#popCross .footer .button a,
#pageEtape2 .compUpSelling .actions .submit,
#pageEtape2 .compUpSelling .actions .reset,
.compNouveauParcours .buttonsContainer .nouveauLien {
border: none;
    color:#fff;
  /*  line-height:30px;*/
    text-decoration: none;

    cursor:pointer;
    background: none repeat scroll 0 0 #dea03d;
    border: 2px solid #dea03d;
    color: #ffffff;
padding:6px;
 color: #FFFFFF;
    display: block;
font-family: "Quicksand",sans-serif;
    font-size: 14px;
    text-transform:uppercase;
font-weight:600;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    margin:20px auto;
}

 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
 #rowSubmitEtape3 a{

    padding:0;
 }
 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
  #pageEtape2 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .validContent input.valid.btn-primary,
  .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM a{
float:right;     
 }
 
 #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitPanier{
    float:left !important;
    display:none;  
  }

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitFinaliser{
    float:right !important;  
  }
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement{
display:none ;  
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitFinaliser:hover,
#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer .validContent .btSubmit#submitPanier:hover,
 .compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .validerPanier a:hover,
 .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
 .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
 .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover,
 #pageEtape2 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .validContent input:hover,
 #pageEtape3 #contenuformulaire .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape3 #contenuformulaire .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 a:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover,
#pageCompte .validContent input.valid:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap button:hover,
.popupTarifs .submit button:hover, .popupTarifs .submit input:hover,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM a:hover,
input.btCodeReduction:hover,
.compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover,
.compTopVentes .topVentes span.reservez:hover,
.compPaiementFree .dataContentComposants table#paiementFree td#validationPaiementFree a.ancreTelechargerBillet:hover,
.compNouveauParcours .buttonsContainer input:hover,
.compPreIdentification input.btSubmit:hover,
.compNouveauClient .afficheDejaClient:hover,
.compDejaClient.nouveauParcours.notConnected .afficheNouveauClient:hover,
#pageCompte .zoneRecherche button:hover,
.popupCrossSelling .button a:hover,
#popCross .crossSelling .event .actions a:hover,
#popCross .footer .button a:hover,
#pageEtape2 .compUpSelling .actions .submit:hover,
#pageEtape2 .compUpSelling .actions .reset:hover,
.compNouveauParcours .buttonsContainer .nouveauLien:hover {
    background: none repeat scroll 0 0 #fff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    color:#dea03d;
    }

a.overflowInfo {
    color: #494643;
    font-weight: bold;
    padding-top: 10px;
    display: block;
}
.infoOverflowed  {
    height: 56px;
}
