

html, body
{
	background:#fff;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Tahoma;
	font-size:11px;
	color:#000;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
}

a, a:hover
{
	color:#ae3300;
	text-decoration:underline;
	font-weight:bold;
}
a img{border:0px;}

/*********************************    layers   **************************************/
#page
{
	width:100%;
	height:100%;
}

	#bandeau_ext
	{
		width:100%;
		height:206px;
	}
		#bandeau
		{
			width:995px;
			height:206px;
			margin-left:auto;
			margin-right:auto;
		}
	
	#menu_haut_ext
	{
		width:100%;
		height:31px;
		background:url(images/fond_menu_haut.gif) repeat-x;
	}
		#menu_haut
		{
			width:995px;
			height:31px;
			line-height:31px;
			margin-left:auto;
			margin-right:auto;
		}
			#menu_haut ul, #menu_haut li
			{
				margin:0px;
				padding:0px;
			}
				#menu_haut li
				{
					display:inline;
					font-family: Tahoma, Verdana, Arial;
					font-weight:bold;	
					font-size:14px;
					color:#fff;
				}
					#menu_haut li a
					{
						color:#fff;
						padding:0px 20px 0px 20px;
						border-right:2px solid #ed5c00;
						text-decoration:none;
					}
						#menu_haut li a:hover
						{
							text-decoration:underline;
						}
					#menu_haut li.no-border
					{
						padding:0px 20px 0px 20px;
					}
						#menu_haut li.no-border a
						{
							border:0px;
						}
		
				#menu_haut form
				{
					display:inline;
	
				}
					#menu_haut form input
					{
						width:90px;
						border:0px;
						padding-left:2px;
					}
					#menu_haut form .submitBt
					{
						border:0px;
						background:transparent;
						font-family: Tahoma, Verdana, Arial;
						font-weight:bold;	
						font-size:14px;
						color:#fff;
						width:25px;
					}
	
	#contenu_accueil_ext
	{
		width:100%;
		height:31px;
		background:url(images/fond_contenu_ext.gif) repeat-x;	
		min-height: 510px;
		height: auto !important;
		height: 510px; 
	}
		#contenu_accueil
		{ 
			width:995px;
			min-height: 575px;
			height: auto !important;
			height: 575px; 
			margin-left:auto;
			margin-right:auto;
			background:url(images/fond_accueil_contenu.gif) repeat-y right;	
		}
		
			#contenu_accueil #colonne_gauche
			{
				float:left;
				width:732px;
				padding-left:23px;
				min-height: 545px;
				height: auto !important;
				height: 545px; 
				padding-top:30px;
			}
			
			#contenu_accueil #colonne_droite
			{
				float:left;
				width:240px;
				padding-bottom:20px;
				min-height: 575px;
				height: auto !important;
				height: 575px; 
				background:url(images/fond_colonne_droite_accueil.gif) repeat-x ;	
			}
	#contenu_ext
	{
		width:100%;
		height:31px;
		background:url(images/fond_contenu_ext.gif) repeat-x;	
		min-height: 510px;
		height: auto !important;
		height: 510px; 
	}
		#contenu
		{ 
			width:995px;
			min-height: 575px;
			height: auto !important;
			height: 575px; 
			margin-left:auto;
			margin-right:auto;
			background:white url(images/fond_contenu.gif) repeat-y right;	
		}
		
			#contenu #colonne_gauche
			{
				float:left;
				width:240px;
				min-height: 575px;
				height: auto !important;
				height: 575px; 
				background:url(images/fond_colonne_droite_accueil.gif) repeat-x ;	
				text-align:right;
			}
			#contenu #colonne_droite
			{
				float:left;
				width:692px;
				padding-left:33px;
				min-height: 545px;
				height: auto !important;
				height: 545px; 
				padding-top:30px;
				padding-right:30px;
				text-align:justify;
				padding-bottom:20px;
			}
	
	#menu_bas_ext
	{
		width:100%;
		height:31px;
	}
		#menu_bas
		{
			width:995px;
			height:31px;
			line-height:31px;
			margin-left:auto;
			margin-right:auto;
			background:#acacac;
			text-align:center;
		}
			#menu_bas ul, #menu_bas li
			{
				margin:0px;
				padding:0px;
			}
				#menu_bas li
				{
					display:inline;
					font-family: Tahoma, Verdana, Arial;
					font-weight:bold;	
					font-size:12px;
					color:#fff;
				}
					#menu_bas li a
					{
						color:#fff;
						padding:0px 20px 0px 20px;
						border-right:2px solid #ffffff;
						text-decoration:none;
					}
						#menu_bas li a:hover
						{
							text-decoration:underline;
						}
					#menu_bas li.no-border a
					{
						border:0px;
					}
	
	#pied_ext
	{
		width:100%;
		height:38px;
	}
		#pied
		{
			width:995px;
			height:38px;
			line-height:38px;
			margin-left:auto;
			margin-right:auto;
			color:#707070;
			font-family: Tahoma, Verdana, Arial;
			font-size:10px;
			margin-bottom:5px;
		}
			#pied a
			{
				color:#707070;
				font-weight:bold;
				text-decoration:underline;
			}

/*********************************    contenu   **************************************/
.accueil_haut_images{
	float:left;
	width:454px;
	border:1px solid white;
}
	.bloc_image{
		float:left;
		width:225px;
		border:1px solid white;
	}	
		.image{
			width:225px;
			height:300px;
		}
			.image img{
				padding:0px;
				margin:0px;
			}
		.titre{
			width:225px;
			height:34px;
			line-height:34px;
			background:#ae3300;
			font-family: Tahoma, Verdana, Arial;
			font-size:12px;
			color:white;
			text-align:center;
		}

.accueil_haut_textes{
	float:left;
	width:262px;
	padding-right:10px;
	text-align:justify;

}
	.accueil_haut_textes .titreTexte{
		font-family: Tahoma, Verdana, Arial;
		font-size:16px;
		color:white;
		font-weight:bold;
		padding-left:20px;
		padding-bottom:20px;
	}
	.accueil_haut_textes .texte{
		padding-left:20px;
		color:#f0f2f4;
	}

.accueil_bas{
	padding-top:25px;
	padding-bottom:10px;
}
	.accueil_bas_titre{
		color:#ae3300;
		font-family: Tahoma, Verdana, Arial;
		font-size:17px;
		font-weight:bold;
		padding:0px;
		padding-bottom:20px;
	}
	.accueil_bas_image{
		float:left;
		width:102px;
		
	}
		.accueil_bas_image img{
			border:1px solid #6d6d6d;
		}
	.accueil_bas_texte{
		float:left;
		width:587px;
		color:#6b3823;
		padding-left:20px;
		
	}
		.accueil_bas_texte p.spip{
			margin-top:0px;
			margin-bottom:10px;
		}

#colonne_droite #realisations
{
	padding-left:20px;
}
#colonne_gauche #realisations
{
	padding-right:20px;
}
	#colonne_droite #realisations .titre_realisations, #colonne_gauche #realisations .titre_realisations
	{
		color:white;
		font-family: Tahoma, Verdana, Arial;
		font-size:16px;
		font-weight:bold;
		padding-top:30px;
		padding-bottom:15px;
	}
	#colonne_droite #realisations .vignette img,#colonne_gauche #realisations .vignette img
	{
		background:#9f9f9f;
		padding:4px;
		border:1px solid #666666;
	}
	#colonne_droite #realisations .titre_vignette, #colonne_gauche #realisations .titre_vignette
	{
		color:#535353;
		padding-top:6px;
		padding-bottom:25px;
	}
#contenu #colonne_gauche #menu_gauche 
{
	padding-right:20px;
	padding-top:30px;
}

#contenu #colonne_gauche #menu_gauche .titre_rubrique
{
	display:block;
	margin:0;
	color:#ae3300;
	font-family: Tahoma, Verdana, Arial;
	font-size:16px;
	font-weight:bold;
	list-style:none;
	color:white;
	padding-bottom:10px;

}
	#contenu #colonne_gauche #menu_gauche ul
	{
		margin:0;
		padding:0;
	}
		#contenu #colonne_gauche #menu_gauche ul li
		{
			display:block;
			list-style:none;
			color:white;
			margin:0;
			padding:0;
			color:#ae3300;
			font-family: Verdana, Arial;
			font-size:11px;
			font-weight:normal;
			padding-bottom:10px;
			font-weight:bold;
		}
			#contenu #colonne_gauche #menu_gauche ul li a
			{
				text-decoration:none;
				color:#ccc;
			}
				#contenu #colonne_gauche #menu_gauche ul li a.article-actif
				{
					font-style:italic;
					color:white;
				}
				#contenu #colonne_gauche #menu_gauche ul li a:hover
				{
					text-decoration:underline;
				}

.titre_article
{
	font-family: Tahoma, Verdana, Arial;
	font-size:16px;
	font-weight:bold;
	color:#ae3300;
	padding-bottom:30px;
}
.texte_article
{
	
}
	.texte_article a
	{
		font-weight:bold;
	}
	.texte_article ul li
	{
		padding:5px 20px 5px 0px;
		font-family: Tahoma, Verdana, Arial;
		font-size:14px;
		list-style:none;
	}
		.texte_article ul li a
		{
			color:#6b3823;
			font-weight:bold;
		}
	.texte_article ul li ul li
	{
		padding-left:20px;
		font-family: Verdana, Arial;
		font-size:11px;
	}
		.texte_article ul li ul li a
		{
			color:#6b3823;
			font-weight:normal;
		}

	.texte_recherche a
	{
		font-weight:bold;
	}
	.texte_recherche ul li 
	{
		padding-left:20px;
		font-family: Verdana, Arial;
		font-size:11px;
		list-style:none;
	}
		.texte_recherche ul li a
		{
			color:#6b3823;
			font-weight:normal;
		}


/******************************** Portfolio *********************************/
#portfolio{
	margin-top:30px;
}
	#portfolio img{
		border:1px solid #6d6d6d;
		padding:3px;
	}
/*********************************    spécifique   **************************************/
p.spip 
{
	margin-bottom:15px;
}

.image-lightbox-container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:445px;
	
}
.image-lightbox-container a {
	display:block;
	float:left;
	border:1px #dadada solid;
	padding:3px;
	background:#fff;
}
.image-lightbox-container a:hover {
	display:block;
	float:left;
	border:1px #bbb solid;
	padding:3px;
	background:#eee;
}
.image-lightbox-container a img {
	border:0;
}


.spip_documents_left{
	margin-right:15px;
}
	.spip_documents img{
		border:1px solid #6d6d6d;
		padding:3px;
	}
.spip_documents_right{
	margin-left:15px;
}
.spip_documents_center{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


/******************************** formulaires *********************************/
div.spip_forms fieldset {
	border:0px;
}
div.spip_forms legend {
	font-weight:bold;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}
div.spip_forms .spip_form_champ{
	margin:10px 0px 10px 0px;
}
div.spip_forms .spip_form_label{
	display:block;
	width:200px;
	float:left;
}
div.spip_forms .spip_form_label_obligatoire{
	color:#ca3300;
	font-style:italic;
}
div.spip_forms .spip_barre{
	display:block;
	clear:both;
	margin:10px 0px 10px 0px;
}
div.spip_forms input, div.spip_forms textarea {
	border:1px solid #6d6d6d;
}

div.spip_forms .spip_barre{
	display:none;

}
