/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

body {
	background-color:#961d16;
	font-size: 0.71em;
	text-align:justify;
	color: #8a8378;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}

p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight: normal; 
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}

/* Styles generes par Spip (titres, images...) */
a.spip_out{
	color:#961D16;
}
h3.spip {
	font-size: 1.3em;
	font-weight: bold;
}
p.spip {
	text-align: justify;
	margin-bottom:10px;
}

.spip-admin-bloc {
	float: left;
}

.spip_documents img {
	padding: 4px;
	border: 0px solid #CADDFE;
}
.spip_documents_left {
	margin-right: 20px;
}
.spip_documents_right {
	margin-left: 20px;
}

.spip_documents_center{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
/* Images typographiques (via image_typo), URL a revoir... */
img, .format_png {behavior: url(win_png.htc);}

/* Espaceur de blocs */
.break, .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 0px; }

/* Non visible a l'ecran */
.invisible {
    position: absolute;
    left: -999em;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
	
#page {
	background: url(images/fond_page.gif) #fff top repeat-x;
	width:100%;}
	
#zone_principale {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	min-height: 500px;
	height: auto !important;
	height: 500px;}	
	
#contenu{
	margin-top:10px;
}
/********************************************************************/
/****************        Barre d'outil           ********************/
/********************************************************************/
#menuoutils{
	height: 16px;
	width:100%;
	color:#fff;}
	#menuoutils ul {
		float: left;
		height: 23px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin-top:7px;
	}
	#menuoutils ul li {
		float: left;
		color:#fff;
	}	
	#menuoutils ul li.accueil {
		border-right:#fff 1px solid;
		padding-right: 12px;
		margin-right: 12px;
	}	
	#menuoutils ul li.outil {
		border-right:#fff 1px solid;
		padding-right: 12px;
		margin-right: 12px;
	}			
	#menuoutils ul li a{
		color:#fff;
	}

							
	#menuoutils .menulangues{
		padding-right:10px;
		margin-top:7px;
		float: right;
		text-align:right;}
		.languenonencours a{
			color:#fff;
			font:Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			padding-left:0px;
			font-size:12px;}
		.languencours{
			color:#fff;
			font:Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			font-weight:bold;
			font-size:12px;}	
				
/********************************************************************/
/****************        Bandeau    	         ********************/
/********************************************************************/

	#bandeau{
	width:950px;
	height:231px;
	}	
	#bandeau a{
		display:block ;
		width:359px;
		height:231px;
		float:left;
	}

	#bandeau #colonne_droite {
		width:591px;
		height:231px;
		float:right;
		position:relative;
	}
	
	#bandeau #diaporama_innerfade {
		width:591px;
		height:231px;
		float:right;
		padding-top:0px;
		margin-left:0px;
		padding-right:0px;
		z-index:1;
		position:absolute;
	}
	#bandeau #titre {
		width:591px;
		height:231px;
		z-index:2;
		margin-top:23px;
		margin-left:50px;
		position:absolute;
	}
	
/*********************************************************/
/****************   Page d'Accueil   *********************/
/*********************************************************/	

	#colonne_gauche_accueil{
		width:360px;
		float:left;
	}
	#colonne_droite_accueil{
		width:590px;
		float:left;
		text-align:center;
	}

		#colonne_droite_accueil ul{
			text-align:center;
			font-family:Verdana, Arial, Helvetica, sans-serif;

		}			
		#colonne_droite_accueil li{
			margin-left:15px;
			margin-bottom:20px;
			!margin-left:13px;
			float:left;
		}
			#colonne_droite_accueil .logo_rubrique{
				padding:2px;
				background:#FFFFFF;
				
				/******* style à supprimer pour ajouter un 5ème restaurant *********/
				margin-top:30px;

				
			}
			#colonne_droite_accueil .descriptif_rubrique{
				color:#fe7801;
				font-weight:bold;
				font-size:12px;
				padding-bottom:3px;
			}
			#colonne_droite_accueil .titre_rubrique{
				color:#891716;
				font-size:9px;
			}



/*********************************************************/
/****************   Rubrique 	     *********************/
/*********************************************************/	


#contenu #colonne_gauche{
		width:200px;
		float:left;
	}
	#contenu #colonne_gauche ul{
		text-align:center;
	}
	#contenu #colonne_gauche  li {
			margin-bottom:5px;
			margin-top:5px;
		}	
	#contenu #colonne_gauche  li.separateur  {
		background: url(images/separateur_rubrique.gif)  bottom  no-repeat;
		margin:0;
		}
			
		#contenu #colonne_gauche  li a {
			font-size:14px;
		}		
			
			#colonne_gauche .titre_rubrique{
				color:#891716;
				font-size:9px;
			}
			#colonne_gauche .rubrique_vertical_actif{
				color:#891716;
				font-weight:bold;
				font-size:12px;
				padding-bottom:3px;
			}
			#colonne_gauche .rubrique_vertical_inactif{
				color:#fe7801;
				font-weight:bold;
				font-size:12px;
				padding-bottom:3px;
			}
			
			
#contenu #colonne_droite{
	width:720px;
	margin-left:25px;
	float:left;
	position:relative;
}
	#colonne_droite #menuhorizontal{
				width:100%;
				height:33px;
				font-weight:bold;
				font:Arial, Helvetica, sans-serif; 
				font-size:14px;}
					#colonne_droite  #menuhorizontal ul,#colonne_droite  #menuhorizontal li{
						padding:0;
						margin:0;
						float:left;
						display:inline;}
					.rubrique-inactive{	
						color: #b6332a;
						font-weight:bold;
						font:Arial, Helvetica, sans-serif; 
						font-size:14px;}
					.rubrique-inactive:hover{
						font-weight:bold;
						font:Arial, Helvetica, sans-serif; 
						font-size:14px;
						color: #b6332a;}
					.rubrique-active	{
						font-weight:bold;
						font:Arial, Helvetica, sans-serif; 
						font-size:14px;
						color: #5a0d0d;}
					#colonne_droite  #menuhorizontal .pipe{
						border-right:1px #891716 solid;
						padding-left:8px;
						margin-top:6px;
						float:left;
						padding-right:8px;}
					#colonne_droite  #menuhorizontal .finpipe{
						margin-top:6px;
						padding-left:8px;
						float:left;			}

				#colonne_droite   #contenurubrique{
					font:Verdana, Arial, Helvetica, sans-serif; 
					font-size:14px;
					width:100%;
					min-height: 358px;
					height: auto !important;
					height: 358px;}
					/* Texte de article normal et article outils */
					.texte{
						padding-left:8px;
						padding-right:20px;
						padding-bottom:10px;
						padding-top:20px;}
					.texte a{
						color:#931b18;}
					/*********************************************/
					#colonne_droite   #contenurubrique .photos{
						padding-top:5px;
						padding-left:20px;
						padding-right:20px;}						
					#colonne_droite   #contenurubrique .photos ul,#colonne_droite   #contenurubrique .photos li{
						padding:0;
						margin:0;
						float:left;
						display:inline;}
					#colonne_droite   #contenurubrique .photos li{
						padding-top:5px;
						padding-left:20px;
						padding-right:20px;}
					#colonne_droite   #contenurubrique .photos span.image{
						border:	#000000 0px solid;
						display:block;
						text-align:center;
						margin:0;
						padding:0;
						width:150px;
						height:100px;}
					#colonne_droite   #contenurubrique .photos span.image img{
						border:	#000000 1px solid;}
					#colonne_droite   #contenurubriqueoutils{
						font:Verdana, Arial, Helvetica, sans-serif; 
						font-size:14px;
						width:100%;
						min-height: 382px;
						height: auto !important;
						height: 382px;}
					/******************    Plan et contact ***************/	
					#colonne_droite .colonnecontact{
						width:300px;
						float:left;}
					#colonne_droite .colonneplan{
						width:277px;
						padding-left:50px;
						float:left;}
						#colonne_droite   #contenurubrique .colonneplan .plancastel{
							background: url(images/plancastelpetit.jpg) no-repeat;
							border:#000000 solid 1px;
							width:261px;
							height:230px;}	
						#colonne_droite   #contenurubrique .colonneplan .plancarca{
							background: url(images/plancarcapetit.jpg) no-repeat;
							border:#000000 solid 1px;
							width:261px;
							height:230px;}	
						#colonne_droite   #contenurubrique .colonneplan .plantlse{
							background: url(images/plantlsepetit.jpg) no-repeat;
							border:#000000 solid 1px;
							width:261px;
							height:230px;}		
						#separateur{
							background:url(images/separateurcontenu.gif) no-repeat;	
							width:173px;
							height:1px;}		
						.adresse{
							margin-top: 20px;
							float:left;
							font:Verdana, Arial, Helvetica, sans-serif;
							font-size:13px;
							padding-bottom:5px;}
							.adresse .rouge, .adresse a{
							color:#931b18;}
						#bascontenu{
							padding-left:8px;
							margin-bottom:10px;
/*							position:absolute;
*/							width:692px;
							bottom:0;}
							#flash{
								right:0;
								bottom:0;
								position:absolute;
								}
						.texteplan{
							padding-top:8px;
							padding-bottom:20px;}
							.texteplan ul,.texteplan li  {
								padding:0;
								margin:0;}
								a.plan_titre_rubrique{
									font: Tahoma, Verdana, Arial;
									font-size:14px;
									font-weight:bold;
									color: #931b18;}
								a.plan_titre_articles{
									font: Tahoma, Verdana, Arial;
									font-size:12px;
									line-height:12px;
									padding-left: 23px;
									color: #000000;}
						#colgaucheAcc #contenucolgaucheAcc .logo {
							position:absolute;
							top:0;
							left:42px;
							z-index:200;}
						.rubrique-desc-flash {
							position:absolute;
							height:222px;
							bottom:0;
							right:0;
							z-index:200;}
						#flash-accueil {
							position:absolute;
							height:434px;
							width:222px;
							top:354px;
							left:10px;
							z-index:200;}
/*********************************************************/
/****************   Pied de page     *********************/
/*********************************************************/	
#pieddepage_global {
	background-color:#961d16;
	width:100%;}
	#pieddepage{ 
		width:950px;
		margin-left:auto;	
		margin-right:auto;	
		background-color:#961d16;
		color: #fff;
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;}
		#pieddepage a,  #pieddepage a:visited{
			font-weight:bold;
			color: #f07c20;}
		#pieddepage .liens li{
			float:left;
			display:inline;
			color:#f07c20;
			padding-top:10px;
			text-align:center;
			font-size:14px;
			padding-top:10px;
			width:24%;}
			#pieddepage .liens li a{
				font-style:italic;
				text-align:center;
				font-size:10px;}
		
		#pieddepage .pied-copyright{
			color: #fff;
			margin-top:20px;
			margin-left: 10px;
			float: left;}
		#pieddepage .pied-credits{
			color: #fff;
			margin-top:20px;
			margin-right: 10px;
			float: right;}	
	
/***** Inteface ****/
a { 
	text-decoration: none; }

a:hover {
	text-decoration: underline; }


.invisible { position: absolute; top: -3000em; height: 1%; }
	
	
h1{
	color:#931b18;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}	
	
h2{
	color:#931b18;
	font-weight:bold;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}