/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
body,html{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	scrollbar-base-color: #F8AF2F;
	}
body{
	font-size:67.5%;
	background:#F8AF2F url(../images/charte/bg-body.jpg) repeat-x scroll center top;
	}
p, ul, img, div{
	margin:0;
	padding:0;
}
#container{
	background:url(../images/charte/bg_repeat_container.jpg) repeat-y center top;
	width:990px;
	margin:0 auto;
	}
#header{
	width:990px;
	height:182px;
	}
#middle{
	width:100%;
	background:transparent url(../images/charte/bg_middle.jpg) no-repeat center top;
	}
/*---colLeft ---*/
#colLeft {
	width:280px;
	display:inline;
	float:left;
	margin-bottom:100px;
	}
	#colLeft ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	#colLeft li{
		list-style:none;
		margin:0;
		padding:0;
		height:25px;
		width:280px;
		}
	#colLeft li a{
		margin:0;
		padding:0;
		height:25px;
		width:280px;
		display:block;
		}
	.accueil {
		background:url(../images/charte/menu-accueil.jpg) top right no-repeat;}
	.accueil:hover {
		background:url(../images/charte/menu-accueil-ovr.jpg) top right no-repeat;}
	.creperie {
		background:url(../images/charte/menu-creperie.jpg) top right no-repeat;}
	.creperie:hover {
		background:url(../images/charte/menu-creperie-ovr.jpg) top right no-repeat;}
	.carte {
		background:url(../images/charte/menu-carte.jpg) top right no-repeat;}
	.carte:hover {
		background:url(../images/charte/menu-carte-ovr.jpg) top right no-repeat;}
	.formules {
		background:url(../images/charte/menu-formules.jpg) top right no-repeat;}
	.formules:hover {
		background:url(../images/charte/menu-formules-ovr.jpg) top right no-repeat;}
	.cidres {
		background:url(../images/charte/menu-cidres.jpg) top right no-repeat;}
	.cidres:hover {
		background:url(../images/charte/menu-cidres-ovr.jpg) top right no-repeat;}
	.glaces {
		background:url(../images/charte/menu-glaces.jpg) top right no-repeat;}
	.glaces:hover {
		background:url(../images/charte/menu-glaces-ovr.jpg) top right no-repeat;}
	.coktails {
		background:url(../images/charte/menu-coktails.jpg) top right no-repeat;}
	.coktails:hover {
		background:url(../images/charte/menu-coktails-ovr.jpg) top right no-repeat;}
	.cartedesthes {
		background:url(../images/charte/menu-cartedesthes.jpg) top right no-repeat;}
	.cartedesthes:hover {
		background:url(../images/charte/menu-cartedesthes-ovr.jpg) top right no-repeat;}
	.reservation {
		background:url(../images/charte/menu-reservation.jpg) top right no-repeat;}
	.reservation:hover {
		background:url(../images/charte/menu-reservation-ovr.jpg) top right no-repeat;}
	.partenaires {
		background:url(../images/charte/menu-partenaire.jpg) top right no-repeat;}
	.partenaires:hover {
		background:url(../images/charte/menu-partenaire-ovr.jpg) top right no-repeat;}
	.contact {
		background:url(../images/charte/menu-contact.jpg) top right no-repeat;}
	.contact:hover {
		background:url(../images/charte/menu-contact-ovr.jpg) top right no-repeat;}
/*---end colLeft---*/
/* STYLE CONTENU */
#contenu{
	width:691px;
	float:left;
	background:url(../images/charte/pointill.gif) scroll repeat-y left 10px;
	}
#contenu div#title{
	margin:0px 10px 10px 20px;
	padding:0px 10px 10px 0px;
	text-align:left;
	background:url(../images/charte/hermine.gif) no-repeat;
	}
#contenu div#title img{
	margin-left:30px; 
	margin-bottom:20px;
	cursor:default;
	}
 p{
	padding:5px 30px 10px;
	font:1.1em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #650703;
	line-height:16px;
	font-weight:normal;
	}
.image_left{
	margin:10px 30px; 
	float:left;
	cursor:pointer;
	}
.image_right{
	margin:10px 20px;
	float:right;
	cursor:pointer;
}
#contenu a:link, #contenu a:visited{
	text-decoration:none;
	color: #ffffd3;
	}
#contenu a:hover, #contenu a:active{
	text-decoration:underline;
	color: #ffffd3;
	}
.grosA {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#970c07;
	}
.grosB {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#000;
	}
.grosC {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#FFF;
	}
.text1{
	font-weight:normal;
	color:#571e0a;
	margin-left:5px;
	}
div.subtitle {
	background: url(../images/charte/icon_list.jpg) no-repeat left center;
	font:bold 1.6em Arial, Helvetica, sans-serif; 
	color:#200f06;
	padding:5px 0px 5px 30px;
	text-align:left;
	clear:both;
	margin-top:10px;
	}
div.titleSpecialites{
	margin-left:240px; 
	color:white;
	fontsize:1.4em;
	background:none;
	margin-top:10px; 
}
.tabel{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #650703;
	float:left;
	padding:5px;
	text-align:center;
	background:url(../images/charte/bg_list.gif) repeat-y left top;
	}
.tabelContainer{
	margin-left:40px;
	}
/*---end contenu---*/
/***************** FOOTER *****************/
#footer{
	width:990px;
	height:27px;
	clear:both;
	background:url(../images/charte/bg-footer.jpg) no-repeat scroll left bottom;
	padding-top:10px;
	}
/*---popup---*/
#fermer{	
	border-top:1px solid #d8a86f;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color:#be7f35;
	color:#FFFFFF;
	height:30px;
	text-align:center;
	padding-top:5px;
	}
#fermer a:link,  #fermer a:visited{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	text-decoration:underline;
	}
.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #B9B6C3;
	color: #000066;
	}
.inputForm{
	font-family: Arial, Courier, monospace;;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	background-color:#e1b562;
	width: 150px;
	border:1px solid #f2c04f; 
	border-color:#927430 #fae7bd #fae7bd #927430; 
	}
.inputFormOver{
	font-family:  Arial, Courier, monospace;
	font-size: 13px;
	font-weight: normal;
	background-color:#fdef9a;
	width: 150px;
	border:1px solid #f2c04f; 
	border-color:#927430 #fae7bd #fae7bd #927430; 
}
.button{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color:#972a12;
	background-position: bottom left;
	background-color: #fdef9a;
	vertical-align: bottom;
	border:1px solid #f2c04f; 
	border-color:#927430 #fae7bd #fae7bd #927430; 
}
.buttonOver{
	font-family:Arial, Courier, monospace;
	font-size: 12px;
	color: #fff;
	border: 1px solid #577C92;
	background-position: bottom left;
	background-color: #972a12;
	vertical-align: bottom;
	border:1px solid #f2c04f; 
	border-color:#927430 #fae7bd #fae7bd #927430; 
}
.label{
  font: 12px/13px Arial, Courier, monospace; 
	font-weight: normal;
	font-style:normal;
	color: #ffffff;
}
/*---------contact send form------------*/
.TxtLabel{
	font-weight: bold;
	padding-left: 10px;
}
.ContactTableHead{
	background-color: #E3E2F0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:25px;
	color: #194B9F;
	padding-top: 3px;
	padding-left: 5px;
}
.ContactHeader {
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #194B9F;
	padding-left: 5px;
	vertical-align: middle;
	background-color: #E7E7E5;
}
.ContactTableBody1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: black;
	background-color: #F3F7FB;
	padding-left:10px;
	height:20px;
}
.ContactTableBody2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: black;
	padding-left:10px;
	vertical-align: middle;
	background-color: #F3F7FB;
	height:20px;
	}
/*--------------------------end contact send form-----------------*/
/*---plan d'acces---  */
.contact_link:link, .contact_link:visited{
	font:1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:justify;
	color: #650703;
}
.contact_link:hover, .contact_link_active{
	font:1.1em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #650703;
	text-decoration:underline;
}
a#fermer1{
	font:1.2em Arial, Helvetica, sans-serif;
	float:right; 
	background:none; 
	border:none; 
	font-weight:bold; 
	margin-right:50px;
	margin-top:20px;
	text-decoration:none;
	color:white;
}
#fermer1:hover{
	font:1.2em Arial, Helvetica, sans-serif;
	float:right; 
	background:none; 
	border:none; 
	font-weight:bold; 
	margin-right:50px;
	margin-top:20px;
	text-decoration:none;
	color:#970c07;
}
.box{
	float:left;
	width:200px;
	}
.text2{
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #650703;
	text-align:center;
	}
.text2 p{
	margin:0px;
	padding:0px;
	padding-top:5px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #650703;
	text-align:center;
	}
.price1{
	margin-top:100px;
	float:right;
	background-color:red;
	width:100px;
	height:30px;
	background:url(../images/charte/image2_thes.jpg) no-repeat left top;
	}