*{

	margin: 0px;

	padding: 0px;

}

html{

	background-color: Black;

}

body{

	background: White url(images/back_home.jpg) repeat-x top;

	font:0.75em/1.5em georgia, times, times new roman, serif;

	color:#333;

	text-align: center;

}

h1, h2, h3, h4, h5, h6, .left_nav, .navigation{

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

h1{

	font-size: 1.6em;

}

h2{

	font-size: 1.5em;

}

h3{

	font-size: 1.35em;

}

h4{

	font-size: 1.3em;

}

h5{

	font-size: 1.2em;

}

h6{

	font-size: 1.1em;

}

img{

	border: 0;

}	

ul.list{

	list-style:decimal !important;

}

.list li{

	display: list-item !important;

	padding:2px 0px 2px 5px;

	float:none;

}

html>body .list li{

	display: list-item !important;

	margin:2px 0px 2px 25px;

	float:none;

}

img, input, select, label{

	vertical-align: middle;

}	

td{

	padding: 0.3em 0.3em 0.3em 0em;

}

ul{

	list-style: none;

}

p{

	text-indent: 1.5em;

	text-align:justify;

}

p.first{

	text-indent: 0;

}

p.image{

	border: none;

	padding:0px;

	margin:0px;

	text-indent:0px;

}

a {text-decoration:none; border-bottom: 0;}



a:link {color:#3D5201;}



a:visited {color:#3D5201;}



a:active {color:#3D5201;}



a:hover {color:#000; border-bottom: 0;}



embed{border:5px solid red; z-index:-5; position: relative;}



.clear{

	clear: both;

}



.accueil .clear{

	height: 1px;/*Permet de récupérer une erreur de décalge de l'image de fond sur la page d'accueil*/

}

.img_left{

	float: left;

	margin: 12px 5px 0px 0px;

}

.img_right{

	float: right;	

	margin: 12px 3px 0px 0px;

}

.evidence{

	color: #8A834F;

}

.gras{

	font-size:1.2em;

	color:white;

	font-weight: bolder;

	background:black;

}



/*hack ie*/

html>body .img_left{

	margin: 2px 3px 0px 0px;

}



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



.wrapper{

	text-align: left;

	width: 940px;

	margin: 0px auto 0px auto;

}

.mainContain{	

	position: absolute;

}



.header{

	height: 160px;

	padding: 0px 10px 0px 10px;

	background:url(images/header.jpg) top no-repeat;

}

	.header .content{

		background: none;

		height:auto;

		margin-top: 0px;

		padding-top: 0px;

	}

	.header .topNav{

		/*float: right;*/

		text-align: right;

		text-transform: uppercase;

		font-size: 0.8em;

		letter-spacing: 0.2em;

		padding: 23px 250px 0px 0px;

	}

	.header .topNav ul li{

		padding: 0px 0px 2px 0px;

	}

		.header .topNav a{

			text-transform: uppercase;

			color: #6A6D1C;

			height: 5px;

			padding: 0px 0px 2px;

		}

		.header .topNav a:hover{

			color: White;

		}

	.header h1{

		float: left;

	}

		.header h1 a{

			color: #6A6D1C;

			display: block;

			width: 460px;

			height: 100px;

			text-indent: -9999px;

			text-decoration: none;

			border: 0;

			overflow: hidden;

			font-size: 0.7em;

		}

		.header h1 a:hover{

			color: White;

		}

		.header h1 a span{

			display: block;

			height: 100%;

			width: 100%;

			background: url(images/logo.jpg) top left no-repeat;

		}

		.header .petit{

			font-size: 10px;

		}

		.header .moyen{

			font-size: 13px;

		}

		.header .grand{

			font-size: 19px;

		}

/*--------------<Définition des états du menu suivant la page visitée>---------------------*/

	.navigation{

		height: 22px;

		background-color: transparent;

		clear:both;

		margin: 0px 12px 0px 12px;

	}	

		.navigation ul{

				margin: 0;

				padding: 21px 0px 0px 0px;

				height: 22px;

				width: 100%;

				list-style: none;

				text-align: center;

		}

		.navigation ul li{

				display: inline;

				height: 22px;

				float: left;

				margin: 0px 0px 0px 0px;/*permet de récupérer l'erreur de taille du menu*/

				padding: 0;

				background-color: transparent;

				/*width: 223px;*/

				width: 25%;

			}

			.navigation ul li a{	

					background: url(images/menu_a.jpg) top left repeat-x;

					font-weight: bolder;

					text-transform:uppercase;

					padding: 15px 0px 0px 0px;

					display: block;

					float: left;

					overflow: visible;

					height: 22px;

					width: 100%;

					text-indent: 0;

					text-align: center;

				}



				.navigation ul li a {text-decoration:none}

				.navigation ul li a:hover {

					color: white;

					height: 22px;

					background: url(images/menu_a_hover.jpg) top left repeat-x;

				}

				



				.accueil .navigation ul li.navOne a, 

				.catalogue .navigation ul li.navTwo a, 

				.travail .navigation ul li.navThree a,  

				.contact .navigation ul li.navFour a{

					color: White;

					background: url(images/menu_a_visite.jpg) top left repeat-x;

				}	

/*--------------</Définition des états du menu suivant la page visitée>---------------------*/

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



/*--------------<Menu de navigation gauche>-------------------------------------------------*/

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

.left_nav{

}

	.left_nav h3{

		/*color: #EDD6AC;

		background: url(images/nav_left_h3.jpg) top left !important;*/

		padding: 0px 0px 10px 15px;

		margin: 0px 17px 0px 2px;

		display: block;

		background-image: none;

	}

	.left_nav ul{

		width: 220px;

		margin: 0em 0em 1.9em 0px;

	}

	html>body .left_nav a, .left_nav .info li{

		margin-left: 2px; /*Correction de position pour l'image, invisible pour IE*/

	}

	.left_nav a, .left_nav .info li{

		width: 218px;

		font-weight: bolder;

		padding: 0.5em 0.5em 0.5em 30px;

		margin:0px 0px 0px 1px;/*Correction de position pour l'image, ne pas oublier de la changer*/

		display: block;

		background: url(images/nav_left_all.jpg) center left no-repeat;

	}

	.left_nav a:hover{		

		background-position: -254px center;

	}

	.left_nav a.current{

		color: #97530A;

		background: url(images/nav_left_current.jpg) center left no-repeat;

	}

	.left_nav a.current:hover{

		background: url(images/nav_left_current.jpg) center left no-repeat;

	}

	

	/*--------------------menu contact----------------------------------------*/

	.left_nav .info{	

		width: 180px;

	}

	html>body .left_nav .info{	

		width: 220px;

	}

	.left_nav .info li{

		background-image: none;

		font-weight: normal;

		padding: 0.2em 0.5em 0.2em 30px;

	}

	.left_nav .info li.mail,.left_nav .info li.phone,.left_nav .info li.home{

		background-image: url(images/mail.gif);

		background-position: 30px 50%;

		margin-left: -15px;

	}

	.left_nav .info li.phone{

		background-image: url(images/phone.gif);

	}

	.left_nav .info li.home{

		background-image: url(images/home.gif);

		background-position: 30px 5px;

	}

	.left_nav .info li.mail a{

		width:auto;

		background: none;

		margin: 0px;

		padding: 0px;

	}

	.left_nav .info li.mail a:hover{

		background: none;

	}

	.left_nav .coordo{

		font-size:0.8em;

		border: 1px solid #8A834F;

		border-width: 1px 0px 1px 0px;

		margin: 0px 0px 10px 15px;

	}

		.left_nav .coordo li{

		width: 180px;

		padding: 0.2em 0.5em 0.2em 45px;			

		}









/*--------------<Contenu et les différentes colonnes qui le compose>---------------------*/

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

.mainContent{

}

.content{

	background:url(images/bg_content.jpg) top center repeat-y;

	padding: 0px 20px 0px 20px;

}

	.content .cellTwo{

		padding: 0px 15px 0px 0px;

		margin: 0px 0px 0px 260px;

	}

	.content .cellTwo #container{

		background: url(images/puce_titre_h3.jpg) center bottom no-repeat;

		padding: 0px 0px 30px 0px;

	}

	.content .cellTwo h3{

		display: block;

		padding: 0px 0px 0px 0px;

	}

	.content .cellTwo h3 span{

		display: block;

		background: url(images/souligner.jpg) bottom center no-repeat;

		padding: 0px 0px 20px 0px;

	}

	.content .cellTwo #container .details ul{

		list-style-type: disc;	

		text-align: left;

	}

	.content .cellTwo #container .details li{

		display: list-item;

		text-align: left;

		margin: 0px 0px 0px 15px;

	}

	.content .panoramique{

		background: url(images/pano_01.jpg) top center no-repeat;

		width: auto;

		height: 271px;

		text-indent: -9999px;

	}

	.content .cellOne{

		float: left;

		width: 260px;

	}

	.content .panoramique p{

		text-indent: -9000px;

	}



	.content .coll{

		width: 285px;	

		float: left;

	}

	.content .coll2{

		margin:0px 0px 15px 305px;

	}



	/*---------<presentation partie travail>---------------------*/



	.cellTwo .presentation{

		margin: 0px 0px 10px 0px;

		clear: right;

	}

	.cellTwo .photo{

		background: url(images/photo_divCenterLeft.jpg) repeat-y left;

	}

	.multimedia .photo{

		width: 190px;

	}

	.travail .cellTwo .photo{

		width: 230px;

	}

	.catalogue .cellTwo .photo{

		width: 610px;

	}

	

	.catalogue .article .photo{

		width: 183px;

	}

	.cellTwo .photo .right{

		background: url(images/photo_divCenterRight.jpg) repeat-y top right;

	}

		.cellTwo .photo .top{

			height: 64px;

			background: url(images/photo_divTop.jpg) top left no-repeat;

			/* Le z-index permet de positionner l'image par dessus la division bottom*/

				z-index: 0;

				position: relative;

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

			

			}

			.cellTwo .photo .top span{

				display: block;

				float: right;

				height: 64px;

				width: 61px;

				background: url(images/photo_divTopRight.jpg) top left no-repeat;

			}

			.cellTwo .photo .bottom{

				height: 64px;

				background: url(images/photo_divBottom.jpg) bottom left no-repeat;

				margin: 0px 0px 0px 0px;

				/* Le z-index permet de positionner l'image par dessus la division bottom*/

				z-index: 1;

				position: relative;

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

			}

			.cellTwo .photo .bottom span{

				display: block;

				float: right;

				height: 64px;

				width: 61px;

				background: url(images/photo_divBottomRight.jpg) bottom right no-repeat;				

			}



		.cellTwo .photo img{

			z-index: 10;

			position: relative;

			margin: -30px 0px -30px 35px;

			border: 1px solid #8A834F;

		}

		/*hack IE*/

		html>body .cellTwo .photo img{

			margin-left: 35px;

		}

		.cellTwo .image a{

			margin: 0px;

			padding: 0px;

		}

		.cellTwo #map{

			border: 1px solid gray;

		}

		.cellTwo .img_google{

			margin: 2px 0px;

			border:1px solid #8A834F;

		}

	

	

	

	/*---------</presentation partie travail>---------------------*/

	

/*--------------</Contenu et les différentes colonnes qui le compose>---------------------*/

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



/*--------------<Footer et les différentes colonnes qui le compose>---------------------*/

html>body .footer{

	background-position: top left;/*Petit hack qui permet de récupérer une erreur d'affichage du footer sous IE*/

	width: 941px;

}

.footer{

	background: url(images/bg_footer.jpg) no-repeat top left;

	width: 941px;

	margin: 0px auto 0px auto;

	padding: 60px 1px 0px 0px;

	text-align: left;

}

.under_footer{

	background: Black url(images/bois_footer.jpg) repeat-x top;

	height: 240px;

}

	.footer a {

		text-decoration:none;

		font-weight: bold;

		text-transform: uppercase;

		border: 0;

	}

	.footer a:link {color: #804A15;}

	.footer a:visited {color:#804A15;}

	.footer a:active {color:#804A15;}

	.footer a:hover {color:#8A834F; border:0;}

	.footer .cellTwo p{

		text-align: right;

	}

	.bottomNav{

		border-bottom: 1px solid #9D8A79;

		border-top: 1px solid #9D8A79;

		text-align: center;

		margin: 0px 24px;

		padding: 10px 0px 12px 0px;

		font-size: 0.8em;

		letter-spacing: 1px;

	}

		.bottomNav a{

			margin: 0 15px 0 15px;

		}

	.bottominfo	{

		margin: 1px 24px;

		padding: 45px 0px 20px 0px;

		border-top: 1px solid #9D8A79;

		color: #837D75;

		font-size: 11px;

	}

		.bottominfo .cellOne, .bottominfo .cellCenter{

			float: left;

			width: 313px;

		}

		.bottominfo .cellOne a{

			font-size: 10px;

			letter-spacing: 1px;

		}

		.bottominfo .cellCenter{

			width: 313px;

		}

		.bottominfo .cellCenter p{

			text-align: center;

		}

		.bottominfo .cellTwo{

			float: right;

			text-align: right;

			font-size: 10px;

			line-height: 14px;

			text-transform: uppercase;

		}

			.bottominfo .cellTwo img{

				float: right;

				margin: 0 0 0 10px;

			}			

/*--------------</Footer et les différentes colonnes qui le compose>---------------------*/



/*--------------------------<Mise en forme des messages>-------------------------------*/



#message fieldset{

	text-align: left;

	background-color:#fff9e7;

	

	border-width:2px;

	border-style:solid;

	border-color:#7c5b47;

	

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

		

	margin:20px 0px 20px 0px;

	display:block;

	padding: 0px 10px 10px 10px;

}



#message fieldset legend{	

	background-color:#7c5b47;

	

	border-width:1px;

	border-style:solid;

	border-color:#7c5b47;

	

	color:#F3E5CA;

	font-weight:bold;

	font-variant:small-caps;

	font-size:110%;

		

	padding:2px 5px;

	margin:0px 0px 10px 0px;

	position:relative;

	top: -12px;

	

}

	 

#message fieldset legend img{

	padding:0px 5px 0px 5px;	

}

#message fieldset span{

	color: #FF6347;

}

#message li{

	display: block;

	width: 500px;

	float: left;

	margin: 0px 10px 5px 10px;

	padding: 0px 10px 0px 10px;

}

#message label{

	display: block;

	float: left;

	width: 100px;

	font-size: 0.8em;

	text-align:right;

	margin:6px 5px 0px 0px;

}

#message input, #message textarea{

	border: 1px solid #8A834F;

	margin: 0px 5px 0px 5px;

	display: block;

	float: left;

	width: 300px;

}

#message textarea{

	height: 200px;

}



#message .button{

	background-color:#fff9e7;

	

	border-width:1px;

	border-style:solid;

	border-color:#7c5b47;

	

	font-weight:bold;

	font-family:Verdana, Arial, Helvetica, sans-serif;



}



/*--------------------------</Mise en forme des message>-------------------------------*/



/*--------------------------<Mise en forme du popup>-------------------------------*/

.popup img{

	border: 1px solid #6A6D1C;

}





/*--------------------------</Mise en forme du popup>-------------------------------*/



/*--------------------------<Mise en forme de la galerie d'image>-------------------------------*/

.cat2{

	margin: 5px 15px 10px 15px !important; 

}

html>body .cat2{

	margin: 5px 21px 10px 21px !important; 

}





/*--------------------------</Mise en forme galerie d'image>-------------------------------*/



/*--------------------------<Les effets de texte>-------------------------------*/



a.plus{

	font-weight: bolder;

	border-bottom: dotted 1px #6A6D1C;

	padding: 0px 15px 0px 0px;

	background: url(images/envoyer.gif) center right no-repeat;

}

a.plus:hover{

	color: #A77E4A;

	border-bottom: dotted 1px #A77E4A;

	background-image: url(images/envoyer_hover.gif);

}

/*--------------------------</Les effets de texte>-------------------------------*/









/*----------------<Mise en page del'administration>----------------------------------------*/

.administration h4{

	border: 1px solid gray;

	border-width: 0px 0px 1px 0px;

	margin: 0.8em 0em 0.5em 0em;

}

fieldset{

	

}

input{

}



.ajout_categories .ajout_categories,

.ajout_articles .ajout_articles,

.ajout_photos .ajout_photos,

.gestion_categories .gestion_categories,

.gestion_articles .gestion_articles,

.gestion_photos .gestion_photos,

.ajout_membre .ajout_membre,

.gestion_membres .gestion_membres,

.ajout_news .ajout_news,

.gestion_news .gestion_news,

.message .message,

.plan .plan,

.exposition .exposition,

.multimedia .multimedia,

.restauration .restauration{

	background: url(images/nav_left_current.jpg) center left no-repeat;

	color: #97530A;

}

.ajout_categories .ajout_categories:hover,

.ajout_articles .ajout_articles:hover,

.ajout_photos .ajout_photos:hover,

.gestion_categories .gestion_categories:hover,

.gestion_articles .gestion_articles:hover,

.gestion_photos .gestion_photos:hover,

.ajout_membre .ajout_membre:hover,

.gestion_membres .gestion_membres:hover,

.ajout_news .ajout_news:hover,

.gestion_news .gestion_news:hover,

.message .message:hover,

.plan .plan:hover,

.exposition .exposition:hover,

.multimedia .multimedia:hover,

.restauration .restauration:hover{

	background: url(images/nav_left_current.jpg) center left no-repeat;

	color: #97530A;

}



.administration table{

	border-collapse: collapse;

	width:608px;

}	

	.administration td{

		padding: 0.3em;

	}

	.administration table .paire{

		background:#F7EBD5;

	}

	

	.administration table .titre{

		font-weight: bolder;

		border: 2px solid gray;

		border-width: 0px 0px 2px 0px;

	}

	

/*----------------<Mise en page détail>----------------------------------------*/

	.details{

		

	}

	.details div{

		margin: 5px 0px 0px 0px;

	}

	.details div div{

		border: 4px solid #F1DDBC;

		border-width: 0px 4px 0px 0px;

		padding: 0px 0px 10px 0px;

	}

	.details #contenu_flash{

		border: none;

	}

	.details h4{

		margin: 10px 0px 0px 0px;

		border: 4px solid #ECD0A2;

		border-width: 1px 4px 0px 0px;

	}

	.details p{

		padding: 0.5em 10px 0.5em 0em;

	}

	html>body .details p{

		padding-right: 5px;

	}

	.ML .details p{

		display: block;

		width:608px;

	}