@charset "utf-8";
/* CSS Document */

html, body{	border:0px;	margin:0px;	padding:0px; background-color:#000000;}
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
img {border:0px; margin:0px;padding:0px}
form{margin:0px;padding:0px;}
table{border-spacing:0px; margin:0px; padding:0px;}

input{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}
select{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}
ul { margin:0px; padding:0px;}

#tout
{
	width:960px;
	text-align:left;
	background:url(../imgs/fond-page.jpg) repeat-y 0px 0px;
}

#header
{
	width:960px;
	height:99px;
	background-image:url(../imgs/bandeau.jpg);
	text-align:left;
	float:left;
}

#fil_ariane
{
	color:#000000;
	text-align:right;
	float:right;
	margin-top:35px;
	margin-right:20px;
}

#fil_ariane a
{
	color:#000000;
	text-decoration:none;
}

#fil_ariane a:hover
{
	text-decoration:underline;
}

#menu_general
{
	float:left;
	width:960px;
	height:42px;
	background-image:url(../imgs/fond-menu.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

#menu_general ul
{
	margin-left:0px;
	padding:0px;
	list-style-type:none;
}

#menu_general li
{
	float:left;
	width:150px;
	height:42px;
	background:url(../imgs/fond-bouton.jpg) no-repeat 0px 0px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

#menu_general li:hover
{
	background-position:-150px;
}

#menu_general .grand
{
	width:210px !important;
	background:url(../imgs/fond-bouton-grand.jpg) no-repeat 0px 0px;
}

#menu_general .grand:hover
{
	background-position:-210px;
}

#menu_general .petit
{
	width:90px !important;
	background:url(../imgs/fond-bouton-petit.jpg) no-repeat 0px 0px;
}

#menu_general .petit:hover
{
	background-position:-90px;
}


#menu_general p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	vertical-align:bottom;
}

#menu_general h2
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	vertical-align:bottom;
}

#menu_bas
{
	float:left;
	width:231px;
	background-color:#323232;
	text-align:center
}

#centre
{
	float:left;
	width:755px;
	background:url(../imgs/fond-page.jpg) repeat-y 0px 0px;
}

#dyn
{
	float:left;
	width:960px;
	background:url(../imgs/fond-page.jpg) repeat-y 0px 0px;
}

#colonne_droite
{
	float:right;
	width:204px;
	border-left:1px solid #000000;
	background-color:#E5E5E5;
}

#colonne_droite h2
{
	margin:0px;
	padding:0px;
	margin-bottom:2px;
}

#colonne_droite ul
{
	margin-left:0px;
	margin-top:5px;
	padding:0px;
	list-style-type:none;
}

#colonne_droite li
{
	float:left;
	width:204px;
	cursor:pointer;
	text-align:center;
}

#colonne_droite img:hover
{
	border:none;
}

#colonne_gauche
{
	float:left;
	width:231px;
	background-color:#323232;
}

#contenu
{
	float:right;
	background-color:#E5E5E5;
	width:503px;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contenu a
{
	color:#FF9900;
}

#contenu a:hover
{
	text-decoration:none;
}

#contenu h1
{
	font-size:18px;
	color:#FF9900;
}

#contenu h2
{
	font-size:16px;
	color:#FF9900;
}

#menu_gauche
{
	float:left;
	width:231px;
	background-color:#323232;
	text-align:center;
	margin-bottom:20px;
}

#menu_gauche ul
{
	margin-left:0px;
	margin-top:5px;
	padding:0px;
	list-style-type:none;
}

#menu_gauche li
{
	float:left;
	width:231px;
	height:31px;
	background:url(../imgs/fond-bouton-categorie.jpg) no-repeat 0px 0px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

#menu_gauche p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:8px;
	vertical-align:bottom;
	color:#FFFFFF;
	text-align:left;
	margin-left:25px;
}

#menu_bas
{
	float:left;
	width:231px;
	background-color:#323232;
	text-align:center;
	margin-bottom:30px;
}

#menu_bas ul
{
	margin-left:0px;
	margin-top:5px;
	padding:0px;
	list-style-type:none;
}

#menu_bas li
{
	float:left;
	width:231px;
	height:31px;
	background:url(../imgs/fond-bouton-bas.jpg) no-repeat 0px 0px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

#menu_bas li:hover
{
	background-position:-231px;
}

#menu_bas p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:7px;
	vertical-align:bottom;
	color:#FFFFFF;
	text-align:left;
	margin-left:20px;
}

#menu_bas h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:7px;
	vertical-align:bottom;
	color:#FFFFFF;
	text-align:left;
	margin-left:20px;
}

#actualite
{
	float:left;
	width:231px;
	height:380px;
	background-color:#323232;
}

#actualite .titre
{
	padding-left:2px;
	padding-top:10px;
}

#actualite h2
{
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	text-transform:uppercase;
	margin:0px;
	font-weight:bold;
	font-size:13px;
	color:#FF9900;
}

#actualite .sousTitreActu
{
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	margin:0px;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

#actualite .texteActu
{
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	margin:0px;
	font-size:12px;
	color:#FFFFFF;
}

#actualite .basActu
{
	margin-top:5px;
	margin-right:20px;
}

#actualite .basActu a
{
	color:#FFFFFF;
	text-decoration:none;
}

#actualite .basActu a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

#calculez
{
	width:360px;
	height:280px;
	float:left;
	border-left:1px solid #666666;
}

#footer
{
	float:left;
	width:960px;
	height:30px;
	background:url(../imgs/fond-footer.gif) repeat-x;
}

#footer ul
{
	float:right;
	margin-left:0px;
	margin-top:5px;
	padding:0px;
	list-style-type:none;
}

#footer li
{
	margin:3px 5px 5px 5px;
	float:left;
	vertical-align:middle;
}

#footer a
{
	text-decoration:none;
	color:#000000;
}

#footer a:hover
{
	text-decoration:underline;
	color:#000000;
}

#bloc_orange
{
	width:380px;
	padding:10px;
	background-color:#EF8320;
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	margin-bottom:10px;
}

#contenu ul
{
	list-style-type:disc;
	margin-left:20px;
}




div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 231px; 
	height: 350px;
	overflow: hidden;
}

div.scroller div.section
{
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:221px;
	height:350px;
	overflow:hidden;
	float:left;
	padding-right:10px;	
	padding-left:5px;	
}

div.scroller div.content
{
	width: 10000px;
}