html
{
    
}
body
{
    margin: 0;
	padding: 0;
	font-family : Arial;
	font-size : 12px;
	color : #000000;
	background-color : Aqua;
	
}
/* couleur rouge */
.policerouge,
.policerouge a
{
    font-family : Arial;
    color : #cc0000;
}
/* couleur noir */
.policenoir,
.policenoir a
{
    font-family : Arial;
    color : #000;
}
/* Conteneur Général */
#page
{
    background-color : #00ffff;
    width : 95%;
}

/* En-Tête */
#header
{
    position : relative;
}
#firstline
{
    background-color : Aqua;
}
/* Image Logo */
#logo
{
    position : relative;
    left : 17px;
    float : left; 
}

#title
{
    position : relative;
    left : 17px;
    margin-top : 40px;
    margin-bottom : -15px;
    margin-right : 25px;
    font-size : 18px;
    font-style : italic;
    font-weight : bold;
}
#title img
{
    display : none;
}

#title #ctl00_LBLTitle
{
    position : relative;
    bottom : 12px;
}

/* Onglets */
#onglets 
{
    display : none;
}

/* Centre */
#center
{
    position : relative;
    margin-top : -10px;
    left : 17px;
    width : 100%;
}

/* Animation de défilement d'images */
#animation
{
    display : none;
}

/* Contenu dynamique */
#content
{
    position : relative;
    left : 0px;
    margin : 0;
    width : 100%;
}
/*footer*/
#footer
{
    display : none;
}
/* Infos en bas à gauche */
#icone
{
    display : none;
}

/* titre de page */
div#subtitle
{
    position : relative;
    height : 30px;
    margin-top : 3px;
    margin-bottom : 2px;
    font-size : 18px;
    font-weight : bold;
    font-style : italic;
    line-height : 30px;
}
/* parties dynamique */
#cph
{
    position : relative;
}
#dynamicparts
{
    position : relative;
    background-color : #fff;
    width : 100%;
    height : 100%;
    text-align : justify;
    
}
/*partie gauche*/
#partiegauche
{
    width : 47%;
    margin : 5px;
    margin-top : 15px !important;
    margin-top : 13px;
    background-color : #fff;
    float : left;
    font-size : 12px;
}
#partiegauchelibre
{
    margin : 5px;
    margin-top : 15px !important;
    margin-top : 13px;
    background-color : #fff;
    float : left;
    font-size : 12px;
}
.pucepoisson img
{
}
/*partie droite*/
#partiedroite
{
    width : 47%;
    margin : 5px;
    margin-top : 15px !important;
    margin-top : 13px;
    background-color : #fff;
    float : right;
    font-size : 12px;
}
#partiedroitelibre
{
    margin : 5px;
    margin-top : 15px !important;
    margin-top : 13px;
    background-color : #fff;
    float : right;
    font-size : 12px;
}
/* centrale unique */
#partiecentraleunique
{
    position : relative;
    margin : 5px;
    background-color : #fff;
    font-size : 12px;
    width : 100%;
    
}
#partiecentraleunique input
{
    font-size : 12px;
}

/* partie spécifique a chaque pages ************************************************************************/

/* pages default */
#txtpartiegaucheaccueil
{
   margin-top : -20px;
   margin-left : 40px;
}
#drapeaux
{
    margin-left : 40px;
    position : relative;
}
#drapeaux span
{
    margin-left : 15px;
}

#drapeaux table
{
    border-collapse : separate;
}

/* page hotel */
#txtpartiegauchehotel
{
   margin-top : -20px;
   margin-left : 40px;
   width : 90%;
   height : 100px;
   padding-right : 2px;
   overflow : auto;
}
#imgbashotel
{
    margin-left : 40px;
}
#chambreGD
{
    margin-left : 20px;
}
/* page resto */
#txtpartiegaucheresto
{
   margin-top : -20px;
   margin-left : 40px;
   width : 450px;
   height : 95px;
   padding-right : 2px;
   overflow : auto;
}
#imgbasresto
{
    margin-left : 40px;
}
#platGD
{
    margin-right : 20px;
}
/* page seminaire */
#txtpartiegaucheseminaire
{
   margin-top : -20px;
   margin-left : 40px;
   width : 400px;
   line-height : 17px;
   word-spacing : 0.1em;
}
/* page infos legales */
#txtpartiegaucheinfoslegales
{
   margin-top : -20px;
   margin-left : 40px;
   width : 650px;
   height : 150px;
   overflow : auto;
   padding-right : 5px;
}
/* page contactez nous */
#txtpartiegauchecontact
{
   margin-top : -20px;
   margin-left : 40px;
   width : 650px;
   height : 175px;
   overflow : auto;
   
}
#txtpartiegauchecontact table 
{
    border-collapse : collapse;
   width:90%;
}
#txtpartiegauchecontact table tr td
{
   vertical-align:text-top;
}
/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    position : relative;
    text-decoration : none;
}
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;
}

/*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 : #003399;
    text-align : center;
    padding : 0.2em;
    color : #fff;
}

span.etapeerreur
{
    color : Red;
}

/*survol des conditions --> POP DU TEXT DES CONDITIONS*/
a.condition
{
    position : relative;
}
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 : 2em;
    left : -200px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 375px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
}

/* Page etape5 */
div#etape5text
{
    position : relative;
    width : 100%;
    line-height : 1em;
}

div#etape5text table
{
    width : 95%;
}
div#etape5text table tr td
{
    width : auto;
}
#boutonetape
{
   display : none;
}