/* CSS Document */

/* GENERAL */
html,body {
margin:0;
padding:0;
font: normal 11px Arial, Helvetica, sans-serif;
color: #303030;
text-align:center;
background: transparent url(../images/background.jpg) repeat-x;
}

.background_home {
background: transparent url(../images/background_home.jpg) repeat-x;
}

img { 
border: none;
}

a{
outline: none;
}

:focus {
outline: none;
}

em {
font-weight: bold;
}

.italique{
font-style:italic;
font-weight: 100;
}



/**** 
LAYOUT 
****/

/**** Englobe tout ****/
#container {
width:910px;
margin:0 auto;
text-align:left;
}

/**** HEADER Contient Nav Sup ****/
#header {
width: 910px;
height:85px;
margin:0;
background: transparent url(../images/bckg_nav_sup.jpg) no-repeat 0 0;
}

		/* NAVIGATION Onglet pricipal + Deroulant */
		.menu {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		width: 910px;
		}
		
		.menu ul {
		position: absolute;
		display: block;
		width: 130px;
		margin: 0;
		padding: 0;
		}
			
		.menu li ul {
		visibility: hidden;
		}
			
		.menu li {
		list-style: none;
		display: inline;
		display/**/: block;
		float: none;
		float/**/: left;
		margin: 0;
		padding: 0;
		}
			
		.menu li li {
		display: block;
		float: none;
		}
		
			
		/* 
		correction IE bug 
		F*CK IE
		*/
		* html .menu li li {
		display:inline;
		}
		
		li.onglet_grand a {
		display: block;
		width: 130px;
		height: 45px;
		margin: 0;
		padding: 40px 0 0 0;
		text-align: center;
		text-decoration: none;
		color: #303030;
		font-weight: bold;
		}
			
		li.onglet_grand a:hover {
			background: transparent url(../images/nav_hover.jpg) no-repeat bottom left;
			font-weight: bold;
			}
			
		li.onglet_grand_evidence a {
			display: block;
			width: 130px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align: center;
			text-decoration: none;
			color: #303030;
			background: transparent url(../images/nav_hover.jpg) no-repeat bottom left;
			font-weight: bold;
		}

		li.onglet_FAQ a{
			display:block;
			width: 85px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #303030;
			font-weight: bold;
			}
			
		li.onglet_FAQ a:hover{
			background: transparent url(../images/nav_hover_faq.jpg) no-repeat bottom left;
			font-weight: bold;
			}
			
		li.onglet_FAQ_evidence a{
			display:block;
			width: 85px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #303030;
			background: transparent url(../images/nav_hover_faq.jpg) no-repeat bottom left;
			font-weight: bold;
		}



		li.onglet_CONTACT a{
			display:block;
			width: 85px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #303030;
			font-weight: bold;
			}
			
		li.onglet_CONTACT a:hover{
			background: transparent url(../images/nav_hover_contact.jpg) no-repeat bottom left;
			font-weight: bold;
			}
			
		li.onglet_CONTACT_evidence a{
			display:block;
			width: 85px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #303030;
			background: transparent url(../images/nav_hover_contact.jpg) no-repeat bottom left;
			font-weight: bold;
			}

		li.onglet_NEWSLETTER a{
			display:block;
			width: 84px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #990000;
			font-weight: bold;
			}
			
		li.onglet_NEWSLETTER a:hover{
			background: transparent url(../images/nav_hover_newsletter.jpg) no-repeat bottom left;
			font-weight: bold;
			}
			
		li.onglet_NEWSLETTER_evidence a{
			display:block;
			width: 84px;
			height: 45px;
			margin: 0;
			padding: 40px 0 0 0;
			text-align:center;
			text-decoration:none;
			color: #990000;
			background: transparent url(../images/nav_hover_newsletter.jpg) no-repeat bottom left;
			font-weight: bold;
			}

		li.ssmenu a{
			display:block;
			width: 130px;
			height: auto;
			margin: 0;
			padding: 5px 0 5px 0;
			text-align:center;
			text-decoration:none;
			background-color: #ddd;
			border-top:1px #E9E9E9 solid;
			border-left:1px #c7c7c7 solid;
			border-bottom:1px #c7c7c7 solid;
			border-right:1px #c7c7c7 solid;
			color:#000;
			background-image: none;
			font-weight: bold;
		}
			
		li.ssmenu a:hover{
			background: transparent url(../images/sub_nav_hover.jpg) repeat-x; 
			color:#fff;
		    background-color: #9CC55F;
			font-weight: bold;
		}
		
		li.ssmenuFAQ a{
			display:block;
			width: 88px;
			height: auto;
			margin: 0;
			padding: 5px 0 5px 0;
			text-align:center;
			text-decoration:none;
			background-color: #ddd;
			border-top:1px #E9E9E9 solid;
			border-left:1px #c7c7c7 solid;
			border-bottom:1px #c7c7c7 solid;
			border-right:1px #c7c7c7 solid;
			color:#000;
			background-image: none;
			font-weight: bold;
		}
			
		li.ssmenuFAQ a:hover{
			background: transparent url(../images/sub_nav_hover.jpg) repeat-x; 
			color:#fff;
		    background-color: #9CC55F;
			font-weight: bold;
		}
	
/**** LOGO Contient Module Register ****/
#logo, #homeflash {
width: 910px;
height:115px;
margin:0;
background: transparent url(../images/bckg_logo.jpg) no-repeat 0 0;
}

#logo2 {
width: 910px;
height:115px;
margin:0;
background: transparent url(../images/bckg_logo2.jpg) no-repeat 0 0;
}

#logo_zone {
display: block;
width: 312px;
height: 115px;
margin: 0;
}

#logo_zone a{
display: block;
width: 312px;
height: 115px;
font-size: 1px;
color:#fff;
text-decoration: none;
}

	/* REGISTER */
	#register {
	position: relative;
	top: 0;
	left: 779px;
	display: block;
	width: 131px;
	height: 105px;
	/*padding: 25px 0 0 0;*/
	margin: -115px 0 0 0;
	color: #303030;
/*	background: transparent url(../images/download_title.jpg) no-repeat 0 0;*/
	}
	
	.input_register {
	font-size: 11px;
	padding: 0 0 0 5px;
	}
	
	a.link_register {
	color: #900;
	text-decoration: underline;
	padding: 0 0 0 5px;
	}
	
	a:hover.link_register {
	color: #000;
	text-decoration: none;
	padding: 0 0 0 5px;
	}


/**** WRAPPER Contient Content ****/
#wrapper {
float:left;
width: 910px;
margin: 50px 0 10px 0;
}

#wrapper_home {
float:left;
width: 910px;
margin: 0;
}
	
/* HOME IMG - Centre tout */
	#home_img {
		text-align: center;
		width: 910px;
		height: 369px;
	}
	
	#homecitation {
		width: 910px;
		font-size:12px;
	}
	
	#homecitation p{
		text-align: left;
		float:right;
		margin-bottom: 10px;
	}
	
	#homecitation strong{
		font-weight: bold;
	}
	#homecitation em{
		font-weight: normal;
		font-style: italic;
	}
	
	#homecitation a {
		color:#000000;
		text-decoration:underline;
	}
		/* CONTENT */
	#content {
	width: 700px;
	margin: 0;
	padding: 0;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
	/* ILLU Txt - Sépare le content en 2 */
	#illu {

	background: transparent url(../images/pdf_illu.jpg) no-repeat 0 0;
	width: 260px;
	height: 220px;
	padding-top:65px;
	padding-right:103px;
	font-size: 12px;
	}
	
/*background-color:#0099CC;

	float: right;
	
	height: 500px;
	background: transparent url(../images/pdf_illu.jpg) no-repeat 0 0;
	margin: 0 0 0 50px;
	padding: 70px 0 0 0;
	}
*/
	
	#content h2 {
	font: bold 22px Verdana, Arial, Helvetica, sans-serif;
	color: #951A2B;
	}
	
	#content h3 {
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #90C535;
	}
	
	#content h4	{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	}
	
	#content li	{
	margin: 8px 0 8px 0;
	line-height: 25px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif
	}
	
	#content p {
	/*line-height: 10em;*/
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#content p.mini {
	font-size: 9px;
	}
	
	#content a{
	text-decoration: none;
	color: #94C43A;
	}
	
	#content a:hover{
	text-decoration: underline;
	color: #000;
	}
	
	.ssParagraphe {
	margin: 0;
	line-height: 25px;
	}
	
	.SSssParagraphe {
	margin: 0 0 0 45px;
	line-height: 25px;
	}
	
	h6.SSssParagraphe {
	margin: 0 0 0 45px;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 25px;
	}
	h5.evidenceParagraphe {
	font-style: italic;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
	color: #999;
	line-height: 25px;
	}
	
	.evidenceParagraphe {
	font-style: italic;
	margin: 0 0 0 20px;
	line-height: 25px;
	color: #999;
	}
	
/**** NAVIGATION Sous navigation à coté du content ****/
#sub_nav {
float: left;
width: 131px;
padding: 10px 0 0 0;
margin: 50px 0 0 -131px;
background: transparent url(../images/bckg_nav_sub.jpg) no-repeat 0 0;
}
	
	#sub_nav li {
	list-style-type: square;
	margin: 20px 0 0 -15px;
	}
	
	#sub_nav a {
	color: #303030;
	text-decoration: none;
	}
	
	#sub_nav a:hover {
	color: #94C43A;
	text-decoration: none;
	}	
#sub_nav_evidence a {
	color: #94C43A;
	text-decoration: none;
	}

/**** NEWS WIDGET ****/
#demos { background:#dbedbf url(../images/news_widget.jpg) no-repeat top; border: 1px solid #b5cc90; padding: 10px; overflow: hidden; margin-bottom: 20px; }
 
#demos h2 { margin: 0 0 10px; background: url(../images/news_widget_title_fr.gif) no-repeat; text-indent: -9999px; }
#slideshow { }

span.news_date 			{ color: #a60000; font-weight: bold; font-size: 12px; margin-bottom: 5px; display: block; }
span.news_title			{ display: block; margin-bottom: 10px;font-size: 12px; }
span.news_title a 		{  }
span.news_title a:hover {  }

#demos a 		{ text-decoration: underline; }
#demos a:hover  { text-decoration: none; color: #303030; }

div#news-nav { margin-bottom: 10px; }
span#prev { margin-right: 5px; }

/**** 
CONTENT 2ème colonne si nécessaire 
/!\ Virer sub nav!!! /!\
****/
#extra {
background: #FF8539;
float: left;
width: 150px;
margin: 50px 0 0 -300px;
}

/**** FOOTER ****/
#footer {
clear:left;
width:910px;
border-top: 1px solid #B2B2B2;
}

	#footer p { 
	margin:0;
	padding:5px 0;
	}

	#footer a { 
	color: #303030;
	text-decoration: none;
	}
	
	#footer a:hover { 
	color: #94C43A;
	text-decoration: none;
	}

#newsSearch{
	padding-left:16px;
	padding-top:45px;
	width:750px;
	height:129px;
	background-image:url(../images/news_bg.gif);
	background-repeat:no-repeat;
}
#newsSearchTitle {
	color:#95C444;
	font-size:24px;
	margin-bottom:8px;
}

#newsSearchCat {
	float:left;
	margin-right:25px;
}
#newsSearchForm {
	float:left;
}
.newsform {
	padding:0; margin:0;
}
.newsSelect{
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	width:350px;
	border:1px solid #A5ACB2;
}
.newsSearchField {
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	width:150px;
	border:1px solid #A5ACB2;
}
.newsSearchBtn {
	background-image:url(../images/news_search_btn_off.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	width:76px;
	height:20px;
	border:0px;
}
.newsEl{
	margin-bottom:22px;
	width:735px;
	background: url(../images/news_item.jpg) no-repeat top center;
	padding: 10px;
}
.newsElDate {
	font-size:10px;
	margin-bottom:5px;
}
.newsElTitle{
	color:#95C444;
	font-size:18px;
	margin-bottom:5px;
}
.newsElText{
	margin-bottom:15px;
}

#newsRetourBtn a {
	color:#951A2B;
	font-size:10px;
	text-decoration:none;
	margin-bottom:10px;
	margin-left:5px;
}
#newsRetourBtn a:hover {
	color:#951A2B;
	font-size:10px;
	text-decoration:none;
}
#newsSearchTitle {
	color:#95C444;
	font-size:18px;	
	margin-bottom:5px;
}
.highlightcolor {
	background-color:#FDFF3B;
}

#pagenav { width:755px; height: 38px; background: url(../images/news_nav.jpg) repeat-x; text-align: center; line-height: 38px; }

#pagenav a { color: #303030; }

.readmore 	{ overflow: hidden; }
.readmore a { display: block; width: 111px; height: 25px; text-align: center; line-height: 25px; background: url(../images/news_more.jpg) no-repeat top; float: right; color: #303030 !important; }

a#news-pagi-prev, a#news-pagi-next { display: inline-block; width: 110px; height: 38px; color: #303030; font-weight: bold; }

a#news-pagi-prev { text-indent: 15px; margin-right: 20px; background: url(../images/news_nav_prev.jpg) no-repeat; }
a#news-pagi-next { text-indent: -20px; margin-left: 20px; background: url(../images/news_nav_next.jpg) no-repeat; }

#news_nav { width:755px; height: 38px; background: url(../images/news_nav.jpg) repeat-x; line-height: 38px; }

a#return_link, a#next_link { display: block; height: 38px; color: #303030; font-weight: bold; }

a#return_link { width: 220px; text-indent: 30px; float: left; background: url(../images/return_link.jpg) no-repeat; }
a#next_link { width: 165px; float: right; background: url(../images/next_link.jpg) no-repeat right; text-indent: 20px; }

#news_box { margin-top: 20px; width:735px;
	background: url(../images/news_item.jpg) no-repeat top center;
	padding: 10px; }