 /*------------------------------------------------------*
  *-------------    SIWEB.COM - agence web ---  CSS  ----*
  *------------------------------------------------------*/



body {
	background-color:#85719C;
	padding: 0px;
	margin: 0px; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family: "Script Bold", Tahoma;	
}


 /*------------------------------------------------------*
  *-----------------------------------     CSS BLOCS     ----*
  *------------------------------------------------------*/

#general{
	width:800px;
	margin:0 auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	padding: 0;

}


/*Haut de page*/

#header{
	width: 800px;
	height: 252px;
	background-image: url(../img/deco/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#flag{
	padding-top: 20px;
	float:right;
	padding-right: 20px;
}



/*Contenu de page*/

#corner {
width: 800px}

.content{
	display:block;
	padding-top: 5px;
}
.content *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:0.01em;
  background:#FFF}
.content1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b9aec6;
  border-right:1px solid #b9aec6;
  background:#e0dbe6}
.content2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #917fa5;
  border-right:1px solid #917fa5;
  background:#e7e4ec}
.content3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e7e4ec;
  border-right:1px solid #e7e4ec;}
.content4{
  border-left:1px solid #b9aec6;
  border-right:1px solid #b9aec6}
.content5{
  border-left:1px solid #e0dbe6;
  border-right:1px solid #e0dbe6}
 .content6{
	display:block;
}
.content6 *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.contentfg{
	background: #FFF;
}


#contenu {
	padding-top: 5px;
	line-height: 100%;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
	color: #333333;
	font:  12px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding-bottom: 20px;
}

#contenu_index {
	padding-top: 0px;
	line-height: 100%;
	padding-left: 10px;
	text-align: justify;
	padding-right: 10px;
	color: #333333;
	font:  12px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	padding-bottom: 0px;
}


#menu {
	width:800px;
	background-image: url(../img/deco/menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	padding-top: 2px;
}

#menu_index {
	width:800px;
	background-image: url(../img/deco/menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	padding-top: 2px;
	margin-top:5px;
}

#header_nav {
	padding: 0 0 0 0px;
	height: 34px;
}



ul#header_nav1{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav1 li{
	margin:0;
	padding:0;
}

ul#header_nav1 a{
	width:51px;
	height:26px;
	text-decoration:none;
	background:url(../img/menu/accueil_off.gif) no-repeat 0 0;
	display:block;
	border-right: solid #FFF 3px;
}

ul#header_nav1 a:hover{
	text-decoration:none;
	background:url(../img/menu/accueil_on.gif) no-repeat 0 0;
}

ul#header_nav2{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav2 li{
	margin:0;
	padding:0;
}

ul#header_nav2 a{
	width:87px;
	height:26px;
	border-right: solid #FFF 3px;
	text-decoration:none;
	background:url(../img/menu/hebergement_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav2 a:hover{
	text-decoration:none;
	background:url(../img/menu/hebergement_on.gif) no-repeat 0 0;
}

ul#header_nav3{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav3 li{
	margin:0;
	padding:0;
}

ul#header_nav3 a{
	width:79px;
	height:26px;
	border-right: solid #FFF 3px;
	text-decoration:none;
	background:url(../img/menu/restaurant_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav3 a:hover{
	text-decoration:none;
	background:url(../img/menu/restaurant_on.gif) no-repeat 0 0;
}

ul#header_nav4{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav4 li{
	margin:0;
	padding:0;
}

ul#header_nav4 a{
	width:67px;
	height:26px;
	border-right: solid #FFF 3px;
	text-decoration:none;
	background:url(../img/menu/ambiance_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav4 a:hover{
	text-decoration:none;
	background:url(../img/menu/ambiance_on.gif) no-repeat 0 0;
}
ul#header_nav5{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav5 li{
	margin:0;
	padding:0;
}

ul#header_nav5 a{
	width:78px;
	height:26px;
	border-right: solid #FFF 3px;
	text-decoration:none;
	background:url(../img/menu/partenaires_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav5 a:hover{
	text-decoration:none;
	background:url(../img/menu/partenaires_on.gif) no-repeat 0 0;
}
ul#header_nav6{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav6 li{
	margin:0;
	padding:0;
}

ul#header_nav6 a{
	width:80px;
	height:26px;
	border-right: solid #FFF 3px;
	text-decoration:none;
	background:url(../img/menu/reservation_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav6 a:hover{
	text-decoration:none;
	background:url(../img/menu/reservation_on.gif) no-repeat 0 0;
}
ul#header_nav7{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:center;
}

ul#header_nav7 li{
	margin:0;
	padding:0;
}

ul#header_nav7 a{
	width:99px;
	height:26px;
	text-decoration:none;
	background:url(../img/menu/acces_off.gif) no-repeat 0 0;
	display:block;
}

ul#header_nav7 a:hover{
	text-decoration:none;
	background:url(../img/menu/acces_on.gif) no-repeat 0 0;
}


#rotator {
	margin-left: 254px;
	width: 459px;
	background-image: url(../img/rotator/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#index {
	width: 809px;
	margin: 0 auto;
}
.home-img {
	float: left;
	position: relative;
}
#rotator_index {
	left: 380px;
	top: 15px;
	width: 350px;
	position: absolute;
	border: 1px solid white;
}
#rotator a {
	color: #85719C;
}
#lien-vidz-home {
	position: absolute;
	bottom: 75px;
	left: 215px;
}


#contenu_footer {
	width: 800px;
	padding-top: 7px;
}

#contenu .menupage {
	font-family: Arial; 
	font-size: 11px; 
	text-decoration: none;
	color: #85719C;
	font-weight: bold; 
}

#contenu .menupage:hover {
	text-decoration: none;
	color: #C82E15;
}

#contenu .menupage:link {
	text-decoration: none;
	color: #85719C;
}
#contenu .menupage:active {
	text-decoration: none;
	color: #C82E15;
}

#contenu .menupageon {
	font-family: Arial; 
	font-size: 11px; 
	text-decoration: underline;
	color: #C82E15;
	font-weight: bold; 
	
}

#contenu .menupageon:hover {
	text-decoration: underline;
	color: #C82E15;
}

#contenu .menupageon:link {
	text-decoration: underline;
	color: #C82E15;
}
#contenu .menupageon:active {
	text-decoration: underline;
	color: #C82E15;
}

/* 
#contenu a{
	color: #85719C;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
}

#contenu a:hover {
	color: #C82E15;
	text-decoration: none;
	font-size: 1em;
}
 */
#entree_rubrique {

	float:left;
}

#contenu img {
	padding-right: 5px;
}

.zoom {
	color:#84729C;
	font-weight: bold;
	font-size: 1em;
	text-decoration: underline;
}
	
dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url(../img/deco/dot.gif) repeat-x 0 1.2em}
dt,dd.price{background: #FFF;font-size: 110%;font-weight: bold}
dt{float: left;padding-right: 3px;color: #C82E15}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #85719C}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 100% Arial, Helvetica, sans-serif;color: #85719C}
   
h1 {
	color:#85719C;
	font-size:150%;
	margin:1em auto 0.3em;
	text-align:center;
	text-decoration: underline;
}

h2 {
	color:#85719C;
	font-size:130%;
	margin:1em auto 0.3em 2em;
	text-align:left;
}

#retour a {
	margin: 10px 0 0 10px;
	color: #c82e15;
	text-decoration: underline;
	font-size: 12px;
	display: block;
	float: left;
}

#retour a:hover {
	text-decoration: none;
}

