/*FOND PAGE*/

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
INDEX
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_gauche_site {
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background:url(../images/fr/news_fichier/000_accueil/f_cl_gauche.jpg) no-repeat 0 0;
	}
	#cl_centre_site {
	float:left;
	width:450px !important; /*largeur de la div gauche*/
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background:transparent;
	}
	#cl_droite_site {
	float:left;
	width:195px; /*largeur de la div droite*/
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	margin:30px 0 0 50px;
	}
	/*INDEX*/
	div#bandeau_sommaire { width:450px; text-align:center; height:190px; margin-bottom:25px; margin-top:20px; position:relative; }
	div#bandeau_sommaire img { float:left; margin-left:0; margin-right:0; }
	div#bandeau_sommaire p { font-size:13px; color:#0071BC; text-align:justify; width:450px; line-height:18px; }
	div.separateur_sommaire { height:24px; border-top:1px dashed #0071BC; width:450px; margin:0 auto 0 auto; }
	h3#titre_sommaire { color:#0071BC; font-size:15px; font-weight:bold; border-left:3px solid #0071BC; margin:10px 0 10px 0; padding:0 0 0 10px}
	dl#liste_sommaire { margin:0 0 20px 0;}
	dl#liste_sommaire dt { background: url(../images/fr/news_fichier/020_service/gestion/bg_liste_sommaire.jpg) no-repeat left; height:26px; width:380px; margin:9px 0 9px 0; line-height:26px; vertical-align:middle; padding-left:50px; font-size:12px; color:#0071BC; }
	dl#liste_sommaire  dd a { color:#000000; text-decoration:none; padding-left:0; width:380px; padding-left:50px; }
	dl#liste_sommaire  dd a:hover { color:#0071BC; text-decoration:underline; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------
COLONNE GAUCHE INDEX
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	
	.style1{
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	}
	.style2{
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background: url(../images/fr/news_fichier/000_accueil/f_cl_gauche_organisation.jpg) no-repeat 0 0;
	}
	.style3{
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background: url(../images/fr/news_fichier/000_accueil/f_cl_gauche_gestion.jpg) no-repeat 0 0;
	}
	.style4{
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background: url(../images/fr/news_fichier/000_accueil/f_cl_gauche_developpement.jpg) no-repeat 0 0;
	}
	.style5{
	float:left;
	height:100%;
	width:260px; /*largeur de la div gauche*/
	margin-left:0;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background: url(../images/fr/news_fichier/000_accueil/f_cl_gauche_strategie.jpg) no-repeat 0 0;
	}		
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
FICHE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	#cl_gauche_site_fiche {
	float:left;
	height:100%;
	width:217px; /*largeur de la div gauche*/
	margin:0 0 0 5px;
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background:url(../images/fr/news_fichier/000_accueil/f_cl_gauche.jpg) no-repeat 0 0;
	}
	#cl_centre_site_fiche {
	float:left;
	width:500px !important; /*largeur de la div gauche*/
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	background:transparent;
	}
	#cl_droite_site_fiche {
	float:left;
	width:195px; /*largeur de la div droite*/
	min-height:450px;
	height:expression(this.scrollHeight > 450 ? "auto":"400px");
	margin:30px 0 0 50px;
	}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
COLONNE GAUCHE FICHE
------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
.rub_gauche_accueil_fonce { display:block; padding:5px; background:#0071BC; color:#ffffff; font-size:12px; font-weight:bold; }
.rub_gauche_accueil_clair { display:block; padding:5px; background:#0071BC; color:#ffffff; font-size:12px; font-weight:bold; }
#marge-rub { padding:10px 5px 10px 5px; }
dl#menu_rub { margin:0; padding:8px 10px 20px 8px; }
dl#menu_rub dt { font-size:11px; font-weight:bold; margin:10px 10px 5px 0; }
dl#menu_rub dt a { color:#0071BC; text-decoration:none; }
dl#menu_rub dt a:hover { text-decoration:underline; }
dl#menu_rub dd { font-size:11px; font-weight:normal; padding-left:10px; line-height:13px; vertical-align:middle; }
dl#menu_rub dd a { color:#0071BC; text-decoration:none; }
dl#menu_rub dd a:hover { text-decoration:underline; }
ul.annexe_rub { margin:0; padding:5px 10px 15px 0;  }
ul.annexe_rub li { font-size:11px; font-weight:normal; padding-left:18px; width:85%; line-height:16px; border-bottom:1px dashed #0071BC; }
ul.annexe_rub li a { color:#000000; text-decoration:none; }
ul.annexe_rub li a:hover { color:#000000; text-decoration:underline; }


/*FICHE*/
.cache_photo_actu_fiche { position:absolute; top:0; left:0; z-index:15px; }
.photo_actu_fiche { position:relative; float:left; width:170px; height:127px; margin:0 15px 3px 0; padding:0 0 0 0; }
.legende_actu_fiche { padding:3px; color:#0071BC; font-size:11px; }
#actualites_fiche { position:relative; padding:15px; }
#cl_desc_actu_fiche { float:left; padding:10px 5px 10px 5px; text-align:justify; line-height:1.5em; font-size:11px; width:430px; vertical-align:top; font-size:12px; height:auto; min-height:180px; }
#cl_desc_actu_fiche h3.s_titre_actu_fiche {  color:#0071BC; background:none; text-align:left; padding:0 0 0 10px; font-size:17px; font-weight:bold;margin:20px 0 15px 0; border-left:3px solid #0071BC !important; }
#cl_desc_actu_fiche div#descriptif_principal { color:#999; display:block; padding: 0 2px 0 0px; }
#cl_desc_actu_fiche div#descriptif_principal a { color:#0099F; text-decoration:underline}
#cl_desc_actu_fiche div#descriptif_principal a:hover { color:#0066FF; text-decoration:none}
#cl_desc_actu_fiche span.desc_actu_fiche { color:#000; }
div.trait { clear:both; border-bottom:1px dashed #0071BC; padding-top:15px; margin:1px; }


/*ANNEXE*/
div#annexe { width:100%; text-align:center; }
div#annexe a { color:#0071BC; text-decoration:none; }
div#annexe a:hover { text-decoration:underline; }
div#annexe table { width:auto; margin:auto; }
div#annexe table td { width:169px; padding:6px; }
div#annexe table h6 { height:26px; background:url(../images/fr/news_fichier/020_service/gestion/bg_titre_annexe.jpg) repeat-x; color:#FFFFFF; font-size:12px; text-align:left; line-height:26px; vertical-align:baseline; font-weight:bold; padding-left:5px; position:relative; cursor:move; }	
div#annexe table h6 a { position:absolute; top:0; right:0; }
div#annexe table div { min-height:129px; background:url(../images/fr/news_fichier/020_service/gestion/bg_contenu_annexe.jpg) no-repeat top; color:#0071BC; font-size:12px; text-align:left; vertical-align:top; padding:10px; }
div#annexe table p { width:100%; margin:0; padding:0; text-align:center; height:auto; z-index:0; }	
div#annexe table p span.images { float:left; position:relative; width:46px; height:34px; margin:1px; z-index:5; }	
div#annexe table p span.images:hover { z-index:1000; }		
div#annexe table p span.images img.galerie { margin:0; padding:0; }	
* html div#annexe table div { height:129px; }