body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
background-color:#ffc;
margin: 0;
padding: 0;
}
#conteneur {
position: absolute;
width: 100%;
}
 #header {
height: 50px;
background-color:#663;
color:#ffc;
padding:0 0 0 30px;
border-bottom: solid 2px #fc3;
border-top: solid 4px #663;
}
#print {
	z-index:1;
	position: absolute;
	height: 27px; width: 24px;
	top:5px; right:20px;
}
#haut {
height:40px;
margin-left: 0px;
}
#centre {
margin: 30px 5px 30px 130px;
text-align:center;
overflow:auto;
color:#2E3434;
}
#gauche {
z-index:-1;
position: absolute;
border-right:#fc3 solid 2px;
background-color:#9C9C63;
top:90px;
left:40px;
width: 40px;
height:450px;
}
#menu_gauche {
	position:absolute;
	width: 140px;
	height:auto;
	left:2px; top:94px;
	text-align: center;
}
#carte {
	z-index:1;
	position: absolute;
	height: 95px; width: 95px;
	top:450px; left: 20px;
}
#commentaire {
margin:0 40px 0 200px;
padding:30px 0 0 0 ;
height:auto;
text-align:left;
overflow:auto;
color:#2E3434;
}
#vignette {
	float:right;
	width:auto;
	height:180px;
	margin:0 90px 16px 16px;
	border: none;
}
#pied {
height: 60px;
background-color:#9C9C63;
color:#ffc;
margin: 0;
border-top: solid 2px #fc3;
text-align:center;
}
.texte_pied {
margin:0 12px;
}
.texte_pied a:link {
	color:#ffc;
}
.texte_pied a:hover {
	text-decoration: none;
	background: #c93;
	color:#000;
}
.texte_pied a:visited {
	text-decoration: none;
	color:#eee;
}
/* styles */
.titre_Gn { font-size:18px; font-weight:bold;
}
.titre_G { color: #ffc; font-size:16px;
}
.titre_M { font-size:14px; font-weight:bold;
}
.mentions { color: #2E3434; font-size:8px;
}
.gauche { text-align:left;
}
.droite { text-align:right;
}
.photo_centre {
border: 1px solid #fc3;
}
.photo_droite {
border:2px solid #c93;
}
.marge_s {
margin-bottom:8px;
}
.marges_1 {
margin:1px;
}
.listing {
	float:none;
	width: 650px;
	margin: 35px 0 0 110px;
	border: 1px solid #fc3;
}
/*menus*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu dl {
float: left;
width: 10em;
margin: 0 0 2px 2px;
}
.menu dt {
text-align: center;
background-color:#c93;
}
.menu dd {
border: none;
} 
.menu li a {
color: #000;
font-size: 90%;
font-style:italic;
background-color:#cc9;
text-decoration:none;
list-style-type: none;
text-align:center;
display: block;
height: 19px;
padding-top:2px;
margin:2px;
}
.menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 17px;
border: 0 none;
}
.menu li a:hover, .menu dt a:hover {
     background: #663;
     border-left: 3px solid #000;
	 color:#ffc;
}
.menu li a:active, .menu dt a:active {
     background: #2E3434;
     border-right: 3px solid #000;
     color:#ffc;
}
/* Styles pour la rubrique en cours */
#en-cours {
     background: #cc9;
     border-left: 17px solid red;
     color:#000;
	 font-weight:bolder;
}
/* Styles pour la rubrique gauche en cours */
#en-cours-g {
     background: #cc9;
     border-left: 5px solid red;
     color:#000;
}

/*tableau*/
#tbase table{
width:90%;
margin:auto;
text-align:center;
}
#tbase th{
padding:6px;
background-color:#996;
width:20%;
}
.tbase td{
padding:6px;
color:#FFFAE5;
background-color:#2E3434;
}
.tgris td{
padding:6px;
color:#2E3434;
}
/*liens*/
a:link {
	color:#000;
}
a:hover {
	text-decoration: none;
	background: #663;
	color:#ffc;
}
a:active {
	color: #fff;
	background: #000;
}
/* formulaire de contact*/
textarea { width:500px; }
label { display:block; font-weight:bold; }
p#welcome { padding:10px 20px; color:#f00; font-weight:bold; }
p#success { padding:10px 20px; color:#f00; font-weight:bold; }

/* essai menu déroulant*/
	#navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			background: #000;
			color: #fff;
			width: 140px;
			font: 1em "Trebuchet MS", sans-serif;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #000;
			text-decoration: none;
			background: #c93 url(menu-item.png) left bottom no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(menu-item-deroule.png);
			}
		#navigation .open a, #navigation .open span {
			background-image: url(menu-item-enroule.png);
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: none;
			background-color:#663;
			border-right: 15px solid red;
			}
		#navigation .subMenu {
			font-size: .8em;
			background: #cc9 url(subMenu.png) 0 0 repeat-x;
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-left: 3px solid #666;
			}
		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}