body {font: 10pt/12pt arial;background-color:#767676;margin-top:0px;text-align:justify;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:18px;}
h2 { padding-bottom:2px;border-bottom:1px solid #666666;color:#656565;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-style:italic;margin:10px 0 5px;text-align:left;width:100%;}
h1 {color:#E9211E;font-family:Arial,Helvetica,sans-serif;font-size:14pt;font-style:italic;margin:10px 0 5px;text-align:left;width:100%;}
p {padding-bottom:5px;text-align:justify;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:18px;margin:3px 5px 2px 10px;text-align:justify;}
div#centre ul{margin:0px; margin-left:15px;}
div#conteneur{	position:relative;	margin:auto;	margin-top:0px;	width:1000px;	height:auto;	background-color:#fff; }
div#banniere {float:left; display:inline; width:1000px; height:165px; background:url(imgs/banniere.jpg)}
div#milieu{float:left; display:inline; width:1000px; height:auto; background:url(imgs/milieu.jpg); padding-bottom:20px;}
div#gauche{float:left; display:inline; width:200px;height:auto;}
div#centre{float:left; display:inline; width:790px;height:auto; padding-right:10px;}
div#texte{float:left; display:inline; width:549px; height:auto;padding:10px;}
div#centregauche{float:left; display:inline; width:569px; height:auto;}
div#centredroite{float:left; display:inline; width:214px; height:565px; background:url(imgs/droite_copie.jpg) no-repeat; margin-left:6px; margin-top:20px;}
div#menuhaut{position:absolute;top:146px;left:350px; width:auto;height:auto;}
div#menuhaut a{display:block; float:left; display:inline; text-decoration:none; color:#fff; margin-left:10px; margin-right:10px;}
div#menuhaut a:hover{background:#eee;color:black;}
div#bas{float:left; width:1000px; height:auto;text-align:center;}
div#bas a{color:#000;}


/*dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float:left; display:inline;
margin-left:5px;
}
dl#menu {
width: 180px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border-top: 1px solid #888;
back ground: #ccc;
}
dl#menu dd {
bo rder: 1px solid gray;
bor der-top:1px solid #999999;
}
dl#menu li {
text-align: left;
padd ing-left:20px;

background:url(imgs/fondli.png);
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a{padding-left:10px; border-top:1px solid #888;}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}*/

#promos{text-align: center;margin: 45px 0px 0px 18px; padding: 0px;width: 180px; height:140px; back ground:red}
#infos{text-align: center; margin: 230px 0px 0px 18px; padding: 0px;width: 180px; back ground:red; height:140px;}


/*menu*/

.arrowlistmenu{
width: 184px; /*width of accordion menu*/
height:auto;
margin-left:5px;
padding:0px;
}

/*.arrowlistmenu  h2{color:white;font-weight:normal;text-align:center;}*/

.arrowlistmenu .menuheader,.arrowlistmenu .menu{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10pt Arial;
color: black;
margin:0px;
/*bottom spacing between header and rest of content*/
padd ing: 2px 0 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-top: 1px solid #888;
line-height: 20px;
}
.arrowlistmenu .menuheader:hover{color:white;text-decoration:none;}
.arrowlistmenu .menu a{text-decoration:none;color:black;}
.arrowlistmenu .menu:hover{background:#eee;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
back ground:;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
/*padding-bottom: 2px; bottom spacing between menu items */
list-style-type: none;
}

.arrowlistmenu .sous_menu_deroulant{
color: black;
background:url(imgs/fondli.png) repeat-y;
backgro und: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
border-top: 1px solid #888;
font-size: 80%;
list-style-type: none;
}


.arrowlistmenu .sous_menu_deroulant:hover{ /*hover state CSS*/
background: #eee;
}



p#test2{ margin:0px; }

div#col_left img {
background:white none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:0px 0px 0 0;
padding:5px;
width:auto;
}

img, a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}




.pano 
{
	float: left; 
	color: white;
	background-color: #fff;
	width: 570px;
	padding: 0px;
	margin: 0px; 
	/*ma rgin-left:10px;*/
	display:inline;
	
}

.pano_picture
{
	position: relative;
	left: 10px;
	top: 0px;
	background-image: url(imgs/pano.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 150px;
	width: 570px;
	margin-bottom: 0px;
	border:1px solid #c22c2d;
}

.scrolling_left
{
	float: left;  
	height: 150px;
	width: 100px;
	margin-bottom: 0px;
}

.scrolling_right
{
	float: right;  
	height: 150px;
	width: 100px;
	margin-bottom: 0px;
}

.nav_bar
{
	text-align:center;
	width:570px;
	margin-top:5px;
	position: relative;
	left: 10px;
}

.conteneur
{
	width: 570px ;
	text-align:left;
}