/* Positionnement */
*{
padding: 0; 
margin: 0;
}
a {color:#fff;text-decoration:none;}
a:hover { text-decoration:underline;}
body {
background:url(images/fond.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.9em;
color:#fff;
}
body {
   -behavior:url("csshover2.htc");/*hover ie6 hack*/
}
#page {
position:relative;
left:auto;
right:auto;
margin:0 auto;
width:950px;}
#centre {
position:relative;
width:950px;
height:389px;
/*background:#ccc;a supprimer après positionnement*/
}
#tetiere {
position:relative;
float:left;
}
#tetier img {z-index:1;}
#milieu {
position:relative;
width:950px;
-width:980px;
-height:1%;
}
#col1 { float:left;
position:relative;
width:187px;
height:248px;
background:url(images/col1.jpg) no-repeat;
margin-top:-15px;
padding:25px 25px 29px 25px 
}
#col1 img {margin-top:-3px;/margin-top:0px;}
#col1 h3 {font-size:0.8em; font-style:italic;margin-top:15px;}
#col1 p{font-size:0.7em;font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
#col2 { 
position:relative;
float:left;
width:237px;
height:326px;
background:url(images/col2.jpg) no-repeat;
margin-top:-15px;
text-align:center;
font-size:1.2em;
padding-bottom:20px;
}
#col2 img {
position:relative;
margin-left:-17px;
}
#col2 p{padding:0 0 2px 10px;margin:-2px 0 0 0; font-style:italic;text-align:left;}
#colimg1 {margin-top:-90px;}
#colimg2 {margin-top:-11px;}
#col3 {float:left;
position:relative;
width:476px;
height:348px;
background:url(images/col3.jpg) no-repeat;
margin-top:-117px;
padding-bottom:20px;
-margin-left:-15px;
}
#charme {
margin-top:80px; 
padding:20px 0px 20px 38px;
font-style:italic;
}
#col3 #flash{float:right;margin-top:61px;}
/*---------------------- Footer ----------------------------------------------*/
#fondfooter {position:relative;
float:left;
width:930px;
height:150px;
margin-top:-95px;
padding:10px;
background-image:url(images/fondfooter.png);
-background-image:url(images/footer.gif);
-filter:alpha(opacity=40);
}
#footer {
position:relative;
float:left;
width:930px;
height:150px;
margin-top:-170px;
padding:10px;
}
#coord {
position:relative;
height:75px;
float:left;
padding:0 10px;
border-left:1px solid #fff;
}
#coord h4, #bib h4{
font-style:italic;
font-size:1.1em;
}
#coord p, #bib p{font-family:Arial, Helvetica, sans-serif;font-size:0.7em;padding-top:10px;}
#wifi {
position:relative;
width:90px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
height:75px;
padding: 0 10px;
border-left:1px solid #fff;
}
#bib {
position:relative;
float:left;
padding: 0 10px;
border-left:1px solid #fff;
height:75px;
}
#menufooter {
font-family:Arial, Helvetica, sans-serif;font-size:0.7em;
height:75px;
float:left;
padding: 0 0 0 10px;
border-left:1px solid #fff;
}
/* ------------------------------------ MENU PRINCIPAL -------------------------------------------------*/
#menu {
position:absolute;
top:0;
left:50%;
margin-left:177px;
}
#menu ul {
margin-left:35px;
padding-top:30px;
}
#menu li {
list-style-type:none;
width:220px;
height:1.2em;
padding-left:30px;
padding-top:3px;
padding-bottom:4px;
background:url(images/menu/rien.gif) no-repeat;
}
#menu li a { padding-left:10px;text-decoration : none; color:#fff;}
/*----survol---------*/
#menu li#maccueil:hover {background:url(images/menu/menu-accueil.png) center left no-repeat;
-background:url(images/menu/menu-accueil.gif) center left no-repeat;}
#menu li#mchef:hover {background:url(images/menu/menu-chef.png) center left no-repeat;
-background:url(images/menu/menu-chef.gif) center left no-repeat;}
#menu li#mcontact:hover {background:url(images/menu/menu-contact.png) center left no-repeat;
-background:url(images/menu/menu-contact.gif) center left no-repeat;}
#menu li#mresto:hover {background:url(images/menu/menu-restaurant.png) center left no-repeat;
-background:url(images/menu/menu-restaurant.gif) center left no-repeat;}
#menu li#mreserv:hover {background:url(images/menu/menu-reservation.png) center left no-repeat;
-background:url(images/menu/menu-reservation.gif) center left no-repeat;}
#menu li#mhotel:hover {background:url(images/menu/menu-hotel.png) center left no-repeat;
-background-image:url(images/menu/menu-hotel.gif);}
#menu li#mregion:hover {background:url(images/menu/menu-region.png) center left no-repeat;
-background:url(images/menu/menu-region.gif) center left no-repeat;}
/*----on------------*/
#menu li#maccueil {background:url(images/menu/menu-accueil.png) center left no-repeat;
-background:url(images/menu/menu-accueil.gif) center left no-repeat;}
/*#menu li#mchef .on {background:url(images/menu/menu-chef.png) center left no-repeat;}
#menu li#mcontact .on {background:url(images/menu/menu-contact.png) center left no-repeat;}
#menu li#mresto .on {background:url(images/menu/menu-restaurant.png) center left no-repeat;}
#menu li#mreserv .on {background:url(images/menu/menu-reservation.png) center left no-repeat;}
#menu li#mhotel .on {background:url(images/menu/menu-hotel.png) center left no-repeat;}
#menu li#mregion .on {background:url(images/menu/menu-region.png) center left no-repeat;}*/
/*------------------------------------------------------Mise en PAGE------------------------------------------*/
#english {padding:230px 110px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;float:right;}
.plus {
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
}
#col1 p.plus {margin-left:70px;background:url(images/plus.jpg) right center no-repeat; padding-left:40px;margin-top:10px;}
#col3 p.plus{font-size:0.7em;margin-left:110px;margin-top:20px;background:url(images/plus.jpg) no-repeat; padding-left:15px;}
/*------------Images------------*/
img.left {
position:relative;
float:left;
margin:5px 15px 5px 0px;
}
img.right {
position:relative;
float:right;
margin:5px 0px 5px 15px;
}
img.center {
display:block;
margin: 0 auto;
}
img.photo {
padding:4px;
background:white;
border:1px solid #ccc;
}
/*----------------*/
* html img,* html .png {
 behavior: expression(
(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
this.nodeName == "IMG" ? (
this.src.toLowerCase().indexOf('.png') > -1 ? (
this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/rien.gif"
) : 0
) : (
this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
) : 0,
this.runtimeStyle.backgroundImage = "none"
),this.pngSet=true
)
)
);
}
.hidden {display:none;}