@import url( 'reset.css' );
@import url( 'header.css' );

#bg_home {
	
	background-image:url(../_img/bg_home.gif);
	background-repeat:no-repeat;
	background-position:0px 402px;
	
}

#slideshow {
	
	position:relative;
	color:#BBB;
	font-size:26px;
	line-height:30px;
	width:1105px;
	
}

#slideshow .item {
	
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:251px;
	 filter : alpha(opacity=0); 
    -moz-opacity : 0; 
    opacity : 0;
	
}

#slideshow .item_text p {
	
	padding:20px;
	padding-left:15px;
	
}

#slideshow strong {
	
	color:#FFF;
	
} 

#slideshow .item_text {
	
	float:left;
	width:278px;
	background-image:url(../_img/bg_slideshow.gif);
	background-repeat:repeat-x;
	border-right:1px solid #FFF;
	
}

#slideshow .item_images {
	
	float:left;
	margin-left:-1px;
	border-left:1px solid #FFF;
	
}

#content {
	
	float:left;
	background-image:url(../_img/shade_content_left.gif);
	background-repeat:repeat-y;
	background-position:top left;
	
}

#content_right {
	
	margin-top:-149px;
	
}

html body #content_right .box_gris {
	
	min-height:538px;
	
}

#content_left {
	
	float:left;
	width:232px;

}

#content_left h2 {
	
	font-size:16px;
	text-align:right;
	color:#888;
	background-color:#444;
	background-image:url(../_img/bg_h2_left.gif);
	background-position:16px 1px;
	background-repeat:no-repeat;
	height:39px;
	
}

#content_left h2 strong {
	
	display:block;
	padding-top:12px;
	padding-right:43px;
	
}

#content_left ul li {
	
	padding-top:10px;
	padding-right:20px;
	padding-left:15px;
	background-image:url(../_img/stroke_news.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:92px;

}

#content_left h3,
#content_left h3 a:link,
#content_left h3 a:visited {
	
	padding:0px;
	font-size:12px;
	color:#333;
	text-transform:uppercase;
	
}

#content_left p {
	
	color:#888;
	padding:0px;
	line-height:14px;
	
}

strong.date {
	
	display:block;
	font-size:11px;

}

#content_left ul li.box_orange:hover {
	
	background-color:#fe7303;
	background-image:url(../_img/new_orange.gif);
	
}

#content_left ul li.box_bleu:hover {
	
	background-color:#1f92fe;
	background-image:url(../_img/new_bleu.gif);
	
}

#content_left ul li.box_vert:hover {
	
	background-color:#3dbe1b;
	background-image:url(../_img/new_vert.gif);
	
}

#content_left ul li.box_jaune:hover {
	
	background-color:#efba00;
	background-image:url(../_img/new_jaune.gif);
	
}

#content_left ul li.box_rouge:hover {
	
	background-color:#efba00;
	background-image:url(../_img/new_rouge.gif);
	
}

#content_left ul li:hover,
#content_left ul li:hover a,
#content_left ul li:hover p,
#content_left ul li:hover h3,
#content_left ul li:hover strong.date {
	
	color:#FFF;
	background-position:right top;
	background-repeat:repeat-y;
	
}

.logos {
	
	float:left;
	padding-top:35px;
	padding-bottom:50px;
	
}

#content_right .adresse {
	
	float:right;
	color:#2c2c2c;
	padding-top:45px;
	padding-bottom:10px;

}

#content_right .adresse strong {
	
	text-transform:uppercase;
	font-size:13px;
	
}

#content_right .adresse .left {
	
	width:321px;
	
	
}

.carousel {
	
	position:relative;
	height:327px;

}

.carousel_mask {
	
	position:absolute;
	width:100%;
	height:100%;
	margin-left:-5px;
	padding-left:10px;
	overflow:hidden;
	
	
}

.carousel ul {
	
	position:absolute;
	left:0px;
	top:0px;
	padding-left:5px;
	width:500px;

}

.carousel li {
	
	float:left;
	min-height:280px;
	margin-right:8px;
	width:201px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	background-color:#FFF;
	
}

.carousel li.over {
	
	-moz-box-shadow: 1px 1px 5px #aaa;  
    -webkit-box-shadow: 1px 1px 5px #aaa;  
    box-shadow: 1px 1px 5px #aaa; 	
	
}

.carousel li.over h4 a:link,
.carousel li.over h4 a:visited {
	
	color:#ff7304;
	
}

.carousel h4,
.carousel h4 a:link,
.carousel h4 a:visited {
	
	color:#333;
	font-size:12px;
	line-height:16px;
	text-transform:uppercase;
	
}

.carousel h4 {
	
	padding-top:20px;
	padding-bottom:10px;
	
}

.carousel .next,
.carousel .prev {
	
	width:37px;
	height:317px;
	margin-top:0px;
	background-position:center center;
	background-repeat:no-repeat;
	
}

.carousel .prev {
	
	float:left;
	margin-left:-38px;
	background-image:url(../_img/arrow_left.png);
	
}

.carousel .prev:hover {
	
	border-right:1px solid #EEE;
	background-image:url(../_img/arrow_left_on.png);
	
}

.carousel .next {
	
	float:right;
	margin-right:-38px;
	background-image:url(../_img/arrow_right.png);
	
}

.carousel .next:hover {
	
	border-left:1px solid #EEE;
	background-image:url(../_img/arrow_right_on.png);
	
}