/**
 * @file				home.css
 */
#menu ul ul {display:none;}

#content {
	float:left;
	width:663px;
	margin:9px 0 0;
}

#content p {
	margin:0 0 18px;
	color:#002E60;
	font-weight:bold;
}
#content p.important {
	margin:0 0 10px 10px;
	color:#178FD5;
	font-family:Georgia, Arial, sans-serif;font-size:1.1em;font-weight:normal;
	display:block;
	width:326px;
	float:right;
}
#content p.important strong {
	font-weight:normal;font-size:2em;
}

/**
 * @section			push
 */
.push {float:right;}

/**
 * @section			
 */
#news {position:relative;}
#news .header {
	position:relative;z-index:2;
	height:34px;
	background:url(../img/home/bg/news-header.jpg) no-repeat;
}
#news .header .borderDecoration {
	position:absolute;top:34px;left:44px;
	display:block;
}

#news h2 {
	float:left;
	width:94px;
	margin:11px 0 0 5px;
	color:#EA8406;
	font-family:Arial, sans-serif;font-weight:bold;font-size:12px;
	text-align:center;
}

#news .header ul {
	float:left;
	width:395px;
	margin:9px 1px 0 0;
}

#news .header ul li {
	float:left;
	padding:0;
	background:none;
}

#news .header ul li a {
	display:block;
	border-top:1px solid #BDBCBD;border-bottom:1px solid #BDBCBD;border-right:1px solid #BDBCBD;padding:0px 5px;
	color:#6F6F6F;background:#D9DDDF;
	font-size:.82em;
	text-decoration:none;
}
#news .header ul li.first a {border-left:1px solid #BDBCBD;}

#news .header ul li a:hover,
#news .header ul li.select a {
	color:#FFF;background:#F38C0C;
}

#news .videoTestimonials {
	float:left;
	width:163px;height:24px;
	padding:9px 0 0;
	color:#6E6E6E;
	text-align:center;text-decoration:none;
}
#news .videoTestimonials:hover {
	text-decoration:underline;
}
#news .content {
	position:relative;z-index:1;
	width:663px;height:209px;
	background:url(../img/home/bg/news-content.jpg) no-repeat;
}
#news .content .wrapper {
	position:relative;
	overflow:auto;
	width:653px;height:204px;
	margin:0 0 0 5px;
}

.item {
	margin-bottom:0px;padding-bottom:0px;
	background:none;
}
#footer .item {background-image:none;}

#home-content-left {
	float:left;
	width:663px;
	height:341px;
	background-image:url(../img/home/bg/home-content-left_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#home-content-left ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#home-content-left ul li {
	float:left;
	background-image:none;
	margin:0;
	padding:0;
}
#home-content-left ul li a.item1 {display:block;width:150px;height:45px;margin:43px 0 0 7px; background-image:url(../img/home/panneau/panneau-item1-off.gif); background-repeat:no-repeat;}
#home-content-left ul li a.item1:hover {background-image:url(../img/home/panneau/panneau-item1-ov.gif)}
#home-content-left ul li a.item1 span{display:none;}

#home-content-left ul li a.item2 {display:block;width:150px;height:45px;margin:43px 0 0 13px; background-image:url(../img/home/panneau/panneau-item2-off.gif); background-repeat:no-repeat;}
#home-content-left ul li a.item2:hover {background-image:url(../img/home/panneau/panneau-item2-ov.gif)}
#home-content-left ul li a.item2 span{display:none;}

#home-content-left ul li a.item3 {display:block;width:80px;height:65px;margin:5px 0 0 165px; background-image:url(../img/home/panneau/panneau-item3-off.gif); background-repeat:no-repeat;}
#home-content-left ul li a.item3:hover {background-image:url(../img/home/panneau/panneau-item3-ov.gif)}
#home-content-left ul li a.item3 span{display:none;}


#home-content-left ul li a.item4 {display:block;width:80px;height:65px;margin:15px 0 0 70px; background-image:url(../img/home/panneau/panneau-item4-off.gif); background-repeat:no-repeat;}
#home-content-left ul li a.item4:hover {background-image:url(../img/home/panneau/panneau-item4-ov.gif)}
#home-content-left ul li a.item4 span{display:none;}

#home-content-right {float:right; width:326px;}

.js #news .content .wrapper {overflow:hidden;}
#news .content .wrapper ul {
	position:relative;
}

#content #news .content li {
	position:relative;
	height:204px;
	padding:0;
	background:none;
}
#content #news .visual {
	position:relative;z-index:1;
}
#content #news .visual img {display:block;}
#content #news .text {
	position:absolute;
	top:2px;
	left:0;
	z-index:2;
	width:439px;
	height:204px;
}
#content #news .text .bgWrapper {
	width:100%;height:204px;
	background:url(../img/home/bg/news-item-content.png) no-repeat;
}
#content #news .text a {position:relative;}

#content #news .text p,
#content #news .text ul {
	margin:0 20px 0 20px;
}
#content #news .text p {color:#545048;}

#content #news .text .date {
	padding-top:23px;margin-bottom:6px;
	color:#F49100;
	font-size:10px;font-weight:bold;font-family:Arial, sans-serif;
}
#content #news .text .title {
	margin-bottom:5px;
	font-size:16px;font-weight:normal;font-family:Arial, sans-serif;
}
#content #news .text .title strong {font-size:20px;font-weight:bold;font-family:Georgia, Arial, sans-serif;}

#content #news .text ul {
	position:absolute;bottom:14px;
	margin-left:16px;
}
#content #news .text ul li {
	float:left;
	height:auto;
	color:#545048;
	font-family:Arial, sans-serif;font-size:11px;
}
#content #news .text ul li a {
	float:left;
	padding:0 5px;
	color:#545048;
}

#video {
	/*display:none; */
	display: block;
	height:33px; 
	padding:17px 15px 0 25px;
	margin-top:15px;
	text-decoration: none;
	color:#545048 !important; 
	font-size:0.85em !important;
	background: url(../img/home/bg/btn_video.png) no-repeat top left;
}
#video:hover {
	/*display:none; */
	background-position: bottom left;
}

#observatoire {
	/*display:none; */
	display: block;
	height:33px; 
	padding:17px 15px 0 25px;
	text-decoration: none;
	color:#545048 !important; 
	font-size:0.85em !important;
	background: url(../img/home/bg/logo_fv_observatoire.png) no-repeat top left;
}
#observatoire:hover {
	/*display:none; */
	background-position: bottom left;
}

#youtube {
	display:none;
}

#videoyoutube {
	
}

#news .leftCorner,
#news .rightCorner {position:absolute;top:234px;z-index:2;}
#news .leftCorner {left:5px;}
#news .rightCorner {left:654px;}





#serviceCivique {
    position: absolute; left: 30px; top: -136px;
}

#serviceCivique a {
    float:left;
    clear:both;
}


#serviceCivique img {
    float: left;
    clear:both;
    padding-left: 35px;
}

#serviceCivique a img {
    float: left;
    padding-left:0;
}






/**
 * @section 			easyclearing
 */
#news .header ul:after,
#news .header:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}