/******************************/

#loggin{
width:250px;
height:80px;
border:1px solid #595f26;
background:#e6eab9;
margin-left:auto;
margin-right:auto;
margin-top:5px;
font-size:12px;
font-weight:bold;
color:#595f26;
/*margin-bottom:75px;*/
}

#loggin table{
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#595f26;
}

/******************************/


body{
margin:0;
padding:0;
background:url(img/entete_fd.gif) repeat-x; background-position:top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#main{
width:760px;
height:100%;
margin-left:auto;
margin-right:auto;
font-size:11px;
}

#main table, #main table table, #main table table table {font-size:12px;}/* grosseur de la fontes pour les descriptiones et le contenu */

#mainB{
height:100%;
margin-left:auto;
margin-right:auto;
font-size:11px;
}

#mainB table, #mainB table table, #mainB table table table {font-size:12px;}/* grosseur de la fontes pour les descriptiones et le contenu */

#entete{ 
background:url(img/entete2.gif) no-repeat; background-position:top center;
width:760px;
height:151px;
}

#entete2{ 
background:url(img/entete.gif) no-repeat; background-position:top center;
width:760px;
height:151px;
}

#section{height:80px;border-bottom:solid 1px #ff9900;}


/***********************************
			 menu top 
************************************/

#menu_top{
width:760px;
height:33px;
}
#menu_top a{
display:block;
float:left;
height:33px;
line-height:33px;
text-decoration:none;
color:#fff;
font-size:15px;
padding:0 10px 0 10px; /* top right bottom left */
margin:0 4px 0 4px ;
border: 4px solid #889331 ; 
}

#menu_top a:hover{
color: #970f00;
display:block;
background:#F7F7F7;
border: 4px solid #970f00!important; 
}

.on {
background: #fff;
border: 4px solid #5a3d1b!important ; 
color: #5a3d1b!important;
}


/******************************************************
					 sous menu's
******************************************************/

#smenu{
width:760px;
height:35px;
line-height:40px;
/*border-top:solid 1px #ff9900;*/
border-bottom:solid 1px #ff9900;
}

#smenu a{
display:block;
line-height:35px;
height:35px;
background:url(img/fleche_bleue.gif) no-repeat;
background-position:left center;
padding:0 0 0 35px;
color:#000000;
text-decoration:none;
}


#smenu_employes{
width:785px;
height:35px;
line-height:40px;

/*border-top:solid 1px #ff9900;*/
border-bottom:solid 1px #ff9900;
}

#smenu_employes a{
display:block;
line-height:35px;
height:35px;
background:url(img/fleche_rouge.gif) no-repeat;
background-position:left center;
padding:0 0 0 35px;
color:#000000;
text-decoration:none;
margin-left:5px;
}

#smenu_employes a:hover{
color:#027abb;
}




/* ****************************************
				titres 
*******************************************/
.gros_titre{
margin:10px 0 0 0 ;
font-size:33px;
color:#000;
}
.titre{
font-size:25px;
color:#027abb;
}

h1{ 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
font-style:italic;
font-weight:normal;
color:#889331;
margin:0;
margin:12px 0 12px 0;
}

h2{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
font-style:italic;
font-weight:normal;
color:#027abb;
margin:0;
margin:12px 0 12px 0;
}

h3{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
font-style:italic;
font-weight:normal;
color:#ff9900;
margin:0;
margin:12px 0 12px 0;
}

h4{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:24px;
font-style:italic;
font-weight:normal;
color:#970f00;
margin:12px 0 12px 0;
padding:0;
}

h4 span{
float:right;
padding-left:50px;
color:#889331;
text-decoration:none;
} 
 
h4 span a{
width:2800px;
font-size:17px;
color:#889331;
text-decoration:none;
} 

h4 span a:hover{
color:#970f00;
text-decoration:none;
}

h4 span a.in{
color:#970f00!important;

}
 
 /* ------------------------------- contenus ------------------------------- */
 
 
 .plat {
 font-size:18px;
 margin:0;
 color:#970f00;

 height:60px;
 }
 
 .description{
  text-align:left;
  height:60px;}

.prix {
 font-size:13px;
 font-weight:bold;
 font-style:italic;
 margin:0;
 color:#970f00;
 text-align:right;
 }
 
a.panier{ 
display:block;
background:url(img/panier.gif) no-repeat;
background-position:top center;
width:90px;
height:30px;
padding-top:42px;
padding-bottom:0!important;
cursor:pointer;
color:#990000;
text-align:center;
}

a.panier_gris{ 
display:block;
background:url(img/panier_gris.gif) no-repeat;
background-position:top center;
width:90px;
height:13px;
padding-top:42px;
padding-bottom:0!important;

color:#c3c3c3;
}

.bloc{
width:760px;
margin-top:8px;
margin-bottom:12px; 
}
.bloc img{
border:5px solid #5a3d1b;
}


.limite{
font-weight:bold;
padding:35px 0 7px 0;
text-align:right;
border-bottom: 1px solid #ff9900;
}



/***************************************************
			commandes 
****************************************************/
.commande{
height:100px;
text-align:right;}

.en_commande a{
line-height:25px;
height:35px;
background:url(img/fleche_bleue.gif) no-repeat;
background-position:left center;
padding:5px 0 5px 35px;/* t r b l */
color:#027abb;
text-decoration:none;}

.en_commande a:hover{
color:#970f00;
font-weight:bold;
text-decoration:none;}

/*-------------------------------*/
.commande_employe span{
font-size:12px;
font-weight:bold;
color:#970f00;}

.commande_employe a{
line-height:25px;
height:35px;
background:url(img/fleche_bleue.gif) no-repeat;
background-position:left center;
padding:5px 0 5px 35px;/* t r b l */
color:#027abb;
text-decoration:none;}

.commande_employe a:hover{
color:#970f00;
font-weight:bold;
text-decoration:none;}

/*-----------------------*/

			/****************************
				tableau des commandes
			******************************/
				.table_commandes{
				width:100%; border: 2px solid #889331;
				}
			
				.jour{font-weight:bold;  text-align:center;text-transform:uppercase; line-height:20px; font-family:'trebuchet ms', Arial, Helvetica, sans-serif; font-style:italic; font-size:15px; color:#889331;}
				.top_commandes{padding:7px; text-align:center;text-transform:uppercase; font-size:12px; background:#889331; color:#fff}
				.tr_a{ text-align:center ;line-height:18px;}
				
				.tr_b{text-align:center ;line-height:18px; background:#f7f7f7;}
				
				
				#total{padding:7px; font-weight:bold; text-align:center;text-transform:uppercase; line-height:20px; }
				
				.table_commandes_xlstag{
				width:100%;
				}
			
			/*****************************/
		
.liste_employes a{
line-height:25px;
height:35px;
background:url(img/fleche_bleue.gif) no-repeat;
background-position:left center;
padding:5px 0 5px 35px;/* t r b l */
color:#027abb;
text-decoration:none;}

.liste_employes a:hover{
color:#970f00;
font-weight:bold;
text-decoration:none;}



/* -------------------------- texte --------------------------------*/
.bleu{
font-size:12px;
color:#027abb;
font-weight:bold;}

.bleu a{
color:#027abb;
font-size:12px;
text-decoration:underline;
}

.bleu a:hover{
color:#333;
text-decoration:none;}

.vert{
font-size:12px;
color:#889331;
font-weight:bold;}

.rouge{
font-size:12px;
color:#970f00!important;
font-weight:bold;text-decoration:none;}

.rouge a{
color:#970f00;
text-decoration:none;}

.rouge a:hover{
color:#000;
text-decoration:none;}

#contenu{}




					/***** bouton log de usagern ****/
							.logger{
								width:100px;
								height:25px;
								background:#889331;
								border:1px solid #595f26;
								font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
								font-style:italic;
								color:#fff;
							}
					/****** /fin bo9uiton lo usager ******/
					

.button a
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-style:italic;
width:200px;
height:30px;
line-height:30px;
border: 2px solid #085c89;
color:#fff;
text-decoration:none;
background:#027abb;
display:block;
text-align:center;
}

.button a:hover{
background:#889331;
border: 2px solid #677308;
}


.button2 a
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
width:100px;
height:20px;
line-height:20px;
border: 2px solid  #660000;
color:#fff;
text-decoration:none;
background:#970f00;
display:block;
text-align:center;
}

.button2 a:hover{
background:#889331;
border: 2px solid #677308;
}



.top{
border: 3px solid #027abb;
}




/********************************** loggout ************************/

.loggout{
position:absolute;
margin-top:200px;
margin-left:650px;
}
.loggout a{
line-height:25px;
height:35px;
background:url(img/fleche_bleue.gif) no-repeat;
background-position:left center;
padding:5px 0 5px 35px;/* t r b l */
color:#027abb;
text-decoration:none;}
.loggout a:hover{
background:url(img/fleche_rouge.gif) no-repeat;
color:#970f00;
font-weight:bold;
text-decoration:none;}


/********************************** /loggout **********************/

a.btn_tableau{
font-size:14px;
color:#336699;
font-weight:bold;
}

a.btn_tableau:hover{
color:#000;
}

/*************  ************/
.avertissement{
width:250px; float:right; margin:-35px 5px 5px 5px ; border:2px solid #cc0000; padding:5px ; background:#f7f7f7; color:#990000;
}

.avertissement2{
width:250px; float:right; margin:-20px 5px 5px 5px ; border:2px solid #cc0000; padding:5px ; background:#f7f7f7; color:#990000;
}