/* ////////////////global//////////////// */

body,td,th, div{
	color:#000000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
}
body {
	background-color: #e0f7fd;
	background-repeat: repeat;	
	margin: 0px 15px 15px 15px;
	padding:0;
}
a {
	color:#3E91C1;
	text-decoration:underline;
}
a:hover {
	color:#465375;
	text-decoration:underline;
}
h1, #sloganBandeau {
	font-size: 18px;
	font-weight: bold;
	padding:0px 0px 20px 0px;
	margin:0;
	color:#ff8f09;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	font-family:Arial;
	color:#849CC1;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color:#849CC1;
}
p{
	padding-bottom:15px;
	margin:0 20px 0 0;
	}
.cleaner{
	clear:both;
	line-height:1px;
}


/* ////////////////structure de la page//////////////// */

#all{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	background-color:transparent;
}
#header{
	width:1100px;
	float:left;
	/*background-color:#53bdfb;*/
	background-image: url(IMG/squelettes/chapo.jpg);
	border-bottom:8px solid #B7B9B7;
}
#header #logo{
	float:left;
	margin:25px 0 0 25px;
}
#header #logo img{
	border:0;
}
#header #flashHeader{
	float:right;
	width:560px;
	margin:20px 0 0 0;
}
#container{
	float:left;
	width:1100px;
	background-color:#FFFFFF;
	background-image: url(IMG/squelettes/bgContainer.jpg);
	background-repeat:repeat-y;
}

#left{
	width:230px;
	float:left;
	margin:20px 0 0 0;
	text-align:left;
	background:transparent;
}
#right{
	width:830px;
	float:left;
	margin:20px 0 0 20px;
	text-align:left;
	background:transparent;
}
#right #flash{
	text-align:center;
}
#right #presentation{
	margin-top:20px;
	text-align:justify;
}
#right #imgText{
	float:right;
	margin-left:15px;
	margin-bottom:5px;
}
#right #imgText a img{
	border:1px solid #CCCCCC;
}
#right #imgText a:hover img{
	border:1px solid #6699CC;
}

/* ///////////////menu haut///////////////*/
#header #menuHaut{
	float:right;
	padding:0;
	margin:0;
	height:20px;
	text-align:right;
	background-image: url(IMG/squelettes/bgMenuHaut.jpg);
	background-repeat:repeat-x;
	line-height:20px;
}
#header #menuHaut img{
	border:0;
}
#header #menuHaut a{
	margin:5px 20px 0 20px;
	font:12px 'Centre Gothic', Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#666666;
}
#header #menuHaut a:hover{
	margin:5px 20px 0 20px;
	font:12px 'Centre Gothic',Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#849CC1;
}
#header img{
	border:0;
}
/* ////////////////menu gauche//////////////// */
#left ul{
	padding:0;
	margin:0;
	list-style:none;
	/*
	list-style-position:inside; 
	list-style-image: url(IMG/squelettes/puce.gif);
	*/
}
#left ul li{
	margin:0 0 1px 0;
	padding:10px 0 10px 18px;
	background-image: url(IMG/squelettes/bgMenu.jpg);
	background-repeat:repeat-y;
}
#left ul li a{
	display:block;
	width:210px;
	text-decoration:none;
	/*color:#465375;*/
	color:#5a6d80;
	font-size:14px;
	font-family: 'Centre Gothic',Arial,Verdana,  Helvetica, sans-serif;
	font-weight:bold;
}
#left ul li a:hover{
	text-decoration:none;
	color:#849CC1;
	font-size:14px;
	font-family: 'Centre Gothic',Arial,Verdana,  Helvetica, sans-serif;
	font-weight:bold;
}

/* ///////////fil d'arien/////// */

#filArien{
	padding: 6px;
	background-color:#E9EDF2;
}


/* formulaire de contact */
.cateDetail{
	background:none;
	text-align:justify;
}
.textRed{
	color:#FF6600;
}
#contactR{
	float:right;
	width:400px;
}
#contactL{
	float:left;
	width:200px;
	font-weight:bold;
	text-align:right;
}
#contactL {
	padding:3px;
}
#contactR {
	padding:3px;
}
#contactR a{
	width:70px;
	padding:2px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-weight:bold;
	float: left;
	margin-right:20px;
	border: double #3E91C1;
}
#contactR a:hover{
	width:70px;
	padding:2px;
	text-decoration:none;
	text-align:center;
	float: left;
	margin-right:20px;
	font-weight:bold;
	display:block;
	border: double #515151;
}
input {
	color:#32586B;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.TextField {
	width:250px;
}

.radioField{
	vertical-align:text-top;
}

textarea {
	color:#666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:250px;
	height:100px;
}
select {
	color:#666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:255px;
}



/* ///////////others/////// */
.gras{
	font-weight:bold;
}
.bleu{
	color:#3E91C1;
}
.centrer{
	text-align:center;
}
strong.spip{
	font-weight:bold;
}

/*titres des parites du menu gauche*/
#left h1{
	margin-bottom:0;
	padding-bottom:0;
		}
	
#left h1.partition{
	color:#39435b;
	font-size:127%;
	font-weight:bold;
	
	}
	

#left h1 ul li{

	background-image: url(IMG/squelettes/bgMenu_titre.jpg);
	background-repeat:repeat-y;
}

/*les sous_titres des articles*/
h2.sous-titre span{
	color:#465375;
	background-color:#e3e8ec;
}
	
/*tableaux*/
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #000000;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   margin-bottom: 10px;
   border: 2px outset #eb0006; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   width: 350px;
}

th /* Les cellules d'en-tête */
{
   background-color: #eb0006;
   color:#ffffff;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Arial, "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
 text-align:left;
 font-weight:bold;
 font-size: 1.2em;
   }
   
table .menu
{
width:82px;
border:none;
}
table .entree
{
width:155px;
border:none;
}
table .plat
{
width:238px;
border:none;
}
table .accompagnement
{
width:165px;
border:none;
}
table .dessert
{
width:148px;
border:none;
}

td .noborder
{
border:none;
}

table li 
{
list-style-image : url(puce.jpg);
}

table img .plus{
margin :auto;
}

.paire
{
 background-color: #bcfcf1;
 }
 
 .prix
 {
 width: 60px;
  }
 
 #nomRestaurant
 {
 font-size: 400%;
 color: red;
 font-weight: bold;
 }
 
 #footer{
	background-color:#53bdfb;
	border-top:8px solid #B7B9B7;
	height:33px;
}

#coorPied{
	text-align:center;
	padding:20px 0 0 0;
	color:#000000;
}
#coorPied a{
	color:#ACB9C4;
}

#datedujour{

color:red;

}
 
 .agauche{
	width:390px;
	float:left;
	margin-left:20px;
	text-align:left;
	background:transparent;
 
 }
 
 .adroite{
	width:390px;
	float:left;
	margin-right:20px;
	text-align:left;
	background:transparent;
 
 }