body
	{
	height: 100% ;
	margin: 0px ;
	padding: 0px ;
	background: rgb(249,246,240) ;
	font-size: small ;
	font-family: arial, verdana, sans-serif ;
	color: rgb(109,94,52) ;
	}

img
	{
	display: block ;
	}

ul
	{
	margin: 5px 10px 10px 0px ;
	padding: 0px ;
	}
ul li
	{
	margin: 0px 0px 5px 20px;
	padding: 0px ;
	list-style-type: none ;
	}
form
	{
	margin: 0px ;
	padding: 0px ;
	}
/* GLOBALS */
.float
	{
	float: left ;
	}

ul.liste li
	{
	padding: 0px 0px 0px 10px ;
	font-size: 85% ;
	background: url(../images/fleche_puce_texte.gif) 0em 0.4em no-repeat ;
	}
ul.liste li a
	{
	font-weight: bold ;
	text-decoration: underline ;
	}

ul.cliquezici
	{
	margin: 0px 0px 10px 0px ;
	}
	ul.cliquezici li
		{
		list-style-type: none ;
		margin: 0px 0px 0px 0px ;
		padding: 3px 5px 0px 0px ;
		background: url(../images/bouton_plus.gif) 0em 0.3em no-repeat ;
		}
		ul.cliquezici li a
			{
			padding: 3px 5px 0px 20px ;
			font-size: 85% ;
			font-weight: bold ;
			}

a.home
	{
	display: block ;
	float: left ;
	width: 329px ;
	height: 90px ;
	}

.invisible
	{
	display: none ;
	}

table
	{
	width: 590px ;
	margin: 10px 0px 0px 0px ;
	border: 1px solid rgb(179, 179, 179);
	}
table tr td
	{
	padding: 5px ;
	}

table tr.fondclair td
	{
	border-top: 1px solid rgb(179, 179, 179);
	background-color: rgb(70, 21, 51) ;
	}

table td.bleufonce
	{
	padding: 10px ;
	background-color: rgb(010, 025, 080) ;
	font-weight: bold ;
	color: white ;
	}
table td.bleuclair
	{
	padding: 10px ;
	background-color: rgb(030, 050, 140) ;
	font-weight: bold ;
	color: white ;
	}


.width600
	{
	width: 590px ;
	}
.width400
	{
	width: 410px ;
	}
.width590
	{
	width: 590px ;
	}

#page h1
	{
	color: rgb(070, 055, 026) ;
	font-size: 130% ;
	}
#page h2
	{
	color: rgb(088, 060, 023) ;
	font-size: 100% ;
	}

#page .contenu img
	{
	padding: 1px ;
	margin: 0 ;
	border: 1px solid rgb(88, 60, 23) ;
	}

/* LIENS */

a
	{
	color: rgb(122, 107, 077) ;
	text-decoration: none ;
	}
a:hover
	{
	text-decoration: underline ;
	}

/* PAGE */

#page
	{
	width: 800px ;
	margin: 10px auto 10px auto ;
	background-color: rgb(243, 236, 225) ;
	border:1px solid  rgb(202, 195, 184)  ;
	}

/* header */
#header
	{
	margin: 5px 5px 0px 5px ;
	width: 800px ;
	background: url(../images/logo.gif) top left no-repeat ;
	height: 100px ;
	}

	#header div.recherche
		{
		width: 240px ;
		padding: 0px 0px 0px 0px ;
		}
		#header div.recherche input.motcle
			{
			display: block ;
			float: left ;
			width: 190px ;
			height: 16px ;
			padding: 3px 10px 1px 10px ;
			border-width: 1px 0px 1px 1px ;
			border-style: solid ;
			border-color: rgb(202, 195, 184) ;
			font-weight: bold ;
			font-size: 90% ;
			color: rgb(109, 94, 52) ;
			}
		#header div.recherche input.submit
			{
			display: block ;
			float: left ;
			border: 1px solid rgb(202, 195, 184) ;
			background: rgb(255, 255, 255) ;
			padding: 2px 3px 2px 3px ;
			}
	
	#header div.outils
		{
		float: right ;
		width: 250px ;
		margin: 0px 0px 0px 0px ;
		height: 20px ;
		padding: 0px 0px 0px 0px ;
		}
		#header div.outils a
			{
			color: rgb(109, 094, 082) ;
			}
			#header div.outils ul
				{
				float: left ;
				margin: 3px 0px 0px 0px ;
				font-size: 80% ;
				}
				#header div.outils ul li
					{
					display: inline ;
					margin: 0px 0px 0px 10px ;
					padding: 0px 0px 0px 0px ;
					}


/* MENU */

#menu
	{
	float: left ;
	width: 190px ; 
	margin: 0px 5px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}

#menu div.fond_menu
	{
	padding: 0px 0px 0px 0px ;
	}

/* BOITE MENU SECONDAIRE */
#page div.menu_secondaire
	{
	float: left ;
	width: 190px ;
	margin: 0px 0px 10px 0px ;
	padding: 20px 0px 0px 0px ;
	background: url(../images/contextuel/titrecontextuel_menu.gif) top left no-repeat ;
	font-size: 85% ;
	/*
	padding: 20px 0px 0px 0px ;
	background: url(../images/contextuel/menu2_titre.gif) top left no-repeat ;
	*/
	font-size: 85% ;
	}
	#page div.menu_secondaire ul
		{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		border-bottom: 0px solid rgb(217, 203, 182) ;
		}

/* BOITE MENU TELECHARGER */
#page div.telecharger
	{
	float: left ;
	width: 190px ;
	margin: 0px 0px 10px 0px ;
	padding: 20px 0px 0px 0px ;
	background: url(../images/contextuel/titrecontextuel_atelecharger.gif) top left no-repeat ;
	font-size: 85% ;
	}
	#page div.telecharger ul
		{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		}

/* BOITE PATRIMOINE */
#page div.flash_accueil
	{
	float: left ;
	width: 200px ;
	margin: 1px 0px 10px 0px ;
	padding: 31px 0px 0px 0px ;
	}
	#page div.flash_accueil span
		{
		padding: 5px 5px 5px 14px ;
		display: block ;
		background-color: rgb(30, 50, 140) ;
		color: white ;
		font-size: 85% ;
		}

#page div.patrimoine
	{
	float: left ;
	width: 190px ;
	margin: 0px 0px 10px 0px ;
	padding: 21px 0px 0px 0px ;
	background: url(../images/contextuel/titrecontextuel_lepatrimoine.gif) top left no-repeat ;
	}
	#page div.patrimoine span
		{
		padding: 5px 5px 5px 10px ;
		display: block ;
		background-color: rgb(30, 50, 140) ;
		color: white ;
		font-size: 85% ;
		}

/* BOITE ENSAVOIRPLUS */
#page div.ensavoirplus
	{
	float: left ;
	width: 190px ;
	margin: 0px 0px 10px 0px ;
	padding: 20px 0px 0px 0px ;
	background: url(../images/contextuel/titrecontextuel_ensavoirplus.gif) top left no-repeat ;
	font-size: 85% ;
	}
	#page div.ensavoirplus ul
		{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		border-bottom: 0px solid rgb(217, 203, 182) ;
		}

/* BOITE FAQ */
#page div.faq
	{
	float: left ;
	width: 190px ;
	margin: 0px 0px 10px 0px ;
	padding: 20px 0px 0px 0px ;
	background: url(../images/contextuel/titrecontextuel_foireauxquestions.gif) top left no-repeat ;
	font-size: 85% ;
	}
	#page div.faq p
		{
		margin: 0px 0px 0px 0px ;
		padding: 10px 10px 10px 10px ;
		background-color: rgb(70, 21, 51) ;
		}
	#page div.faq ul.liste
		{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		background-color: rgb(133, 133, 133) ;
		}
		#page div.faq ul.liste li
			{
			margin: 0px 0px 0px 0px ;
			padding: 0px 0px 0px 0px ;
			}
			#page div.faq ul.liste li a
				{
				display: block ;
				width: 160px ;
				margin: 0px 0px 0px 0px ;
				padding: 5px 10px 5px 18px ;
				color: white ;
				text-decoration: none ;
				background: rgb(166, 126, 163) url(../images/fleche_blanche.gif) 0.8em 0.9em no-repeat ;
				}

	#menu ul
		{
		margin: 0px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		}
		#menu ul li
			{
			float: left ;
			display: block ;
			width: 190px ;
			margin: 0px 0px 0px 0px ;
			padding: 0px 0px 0px 0px ;
			}

			#menu ul li img
				{
				width: 190px ;
				height: 25px ;
				border: none ;
				}
			#menu ul li.first img
				{
				padding: 1px 0px 0px 0px ;
				}

				#menu ul li ul
					{
					background: none ;
					padding: 0px 0px 1px 0px ;
					font-size: 85% ;
					}
					#menu ul li ul li , .menu_secondaire ul li , .telecharger ul li , .ensavoirplus ul li
						{
						display: block ;
						width: 185px ;
						margin: 0px 0px 1px 0px ;
						padding: 0px 0px 0px 0px ;
						border-width: 1px 0px 1px 0px ;
						border-style: solid ;
						border-color: rgb(217, 203, 182) ;
						background: rgb(255, 255, 255) url(../images/fleche_blanche.gif) 0.8em 0.5em no-repeat ;
						}
						#menu ul li ul li a, .menu_secondaire ul li a , .telecharger ul li a , .ensavoirplus ul li a
							{
							display: block ;
							width: 152px ;
							margin: 0px 0px 0px 0px ;
							padding: 3px 10px 3px 20px ;
							color: rgb(0, 0, 0) ;
							text-decoration: none ;
							border-right: 1px solid rgb(217, 203, 182) ;
							border-left: 3px solid rgb(191, 182, 167) ;
							}
						.menu_secondaire ul li a , .telecharger ul li a , .ensavoirplus ul li a
							{
							border-left: 3px solid rgb(207, 177, 142) ;
							}

							#menu ul li ul li.actif , #menu ul li ul a:hover
								{
								background: rgb(238, 226, 207) url(../images/fleche_blanche.gif) 0.8em 0.5em no-repeat ;
								text-decoration: none ;
								}
							.menu_secondaire ul li.actif , .menu_secondaire ul a:hover , .telecharger ul li.actif , .telecharger ul a:hover
								{
								background: rgb(237, 205, 167) url(../images/fleche_blanche.gif) 0.8em 0.5em no-repeat ;
								text-decoration: none ;
								}
							.ensavoirplus ul li.actif , .ensavoirplus ul a:hover
								{
								background: rgb(237, 205, 167) url(../images/fleche_blanche.gif) 0.8em 0.5em no-repeat ;
								text-decoration: none ;
								}

/* TITRE PAGE */

#page div.titre
	{
	float: left ;
	width: 590px ;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 0px 0px ;
	font-size: 140% ;
	font-family: arial black, arial, verdana ;
	}

/* NAVIGATION */

#page div.navigation
	{
	float: left ;
	width: 100% ;
	margin: 0px 0px 10px 0px ;
	padding: 3px 0px 3px 0px ;
	background: rgb(255, 255, 255) ;
	border: 1px solid rgb(217, 203, 182);
	font-size: 100% ;
	}
#page div.navigation p.nav
	{
	color: rgb(150, 150, 150) ;
	margin: 0px 10px 0px 10px ;
	line-height: 14px ;
	}

#page div.navigation p.nav a
	{
	font-weight: normal ;
	text-decoration: none ;
	}
#page div.navigation p.nav a:hover
	{
	text-decoration: underline ;
	}

/* CONTENU */

#page div.contenu
	{
	float: left ;
	margin: 0px 0px 0px 0px ;
	background-color: rgb(243, 236, 225) ;
	}

	/* ACCUEIL */

	#page div.contenu div.news
		{
		float: left ;
		width: 399px ;
		margin: 1px 1px 0px 0px ;
		background: url(../images/accueil_news.gif) top left no-repeat ;
		}
		
		#page div.contenu div.news div
			{
			float: left ;
			width: 190px ;
			margin: 35px 0px 0px 0px ;
			padding: 0px 0px 0px 0px ;
			}
			#page div.contenu div.news.espace_presse div
				{
				margin: 0px 0px 0px 0px ;
				}
		#page div.contenu div.news div a
			{
			text-decoration: none ;
			}
			#page div.contenu div.news div a:hover
				{
				text-decoration: underline ;
				}

		#page div.contenu div.news div.first
			{
			margin-right: 10px ;
			}
			#page div.contenu div.news.espace_presse div.first
				{
				margin-right: 10px ;
				}

			#page div.contenu div.news div h2.rubrique
				{
				margin: 0px 0px 10px 0px ;
				padding: 0px 0px 10px 0px ;
				background: url(../images/filet.gif) bottom left repeat-x ;
				}

			#page div.contenu div.news div h2 img
				{
				float: left ;
				margin: 0px 0px 5px 0px ;
				}
			#page div.contenu div.news div h2
				{
				margin: 0px 10px 0px 0px ;
				padding: 0px 0px 0px 0px ;
				}

		#page div.contenu div.news div p.titre
			{
			float: right ;
			width: 180px ;
			margin: 0px 0px 5px 0px ;
			padding: 0px 0px 0px 0px ;
			display: block ;
			font-size: 80% ;
			line-height: 14px ;
			}
			#page div.contenu div.news div p.titre.photo
				{
				width: 110px ;
				}

		#page div.contenu span.date
			{
			margin: 0px 0px 0px 0px ;
			padding: 0px 0px 0px 0px ;
			font-size: 80% ;
			line-height: 14px ;
			font-weight: normal ;
			color: rgb(164, 160, 152) ;
			}

	#page div.contenu div.patrimoine
		{
		float: left ;
		width: 200px ;
		margin: 1px 0px 0px 0px ;
		padding: 31px 0px 0px 0px ;
		background: url(../images/accueil_lepatrimoine.gif) top left no-repeat ;
		}

/* GABARIT PAGES */

#page div.contenu h1
	{
	margin: 0px 10px 10px 0px ;
	padding: 0px 0px 10px 0px ;
	border-bottom: 1px dotted rgb(217, 203, 182) ;
	font-size: 140% ;
	}
#page div.contenu h2
	{
	margin: 10px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	font-size: 120% ;
	}
#page div.contenu h2.first
	{
	margin: 0px 0px 0px 0px ;
	}

#page div.contenu div.liste_ancre
	{
	margin: 0px 10px 10px 0px ;
	padding: 10px 0px 10px 0px ;
	width: 400px ;
	background: rgb(238, 226, 207) ;
	border: 1px solid rgb(217, 203, 182) ;
	}
#page div.contenu.width600 div.liste_ancre
	{
	width: 600px ;
	}

#page div.contenu div.liste_ancre ul
	{
	float: left ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
#page div.contenu div.liste_ancre ul li
	{
	margin: 0px 0px 2px 0px ;
	padding: 0px 0px 0px 0px ;
	}
#page div.contenu div.liste_ancre a
	{
	display: block ;
	margin: 0px 0px 0px 5px ;
	padding: 0px 0px 0px 15px ;
	background: url(../images/fleche_ancre.gif) 0em 0.3em no-repeat ;
	font-weight: bold ;
	}
#page div.contenu div.liste_ancre ul.photo a
	{
	width: 165px ;
	}
#page div.contenu div.liste_ancre img
	{
	float: left ;
	margin: 0px 10px 0px 0px ;
	}

#page div.contenu div.ancre
	{
	margin: 15px 10px 0px 0px ;
	padding: 10px 0px 0px 0px ;
	/*border-top: 1px dotted rgb(217, 203, 182) ;*/
	}
#page div.contenu div.ancre.first
	{
	margin-bottom: 10px ;
	padding: 0px 0px 0px 0px ;
	}
	#page div.contenu div.ancre h2
		{
		display: inline ;
		font-size: 120% ;
		font-weight: bold ;
		}
		#page div.contenu div.ancre div a
			{
			float: right ;
			padding: 0px 20px 0px 0px ;
			margin: 0px 0px 0px 10px ;
			background: url(../images/fleche_hautdepage.gif) 6.2em 0.3em no-repeat ;
			font-size: 85% ;
			color: rgb(166, 126, 163) ;
			}


#page div.contenu p
	{
	margin: 0px 10px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	line-height: 16px ;
	font-size: 85% ;
	}
#page div.contenu p.intro img
	{
	float: left ;
	padding: 1px ;
	margin: 0px 10px 0px 0px ;
	border: 1px solid rgb(109, 094, 052) ;
	}
#page div.contenu p.intro
	{
	float: left ;
	width: 400px ;
	margin: 0px 0px 10px 0px ;
	font-size: 100% ;
	font-weight: bold ;
	color: rgb(109, 094, 052) ;
	}
#page div.contenu.width600 p.intro
	{
	width: 600px ;
	}

#page div.contenu p.intro span
	{
	float: right ;
	width: 180px ;
	}
#page div.contenu p.intro.faq
	{
	width: 590px ;
	margin: 15px 0px 5px 0px ;
	}

#page div.contenu p.justify
	{
	text-align: justify ;
	}
#page div.contenu p.sautdeligne
	{
	text-align: justify ;
	margin: 10px 10px 0px 0px ;
	}

#page div.contenu span.asterisk
	{
	color: rgb(015, 044, 144) ;
	}
#page div.contenu p.asterisk , #page div.contenu div.asterisk
	{
	text-align: justify ;
	margin: 0px 10px 0px 0px ;
	padding: 3px 0px 3px 0px ;
	border-width: 1px 0px 0px 0px ;
	border-style: solid ;
	border-color: rgb(70, 21, 51) ;
	font-size: 80% ;
	line-height: 12px ;
	color: rgb(166, 126, 163) ;
	}
#page div.contenu p a
	{
	font-weight: bold ;
	text-decoration: underline ;
	}

#page div.flash_coiffeurs
	{
	float: left ;
	margin: 0px 10px 30px 0px ;
	border-width: 1px 1px 1px 1px ;
	border-style: solid ;
	border-color: rgb(109, 94, 52) ;
	}


#page div.contenu div.encadre
	{
	margin: 10px 10px 0px 0px ;
	padding: 5px 5px 5px 5px ;
	border-width: 1px 1px 1px 1px ;
	border-style: solid ;
	border-color: rgb(202, 195, 184) ;
	background-color: rgb(249, 246, 240) ;
	text-align: justify ;
	color: rgb(88, 60, 23) ;
	}

#page div.contenu img.produit
	{
	margin: 0px 10px 0px 0px ;
	}

#page div.contenu div.produit
	{
	margin: 0px 0px 20px 0px ;
	}
	#page div.contenu div.produit h3
		{
		font-size: 110% ;
		margin: 0px 0px 5px 0px ;
		}

/* PLAN DU SITE */

ul.plandusite a
	{
	text-decoration: underline ;
	}


/* PIED DE PAGE */

#pieddepage
	{
	clear: both ;
	width: 800px ;
	margin: 40px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border-top: 1px solid rgb(202, 195, 184) ;
	background-color: rgb(239, 227, 209) ;
	text-align: right ;
	font-size: 70% ;
	}
	#pieddepage a
		{
		color: rgb(255,255,255) ;
		}

#pieddepage ul
	{
	margin: 0px 10px 0px 0px ;
	}
#pieddepage ul li
	{
	display: inline ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 5px 0px 10px ;
	background: url(../images/separateur_vertical.gif) 0em 0.3em no-repeat ;
	}
#pieddepage ul li.first
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 5px 0px 0px ;
	background-image: none ;
	}
#pieddepage ul li a
	{
	color: rgb(150, 150, 150) ;
	}


form.option
	{
	background-color: rgb(249, 246, 240) ;
	text-align: right ;
	}
	form.option select
		{
		background-color: rgb(245, 245, 245) ;
		font-size: 90% ;
		}


span.requis
	{
	color: red ;
	}
.envoi
	{
	background-color: rgb(10, 25, 80) ;
	border-width: 1px 0px 1px 0px ;
	border-color:rgb(65,77,119) ;
	border-style: solid ;
	color: rgb(239,238,243) ;
	font-weight: bold ;
	font-size: 90% ;
	padding: 2px 10px ;
	margin-left: 30px ;
	}


form.contact div.bloc
	{
	width: 380px ;
	margin: 10px 0px 0px 0px ;
	padding: 10px 0px 0px 20px ;
	background: url(../images/menu/menu_filet.gif) top left repeat-x ;
	}
	form.contact div.colonne
		{
		float: left ;
		width: 50% ;
		}
	form.contact p.champ
		{
		font-size: 110% ;
		}


form.contact .envoi
	{
	margin: 10px 0px 0px 0px ;
	}

form .error
	{
	background-color: rgb(239, 164, 206) ;
	}
form div.error
	{
	width: 300px ;
	margin: 0px 0px 10px 0px ;
	padding: 5px 5px 5px 5px ;
	border: 1px solid #666 ;
	color: black ;
	font-weight: bold ;
	}

form div.ok
	{
	margin: 0px 0px 10px 0px ;
	padding: 5px 5px 5px 5px ;
	border: 1px solid rgb(69, 111, 70) ;
	background-color: #D1EFD2 ;
	width: 300px ;
	color: black ;
	font-weight: bold ;
	}


div.phototeque div
	{
	width: 100px ;
	float: left ;

	margin: 0px 5px 20px 5px ;
	padding: 0px 10px 0px 15px ;
	}

div.phototeque div p
	{
	width: 110px ;
	}

div.pagination
	{
	width: 590px ;
	background-color: rgb(249, 246, 240) ;
	margin: 0px 0px 0px 0px ;
	}

div.pagination p.precedent
	{
	float: left ;
	width: 190px ;
	}
	div.pagination p.precedent a
		{
		padding: 0px 0px 0px 25px ;
		background: url(../images/fleche_precedent.gif) 1em 0.4em no-repeat ;
		}

div.pagination span.numero
	{
	font-size: 85% ;
	float: left ;
	width: 190px ;
	text-align: center ;
	}
div.pagination span.numero a.current
	{
	text-decoration: underline ;
	}

div.pagination p.suivant
	{
	float: left ;
	width: 180px ;
	text-align: right ;
	}
	div.pagination p.suivant a
		{
		padding: 0px 15px 0px 0px ;
		background: url(../images/fleche_suivant.gif) 4em 0.4em no-repeat ;
		}

li a.hautdepage
	{
	padding: 0px 15px 0px 0px ;
	background: url(../images/fleche_hautdepage.gif) 6.4em 0.2em no-repeat ;
	}