/* CSS Document */
*{margin:0; padding:0; border:0;}

#principal{position:relative;
width:960px;
height:600px;
background:url(images/fondindex.gif);
margin:1em auto;}

#principal2{position:relative;
width:960px;
height:600px;
background:url(images/fond2.gif);
margin:1em auto;}

#principal3{position:relative;
width:960px;
height:600px;
background:url(images/fondindex2.gif);
margin:1em auto;}

p{font: 0.8em "Times New Roman", Times, serif;
text-align:justify;
}

#video {position:absolute;
left:260px;
width:430px;
top:164px;}

#text_intro{position:absolute;
left:260px;
top:140px;
color:#990000;
}

p#presentation{
position:absolute;
left:286px;
width:300px;
top:164px;}

#nouvel_an{
	position:absolute;
	top:131px;
	left:257px
}

 #text_infos{
position:absolute;
left:569px;
width:300px;
top:249px;}

address{
position:absolute;
left:545px;
top:386px;
font: 1em "Times New Roman", Times, serif;
text-align:justify;
width:250px;
background-color:#FFFF;
padding:1.5em;}

h2 {color: #CC0000;
font: normal 24px Arial, Helvetica, sans-serif;
position:absolute;
width:138px;
left:29.5em;
top:60px;}

a{text-decoration:none; color:#990000}
a:hover{color:#4e7480;}

table{margin:0;}


#logo{position:absolute;
left:2.5em;
top:1em;}

h1{position:absolute;
left:15em;
top:50px;
background:url(images/typovollegas.png);
width:208px;
height:50px;}

h1 span{display:none;}

#essai{position:absolute;
left:10px;
top:130px;}

#chef{position:absolute;
left:700px;
top:180px; z-index:100}

/*------------------page plan-----------------------*/


#plan_acces{
position:absolute;
left:270px;
top:150px;}

#text_acces{
	position:absolute;
	top:320px;
	left:710px;
	width:196px;
	height: 182px;
}

/*------------------page a la carte-----------------------*/


ul.choix_carte li{
width:300px;
font:0.9em Arial, Helvetica, sans-serif;
color: #CC0000;
position:absolute;
height:30px;
 padding:5px 0 0 40px;  
 list-style-type:none; 
}



.point1{background:url(images/point.gif) no-repeat ; cursor:pointer}
.point2{background:url(images/point2.gif) no-repeat ; cursor:pointer}



li#specialite{top:175px;left:505px; }
li#viandes{	top:205px;left:550px;}
li#salades{top:235px;left:580px;}
li#moules{top:270px;left:601px;}
li#poissons{top:308px;left:620px;}
li#entrees{top:347px;left:631px;}
li#pates{top:389px;left:634px;}
li#enfants{top:430px;left:630px;}
li#vege{top:470px;left:618px;}
li#infos{top:508px;left:600px;}


#img_chef{position:absolute;
left:275px;
bottom:40px;}

/*------------------page photos-----------------------*/


#img_serveur{position:absolute;
left:230px;bottom:40px;}

li#rez{top:270px;left:601px;}
li#etage{top:308px;left:620px;}


ul#petites_photos{ position:absolute; top:485px; left:265px}
ul#petites_photos li{list-style-type:none; display:inline; margin-left:5px}

.photo_taille_normal{position:absolute; left:270px; bottom:130px; visibility:hidden}



/*------------------page vins-----------------------*/


#img_serv_vins{position:absolute;
left:250px;
top:140px;}


/*------------------page vins carte entière-----------------------*/
#carte_vins_scroll{overflow:scroll;
width:650px;
height:300px;
position:absolute;
top:220px;
left:260px;}


#carte_vins_scroll  h2, h3, h4, h5{position:static; width:500px}
#carte_vins_scroll  h2{ font-size:1.2em; padding:5px 0 5px 0}




#carte_vins_scroll table{width:350px;margin-bottom:1em;}


#carte_vins_scroll h3{
width:350px;
font: normal 1.2em Arial, Helvetica, sans-serif;}

#carte_vins_scroll p{text-align:right;}

#carte_vins_scroll h4{bold font:0.9em "Times New Roman", Times, serif;padding: 3px 0}

.align_gauche{text-align:left;}

#retour{position:absolute;bottom:45px; left:830px;}

/*------------------reservations-----------------------*/
#frm_contact{position:absolute;
left:281px;
top:249px;
}
#frm_contact input, 
#frm_contact textarea, 
#frm_contact select{border:1px solid #666666; padding:3px; margin:0 0 10px 0}


#frm_reserv{position:absolute;
left:280px;
top:170px;
}
#note{
width: 150px; margin:0; padding:0; border:0}

#frm_reserv input, 
#frm_reserv textarea, 
#frm_reserv select{border:1px solid #666666; padding:3px; margin:0 0 10px 0}

fieldset{width:250px;}
#field1{float:left;}
#field1 span{font-size:0.7em;}
#field2{float:left; margin-left:10px}


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #4e7480;
} /* This hover code won't work for IE */

/*------------------reservations merci-----------------------*/
#confirmation {position:absolute;
top:200px;
left:330px}

#construction{position:absolute;
top:250px;
left:500px}

#conteneur_back{position:absolute;
bottom:25px; left:25px;}

#backoffice{
font-size:small; font-family: Arial, Helvetica, sans-serif;color:#4e7480; }