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

html,body{
	margin:0;
	padding:0;
	background:url(../images/bg.png) repeat-x;
	font:12px "Century Gothic";
}
img
{
	border:none;
}
#nav-container{
	width:100%;
	height:auto;
	background:url(../images/bg-menu.png) repeat-x;
	position:fixed;
	top:0;
	z-index:999999;
}
#nav {
	padding:0;
	margin:0 auto; 
	list-style:none; 
	height:50px; 
	width:950px;
	position:relative;
	z-index:500; 
	font:14px "Century Gothic";
	background: url(bg-menu.png);
}
#nav li.top {
	display:block; 
	float:left;
}
#nav li a.top_link {
	display:block; 
	float:left; 
	height:50px;
	width:150px;
	line-height:50px; color:#ecffd3; 
	text-decoration:none;  
	cursor:pointer;
	background: url(bg-menu.png);
}

#nav li a.top_link span {
	float:left; 
	display:block; 
	width:150px;
	text-align:center;
	height:50px;
	background:url(separator.png) no-repeat right 15px;
}
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	height:50px; 
	background: url(separator.png) no-repeat right 15px;
}
#nav li a.top_link:hover ,#nav li a.active{
	color:#fff;
	background:url(bg-hover-home.png) no-repeat left 15px;
}
#nav li:hover > a.top_link span.down {
	background:url(bg-hover-home.png) no-repeat left 15px;
}
/* Default list styling */

#nav li:hover {
	position:relative; 
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav li:hover ul.sub
{
	left:0; 
	top:50px; 
	background: #fff; 
	padding:3px; 
	border:1px solid #a5c874; 
	border-top:none;
	white-space:nowrap;
	width:150px; 
	height:auto; 
	z-index:300;
}
#nav li:hover ul.sub li{
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:150px; 
	font-weight:normal;
}
#nav li:hover ul.sub li a{
	display:block; 
	font-size:11px; 
	height:20px; 
	width:150px; 
	line-height:20px; 
	text-indent:5px; 
	color:#000; 
	text-decoration:none;
}
#nav li ul.sub li a.fly{
	background:#fff url(arrow.gif) 140px 7px no-repeat;
}
#nav li:hover ul.sub li a:hover {
	background:#a5c874; 
	color:#fff;
}
#nav li:hover ul.sub li a.fly:hover{
	background:#a5c874 url(arrow_over.gif) 140px 7px no-repeat; 
	color:#fff;
}

#nav li:hover ul li:hover > a.fly {
	background:#a5c874 url(arrow_over.gif) 140px 7px no-repeat; 
	color:#fff;
} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{
	left:150px; 
	top:-4px; 
	background: #fff; 
	padding:3px; 
	border:1px solid #a5c874; 
	white-space:nowrap; 
	width:150px; 
	z-index:400; 
	height:auto;
}

.home
{
	width:50px;
	display:block;
	text-align:center;
	padding:18px 0;
	background: url(separator.png) no-repeat right 15px;
}
.logo
{
	width:202px;
	height:122px;
	position:absolute;
	top:0;
	left:35px;
	z-index:111111;
}
#header-slider
{
	width:965px;
	margin:50px auto 0 auto;
	background:#ffffff;
	padding:10px;
	position:relative;
}
#pave_definition{
	width:185px;
	height:135px;
	padding:5px;
	position:absolute;
	bottom:20px;
	right:20px;
	background:url(../images/bg-transparent.png);
	z-index:111111;
}
#pave_definition p
{
	margin:0;
	padding:10px 0;
}
#nav-slider
{
	width:105px;
	height:40px;
	background:url(../images/slider-bg.png);
	position:absolute;
	bottom:-15px;
	z-index:999999;
	left:428px;
}
#navig
{
	margin:4px auto;
	padding:0;
	width:66px;
}
#navig li
{
	list-style:none;
	float:left;
}
#navig li a
{
	display:block;
	width:16px;
	height:16px;
	margin:5px 3px;
	background:url(../images/slider-non-active.png);
	text-decoration:none;
	outline:none;
}
#navig li.activeSlide a
{
	background:url(../images/slider-active.png);
}
#content
{
	width:950px;
	height:auto;
	background:#ffffff url(../images/bg-content.png) top repeat-x;
	margin:auto;
}
.orange
{
	color:#fb9129;
}
.vert
{
	color:#6f9d30;
}
#text-content
{
	width:898px;
	margin:0 auto;
	padding:55px 0;
}
#text-content h3
{
	font:22px "Century Gothic";
	margin:0;
	padding:10px 25px;
	color:#e6760c;
	background:url(../images/arrow-h3.png)  0 55% no-repeat;
}
.left-col
{
	width:398px;
	float:left;
	padding:10px 25px;
	margin-top:10px;
	text-align:justify;
}
.right-col
{
	width:398px;
	float:right;
	padding:10px 25px;
	margin-top:10px;
	text-align:justify;
}
#footer
{
	width:950px;
	margin:auto;
	background:#dfdfdf url(../images/bg-footer.png) repeat-x  ;
}
.foot-left
{
	width:280px;
	padding-left:35px;
	float:left;
}
.foot-left h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic";
}
.foot-left ul
{
	margin:0;
	padding:0;
}
.foot-left ul li
{
	color:#444444;
	font:12px "Century Gothic";
	list-style:none;
	padding:10px 5px;
	border-top:solid 1px #bfbfbf;
}
.foot-temoignage
{
	width:280px;
	height:auto;
	float:left;
	margin:0 25px;
	background:url(../images/temoignage.png) no-repeat 5px 75px ;
}
.foot-temoignage p,.foot-temoignage h1,.foot-temoignage h2{
	margin:0;
	padding:10px 0;
	float:right;
	width:228px;
	font:12px "Century Gothic",Arial, Helvetica, sans-serif
	/*text-align:justify;*/
}

.foot-temoignage h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic";
	border-bottom:solid 1px #bfbfbf;
}
.news
{
	width:295px;
	float:right;
}
.news h3
{
	margin:0;
	padding:25px 0 15px 0;
	color:#444444;
	font:20px "Century Gothic";
}

.new-container {
    background: none repeat scroll 0 0 #D4D4D4;
    margin-right: 20px;
    padding: 10px 25px;
    position: relative;
    width: 215px;
}
.new-container .left-bg-t
{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/news-left.png);
	width:10px;
	height:10px;
}
.new-container .right-bg-t
{
	position:absolute;
	top:0;
	right:0;
	background:url(../images/news-right.png);
	width:10px;
	height:10px;
}
.new-container .left-bg-b
{
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/news-left-b.png);
	width:10px;
	height:10px;
}
.new-container .right-bg-b
{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/news-right-b.png);
	width:10px;
	height:10px;
}
.new-container h4
{
	color:#444444;
	font:16px "Century Gothic";
	height:22px;
	margin:0;
	padding:5px 0 5px 40px;
	background:url(../images/news-bg.png) no-repeat;
}
.new-container form
{
	margin:0;
	padding: 15px 0;
}
.input-news
{
	width:123px;
	height:15px;
	padding:5px;
	background:url(../images/input-news.png);
	float:left;
	border:none;
	color:#8d8d8d;
	font:12px "Century Gothic";
	
}
.input-btn
{
	width:78px;
	height:25px;
	cursor:pointer;
	border:none;
	background:url(../images/s-abonner.png);
	float:left;
}
.coop
{
	width:950px;
	padding:5px 0;
	margin:auto;
	text-align:right;
}
.clr
{
	clear:both;
}