/*  ----------------------------------------------------------- */
/*  Styles généraux du site					  			        */
/*  ----------------------------------------------------------- */



/*  Corps de page pour tout le site
/*  ------------------------------------------ */

body         { 
	background-image: url('../images/index/montage-6_18.gif'); 
	background-repeat: repeat; 
	font-family:Arial, Helvetica, Verdana;
}


/*  Liens pour tout le site
/*  ------------------------------------------ */

a            {  color: #7888D6}
a:visited    {  color: #7888D6}
a:link       {  color: #7888D6}
a:hover      {  color: #333333}
a:active     {  color: #8F2436}





/*  Wrapper
/*  ------------------------------------------ */

.wrapper     {
	background-image: url('../images/index/montage-6_01.jpg'); 
	background-repeat: repeat-x;
}



/*  Super titre du site
/*  ------------------------------------------ */

.title       { 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold 
}

/*  Menu principal du site
/*  ------------------------------------------ */

.navigation_top {
	display: block; 
	font-size: 10px; 
	color: #292929; 
	background-repeat: no-repeat; 
	background-position: center; 
	text-align:center; 
	float:left; 
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight:bold; 
	width:85px; 
	height:15px; 
	line-height:15px; 
	background-image:url('../images/index/over_site_2.jpg'); 
	margin-left:2px; 
	margin-top:0px; 
	margin-bottom:0px
}

.navigation_top a, .navigation_top a:visited {
	display: block; 
	background-position: center; 
	text-decoration:none; 
	color:#666666; 
	background-repeat:no-repeat; 
	width:85px; 
	height:15px; 
	line-height:15px
}

.navigation_top a:hover {
	background-position: center; 
	background-repeat:no-repeat; 
	background-color:#CCCCCC; 
	width:85px; 
	height:15px; 
	color:#FFFFFF; 
	background-image:url('../images/index/over_tmenu.jpg') 
}


.navigation_top a.on {
	background-position: center; 
	background-repeat:no-repeat; 
	background-color:#CCCCCC; 
	width:85px; 
	height:15px; 
	color:#FFFFFF; 
	background-image:url('../images/index/over_tmenu.jpg') 
}


/*  Menu principal no 1 du bas du site
/*  ------------------------------------------ */


.bas_bage_1 { 
	height: 33px; 
	color: #5B5594;
	font-size: 11px;
	padding-left: 5px 
}

.bas_bage_1 a, .bas_bage_1 a:visited { 
	font-size: 11px; 
	color: #5B5594;
	text-decoration: none;
}

.bas_bage_1 a:hover { 
	color: #333333;
	text-decoration: none;
}

/*  Menu principal no 2 du bas du site
/*  ------------------------------------------ */

.bas_bage_2 { 
	font-size: 11px; 
	color: #747474; 
	text-decoration: none; 
	padding-left: 5px 
}

.bas_bage_2 a, .bas_bage_2 a:visited { 
	color: #747474;
	text-decoration: none; 
}

.bas_bage_2 a:hover { 
	color: #333333; 
	text-decoration: none; 
}


/*  Menu principal de langue
/*  ------------------------------------------ */



.langue_selection { 
	display: block;
	width: 95px; 
	height: 12px; 
	line-height: 12px; 
	text-align: center; 
	float: left
}

.langue_selection a, .langue_selection a:visited { 
	display: block; 
	color: #808080; 
	font-size: 8px;
	font-weight: bold; 
	text-decoration:none; 
	text-transform:uppercase 
}

.langue_selection a:hover { color: #E3E3E3;}



#hierarchie {
	border-bottom:1px solid #A2A2FF; clear: both;
	margin-bottom: 2px;
	font-size: 9px; margin-top:2px 

}

#hierarchie a, #hierarchie a:visited {
	font-size: 9px; 
	text-decoration:none; 
	color:#000000; 
}

#hierarchie a:hover {
	font-size: 9px; 
	text-decoration:none; 
	color: #7888D6;
}




.navigation_droit {
	border-bottom:1px solid #c0c0c0; 
	display: block; 
	width:100%; 
	height:35px; 
	line-height:35px; 
	font-size:20px; 
	color:#000000; 
	font-variant:small-caps; 
	text-transform:capitalize; 
	text-decoration:none; 
	font-weight:bold; 
	
	
}


.navigation_droit a, .navigation_droit a:visited {
	display: block; 
	color:#494949; 
	text-decoration:none; 
	font-weight:bold
}

.navigation_droit a:hover {
	background-position: center; display: block; 
	color:#000000; 
	text-decoration:none; 
	font-weight:bold; 
	background-image:url('../images/background_b_01.jpg'); 
	background-repeat:repeat-y
}

.mem_rub_contour { 
	padding: 0px 
}

.mem_rub_liens {
	display:block; 
	font-size: 12px; 
	color: #666666; 
	line-height: 20px; 
	height: 20px; 
     border-bottom: 1px solid #C0C0C0;
     }
     
.mem_rub_liens a, .mem_rub_liens a:visited {
	display:block; 
	color: #666666; 
	text-decoration: none; padding-left:5px;
	font-variant:small-caps; 
	text-transform:capitalize;  
	}

.mem_rub_liens a:hover {
	display:block; 
	color: #333333; 
	text-decoration: none; 
	border-bottom: 1px solid #C0C0C0;
	background-image:url('../images/background_b_01.jpg'); 
	background-repeat:repeat-y;
	background-position: center; 
	}




/*  ----------------------------------------------------------- */
/*  Styles de la page d'accueil principale          	    */
/*  ----------------------------------------------------------- */






/*  Titre principal - Gradeure médium - en rectangle
/*  ------------------------------------------ */

.intitre_bleu { 
border-top:1px solid #8282FF; border-bottom:1px solid #8282FF; width: 310px; 
height: 23px; 
line-height: 23px; 
font-size: 12px; 
text-transform: uppercase; 
color: #FFFFFF; 
margin: 0px;
font-weight: bold; 
background-image: url('../images/index/montage-6_24.gif'); 
background-repeat: no-repeat; 
background-position:  left 50%; 
padding-left:5px 
}

.intitre_gris { 
border-top:1px solid #8282FF; border-bottom:1px solid #8282FF; height: 23px; 
line-height: 23px; 
font-size: 12px; 
text-transform: uppercase; 
color: #000000; 
margin: 0px;
font-weight: bold; 
background-image: url('../images/index/montage-6_26.gif'); 
background-repeat: no-repeat; 
background-position:  left 50%;
padding-left:5px
}



/*  Titre principal - Grand - en rectangle : texte général
/*  ------------------------------------------ */


.titres_majeurs { 
width: 270px; 
font-size: 11px; 
color: #000000; 
font-weight: bold; 
padding-right:15px;
margin-top:10px; 
float:right 
}
               
               
.titres_majeurs_rub h1  { 
font-size: 24px; 
font-weight: bold; 
font-variant:small-caps; 
line-height:26px; 
margin-top:0px; 
margin-bottom:3px; 
padding-top:15px; 
padding-bottom:5px 
}            
.titres_majeurs_rub h3  { 
font-size: 14px; 
font-weight: bold; 
font-variant:small-caps; 
line-height:14px; 
margin-top:0px; 
margin-bottom:3px; 
padding-top:0px; 
padding-bottom:5px 
}                       
               
/*  Titre principal - Grand - en rectangle : texte du titre
/*  ------------------------------------------ */


.titres_majeurs h1 { 
font-size: 18px; 
font-variant:small-caps; 
line-height:18px; 
margin-top:0px; 
margin-bottom:3px; 
padding-top:0px; 
padding-bottom:0px 
}

.titres_majeurs h1 a, .titres_majeurs h1 a:visited { 
text-decoration: none; color: #000000}

.titres_majeurs h1 a:hover { 
text-decoration: none; color: #666666}

/*  Paragraphe aéré
/*  ------------------------------------------ */

.texte_suivit { 
padding: 5px;
font-size: 11px; 
color: #000000; 
letter-spacing:1px; 
line-height:150% }

.texte_suivit_etroit { 
font-size: 11px; 
color: #000000; 
line-height: 14px }


.texte_principal_rubrique { 
font-size: 11px; 
color: #000000; 
}


/*  Liens à l'intérieur du paragraphe
/*  ------------------------------------------ */

.suivit_liste_liens a, .suivit_liste_liens a:visited { 
text-decoration: none; 
color: #5B5594; 
border-bottom: 
1px solid #666666 
}

.suivit_liste_liens a:hover { 
color: #000000; 
border-bottom: 1px solid #000000 
}


.site_lien_realisation { font-size: 11px; font-family: arial, helvetica, sans-sherif; color: #000000; letter-spacing:0px ; line-height:14px 
                }

.site_lien_realisation a, .site_lien_realisation a:visited { text-decoration:none; color: #000000; 
               font-weight: bold }

.site_lien_realisation a:hover { text-decoration:none; color: #666666; 
               font-weight: bold }
               
.site_lien_realisation small { font-size:9px; 
                }
                
            
/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles {

	margin: 15px;
	margin-top: 30px;
	}


.liste-articles h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 20px; 
	}

.liste-articles H3 a, .liste-articles H3 a:visited {

	text-decoration: none; color: #000000
	}

.liste-articles H3 a:hover {

	text-decoration: none; color: #666666
	}


.pagination { font-size: 10px; }






/*  ----------------------------------------------------------- */
/*  Styles des formulaires          	    */
/*  ----------------------------------------------------------- */

/*  Iframe apparent
/*  ------------------------------------------ */

.frame_apparent { 
border: 1px solid #D2D2D2; 
padding: 0px 
}

/*  Formulaire simple
/*  ------------------------------------------ */

.form_simple {
display: inline; 
margin-top: 2px; 
margin-bottom: 2px; 
color: #292929; 
font-weight: bold; 
height:16px; 
font-family:Arial; 
font-size:11px 
}

/*  Éléments du formulaire simple
/*  ------------------------------------------ */

.form_simple input, .form_simple select {
display: inline; 
margin: 2px; 
border:1px solid #B7B7B7; 
display: inline; 
color: #292929; 
width:250px; 
background-image:url('../../images/index/montage-6_51.jpg'); 
background-repeat:repeat;
 font-family:Arial; 
 font-size:11px 
 }
 
 
h5           { line-height: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 2px; 
               padding-bottom: 2px }