* {
	margin:0;
	padding:0;
	border:0 none;
	
	}
body {
	background-color:#212121;
	text-align:center;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:.75em;
color:#FFFFFF;
	
}
table{
	border-collapse:collapse;
	font-size:1em;
}
h2 {font-size:1.2em; padding:1px;border-bottom:25px solid #212121}
h2 span {float:right;display:block; font-size:.9em}
a {
text-decoration:none;
color:#FFFFFF;
}
a:hover {color:#ccc}
a img {border:none}
ul, li {list-style:none;}
ul {}
li {padding:4px 0 4px 7px;background:url('../images/pointe_blanche.gif') no-repeat 0px 8px; font-family:Arial, Helvetica, sans-serif; }
span {display:block}
/*----------------- squelette -----------------------*/


#conteneur, #pied{width:908px; margin:auto; text-align:left;position:relative;left:7px;background-color:#3d3d3d}
#pied {background-color:#212121;clear:both; text-align:center; padding-top:5px;}
#gauche {float:left;width:662px; border-right:34px solid #212121;}
#droite {width:212px; float:right;}

/*---------------- pied---------------------*/
#pied a{color:#718FD5;font-size:.9em;}
/*--------------contenu---------------*/
#gauche .description p, #gauche .double p {margin:10px 0}
#gauche .bloc_image{float:left; width:240px; height:250px;background-color:#212121;margin-bottom:-20px; position:relative; z-index:10}
#gauche .bloc_image a {width:100%; height:100%;display:block;}
#gauche .bloc_image a span {visibility:hidden}

#gauche .bloc_texte {float:right; width:464px; margin-left:-64px;background-color:#888888;height:230px}
#gauche h3 {position:relative; z-index:50;z-index:150;background-color:#212121; font-size:1.4em; padding:5px 2px 10px 5px; }
#gauche h3 span {font-size:.7em;}
#gauche h3 span.titre {font-size:1em;display:inline; font-style:italic}
#gauche .quand_lieu {margin-left:40px;background-color:#000; color:#ccc;text-align:right; padding:2px 2px 2px 0}

#gauche .detail, #gauche #resa_avis {background-color:#888888; color:#212121}
#gauche .detail {margin-left:55px;}
#gauche .detail ul li{text-align:left}
#gauche .detail #bloc_lieu_video {width:170px;float:right;}
#gauche .detail #bloc_lieu_video p {margin:0 0 5px 0; padding:0 }
#gauche .detail #bloc_lieu_video p.lieu {padding:2px 1px 0 2px; font-size:.9em }
#gauche .detail li {padding:1px 0 1px 7px;background:url('../images/puce_noire.gif') no-repeat 0px 8px; font-size:.9em; color:#000; font-weight:bold }
#gauche .detail li em {color:#000;}
#gauche .detail li.decale {padding:1px 0 1px 7px;margin-left:-5px;;background:none; font-size:.9em; color:#fff; font-weight:bold }
#gauche #resa_avis ul {width:100%}
#gauche #resa_avis li {padding:0;float:left; background:#888888 none;text-align:right; width:41%; padding-right:8px;height:25px;border-right:3px solid #888}
#gauche #resa_avis li a {display:block;margin-top:3px; height:20px; font-weight:bold}

#gauche .description {clear:both; line-height:1.5em;}
#gauche .mention {font-size:.9em;color:#ccc}


#gauche #double {clear:both; font-size:.9em}
#gauche #double h4 {margin:0 5px 5px 10px; padding-top:5px; font-size:1.1em; font-weight:normal; text-transform:uppercase; color:#fff}
#gauche #double p {margin:5px 10px; }
#gauche #double .pave_gauche {width:410px; float:left; background-color:#525252}
#gauche #double .pave_droite {width:252px; float:right}
#gauche #double .pave_droite .presse {background-color:#292929; color:#ccc}
#gauche #double .pave_droite .presse .signature {font-style:italic}

#gauche #double .pave_droite p.doc_web {margin:0; text-align:right; font-weight:bold}


#gauche #avis {background:#888 url('../images/bg_quotes_bottom.gif') no-repeat bottom right;padding-left:0px;padding-bottom:5px}
#gauche #avis h4 {background:url('../images/bg_quotes.gif') no-repeat top left;padding-left:35px;height:27px;margin-left:0px}

#droite h2 {border-bottom:15px solid #212121}
#droite h3{ margin:20px 0px 8px 0px; padding:0px;color:#fff;font-size:1.1em; font-weight:normal}
#droite h3 span{display:block;text-align:left; font-size:.9em;}
#droite p{padding:2px; text-align:right}
#droite ul { margin:30px 0 ;width:100%;}
#droite li{ background:#ED7330 url('../images/pointe_blanche.gif') no-repeat 2px 11px;margin-left:30px; font-weight:bold}


/*----------------- classes générales -------------------*/
.clear {clear:both; height:1px; color:#212121; background-color:#212121}
.imprimante {display:block; float:right; margin-right:10px}
.imprime {display:none}
#gauche p, #gauche div {text-align:justify}
.pagehaute {min-height:960px}