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

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

div#partiegauche
{
    position : relative;
    float : left;
    width : 286px;
    height : 600px;
    background-image : url(images/IMGPartieGauche.jpg);
    background-repeat : no-repeat;
    background-position : top left;
}


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

div#partiecentrale
{
    position : relative;
    float : left;
    width : 188px;
    height : 600px;
    background-image : url(images/IMBBordDroitPartieCentrale.jpg);
    background-repeat : no-repeat;
    background-position : top right;
}
div#logo
{
    position : relative;
    width : 173px;
    height : 167px;
    top : 0px;
}
div#menu
{
    position : relative;
    width : 163px;
}
div#menu a
{
    text-decoration : none;
    color : #333333;
    font-family : Trebuchet MS;
    font-size : 14px;
    font-style : italic;
    line-height : 20px;
    font-weight : bold;
    border-bottom : solid 1px #000;
    display : block;
    margin-bottom : 5px;
    margin-left : 10px;
} 
div#menu a:hover
{
    font-weight : normal;    
} 
div#menu a span
{
    margin-left : 20px;
}   
div.langue
{
    position : relative;
    width : 163px;
    left : 10px;
    margin-top : 10px;
}
div.langue table
{
    width : 100%;
}
div.langue input
{
    width : 30px;
}
div.lienmtstmichel
{
    position : relative;
    font-family : Trebuchet MS;
    font-size : 14px;
    margin-top : 10px;
    width : 178px;
    text-align:center;
}
div.lienmtstmichel a
{
    text-decoration : none;
    color : #000;
    line-height : 20px;
    font-weight : bold;
    font-style : italic;
    display : block;
} 
div.lienmtstmichel a:hover
{
    text-decoration :underline;  
} 

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

div#partiedroite
{
    position : relative;
    float : left;
    width : 526px;
    height : 600px;
    background-image : url(images/IMGFondPartieDroite.jpg);
    background-repeat : no-repeat;
    background-position : top left;
}

div#vignettes
{
    position : relative;
    height : 126px;
    margin-left : 8px;
    margin-top : 20px;
}
div#vignettes a
{
    outline : none;
}
div#vignette1
{
    position : relative;
    float : left;
    margin-left : 0px;
}
div#vignette2
{
    position : relative;
    float : left;
    margin-left : 0px;
}
div#vignette3
{
    position : relative;
    float : left;
    margin-left : 0px;
}
div#vignette4
{
    position : relative;
    float : left;
    margin-left : 0px;
}
div#grandeimage
{
    position : relative;
    width : 409px;
    margin : 10px auto 0 auto;
}
div#pictos
{
    position : absolute;
    top:533px;
    left : 110px;
    width : 304px;
}
div#pictos table
{
    border-collapse : collapse;
    width : 100%;
}
div#pictos table tr td
{
    padding : 0px;
    text-align : center;
}
div#footer
{
    position : absolute;
    top:582px;
    width : 526px;
    text-align : center;
}
div#footer a
{
    font-family : Arial;
    font-size : 11px;
    color : #000;
    text-decoration : none;
}
div#footer a:hover
{
    text-decoration : underline;
}

div#dynamiquecontent
{
    position : relative;
    width : 500px;    
    height : 115px;   
    margin-left : 10px;
    overflow : auto;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
}
div#dynamiquecontentextended
{
    position : relative;
    width : 500px;    
    height : 385px;   
    margin-left : 10px;
    overflow : auto;
    font-family : Trebuchet MS;
    font-size : 12px;
    text-align : justify;
} 
div#subtitle
{
    position : relative;
    width : 480px;
    margin-left : 10px;
    margin-top : 5px;
    border-bottom : solid 1px #000;
    font-size : 18px;
    font-weight : bold;
}
div#textcontent
{
    position : relative;
    width : 480px;
    margin-left : 10px;
    margin-top : 5px;
}
div#textcontentextended
{
    position : relative;
    width : 480px;
    height : 320px;
    margin-left : 10px;
    margin-top : 5px;
    overflow : auto;
}
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 
{
    text-decoration : none;
    color : black;
    position : relative;
    display :  block;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    z-index :500;
    border-color : white;
}
a.categorie div
{
    display : none;
}
a.categorie:hover div.categorie_div
{
    display : inline;
    position : absolute;
    z-index :500;
    top : 0em;
    left : 3em;
    border : solid 1px white;
    background-color : white;
}
div.categorie_div img
{
    display : block;
}
div.categorie_div div
{
    display : block;
    background-color : white;
}
div.categorie_div div span
{
    position : relative;
    color:Black;
    display : block;
    width : 100%;
    white-space:  nowrap;
}
a.categorie:hover div IFRAME
{
 display:none;/*sorry for IE5*/ 
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:200px;/*must have for any big value*/
 height:300px/*must have for any big value*/;
}


/*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 : #fff;
    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
{
    position : absolute;
    top : 350px;
    left : 0px;
}
div#boutonetape input
{
    font-family : Arial;
    font-size : 12px;
    width : 80px;
}
/****************************************** reservez etape 1 ********************************************/
table#tableetape1 table
{
    margin-top : -15px;
}

table.tableetape2
{
    margin : 2px;
    border-color : #333333;
    direction : ltr;
}
table.tableetape2 td,
table.tableetape2 th
{
    border-color : #333333;
}
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%;
}
.etape5table td,
.etape5table th,
.etape5table
{
    border-color : #333333;
    direction : ltr;
}

.messageerreur
{
    color : Red;
}

.lienautresite
{
    position : absolute;
    top : 570px;
    width : 92%;
    font-size : 11px;
}
.lienautresite a
{
    font-family : Arial;
    font-size : 11px;
    color : #000;
    text-decoration : none;
}
.lienautresite a:hover
{
    text-decoration : underline;
}

.promo
{
    position:relative;
    margin-top:10px;
    left:7px;   
}
.RotatorClass 
{
  border:outset 2px #cccccc; 
  padding:3px;
  font-family : Trebuchet MS;
  color : black;
  background-color:Yellow;
  font-size:11px; 
  font-weight:bold;
  cursor:default;
}
.RotatorClass a
{
  text-decoration:none;
  font-family : Trebuchet MS;
    color : black;
}
.RotatorClass a:hover
{
  text-decoration:underline;
}

.RotatorFrame 
{
  border:solid 1px white; 
  font-family : Arial;
    color : #cc0000; 
  font-size:11px; 
  background-color:white; 
  cursor:default;
}

.RotatorFrameOver 
{
  border:solid 1px darkgray; 
  border-bottom-color:Black;
  border-right-color:Black;
  font-family:verdana; 
  font-size:11px; 
  background-color:white; 
  cursor:default;
}
div#promotext ul
{
    list-style-position : inside;
    list-style-type : disc;
    margin:5px 0px 0px 20px;
}
/********************* Style Menu Restaurant ***********************************/


 div#MenuRestaurant
 {
   position: relative;
   width : 163px;
 }
 div#MenuRestaurant a
 {
	text-decoration : none;
	color : #333333;
	font-family : Trebuchet MS;
	font-size : 14px;
	font-style : italic;
	line-height : 20px;
	font-weight : bold;
	display : block;
	margin-top : 20px;
	margin-left : 30px;
 } 
 div#MenuRestaurant a:hover
 {
	font-weight : normal;    
 } 
 div#MenuRestaurant a span
 {
  	margin-left : 20px;
 }