@charset "utf-8";
/* CSS Document */
html,body { height:100%; margin:0; }
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-color: #303030;
	margin-left:0px;
	margin-top:0px;

	}

a:link
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
}

a:visited
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
}
a:hover
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight: normal;
color: #fff;
text-decoration:none;
}		
h1
{
color:#FFAB2E;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-top:25px;
padding-bottom:0px;
letter-spacing: 0.1em;

}
h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

.total
{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}
.td_gauche
{
	background-image:url(images/ombre_orange.png); 
	background-repeat:no-repeat; 
	background-color:#FFAB2E; 
	vertical-align:top; width:15px;
	height:100%;

}
.td_menu_gauche
{
	background-color:#FFAB2E; 
	vertical-align:top;
	width:166px;
	height:100%;
}


.contenu
{
vertical-align:top;
margin-left:40px;;

}

.barre_droite
{
	vertical-align:top;
	width:184px;
	background-image:url(images/degrade_noir.jpg);
	background-repeat:no-repeat;
	background-color:#303030;
	
	}
	
FORM {}

.hauteur {margin: 0}

p
{
	text-align:justify
	}
.tx
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
}

/* menu vertical */
#menuverti {
	padding-left:16px;
	margin-top:15px;
	margin-bottom:15px;
}
.menupere {
	text-transform:uppercase;
	color:#303030;
	font-size:11px;
	text-align:right;
	margin-top:0px;
	padding-right:30px;
	font-weight:bold;
}
		.vertical ul{
			list-style-type: none;
			padding: 0;
			width: 135px;
			margin: 0;
			position: relative;

		}
		.vertical li a{
			display: block;
			width: 120px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border:none;
		}
		.vertical li{
			position: relative;
			border:none;
			margin-bottom: 2px;
		} 
		.vertical li ul{
			position: absolute;
			top: -1px;
			left: 146px;
		}
		.wi1 ul li a{ /* couleur du menu */
			color: #ffffff;
			letter-spacing:-0.1em;
			text-align:right;
		}
		.wi1 li a:hover {
			color: #000000;
			letter-spacing:-0.1em;
			text-align:right;
		}
	.titrevert
	{
		color:#aacb39;
		font-size:12px;
		font-weight:bold;

	}
	
	.titrerouge
	{
	color:#E35021;
			font-size:12px;
		font-weight:bold;

	}
	.titrebleu
	{
	color:#4DC9D3;	
			font-size:12px;
		font-weight:bold;

	}.titreorange {
		color:#FFAB2E;
				font-size:12px;
		font-weight:bold;

}
/*titre des actus */
	.titreactuvert
	{
		color:#aacb39;
		font-size:11px;
		font-weight:bold;

	}
	
	.titreacturouge
	{
	color:#E35021;
	font-size:11px;
	font-weight:bold;

	}
	.titreactubleu
	{
	color:#4DC9D3;	
	font-size:11px;
	font-weight:bold;

	}.titreactuorange {
	color:#FFAB2E;
	font-size:11px;
	font-weight:bold;

}
/*navigation detail site*/
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* droite */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* gauche */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* haut et bas */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* haut */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* bas */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* desactivation des boutons de navigation */
a.disabled {
	visibility:hidden !important;		
} 	

div.scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width: 300px;
	height:75px;

	/* déco */
	border:1px solid #ccc;
}

div.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

div.scrollable img {
	float:left;
	background-color:#fff;
	padding:0px;
	/*border:1px solid #ccc;*/
	cursor:pointer;
	width:100px;
	height:75px;
}

div.scrollable .active {
	/*border:2px solid #000;*/
	z-index:9999;
	position:relative;
}

/* position et dimension de la zone de scrolling */
.navi {
	margin-left:20px;
	width:300px;
	height:20px;
}


/* element intérieur */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

.navi a:hover {
	background-position:0 -8px;      
}

.navi a.active {
	background-position:0 -16px;     
}
#positionnement th
{
color:#FFAB2E;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
background-color:#141414;
border:0px;
text-indent:5px;
}.titrevertbleu {
	color:#6db982;
	font-size:12px;
	font-weight:bold;
}
.pied
{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#FFF;
width:778px;
margin-left:auto;
margin-right:auto;
padding-left:160px;
padding-top:10px;
}
.barreorange
{
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
color:#FFAB2E;
padding-left:4px;
padding-right:4px;
}

.pics {
	width:210px;
	float:left;
	overflow:hidden;
}
.pics img { display: none }
.pics img.first { display: block }