* 
{
padding:0;
margin:0;
}

div#fond_entete { position:absolute; top:0; left:0; z-index:1; width:100%; height:470px; background:url(img/bg_entete.jpg) no-repeat top center; }

html
{
background:url(img/bg_body.jpg) repeat-x top  #fed127;
}
body 
{
background:url(img/bg_body_bot.jpg) repeat-x bottom;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
height:100%;
}
h1 
{
position:absolute;
top:-9999px;
}
div#global , div#entete , div#page , div#pied
{
width:960px;
overflow:hidden;
margin:0 auto;
}

div#global { position:relative; z-index:2; }

div#entete
{
position:relative;
height:220px;
overflow:visible !important;
}
div#page
{
min-height:525px;
}
div#pied
{
height:165px;
}
/*------------------------------------------entete-----------------------------------------*/
div#entete
{

}
div#entete .logo
{
width:960px;
height:145px;
background:url(img/logo.png) left no-repeat;
margin-bottom:20px;
}
ul#menu
{
width:196px;
height:375px;
background:url(img/bg_menu.jpg) repeat-x #000;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
list-style:none;
text-align:center;
padding-top:10px;
float:left;
margin-bottom:20px;
}
ul#menu li
{
width:196px;
height:31px;
background:url(img/bg_liste.png) center bottom no-repeat;
position:relative;
}
ul#menu li ul{
    visibility:hidden;
    }
            
ul#menu li ul{
    left:200px; /* be careful */
    margin-top:-24px;
	list-style:none;
	text-align:left;
    position:absolute;
	
    }
ul#menu li ul li {
  background:url(img/bg_li.png) #ff9c16;
  width:187px;/*192*/
  height:23px;
  line-height:23px;
  padding-left:5px; 
  margin-bottom:1px;
z-index:20;
  
}
ul#menu li ul li a {
  width:192px;
  line-height:23px;
display:block;
color:#000;
text-decoration:none;

}
ul#menu li ul li:hover {
  background:#FFCC00;
}
ul#menu .back_none
{
background:none;
}
ul#menu li:hover
{
background:url(img/bg_liste_up.png) center bottom no-repeat;
}
ul#menu li a
{
width:196px;
line-height:31px;
color:#fff;
text-decoration:none;
 display: block;

}
ul#menu li a:hover
{
color:#f1800f;
}

dl#coordonne
{
font-size:11px;
width:960px;
height:50px;
margin-left:15px;
margin-top:-20px;
margin-bottom:30px;
display:inherit;
}

dl#coordonne dt , dl#coordonne dd
{
float:left;
padding:0 10px;
}
/*------------------------------------------ Page ----------------------------------------------*/
div#colone_gauche {
padding-bottom:20px;
width:209px;
float:left;
}
div#colone_gauche h3 {
font-size:14px;
margin-left:46px;
}
div#colone_gauche .txt {
background:url(img/input.png) no-repeat;
width:109px;
height:19px;
border:0;
font-size:9px;
text-align:center;

margin:8px 0 0 23px;
float:left;
}
div#colone_gauche .sub {
background:url(img/sub.png) no-repeat;
width:22px;
height:19px;
border:0;
margin:8px 0 0 1px;
float:left;
cursor:pointer;
}
ul.partenaire {
width:189px;
height:413px;
list-style:none;
float:left;
margin:17px 0 0 10px;
}
ul.partenaire li {
margin-bottom:3px;
}
div#contenu {
width:750px;
min-height:572px;
float:left;
padding-top:120px;
padding-bottom:30px;
}
div#contenu p{
line-height:17px;


}

div#promo {
background:url(img/bg_promo.jpg) no-repeat bottom;
width:750px;
min-height:171px;/*225*/
padding-top:54px;
overflow:hidden;
}
div#promo h3 {
font-size:18px;
font-weight:300;
}
div#promo .titre {
  font-style:italic;
}
div#promo .titre span {
  font-weight:bold;
  font-style:normal;
}
div#promo .text {
  padding-top:10px;
}
div#promo .ensavoir {
  margin-top:10px;
}
div#promo .ensavoir a {
  font-style:italic;
  color:#000000;
}
div.image {
  float:right;
  height:150px;
  margin-right:45px;
  margin-left:38px;
}
div#contenu h2 {
  font-size:18px;
  font-weight:300;
  margin:15px 0; 
}
div#contenu .produit {
  margin:15px 0;
 
}
div#contenu .txt {
  padding-top:10px;
}
div#contenu .gras {
  font-weight:bold;
}
dl#horaire {
  width:250px;
  height:116px;
  margin-top:20px;
}
dl#horaire dt {
  font-weight:bold;
  font-size:14px;
  text-transform:uppercase;
}
ul {
  list-style:none;
  
}
ul li ul {
  margin:10px 0 10px 10px;
}
a {
  text-decoration:none;
  color:#000000;
}
dl#horaire .parking {
  margin-top:15px;
 }
ul.liste {
  list-style:none;
  margin:10px 0;
}
ul.liste .titre {
  font-weight:bold;
}
ul.liste .titre span {
  padding-right:15px;
}
ul.liste .image {
  float:left;
  margin:10px 10px 10px 0;
}
ul.liste .image img  {
  border:0;
}
ul.liste .text {
  margin-top:10px;
}
ul.produits {
  list-style:none;
}
ul.produits li {
  margin-bottom:10px;
  /* min-height:170px; */ 
  overflow:hidden;
  }
ul.produits .rea {
  	float:left;
	height:200px;
	margin-right:15px;
	overflow:hidden;
	text-align:center;
	width:200px;
}
ul.produits li dt {
  font-weight:bold;
  margin-bottom:10px;
}
ul.produits li dl a { 
  color:#000000;
  text-decoration:none;
}
ul.produits li .photo {
  float:left;
  margin:0 10px 10px 0;
}
ul.produits li .photo img {
  border:2px solid #000000;
}
ul.lsite_rub {
  list-style:none;
  margin:10px 0 0 10px;
}
ul.lsite_rub li {
  font-weight:bold;
  font-style:italic;
  font-size:14px;
}
ul.lsite_rub li a {
  color:#000000;
  text-decoration:none;
  padding:3px 0;
}
div#pied {
 width:960px;
 height:152px;
 float:left;
}
div#pied ul {
  width:750px;
  height:28px;
  margin:0 auto;
  list-style:none;
  text-align:center;
}
div#pied ul li {
   display:inline;
   color:#aea887;
   font-size:10px;
}
div#pied ul li a {
  padding:0 5px;
  color:#aea887;
  text-decoration:none;
}
div#pied .imnalys {
  text-align:center;
  margin-top:40px;
}
div#pied .imnalys span {
  position:absolute;
  top:-9999px;
}
div#pied .imnalys img {
  border:0;
}

/*//formulaire du contact//*/

#contact-area {
	width:409px;
	margin-top: 25px;
	font-size:11px;
}

#contact-area input, #contact-area textarea, #contact-area select  {
	padding: 2px;
	width: 245px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	background:#ffffff;
	margin: 0px 0px 0px 0px;
	border: #CCCCCC solid 1px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#contact-area .form1{
	margin:5px 0 0 0;
	width:100%;
	}
	
#contact-area .form11{
	margin:10px 0 0 0;
	width:90%;
	min-height:35px;
	}
	
#contact-area .form11 .recopier_code {
	margin-bottom:5px;
	padding-top:15px;
	display: block;
	font-size: 10px;
	}
#contact-area label span {
	font-weight:bold;
	}

#contact-area textarea {
	height: 90px;
	width:245px;
}

#contact-area .vers_droite {
    float:right;
	font-size:14px;
	color:#ff0000;
	}



#contact-area input.submit-button {
	text-align:center;
	width:80px;
	height:24px;
	border: #666666 solid 1px;
	background:#cccccc;
	font-size:11px;
	margin-right:10px;
	color: #666666;
	cursor:pointer;
	letter-spacing:2px;
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#contact-area input.submit-button:hover {
    background: #FFFFFF;
	}
label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 128px;
	padding-top: 5px;
	letter-spacing:1px;
	font-size: 1em;
}

#contact-area .form2 {
	margin:10px 0;
	width:100%;
	}
	
#contact-area .min {
    font-size:0.8em;
	}
	
#contact-area .min span {
   color:#FF0000;
   }
/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#CCFCD1; border:1px solid #60A400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				font-size:100%;
				color:#000;
				padding:10px;
				width:52%;
				margin:5px 0px;
				text-align:left;
			}

.notes span,.notice span,.error span 
			{
				color:#000;
				font-weight:bold;
				font-size:1em;
				padding:2px 10px;
			}
.success span 
			{
				color:#000;
				font-weight:bold;
				font-size:1em;
				padding:2px 10px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}
.notification_ok
	{
	border: 1px #567397 solid;
	height: auto;
	width: 90%;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
	-moz-border-radius: 5px;
	}
div#contenu .liste1 {
margin-left:15px;

}

div#contenu .liste1 li{
list-style:none;
padding-top:5px;
}

/****** Fil d'ariane v1.0 *****

- Créée par Nico le ?
- Modifié par Mathieu le 18-03-09
*/

.invis {
position:absolute;
left:-9999px; }

div#ariane {
width:69%;
padding:10px 0; /* Aération haut / bas  */ }

div#ariane p {
color:#333; /* Couleur des crochets */
padding-bottom:5px; /* Espace entre la bordure et le fil d'ariane */
border-bottom:1px solid #333; }

div#ariane p span {
margin:0 3px; 

/* Aération entre les éléments */ }

div#ariane p span a {
color:#333;
text-decoration:none; }

div#ariane p span.home a {
padding-left:25px;
background:transparent url(img/house_color.png) no-repeat left center; /* Icone */
color:#333; }

div#ariane p span.courant {
color:#000; }
 
div#ariane p a:hover {
text-decoration:underline; }


ul.liste {
width:700px;
min-height:150px;
margin-left:30px;
}

ul.liste li{
list-style:none;
padding-top:10px;

}