/* 
    Document   : classe
    Created on : 24 févr. 2013, 01:02:10
    Author     : guillaume
    Description:
        Classes principales des sites
*/
/*  CLASSES MARGIN et PADDING */
.pad0{
    padding:0px;
}
.pad2{
    padding:2px;
}
.pad5{
    padding:5px;
}
.mar0{
    margin:0px;
}
.mar2{
    margin:2px;
}
.mar5{
    margin:5px;
}
.mar10{
    margin:10px;
}
.mar15{
    margin:15px;
}

/*  CLASSES TAILLE TEXTE */
.fs8{
    font-size:8px;
}
.fs9{
    font-size:9px;
}
.fs10{
    font-size:10px;
}
.fs12{
    font-size:12px;
}
.fs14{
    font-size:14px;
}
.fs16{
    font-size:16px;
}
.fs18{
    font-size:18px;
}
.fs20{
    font-size:20px;
}
.fs28{
    font-size:28px;
}

/*  CLASSES STYLES TEXTE */
.fwb{
    font-weight:bold;
}
.fwn{
    font-weight:normal;
}
.tdu{
    text-decoration:underline;
}
.tdt{
    text-decoration:line-through;
}
.tdn{
    text-decoration:none;
}
.fsi{
    font-style:italic;
}

/*  CLASSES ALIGNEMENT TEXTE */
.tal{
    text-align:left;
}
.tac{
    text-align:center;
}
.tar{
    text-align:right;
}
.vam{
    vertical-align:middle;
}
.flr{
    float:right;
}
.flg{
    float:left;
}
.clear{
    clear:both;
}
.disB{
    display: block;
}
.disN{
    display: none;
}

/*  CLASSES AFFICHAGE COULEUR TEXTE */
.fcn{
    color:#000;
}
.fcb{
    color:#FFF;
}
.fcr{
    color:#F00;
}
.fcbl{
    color:#0099E1;
}
.fcv{
    color:#38AE38; /*#8EE88E*/
}
.fcg{
    color:silver;
}
.fcgf{
    color:#4F4F4F;
}
.fcj{
    color:#ECFF00;
}
.fco{
    color:#FF9200;
}


/*  CLASSES AFFICHAGE BORDURE */
.bordNone{
    border:none !important;
    border-radius:0px !important;
}
.bordN{
    border:1px solid #000000;
}
.bordR{
    border:1px solid #FF0000;
}
.bordV{
    border:1px solid #38AE38;
}
.bordG{
    border:1px solid #4F4F4F;
}
.bordJ{
    border:1px solid #ECFF00;
}
.bordO{
    border:1px solid #FF9200;
}
.bordB{
    border:1px solid #FFFFFF;
}
.bordPointilleAnime{
    border-style: dotted;
    border-width: 2px;
}
.bordTopN{
    border-top:1px solid #000000;
}

/*  CLASSES AFFICHAGE BACKGROUND */
.backN{
    background-color:#000000;
}

/*  CLASSES AFFICHAGE DIVERS */
.cache{
    display:none;
}
.cPoint{
    cursor:pointer;
}
.centPC{
    display:block;
    height:100%;
    width:100%;
}
.centerBlock{
    display:block;
    margin-left:auto;
    margin-right:auto;
}




/* MENU VERTICAL */
ul.navigation{ /*ul*/
    display:block;
}
ul.navigation li{
    display:block;
    text-align:left;
    position:relative;
}
ul.navigation li a{
    display:block;
    width:100%;
    height:100%;
    line-height:normal;
    font-size:18px;
    color:#000;
    text-align:center;
    vertical-align:middle;
}
ul.navigation li a:hover{
    text-decoration:underline;
}
ul.navigation li.active a{
    text-decoration:underline;
}
ul.navigation li a img{
    max-height:18px;
    vertical-align:middle;
}
 

.bouton{
    margin:2px;
    padding:2px 5px;
    position:relative;
    font-size:12px;
    border:#6C3BCE 1px solid;
    text-decoration:underline;
    color:#FFFFFF;
    line-height:22px;
}
.afficheCache{
    cursor:pointer;
}

.kiddy{
    color:#FF0000;
    font-weight:bold;
}
.accro{
    color:#009ce2;
    font-weight:bold;
}
.cabane{
    color:#FFF;
    font-weight:bold;
}

.erreur{
    background:#FFFFFF;
    color:#FF0000;
}

/*Bulle signalant une erreur dans les formulaires*/
.errors{
    clear: both;
    margin: 3px;
    min-width:50px;
    color:red;
    font-size:14px;
    font-weight: bold;
    width:300px;
}
.errors>li{
    font-weight: bold;
}

/* texte petit et permetant les liens a l'interieur */
.txtpetit {
    font-size: 10px;
    font-style: normal;
    font-weight:normal;
    line-height: normal;
}
.txtpetit a {
    color: #000000;
}
.txtpetit a:active {
    color: #0000CC;
}
.txtpetit a:link {
    color: #0000CC;
}
.txtpetit a:visited {
    color: #0000CC;
}
.txtpetit a:hover {
    color: #FF2200;
}



/* Class site 2.0.0 */
.prix{
    font-weight: bold;
}
.prix_total{
    font-weight: bold;
    text-decoration:underline;
}
.prix_barre{
    text-decoration:line-through;
    color:red;
}


/* Helper Helpers_Client */
.Helpers_Client{
    margin:auto;
    padding:3px;
    min-width:200px;
    width:300px;
}
.Helpers_Client li:first-child
{
    text-align: center;
    text-decoration: underline;
}



/* Helper Helpers_Abstract_Design: Classe principale des cadres design */
.Helpers_Abstract_Design{        /* Div externe du cadre */
    margin:5px;
    padding:0px;
    border-radius:0px 15px;
    border:1px solid #f6a828;
}
.Helpers_Abstract_Design>h3{     /* Titre haut du cadre */
    margin:0px;
    padding:2px;
    border-radius:0px 15px 0px 0px;
    background:#f6a828 none;
    color:#363636;
    font-size:14px;
    text-align:left;
    font-weight:bold;
}
.Helpers_Abstract_Design>div{    /* chaque contenu du cadre */
    padding:2px 2px 1px 2px;
    width:calc(100%-4px);
    border:none;
    overflow:hidden;
}
.Helpers_Abstract_Design>div>ul{          /* chaque menu du contenu du cadre */
    clear:both;
    width:98%;
    overflow:hidden;
}
.Helpers_Abstract_Design>div>ul>li{
    min-width:50px;
}
.Helpers_Abstract_Design>div>ul>li>a{
    font-weight:normal;
    font-size:11px;
}
.Helpers_Abstract_Design>div>div{       /* chaque div du contenu recoit le meme design */
    border-radius:10px;
    border:1px solid #25B62B;
    overflow:hidden;
    zoom: 1; /* "hasLayout", empêche le dépassement des flottants dans IE 6-7 */
    margin:1px;
}
.Helpers_Abstract_Design>div>h3, .Helpers_Abstract_Design>div>div>h3{    /* chaque titre du contenu recoit le meme design */
    font-weight:bold;
    text-decoration:underline;
    font-size:11px;
    margin:1px 0px;
    text-align:center;
}
.Helpers_Abstract_Design>div>h4, .Helpers_Abstract_Design>div>div>h4{    /* chaque titre du contenu recoit le meme design */
    text-decoration:underline;
    font-size:11px;
    margin:1px 0px;
    text-align:left;
}
.Helpers_Abstract_Design>div>p, .Helpers_Abstract_Design>div>div>p{     /* chaque texte du contenu recoit le meme design */
    font-size:10px;
}
.Helpers_Abstract_Design>div>div>p.prix_total_billet{    /* chaque total du contenu recoit le meme design */
    margin:0px;
    padding:2px;
    float:right;
    clear:both;
    border-radius:10px 0px 10px 0px;
    background:#25B62B none;
    color:#FFF;
    font-size:10px;
    font-weight:bold;
    text-align:right;
}
.Helpers_Abstract_Design>p{      /* Tarif total du cadre */
    margin:0px;
    padding:2px;
    clear:both;
    border-radius:0px 0px 0px 15px;
    background:#f6a828 none;
    color:#363636;
    font-size:14px;
    text-align:right;
    font-weight:bold;
}



/* Helper Helpers_Panier: pendant le paiement des billets */
.Helpers_Panier>div>div{            /* chaque billet du panier */
    width:250px;
    float:left;
}
.Helpers_Panier>div>div>p{          /* texte de chaque billet du panier */
    font-style:italic;
}
.Helpers_Panier>div>div>img{
    height:60px;
    float:right;    
}
.Helpers_Panier>div>div>ul>li{      /* texte de chaque billet du panier */
    font-size:10px;
}
.Helpers_Panier_formule{            /* formules des billets du panier */
    margin:2px;
    padding:3px;
    border-radius:5px;
    border: 1px solid orange;
}
.Helpers_Panier_formule>h3{    /* texte de chaque formule des billets du panier */
    font-size:12px;
    text-align:center;
    font-weight:bold;
    text-decoration:underline;
}
.Helpers_Panier_formule>img{
    height:30px;
    max-height:30px;
    max-width:30px;
    float: right;    
}
.Helpers_Panier_formule>ul>li{    /* texte de chaque formule des billets du panier */
    font-size:9px;
}


/* Helper Helpers_Achat */
/* Helper Helpers_Reservation */
.Helpers_Achat, .Helpers_Reservation{
    float:left;
    width:250px;
}
.Helpers_Achat>h3, .Helpers_Achat>p,
.Helpers_Reservation>h3, .Helpers_Reservation>p{            /* Titre haut du panier */
    font-size:12px;
}
.Helpers_Achat>div, .Helpers_Reservation>div{
    overflow:auto;
    height:120px;
}
.Helpers_Achat>div{
    height:300px;
}
.Helpers_Reservation>div{
    height:120px;
}
/* Outils pour chaque billet */
.Helpers_Achat>div>div>ul.menu_float,
.Helpers_Achat>div>ul.menu_float,
.Helpers_Reservation>div>ul.menu_float{
    clear: both;
}
.Helpers_Achat>div>div>ul.menu_float>li,
.Helpers_Achat>div>ul.menu_float>li,
.Helpers_Reservation>div>ul.menu_float>li{
    float:right;
}
.Helpers_Achat>div>div>ul.menu_float>li>a,
.Helpers_Achat>div>ul.menu_float>li>a,
.Helpers_Reservation>div>ul.menu_float>li>a,
.Helpers_Reservation>div>ul.menu_float>li>p{
    font-size:10px;
    padding:3px;
}


/* Helper Helpers_PanierReservation */
.Helpers_PanierReservation{
    margin:10px auto;
    width: 400px;    
}
.Helpers_PanierReservation>div{    /* chaque billet du panier */
    margin:2px auto;
    width:100%;
    float:none;
    border-radius:0px;
    border:none;
}


/* Helper Helpers_Photo */
.Helpers_Photo{
    margin:0px auto;
    /*clear:both; */
}
.Helpers_Photo>div{
    float:left;
    clear:right;
    margin:2px;
}
.Helpers_Photo>div>img{
    padding:1px;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:4px;
}
.Helpers_Photo>div>ul{
    height:24px;
}
.Helpers_Photo>div>ul>li>a{
    font-weight:normal;
}



/* page anniversaire */
.cadre_anniversaire{
    width:570px;
    margin:0px auto 20px auto;
    padding:10px;
    position:relative;
    border:5px ridge #0099FF;
}
.cadre_anniversaire p{
    font-family: Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    font-weight:bold;
    font-size:14px;
    margin-left:30px;
}
.cadre_anniversaire li{
    text-align:left;
}
.cadre_anniversaire ol>li{
    font-family: Arial, Helvetica, sans-serif;
    font-variant:small-caps;
    font-weight:bold;
    font-size:14px;
    margin-left:30px;
}
.cadre_anniversaire ul{
    margin:15px 0px;
}
.cadre_anniversaire ul>li{
    font-size:9px;
    line-height:12px;
}
.cadre_anniversaire li:before {
    content: "- ";
}
.cadre_anniversaire cite{
    font-size:9px;
}
.cadre_anniversaire .image_offre{
    float:right;
    margin-right:70px;
    margin-top:-100px;
}
.cadre_anniversaire .image_prix{
    float:right;
    margin-right:-80px;
    margin-top:-20px;
}



/* Billets dans les formulaires d'achat et paiement */
#panierPaiement{
    min-width:650px;
}
#panierPaiement h2{
    margin-top:10px;
}
/* partie gauche */
.billet{
    float:left;
    height:102px;
    width:590px;
/*    height:222px;
    width:600px;*/
    margin:2px;
    clear:left;
    background:none 0px 0px no-repeat;
    padding:115px 5px 5px 5px;
    text-align: center;
    font-size:10px;
    text-decoration:none;
}
.billet>ol>li{
    font-weight:bold;
    font-size:12px;
    list-style: none;
}

/* partie droite */
.inputBillet{
    margin-left:255px;
    overflow: hidden;
}
.inputBillet>p.description{
    width:250px;
}
.inputBillet>form{  /* formulaire achat seulement */
    min-width:250px;
}
.inputBillet>dt, .inputBillet>form dt{
    clear:both;
    width:220px;
}
.inputBillet>p{
    text-align: center;
    clear:both;
}
.inputBillet>p.prix_individuel{      /* le prix qui suit le dd */
    float: left;
    text-align:left;
    clear:none;
    font-size:10px;
}
.inputBillet>dd>.prix_total{    /* le prix total */
    border-top: 2px solid #ff9d1f;
    color: #38AE38;
}




/* Formules anniversaire */
.formuleAnniversaire{
    border-top:3px solid #ff9d1f;
    padding:10px;
}
.formuleAnniversaire h3{
    text-decoration:underline;
    margin-bottom: 10px;
}
.formuleAnniversaire img{
    width:150px;
    float:left;
}
.formuleAnniversaire p{
    margin-left: 180px;
}
.prixFormuleAnniversaire{
    float:right;
    text-align:center;
    font-size:20px;
    color:red;
    width:125px;
    height:90px;
    background: url(/img/etoile.png);
    padding-top:30px;
}
.formuleAnniversaire table{
    margin-left:170px;
    width:250px;
}
.formuleAnniversaire table thead tr th{
    border:1px solid black;
    background:none rgb(246, 168, 41);
    text-align:center;
    padding:5px;
    font-weight:bold;
    height: 30px;
}
.formuleAnniversaire table tbody tr td{
    border: 1px solid black;
    padding:1px;
    text-align:left;
}



/* Formules des billets parc */
.formuleParc{
    padding:5px;
    margin-left:255px;
    text-align: center;
    font-size:10px;
    text-decoration:none;
    overflow: hidden;
}
.formuleParc>dt{
    clear:none;
    margin-top: 10px;
    width:160px;
}
.formuleParc>dd{
    margin-top: 10px;
}
.formuleParc>.details{
    margin-bottom: 5px;
    min-width:200px;
    clear:left;
    float:left;
    border:1px solid #FF9200;
    border-radius: 5px;
}
.formuleParc>.details>h4{
    font-weight:bold;
}
.formuleParc>.details>h4:first-letter{
    text-transform: capitalize;
}
.formuleParc>.details>img{
    float: right;
    max-height:50px;
    max-width:50px;
}
.formuleParc>.details>p{
    text-indent:0px;
}




/* Formatage bulle horaire ou infos en reservation */
div.bulle_Horaires{
    max-width:300px;
}
div.bulle_Horaires h4.ui-widget-header{
    padding:3px;
    margin:0px;
}
div.bulle_Horaires p.ui-widget-content{
    padding:3px;
    font-size:12px;
}
div.bulle_Horaires .legendeCarre{
    float:left;
    width:14px;
    height:14px;
    border-radius:2px;
    background: none;
}
div.bulle_Horaires ul>li{
    padding:3px;
    font-size:10px;
}
div.bulle_Horaires ul>li>img{
    max-height: 30px;
    vertical-align: middle;
}
div.bulle_Horaires .commentaire{
    padding:2px;
    font-size:10px;
    color:#4F4F4F;
}


/* CSS UI JQUERY */
.ui-tabs-nav-item a span{
    font-weight:bold;
    font-size:14px;
}

.ui-state-error a{
    font-weight:bold;
}

div.ui-datepicker th, div.ui-datepicker td span, div.ui-datepicker td a {
    padding:0px;
    text-align: center;
}