body, html{
height: 100%;
margin: 5px 0;
padding: 0;
background: #E6DFDB;
font: normal 12px Arial, Verdana, sans-serif;
}
#global{
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
background: #F5F3F1;
}

/* LOGO */
#logo{
margin: 30px 0;
padding: 5px 0 10px 0;
width: 100%;
background: #FFF;
text-align: center;
}
#logo strong a, #logo strong a:hover{
letter-spacing: 3px;
font: normal 35px "Trebuchet MS", Arial, sans-serif;
color: #B06308;
text-decoration: none;
}
#logo h1{
text-transform: uppercase;
margin: 0;
padding: 0;
font: normal 11px Arial, Verdana, sans-serif;
color: #994C00;
}
.alexandre {margin-bottom:-8px;}
.alexandre a, .alexandre a:hover{
letter-spacing: 10px;
text-decoration: none;
font-size:12px;
color: #B06308;
}
/* MENU */
#nav{
position: absolute;
top: 0;
background: #994C00;
width: 243px;
height: 700px;
margin: 0 0 0 20px;
padding: 0 0 40px 0;
}
#nav h3{
font: normal 12px Arial, Verdana, sans-serif;
color: #FC0;
text-transform: uppercase;
margin: 20px 0 5px 0;
padding: 0;
}

#nav h3 span{padding: 3px 5px; background: #91430E;}
#nav h3 a{
font: normal 12px Arial, Verdana, sans-serif;
color: #FC0;
text-transform: uppercase;
text-decoration: none;
}
#nav h3 a:hover{text-decoration: underline;}

#nav ul{list-style-type: none; margin: 0; padding: 0 0 0 5px;}
#nav ul li a{
font: normal 10px Arial, Verdana, sans-serif;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
}
#nav ul li a:hover{text-decoration: underline;}

/* BLOC NEWSLETTER */
#newsletter p{margin: 10px 0 0 10px; padding: 0;}
#newsletter p span{color: #91430E;}
#newsletter p input{width: 155px; border: 0; background: #FFF; font: normal 12px Arial, Verdana, sans-serif; color: #994C00;}
#newsletter p input[type=submit]{width:30px;padding: 2px 5px; background: #FC0; color: #994C00; text-decoration: none;}
#newsletter p input[type=submit]:hover{background: #7C0E0E; color: #FC0; text-decoration: none;}

/* FIL D'ARIANE */
#filariane{position: absolute; top: 5px; left: 280px;}
#filariane p{font: italic 11px Arial, Verdana, sans-serif; margin: 0; padding: 0; color: #994C00;}
#filariane p a{text-decoration: none; color: #994C00;}
#filariane p a:hover{text-decoration: underline;}
#filariane p span{color: #7C0E0E;}

/* CONTENU */
#contenu{padding: 30px 20px 20px 280px;}

#content{color: #994C00;margin-left:230px;position:relative; min-height: 800px;}/* padding-left = 230px : 20px + 210px pour l'image */
#content p{padding: 0 0 5px 10px; margin: 5px 0; text-align: justify;}
#content a, #content a:link{color: #E67300; text-decoration: underline;}
#content a:hover{color: #994C00;}
#content h1{font-size: 14px; padding: 0; margin: 10px 0; color: #7C0E0E;}
#content h2{font-size: 12px; padding: 0 0 0 10px; margin: 5px 0; color: #994C00;}
.suite {margin-left:360px;}
.date {float:right;}
#titre{color: #F5F3F1; background: #7C0E0E; padding: 10px; margin-top:-504px; margin-left:230px;}
#titre h1{font-size: 17px; text-transform: uppercase; margin: 0 0 5px 0; padding: 0; font-weight: normal;}
#titre span{font-size: 12px;}
#content .auteur{text-align: right; margin-top: 15px;}
/* BLOC ACCUEIL PLATS DU JOURS */
#plats-jours{
position: absolute;
top: 560px;
left: 80px; /* Permet de foutre le bloc à gauche sous le menu */
background: #C0811A;
width: 410px;
}
#plats-jours h2{
font-size: 17px;
text-transform: uppercase;
color: #994C00;
background: #F5F3F1;
margin: 0;
padding: 0;
}
#plats-jours h2 strong{background: #FC0; padding: 5px 5px 5px 10px; width: 230px; display: block;}
.content-plats{padding: 10px; width: 184px; float: left;}
.photopj{
font: normal 13px Arial, Verdana, sans-serif;
text-transform: uppercase;
color: #960;
background: #FFF;
margin: 10px 0;
padding: 3px;
}
.photopj a{
text-decoration:none;
color: #994C00;
}
.photopj img{width: 178px;}
.photopj span{padding-left: 5px;}
.description{text-align: left; color: #FFF;}.pagination {font:12px Arial, Helvetica, sans-serif;margin:40px 0;text-align:center}
.pagination a {background:#eddecf;border:2px solid #994c00;color:#06c;margin:2px;padding:.2em .4em;text-decoration:none}
.pagination a:hover {background:#fff;border:2px solid #994c00;color:#bd88fe}
.pagination span.inactive {background:#fff;border:1px solid #f0f0ff;color:#f0f0ff;margin:2px;padding:.2em .4em}
.pagination span.active {background:#eddecf;border:1px solid #c76403;color:#fdb772;font-weight:700;margin:2px;padding:.2em .4em}

#unerevue {width:430px;}
#unerevue p{width:400px;margin-left:20px;}
#unerevue img{border:0;margin-left:14px;}

/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	

		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
/*#form5 input#name{background:#fff url(./images/form5/user.png) no-repeat 5px 50%;}
	#form5 input#nb{background:#fff url(./images/form5/group.png) no-repeat 5px 50%;}
	#form5 input#adresse{background:#fff url(./images/form5/house.png) no-repeat 5px 50%;}
	#form5 input#date1{background:#fff url(./images/form5/calendar.png) no-repeat 5px 50%;}
	#form5 input#cp{background:#fff url(./images/form5/map.png) no-repeat 5px 50%;}
	#form5 input#ville{background:#fff url(./images/form5/map_magnify.png) no-repeat 5px 50%;}
	#form5 input#prenom{background:#fff url(./images/form5/user_green.png) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(./images/form5/email.png) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(./images/form5/link.png) no-repeat 5px 50%;}
	#form5 input#phone{background:#fff url(./images/form5/telephone.png) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(./images/form5/note.png) no-repeat 5px 6px;}*/
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 270px;

		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(./images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */
#facebox .b {
  background:url(./images/b.png);
}

#facebox .tl {
  background:url(./images/tl.png);
}

#facebox .tr {
  background:url(./images/tr.png);
}

#facebox .bl {
  background:url(./images/bl.png);
}

#facebox .br {
  background:url(./images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}