body { 
	background-color: #white; 
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0;
	color: white;
	font-size: 18px;
	
}


#contenant{
margin-left:auto;
margin-right:auto;
width:1024px;
}


#header { 
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat; 
	height:243px; 
	width:1024;
	position:relative;
}
#drapal
{
	position:absolute;
	right:160px;
	bottom:10px;
}

#col_g { 
		background-image:url(../images/menu.jpg);
		background-repeat:no-repeat;
		height:488px;
		width:310px;
}
	  
#centre { 
		background-image:url(../images/center.jpg);
		background-repeat:no-repeat;
		height:488px;
		width:714px;
		margin-left:310px;
		margin-top:-488px;
}


#footer{
		background-image:url(../images/footer.jpg);
		height: 35px;
		width: 1024px;
			
}



#btn_home{
width:177px;
height:85px;
background:url(../images/btn.png);
margin-top:100px;
margin-left:20px;
position:absolute;
}

#btn_hotel{
width:177px;
height:85px;
background:url(../images/btn.png);
margin-top:200px;
margin-left:20px;
position:absolute;
}

#btn_restau{
width:177px;
height:85px;
background:url(../images/btn.png);
margin-top:300px;
margin-left:20px;
position:absolute;
}

#btn_reserv{
width:177px;
height:85px;
background:url(../images/btn.png);
margin-top:400px;
margin-left:20px;
position:absolute;
}

.vignette{
border:black;
}


#btn_reserv:hover{
background:url(../images/btn_hover.png);
}
#btn_home:hover{
background:url(../images/btn_hover.png);
}
#btn_restau:hover{
background:url(../images/btn_hover.png);
}
#btn_hotel:hover{
background:url(../images/btn_hover.png);
}


.titre{
text-align:left;
margin-left:20px;
margin-top:30px;
font-family:"Monotype Corsiva";
font-size:26px;
color:white;
text-decoration:none;
position: absolute;
text-align: justify;
}
 

#contenu{
position:absolute;
margin-top:-450px;
margin-left: 275px;
width:540px;
height:430px;
}





.casechiffre2{
width:25px;
margin-left:226px;
}

.casechiffre3{
width:25px;
margin-left:210px;
}

.casechiffre6{
width:25px;
margin-left:77px;
}

.casechiffre5{
width:25px;
margin-left:15px;
}

.casechiffre4{
width:25px;
margin-left:225px;
}


.casedate{
width:75px;

}

.casedate2{
width:75px;
margin-left:3px;
}

.case2{
margin-left:-11px;
}

.case3{
margin-left:1px;
}

.casenom{
margin-left:3px;
}

.champ{
margin-left:118px;
}

.valider{
margin-left:370px;
margin-top:-48px;
position:absolute;
}


.casecom{
margin-left:60px;
}


#mini{
position:absolute;
margin-left:580px;
margin-top:90px;
}

.vignette_milieu{
margin-left:60px;
}
