/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; font-weight:bold; }

/*CODE DU SITE*/
body{
	background-image:url(../images/fond.png);
	background-repeat: repeat;
	padding:0;
	margin:0;
	font-family:"Lucida Grande", serif;
	color:#333333;
	font-size:13px;
	line-height:1.5;
}
#login{
	height:18px;
	width:976px;
	margin:0 auto;
	/*border-left:2px solid #B3B3B3;
	border-right:2px solid #B3B3B3;
	border-bottom:1px dashed #8D8D8D;*/
	color:#8F8F8F;
	font-family:Courier, "Comic sans MS", Arial, serif;
	line-height:18px;
	text-align:right;
	font-size:11px;
}
#login a{
	text-decoration:none;
	color:#8F8F8F;	
	font-weight:normal;
}
/*
#top{
	width:980px;
	height:102px;
	margin:0px auto;	
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
}*/
#header{
	width:980px;
	height:192px;
	margin:0px auto;
	background-image:url(../images/test1.png);
	background-repeat:no-repeat;
	position:relative;
	border-top:2px solid #B3B3B3;
}
#header p{
	font-size:40px;
	font-family:Georgia, serif;
	padding:110px 0 0 25px;
	text-shadow: 0 2px 0 #858585;
}

#recherche{
	position:absolute;
	bottom:11px;
	right:13px;
}
#recherche_style input[type=text]{
	float:left;
	border:0;
	width:141px;
	height:37px;
	background-image:url(../images/recherche.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	padding: 0 12px 0 12px;
}
#recherche_style input[type=text]:hover{
	background-position:left bottom;
}
#recherche_style input[type=submit]{
	float:left;
	border:0;
	width:38px;
	height:37px;
	padding:0px;
	background-image:url(../images/recherche_bouton.png);
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:transparent;
}
#recherche_style input[type=submit]:hover{
	background-position:left bottom;
}

#menu{
	width:980px;
	height:40px;
	margin: 0 auto;
}
#menu ul li {
	float: left;
	text-align:center;
	display:block;
	line-height:37px;
	font-family:Tahoma;
	letter-spacing:0.05em;
	text-shadow: 0 1px 0 #FFFFFF;
}
#menu li.img1{background-image:url(../images/1.png); width:102px; height:40px;}	
#menu li.img2{background-image:url(../images/2.png); width:90px;  height:40px;}	
#menu li.img3{background-image:url(../images/3.png); width:103px; height:40px;}	
#menu li.img4{background-image:url(../images/4.png); width:129px; height:40px;}	
#menu li.img5{background-image:url(../images/5.png); width:126px; height:40px;}	
#menu li.img9{background-image:url(../images/9.png); width:141px; height:40px;}	
#menu li.img6{background-image:url(../images/6.png); width:116px; height:40px;}	
#menu li.img7{background-image:url(../images/7.png); width:104px; height:40px;}	
#menu li.img8{background-image:url(../images/8_test1.png); width:69px; height:40px;}	
/*hover*/
#menu li.img1:hover{background-image:url(../images/1_hover.png); width:102px; height:40px;}	
#menu li.img2:hover{background-image:url(../images/2_hover.png); width:90px;  height:40px;}	
#menu li.img3:hover{background-image:url(../images/3_hover.png); width:103px; height:40px;}	
#menu li.img4:hover{background-image:url(../images/4_hover.png); width:129px; height:40px;}	
#menu li.img5:hover{background-image:url(../images/5_hover.png); width:126px; height:40px;}	
#menu li.img9:hover{background-image:url(../images/9_hover.png); width:141px; height:40px;}	
#menu li.img6:hover{background-image:url(../images/6_hover.png); width:116px; height:40px;}	
#menu li.img7:hover{background-image:url(../images/7_hover.png); width:104px; height:40px;}	
#menu li.img8{background-image:url(../images/8_test1.png); width:69px; height:40px;}	
#menu a {
	font-size:13px; 
	color:#5E5E5E;
}
#menu a:hover {
	color:#0F0F0F;
}

#entete{
	background-image:url(../images/entete.png);
	width:980px;
	height:60px;
	margin:0 auto;
	border-bottom:2px dashed #B3B3B3;
	border-top:2px dashed #B3B3B3;
}
#entete p{
	padding-left:50px;
	padding-top:11px;
	color:#555555;
	font-size:25px;
	font-family:Georgia, serif;
}

#conteneur{
	width:980px;
	margin:0 auto;
}

#navigation{
	float:left;
	width:155px;
	height:100%;
	padding:15px 3px 0 5px;
	font-family:Tahoma, serif;
	/*border-right:1px solid #B3B3B3;*/
	border-left:2px solid #B3B3B3;
	background-color:#F9F9F9; /*F7FAFF ancienne couleur*/
}
	#navigation a{
		color:#838383;
		font-weight:normal;
	}	
	#navigation a:hover{
		color:#0088CC;
		font-weight:bold;
	}
	#navigation .lien{
		font-size:13px;
		padding: 3px 0 3px 20px;
	}
	#navigation li{
		text-align:left;
	}
	#navigation li:hover{
		background-color:#EEEEEE;
	}
	#navigation ul{
		border-bottom:1px dashed #B3B3B3;
		max-width:150px;
		padding-top:0px;
	}
	#navigation .titre{
		font-size:15px;
		font-family:"Lucida console", serif;
		letter-spacing:0.04em;
		padding:18px 0 7px 12px;
		color:#838383;
	}
	#navigation .titre:hover{
		color:#333333;
	}


#contenu{
	background-image:url(../images/contenu.png);
	margin:0 auto;
	padding: 15px 0 35px 160px;
	line-height:1.65;
	}
	#contenu p{
		padding:0px 35px 7px 40px;
	}
	#contenu h3{
		padding:17px 0 0 45px;
		color:#444444;
		text-indent:15px;
		font-size:1.15em;
	}
	#contenu h4{
		padding:17px 0 0 45px;
		text-indent:40px;
		font-size:1.10em;
	}
	#contenu a{
		color:#555555;
	}
	#contenu a:hover{
		color:#0088CC;
	}
	#contenu .img_float{
		float:right;
		padding-right:15px;
	}
	#contenu .titreI{
		font-size:15px;
		border-bottom:1px groove #2382AD;
		color:#2382AD;
	}
	#contenu .titreII{
		font-size:14px;
		border-bottom:1px groove #23589E;
		color:#23589E;
	}
	
#bas_page{
	background-image:url(../images/bas_page.png);
	height:110px;
	width:980px;
	border-bottom:2px solid #B3B3B3;
	border-top:2px dashed #B3B3B3;
	/*margin-bottom:15px;*/
	color:#838383;
	clear:both;
}
#bas_page ul{
	float:left;
	width:325px;
	padding:0px;
	text-align:center;
	font-size:13px;
	padding-top:10px;
}
#bas_page .bordure_ul{
	border-right: 1px solid #B3B3B3;
}
#bas_page h3{
	padding-bottom:5px;
}
#bas_page li{
	padding-bottom:2px;
	/*list-style:circle;*/
}
#bas_page a{
	color:#838383;
	font-weight:normal;
}
#bas_page a:hover{
	color:#838383;
	text-decoration:underline;
}

#copyright{
	background-image:url(../images/copyright.png);
	height:31px;
	width:978px;
	background-repeat: no-repeat;
	color:#898989;
	margin:0 auto;
	border-right:2px solid #B3B3B3;
}



/*MODIFICATIONS PAGES AVEC LES ATTRIBUTS CLASS*/
.center{
	text-align:center;
	line-height:31px;
}
.picto_image{
    float: left;
    width: 115px;
    margin-left:60px;
}
#contenu .picto_texte{
	padding:48px 0px 0px 20px;
	float:left;
}
.picto_fieldset{
	margin-top:5px;
	border:none;
}
.img_suite{
	padding:9px 0 0 10px;
}
.citation{
	margin-left:60px;
	border-left:2px solid #A54536;
}
.reportage{
	border:2px dotted #DDDDDD;
	background-color:#F2F2F2;
	margin:0 30px 40px 35px;
	padding:5px 0 12px 0;
}


/*INFOBULLES AFFICHAGES*/
a.info {
   position: relative;
   color: black;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
  /* cursor: help;  on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background:#white;
   color: green;
   padding: 3px;
   border: 1px solid #333333;
   border-left: 5px solid #333333;