html
{
    padding : 0px;
}
body 
{
    background-color : #009900;
    margin : 0px;
}
div#page
{
    position : relative;
    margin : 10px auto 0px auto;
    width : 980px;
    height : 580px;   
    background-color : #fff;
}

/******************************************************HEADER************************************************/
div#header
{
    position : relative;
    width : 98%;
    margin-left : 1%;
    height : 100px;
}
div#logo
{
    position : relative;
    float : left;
    height : 100px;
}
div#logo img
{
    width : 261px;
    height : 98px;
}
div#menu
{
    height : 100px;
    width:690px;
    float : right;
}
table#tmenuonglet
{
    margin-top : 61px;
    width : 100%
}
table#tmenuonglet td
{
    padding : 0px;
    margin-left : 2px;
}
.onglet
{
    position : relative;   
    
    background-color : #009900;
    height : 40px;
    z-index : 1;
}
.ongletdroit, .ongletgauche
{
    position : relative;
    height : 10px;
    width : 10px;
    background-repeat : no-repeat;
    font-size : 1px;
    z-index : 2;
}
.ongletgauche
{ 
    background-image : url(images/anglegauche.jpg);
    background-position : top left;
}
.ongletdroit
{ 
    float : right;
    background-image : url(images/angledroit.jpg);
    background-position : top right;
}
table#tmenuonglet a
{
    line-height : 30px;
    position : relative;
    display : block;
    width : 100%;
    color : #fff;
    font-family :Trebuchet MS;
    font-weight : Bold;
    font-size : 14px;
    text-transform :uppercase;
    text-decoration : none;
    text-align : center;
    z-index : 3;
}
hr#traitsouslogo
{
    top : 105px;
    left : 0px;
    position : absolute;
    width:99.9%;
    height : 5px;
    background-color : #009900;
    margin-top : -4px !important;
    margin-top : -5px;
}

/***************************************************FIN HEADER************************************************/

/***************************************************MENU GAUCHE************************************************/
div#menugauche
{
    position : relative;
    float : left;
    width : 272px;
    height : 460px;
    margin : 0;
    margin-top : 10px !important;
    margin-top : 5px;
    margin-left : 1% !important;
    margin-left : 0.5%;
    background-color : #009900;
    padding:0px;
}
div#menugaucheextended
{
    position : relative;
    float : left;
    width : 272px;
    height : 219px;
    margin : 0;
    margin-top : 10px !important;
    margin-top : 5px;
    margin-left : 1% !important;
    margin-left : 0.5%;
    background-color : #009900;
    padding:0px;
}
div#menureservation
{
    margin-top : 5px;
    margin : 5px;
    font-family : Trebuchet MS;
    font-size : 14px;
    font-weight : bold;
    color : #fff;
}
hr#traitmenureservation
{
    position : relative;
    width: 100%;
    height : 5px;
    background-color : #fff;
}
div#controlreservation
{
    font-family : Arial;
    font-weight : normal;
    font-size : 12px;
    vertical-align : middle;
}
div#controlreservation input,
div#controlreservation select
{
    font-family : Arial;
    font-weight : normal;
    font-size : 11px;
}
.centeruc table
{
    position : relative;
    margin : 0 auto;
}
div#boutonreservez
{
    padding : 0px;
    margin : 0 auto;
    position : relative;
    width : 248px;
    height : 29px;  
    /*background-image : url(images/bouton_reservez.jpg);
    background-repeat : no-repeat;
    background-position : top left; */
}
img.imagebutton
{
    position : absolute;
    width : 100%;
    height : 100%; 
}
div#boutonreservez input
{
    position : relative;
    top : 0px;
    /*left : -15px;*/
    text-align : center; 
    text-decoration : none;
    color : #fff;
    border : 0px;
    border-style : none;
    background-color : Transparent;
    width : 248px;
    height : 29px;
    cursor : pointer; 
}
div#pictos
{
    margin-top : 10px;    
    font-family :Arial;
    font-size : 11px;
    color : #fff;
}
div#pictosextended
{
    margin-top : 10px;    
    font-family :Arial;
    font-size : 11px;
    color : #fff;
}
.iconetitle1,
.iconetitle2
{
    margin-left : 5px;
}
.iconetitle1
{
    font-family : Trebuchet MS;
    font-size : 20px;
    color : #fff;
}
.iconetitle2
{
    font-family : Trebuchet MS;
    font-size : 16px;
    color : #fff;
}
table#icones
{
    margin-top : 5px;   
}
/************************************************FIN MENU GAUCHE************************************************/

/*************************************************Bandeau ANIMATION************************************************/
div#bandeau
{
    position :absolute;
    width : 680px;
    top:110px;
    left:282px;
    z-index : 2;
}

/*********************************************FIN Bandeau ANIMATION************************************************/


/*********************************************PArtie DYNAMIQUE DU SITE************************************************/

div#dynamiccontent
{
    position :absolute;
    width : 685px;
    height : 245px;
    top:325px;
    left:282px;
     background-color : #fff; 
}
div#extendeddynamiccontent
{
    position :absolute;
    top:325px;
    left:0px;
    width : 98%;
    margin-left : 0.5%;
    height : 240px;
}
div#pagecontent
{
    position : relative;
    width : 99%;
    height : 93%;
    margin-left : 1%;
    margin-top : 1%;  
   font-size : 9pt;
    font-family : Arial;
}
div#pagecontent input
{ 
   font-size : 9pt;
    font-family : Arial;
}
div#subtitle
{
    width : 90%;
    margin-left : 10px;
    font-family : Trebuchet MS;
    font-weight : bold;
    font-size : 24px;
    color : #009900;
    line-height : 24px;
}
div#subtitleextended
{
    width : 90%;
    margin-left : 10px;
    font-family : Trebuchet MS;
    font-weight : bold;
    font-size : 18px;
    color : #009900;
    line-height : 18px;
    direction : ltr;
}
div#partiecentraleunique
{
    width : 96%;
    height : 182px;
    margin-left : 10px !important;
    margin-left : 5px;
    overflow : auto;
    text-align : justify;
    padding-right : 5px;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
    color : #000;
}
div#partiegauche,
div#PartieDroite
{
    height : 187px;
}
div#partiegauche
{    
    margin-left : 10px !important;
    margin-left : 5px;
    width : 57%;    
    float : left;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
    color : #000;
    overflow : auto;
}
div#PartieDroite
{
    width : 40%;
    float : right;   
    direction : rtl;
}
div#PartieDroite img
{
    width : 48%;  
}
.policeverte
{
    color : #009900;
}
div#partiegaucheextended,
div#PartieDroiteextended
{
    position : relative;
    height : 200px;
}
div#partiegaucheextended
{    
    margin-left : 10px !important;
    margin-left : 5px;
    margin-top : -5px;
    width : 685px;    
    float : left;
    font-family : Arial;
    font-size : 12px;
    text-align : justify;
    color : #000;
    overflow : auto;
    overflow-x : hidden;
}
div#partiegaucheextended input,
div#partiegaucheextended select
{
    font-family : Arial;
    font-size : 12px;
}
    
div#PartieDroiteextended
{
    width : 25%;
    float : right;    
    direction : rtl;
}
div#PartieDroiteextended img
{
    width : 49%;  
}

/******************************************FIN PArtie DYNAMIQUE DU SITE************************************************/

/*********************************************FOOTER*******************************************************************/

div#footer
{
    position : absolute;
    width : 100%;
    top:570px;
    left : 0px;
    text-align : center;
    margin-top : -7px;
}
div#footer a
{
    line-height : 10px;
    font-family : Arial;
    font-size : 10px;
    color : #009900;
    text-decoration : none;
}
div#footer a:hover
{
    text-decoration : underline;
}
div#footerextended
{
    position : absolute;
    width : 100%;
    top:570px;
    left : 0px;
    text-align : center;
    margin-top : -7px;
}
div#footerextended a
{
    line-height : 10px;
    font-family : Arial;
    font-size : 10px;
    color : #009900;
    text-decoration : none;
}
div#footerextended a:hover
{
    text-decoration : underline;
}
div.lienmtstmichel
{
    position : absolute;    
    top:560px;
    right : 40px;
    margin-left : 35px;
    width : 178px;
}
div.lienmtstmichel a
{
    text-decoration : none;
    color : #009900;
    line-height : 20px;
    font-weight : bold;
    font-style : italic;
    font-family : Arial;
    display : block;
} 
div.lienmtstmichel a:hover
{
    text-decoration :underline;  
} 
/*******************************************************FIN FOOTER*****************************************************/

/*******************************************************page default*****************************************************/

div#drapeaux
{
    color : #009900;
}
div#drapeaux table
{
    margin : 0 auto;
    border-collapse : collapse;
}
div#drapeaux table tr td
{
    padding : 0px;
    width : 50px;
    height : 35px;
}
/**************************************************fin page default*****************************************************/

/*******************************************************page Contact us*****************************************************/

div#contactus
{
    text-align : left;
    vertical-align : text-top;
}
div#contactus table tr
{
    text-align : left;
    vertical-align : middle;
}

/*****************************************************fin page Contact us*****************************************************/
/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    text-decoration : none;
    color : #009900;
    position : relative;
    display :  block;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    z-index :500;
    border-color : #009900;
}
a.categorie div
{
    display : none;
}
a.categorie:hover div.categorie_div
{
    display : inline;
    position : absolute;
    z-index :500;
    top : -3em;
    left : 3em;
    border : solid 1px #009900;
    background-color : #009900;
}
div.categorie_div img
{
    display : block;
}
div.categorie_div div
{
    display : block;
    background-color : #009900;
}
div.categorie_div div span
{
    position : relative;
    color:White;
    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 : #009900;
    text-align : center;
    padding : 0.2em;
    color : #fff;
}

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 : 25px;
    left : 20px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 375px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
    font-family : Arial;
    font-size : 11px;
}

div#boutonetape
{
    position : absolute;
    top : -2px;
    right : 255px;
    
}
div#boutonetape input
{
    width : 80px;
    height : 25px;
    border-style : outset;
    background-color : #009900;
    color : #fff;
    font-family : Trebuchet MS;
    font-weight : bold;
    font-size : 12px;
}
table#tableetape1 
{
    border-collapse : collapse;
    line-height : 12px;
    text-align : left;
}
table#tableetape1 tr table
{
    margin-top : -15px;
}

table.tableetape2 
{
    margin-left : 5px;
    margin-top : 5px;
    direction : ltr;
}
table.tableetape5 
{
    direction : ltr;
}

table#tableetape3
{
    border-collapse : collapse;
    line-height : 12px;
    text-align : left;
    padding : 0px;
    vertical-align : middle;
}
div#etape3infoobligatoire
{
    left : 50px;
    top : 225px;
    position : absolute;
    color : #000;
    font-family : Arial;
    font-size : 11px;
}

.messageerreur
{
    color : Red;
}

.promo
{
    position:absolute;
    margin-top:4px;
    left:688px;  
    background-color: #009900;
}
.promo_cadre
{
    position:relative;
    margin:5px 5px;  
}
.RotatorClass 
{
  border:solid 2px white; 
  padding:3px;
  font-family : Trebuchet MS;
    color : white;
  font-size:11px; 
  font-weight:bold;
  cursor:default;
}
.RotatorClass a
{
  text-decoration:none;
  font-family : Trebuchet MS;
    color : white;
}
.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;
}

span#MenuRestaurant
{
 margin-left : 10px;
 font-family : Trebuchet MS;
 font-weight : bold;
 font-size : 14px;
 line-height : 24px;
 margin-left:30px;
 color : #009900;
}
	
span#MenuRestaurant a 
{
 color : #009900;
 margin-left:30px;
 text-decoration:none;
}	
span#MenuRestaurant a:hover
{
 font-weight:normal;  	
}