BODY {
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

BODY.acces {
	background:#4C4C4C url(charte/acces_bande.gif) repeat-x 0px 170px;
	margin:0;
}

BODY.olivier_thevenon { background-color:#61543b; }

BODY.clair_fonce { background-color:#4C4C4C; }

TD { vertical-align:top; }

A:focus { outline:none; }
.d-block { display:block; }
.f-left { float:left; }
.f-right { float:right; }

.bouton {
	font-size: 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	/*height:17px;*/
	/*border:1px solid #666666;*/
	padding:1px 2px;
	background-color:#CCCCCC;
	margin-right:2px;
}

#acces-site {
	border:3px #FFFFFF solid;
	height:436px;
	margin:79px auto 0px auto;
}

#acces-site #gauche {
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:left;
	padding:0;
}

#acces-site #droite {
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:right;
}

#acces-site IMG {
	margin-top:88px;
	border:0px;
}

#langue {
	margin:0px auto 65px auto;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
}

#langue A {
	color:#FFFFFF;
	text-decoration:none;
}

#contenu {
	width:928px;
	margin:auto;
	clear:both;
}

#gauche {
	vertical-align:middle;
	padding:5px;
}

BODY.olivier_thevenon #gauche {
	background:#8c8783;
}

BODY.clair_fonce #gauche {
	background:#8c8783;
}

#menu-tete {
	width:764px;
	padding:5px 0 5px 160px; 
	margin:auto;
	line-height:15px;
	text-transform:uppercase;
	letter-spacing:2px;
	height:15px;
	position:relative;
}

#menu-tete A.langue {
	position:absolute;
	top:5px;
	left:0;
}

#menu-tete UL {
	list-style:none;
	margin:0;
	padding:0;
}

#menu-tete LI {
	display:inline;
	border-left:1px dashed #FFF;
	float:left;
}

#menu-tete LI.premier { border:0; }

#menu-tete LI A {
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:0 10px;
}

#menu-tete LI A:hover {	text-decoration:underline; }

#menu-tete LI A.on,
#menu-tete LI A.on:hover {
	background:#000;
	cursor:default;
	text-decoration:none;
}

#menu-tete IMG {
	border:0;
	margin:4px 0 0 0;
}

#menu {
	width:150px;
	padding:5px 5px 10px 5px;
	line-height:20px;	
}

BODY.olivier_thevenon #menu { background:#3b2f16; }
BODY.clair_fonce #menu { background:#8c8783; }

TD#menu { height:100px; }

#menu UL {
	list-style:none;
	margin:0;
	padding:0;
}

#menu LI { border-top:1px solid #bab7b5; }

#menu LI.premier { border:0; }

#menu LI A { 
	text-decoration:none;
	color:#eeecea;
	display:block;
	padding:0 3px;
}

#menu LI A:hover { background:#010101; }

#menu LI A.on { cursor:default; }

BODY.olivier_thevenon #menu LI A.on { background:#61543b; }
BODY.clair_fonce #menu LI A.on { background:#464646; }

#menu-pied {
	width:764px;
	padding:0 0 0 160px; 
	margin:auto;
	text-align:right;
	line-height:25px;
	color:#FFF;
}

#menu-pied UL {
	list-style:none;
	margin:0;
	padding:0;
	font-size:10px;
}

#menu-pied LI { display:inline; }

#menu-pied LI A {
	color:#FFF;
	text-decoration:none;
}

#menu-pied LI A:hover {	text-decoration:underline; }

#liste {
	position:relative;
	background:#524838;
	/*width:744px;*/
	width:574px;
	padding:10px 95px;
	color:#FFFFFF;
	/*display:table;*/
}

#liste BR.hack-ie {
	display:none;
	*display:block;
}

BODY.olivier_thevenon #liste { background:#3b2f16; }
BODY.clair_fonce #liste { background:#8c8783; }

#liste #menu-interne {
	border-bottom:1px dashed #625f5c;
	padding:0 0 10px 0; 
}

#liste #menu-interne A { text-decoration:none; }

#liste #menu-interne A:hover { text-decoration:underline; }

#liste #menu-interne #menu-colorama {
	font-size:16px;
	padding:0 0 10px 0; 
}

#liste #menu-interne #menu-colorama IMG { vertical-align:middle; }

#liste #menu-interne #menu-colorama A.on,
#liste #menu-interne #menu-colorama A.on:hover {
	color:#000;
	cursor:default;
	text-decoration:none;
}

#liste H1 {
	font-size:13px;
	font-weight:normal;
	padding:1px 6px;
	text-align:right;
	background:#000000;
	color:#EEEEEE;
	font-weight:bold;
	margin-right:8px;
}

#liste H2 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:8px;
}

#liste H2.f-left {
	font-size:13px;
	font-weight:normal;
	padding:1px 6px;
	text-align:right;
	background:#EEEEEE;
	color:#000000;
	font-weight:bold;
	margin-right:8px;
}

BODY.olivier_thevenon #liste H2 { border-bottom:1px solid #6D6455; }
BODY.clair_fonce #liste H2 { border-bottom:1px solid #A49EA1; }

#liste H3 {
	font-size:13px;
	font-weight:normal;
}

#liste #acces H3 {
	border-bottom:1px solid #EEEEEE;
	padding:2px 0px;
	margin:0px;
	clear:both;
	color:#555555;
}

#liste #acces H3 A {
	color:#555555;
	text-decoration:none;
	display:block;
}

#liste #acces H3 A:hover { 
	background:#555555;
	color:#FFFFFF;
}

#liste H4 {
	font-size:12px; 
	color:#A49EA1;
	font-style:italic;
	/*clear:both;*/
	margin:0px 0px 3px 0px;
}

#liste H4 STRONG {
	font-weight:normal;
	color:#FFFFFF;	
}

#liste #acces H4 {
	border-bottom:1px solid #EEEEEE;
	padding:2px 0px;
	margin:0px;
	clear:both;
	color:#757071;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#liste #acces H5 {
	padding:2px 0px;
	margin:0px;
	clear:both;
	color:#FFFFFF;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#liste IMG { border:0px; } 

#liste A { color:#FFFFFF; }

#liste #zone-prod {
	float:left;
	width:286px;
	margin-top:10px;
}

#liste #zone-prod.top { margin:0px; }

#liste #zone-prod IMG { border:5px solid #FFFFFF; }

#liste #zone-prod DIV IMG { border-width:2px; }

#liste DIV.declinaison {
	display:none;
	margin-top:10px;
}

#btn-ambiances {
	clear:both;
	border-top:1px solid #FFFFFF; 
	margin-bottom:10px;
	height:88px;
}

#ombre-ambiances {
	width:450px;
	padding:0px 8px 8px 0px;
}

BODY.olivier_thevenon #ombre-ambiances { background:url(charte/ombre_ambiances_ot.gif) no-repeat right bottom; }
BODY.clair_fonce #ombre-ambiances { background:url(charte/ombre_ambiances_cf.gif) no-repeat right bottom; }

#titre-ambiances {
	height:76px;
	/*width:108px;
	_width:102px;
	* width:102px;*/
	width:106px;
	font-size:16px;
}

#titre-ambiances A { text-decoration:none; }
#titre-ambiances A:hover { text-decoration:underline; }

DIV.a-left {
	float:left;
	text-align:right;
	padding:4px 8px 0px 0px;
}

DIV.a-right {
	float:right;
	text-align:left;
	padding:4px 0px 0px 8px;
}