html
{
    padding : 0px;
}
body 
{
    background-color : Yellow;
    margin : 0px;
}
div#page
{
    position : relative;
    margin : 0px auto 0px auto;
    width : 100%;  
    background-color : #fff;
}

/*************************************************partie gauche************************************************/

div#partiegauche
{
    display : none;
}


/*************************************************partie centrale************************************************/

div#partiecentrale
{
    position : relative;
    width : 100%;
}
div#logo
{
    position : relative;
    width : 173px;
    height : 167px;
    top : 0px;
    background-image : url(images/logo.jpg);
    background-repeat : no-repeat;
    background-position : top left;
}
div#menu
{
    display : none;
}   
div.langue
{
    display : none;
}

/*************************************************partie droite************************************************/

div#partiedroite
{
    position : relative;
    width : 100%;
}

div#vignettes
{
    display : none;
}

div#grandeimage
{
    display : none;
}
div#pictos
{
    display : none;
}

div#footer
{
    display : none;
}

div#dynamiquecontent
{
    position : relative;
    width : 100%;     
    margin-left : 10px;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
}
div#dynamiquecontentextended
{
    position : relative;
    width : 100%;     
    margin-left : 10px;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
} 
div#subtitle
{
    position : relative;
    width : 98%;
    margin-left : 10px;
    margin-top : 5px;
    border-bottom : solid 1px #000;
    font-size : 16px;
    font-weight : bold;
}
div#textcontent
{
    position : relative;
    width : 95%;
    margin-left : 10px;
    margin-top : 5px;
}
div#textcontentextended
{
    position : relative;
    width : 95%;
    margin-left : 10px;
    margin-top : 5px;
}
div#textcontentextended input,
div#textcontentextended select
{
    font-family : Arial;
    font-size : 12px;
}
/******************************************* pafe default *********************************************/
div.defaultlineheight
{ 
    line-height : 18px;
}

/**********************************************reservation commun*****************************************/
/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    position : relative;
    text-decoration : none;
    color : #000;
}
a.categorie img
{
    display : none;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    display : inline;
    position : absolute;
    z-index :500;
    top : -2em;
    left : 3em;
    border-color : Yellow;
}

/*survol du prix -->pop du type de tarif*/
a.prixdate 
{
    position : relative;
    text-decoration : none;
    color : #000;
}
a.prixdate span
{
    display : none;
}
a.prixdate:hover
{
    background : none;
    z-index : 500;
    
}
a.prixdate:hover span
{
    display : inline;
    position : absolute;
    z-index :500;
    top : 2em;
    left : 1em;
    background-color : Yellow;
    text-align : center;
    padding : 0.2em;
    color : #000;
}

span.etapeerreur
{
    color : Red;
}

/*survol des conditions --> POP DU TEXT DES CONDITIONS*/
a.condition
{
    
}
a.condition span
{
    display : none;
}
a.condition:hover
{
    background : none;
    z-index : 500;
}
a.condition:hover span
{
    display : inline;
    text-decoration : none;
    position : absolute;
    z-index :500;
    top : 170px;
    left : 60px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 360px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
    font-family : Arial;
    font-size : 11px;
}
div#boutonetape
{
    display : none;
}
/****************************************** reservez etape 1 ********************************************/
table#tableetape1 table
{
    margin-top : -15px;
}

table.tableetape2
{
    margin : 2px;
}
table#tableetape3
{
    border-collapse : collapse;
    text-align : left;
    line-height : 12px;
}
table#tableetape3 tr
{
    height : 30px;
}
.etape3labelgauche
{
    width : 8%;
}
.etape3etoile
{
    width : 1%;
}
.etape3saisiegauche
{
    width : 43%;
}
.etape3saisiedroite
{
    width : 40%;
}

.messageerreur
{
    color : Red;
}