/*--LES ELEMENTS HTML--*/
	body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background:#000000 url(../images/fr/010_accueil/f_body.jpg) top repeat-x; } /* type, taille, couleur de la police et couleur de fond du site*/

/*--STYLES GENERAUX DE LA RUBRIQUE--*/
	/*voir aussi css base*/
	#conteneur_site_attente {
	position:relative;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto 0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background:#000 url(../images/fr/010_accueil/f_attente.jpg) no-repeat; /*fond image et couleur du site*/
	height:580px; /*hauteur de l'élément*/
	}
/*HEADER*/
	#header {
	position:relative;
	width:100%;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto 0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: #000000 url(../images/fr/010_accueil/f_header.jpg) no-repeat top; /*fond image et couleur du site*/
	height:107px; /*hauteur de l'élément*/
	}
		#header .logo {
		float:left;
		width:300px;
		height:107px;
		}
		#header .espace_vide {
		float:left;
		width:430px;
		height:107px;
		}
		#header .espace_vide a {
		text-decoration:none;
		}
		#header .espace_privilege {
		float:left;
		width:273px;
		height:107px;
		}
		
		
		#header .espace_privilege strong {
		color:#FFFFFF;
		font-weight:bold;
		}
		#header .espace_privilege p a {
		text-decoration:none;
		}
		#header .espace_privilege p a:hover {
		text-decoration: underline;
		}
		#header .inscription {
		float:left;
		width:90px;
		height:15px;
		margin:62px 0 0 4px;
		font-size:10px;
		}
		#header .client {
		float:left;
		width:150px;
		height:60px;
		margin:40px 0 0 105px;
		font-size:10px;
		}
		#header .mot_passe_oublier {
		float:left;
		width:150px;
		height:15px;
		margin:0 0 0 0;
		font-size:10px;
		}
/*CONTENU*/
	#contenu {
	position:relative;
	width:100%;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto 0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	background: #000000 url(../images/fr/010_accueil/f_contenu.jpg) no-repeat top; /*fond image et couleur du site*/
	height:475px; /*hauteur de l'élément*/
	}
	#organisation {
	width:243px;
	height:472px;
	float:left;
	margin:5px 0 0 75px;
	position:relative;
	}
	#organisation2 {
	width:243px;
	height:472px;
	background: url(../images/fr/010_accueil/f_organisation.png) no-repeat top;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	}
	#organisation2 div.titre_rubrique {
	width:200px;
	height:auto !important;
	min-height:18px;
	height:18px;
	font-size:12px;
/*	float:left;
*/	margin:3px 0 11px 20px;
	color:#3C767E;
	text-align:center;
	vertical-align:middle;
	background:url(../images/fr/010_accueil/f_titre_rubrique_orga.png) no-repeat 5px center;
	font-weight:bold;
	}
	#organisation2 div.titre_rubrique:hover {
	width:200px;
/*	float:left;*/
	color:#3C767E;
	text-align:center;
	vertical-align:middle;
	background:url(../images/fr/010_accueil/f_titre_rubrique_orga.png) no-repeat -195px center;
	font-weight:bold;
	}
	#organisation2 div.titre_rubrique a {
	display:block;
	color:#3C767E;
	text-decoration:none;
	font-weight:bold;
	padding: 0 10px;
	}
	#organisation2 div.titre_rubrique a:hover {
	text-decoration: underline ;
	padding: 0 10px;
	}
	/*#organisation .organisation_haut {
	width:243px;
	height:355px;
	background: url(../images/fr/010_accueil/f_organisation/f_organisation_haut.png) no-repeat top;
	z-index:100;
	float:left;
	}
	#organisation .organisation_bas {
	width:243px;
	height:29px;
	background: url(../images/fr/010_accueil/f_organisation/f_organisation_bas.png) no-repeat top;
	z-index:110;
	float:left;
	}*/
	#centre {
	width:350px;
	height:412px;
	float:left;
	margin:5px 5px 0 5px;
	}
	#personnage {
	width:100%;
	height:210px;
	float:left;
	margin:110px 0 0 0;
	}
	#txt_intro {
	width:100%;
	height:90px;
	float:left;
	margin:0 0 0 0;
	font-size:11px;
	text-align:center;
	color:#FFFFFF;
	}
	#txt_intro strong {
	font-size:12px;
	font-weight:bold;
	}
	#offre {
	width:243px;
	height:356px;
	float:left;
	margin:5px 0 0 0;
	position:relative;
	}
	#offre2 {
	width:243px;
	height:472px;
	background: url(../images/fr/010_accueil/f_offre.png) no-repeat top;
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	}
	#offre2 div.titre_rubrique {
	width:200px;
	height:auto !important;
	min-height:18px;
	height:18px;
	font-size:12px;
/*	float:left;
*/	margin:3px 0 11px 20px;
	color:#995B68;
	text-align:center;
	vertical-align:middle;
	background:url(../images/fr/010_accueil/f_titre_rubrique_offre.png) no-repeat 5px center;
	font-weight:bold;
	
	}
	#offre2 div.titre_rubrique:hover {
/*	float:left;*/	
	color:#995B68;
	text-align:center;
	vertical-align:middle;
	background:url(../images/fr/010_accueil/f_titre_rubrique_offre.png) no-repeat -195px center;
	font-weight:bold;
	}
	#offre2 div.titre_rubrique a {
	display:block;
	color:#995B68;
	text-decoration:none;
	font-weight:bold;
	padding: 0 18px;
	}
	#offre2 div.titre_rubrique a:hover {
	text-decoration: underline ;
	padding: 0 18px;
	}
	#promo_accueil{
	position:absolute;
	top:0;
	right:0;
	width:150px;
	z-index:4000;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------	
POP UP ACTUALITE ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------------	*/
/*POP UP DEPART	*/
	.pop_up_depart{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	margin:0;
	padding:0;
	z-index: 3000;
	top: 150px;
	left: 400px;
	visibility: visible;
	background: url(../images-territoires/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_depart h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background:url(../images/fr/010_accueil/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_depart h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*POP UP SUIVANTE	*/
	.pop_up_suivante{
	position: absolute;
	width: 490px;
	height:auto !important;
	min-height:150px;
	height:15px;
	margin:0;
	padding:0;
	z-index: 3000;
	top: 150px;
	left: 400px;
	visibility: hidden;
	background: url(../images-territoires/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
	.pop_up_suivante h1{
	position:relative;
	margin:0;
	padding:0 0 15px 45px;
	width:410px;
	height:20px;
	top:10px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	background:url(../images/fr/010_accueil/actualite/puce.gif) no-repeat 25px -2px;
	}
	.pop_up_suivante h2{
	margin:0 15px 0 25px;
	padding:0;
	font-weight:bold;
	color:#000000;
	text-align:justify;
	font-size:15px;
	}
/*GENERAL POP UP ACTU	*/
	#contenu_actu{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
	}
	#descriptif_contenu{
	margin:0 15px 5px 25px;
	padding:0;
	margin-top:5px;
	color:#333333;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
	}
	#fds_center_pop_up_depart{
	background: url(../images/fr/010_accueil/actualite/centre_pop-up.gif) #FFFFFF repeat-y top center;
	}
    #fermer_actu{
	margin:0;
	padding:0;
	position:absolute;
	height:20px;
	width:120px;
	left:400px;
	top:8px;
	}
	#telecharger_lien{
	position:relative;
	display:block;
	margin:0;
	padding:10px 0 5px 15px;
	width:255px;
	height:19px;
	float:left;
	color: #000000;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
	text-align:justify;
	}
/*DEFILEMENT POP UP ACTU	*/
	#pscroller1{
	width: 130px;
	height:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	.someclass{ 
	width: 130px;
	height:100px;
	margin:0;
	padding:0;
	vertical-align:top;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size:10px;
	color:#666666;
	}
	#module{
	background:url(images-territoires/lille/actualite/fds_actu.gif) no-repeat top left;
	color: #FFFFFF;
	width:130px;
	float: left;
	height:100px;
	position: fixed;
	top:0;
	left:0;
	z-index:1000;
	margin:130px 0 0 0;
	}
	#module a{
	color: #FFFFFF;
	}
	#module a:hover{
	color: #FDE61E;
	font-weight:bold;
	}
	#module h1 {
	margin:0;
	padding:0;
	font-size:11px;
	color:#FDE61E;
	margin-left:6px;
	margin-bottom:2px;
	}
	#module img {
	float:right;
	margin:5px;
	}
	#module p.desc {
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-size:10px;
	margin-left:6px;
	text-align: justify;
	margin-bottom:4px;
	margin-right:5px;
	}
	#module h1.taille {
	width:280px;
	}