/* STYLE BALISES PRINCIPALES	*/
*{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    font-weight:normal;
}

a { text-decoration:none; }

body {
    margin:0px;
    padding:0px;
    min-width:800px;
}

table{
    width: 100%;
    border-spacing:0;
    border-collapse:collapse;
}
table,tr,td{
    vertical-align:top;
    padding:0px;
    margin:0px;
    border:none;
    font-size:14px;
}
img{
    border:none;
}

ul>li{
    font-size:12px;
    list-style:none;
}
ul>li>a{  /*texte de bouton */
    line-height:12px;
    font-size:12px;
    cursor:pointer;
    overflow:hidden;
    display:block;
    padding:5px;
    text-align:center;
}
a>span.ui-icon{  /*ul>li> image de bouton */
    vertical-align:middle;
    float:right;    
    margin-top:2px;
}
ul>li>a>span.ui-icon{  /*ul>li> image de bouton */
    margin-top:-2px;
}
/* MENU HORIZONTAL DIVERS : UL
    Les LI sont en float
    Les A dans les LI occupent tout l'espace
*/
ul.menu_float{
    min-height:23px;
}
ul.menu_float>li{
    float:left;
    margin-right:1px;
    min-width:100px;
    height:100%;
}
ul.menu_float>li>a{
    white-space:nowrap;
}
ul.menu_float>li>a>span{  /*image de bouton */
}
ul.menu_float>li>p{
    text-indent:0px;
    font-size:12px;
    padding:4px;
}

/* LISTES AVEC PUCES RONDES : UL
    Les LI obtienne une puce ronde creuse
*/
ul.liste>li{
    padding: 3px 0px;
    display: list-item;
    list-style:inside circle;
}
/* LISTES AVEC PUCES : UL>LI>OL
    Les LI obtienne une puce ronde creuse
*/
ul.liste>li>ol>li{
    margin-left:15px;
    padding:3px 0px;
    display:list-item;
    list-style:inside disc;
}




h1{
    margin-bottom:20px;
    font-size: 26px;
    color:#3636A6;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    text-align:center;
}
h2{
    font-size:18px;
    font-style:normal;
    line-height:normal;
    font-weight:bold;
    text-align:center;
    text-decoration: underline;
}
h3{
    font-size: 15px;
    text-align:left;
}
h4{
    margin:10px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-align:center;
}
p{
    font-size:12px;
    text-align:left; /*justify;*/
    text-indent:10px;
}
label{
    font-size:12px;
    font-weight:bold;
    color:#444;
    text-decoration:underline;
}
label.opt{
    font-weight:normal;
}
hr{
    margin:3px 0px;
    background-color:#22B029;
    color:#22B029;
}

/* phrase en bas de page pour conseil de page */
cite{
    margin:10px 0px 0px 0px;
    display:block;
    font-style:italic;
    font-weight:bold;
    color:#333;
    font-size:12px;
    text-align:left;
}

fieldset{
    margin-bottom: 20px;
    background:none;
    border:1px solid #000;
    width:100%;
}
fieldset.action{
    background:#9da2a6;
    border-color:#e5e5e5 #797c80 #797c80 #e5e5e5;
    margin-top:-20px;
}
fieldset legend{
    color:#000;
    font:17px/21px Calibri, Arial, Helvetica, sans-serif;
    padding:0 10px;
    margin:0px 0px 5px 0px;
    font-weight:bold;
    border:1px solid #000;    
}



/*Defaults Styling form.niceform */
form{
    min-width:400px;
    padding:5px;
    margin:0px auto;
}
form dl{
}
form dt{
    clear:both;
    float:left;
    text-align:right;
    width:200px;
    margin-bottom:10px;
    font-weight: bold;
}
form dd{
    padding-left:210px;
    margin:0px 0px 10px 0px;
}
.niceform .description{
    text-align:center;
    font-size: 10px;
    clear:both;
    margin-bottom: 10px;
    color: #6633CC;
}

textarea {
    width: 280px;
    height: 200px;
}

input, textarea, select, button{
    font-size: 12px;
}
input[readonly], select[readonly], textarea[readonly] {
    color: #6633CC;
    font-weight: bold;
}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}


/*****************/
/* Id site 2.0.0 */
/*****************/

/*  LAYOUT GENERAL */
#session{
    width:calc(100% - 2px);
    height:26px;
    overflow:hidden;
}
#session>ul{
    height:24px;
    margin-bottom:5px;  /* quand il passe dessous en invisible, on le voit pas depacer */
}
#session_entete{
    float:left;
}
#session_caddie{
    float:left;
}
#session_reservations{
    float:left;
}

#entete{
    clear:both;
    width:100%;
}
#entete_gauche{
    width:210px;
    height:156px;
    overflow:hidden;
}
#entete_milieu{
    width:auto;
    height:156px;
    font-size:1px;
    overflow:hidden;
    text-align:center;
}

/*  MENU HORIZONTAL */
#menuGauche{
    width:210px;
    height:24px;
    font-size:1px;
}
#menuNavig{
    height:24px;
    max-height:24px;
    overflow:hidden;
    padding-left:20px;
}
#menuNavig table tr td{
    text-align:left;
    overflow:hidden;
    font-size:12px;
    padding:2px 0px 0px 10px;
    vertical-align:middle;
    color: #6633CC;
}
#menuNavig a{
    margin-left:5px;
    font-size: 11px;
    font-style:normal;
}

/* CONTENU */
#contenu_navigation{
    padding-left:24px;
}
#contenu_milieu{
    width:auto;
    min-width:550px;
    padding:3px;
    padding-top:15px;
    min-height:300px;
    overflow:hidden;
}
#contenu_droite{
    width:154px;
    padding:3px;
    text-align:center;
}

/* Pas de page */
#baspage{
    padding-top:10px;
    width:100%;
}


/**
    CLASSE pour helper JAVASCRIPT
**/

/* Cadre d'attente anime par l'image de fond */
#AttendEnvois{
    display:none;
    margin:1px;
    border:#8EE88E 1px solid;
    width:90%;
    min-height:20px;
    background:url(/img/chargement.gif) repeat;
    text-align:center;
    font-size:10px;
    line-height:18px;
    font-weight:bold;
    vertical-align:middle;
}

/* Cadre d'erreur animé */
#cadreErreur{
    display:none;
    z-index:50;
    position:absolute;
    padding:5px;
    font-size:14px;
    font-weight:bold;
    max-width:400px;
    min-width:100px;
}