body { text-align: left; margin: 0; padding: 0; background: url(images/background.gif) repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px; color: #0e688d;}
body, div, td, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#global{text-align: left; margin: 0px auto; padding: 0px; width: 900px;  overflow: hidden; background: url(images/ssmenu.jpg) repeat-y}
	#header{float: left; margin: 0px; padding: 0px; width: 900px; height: 41px; margin-bottom: 0px; overflow: hidden; background: url(images/header.jpg) no-repeat;}
	#image{float: left; margin: 0px; padding: 0px; width: 900px; height: 182px; margin-bottom: 0px; overflow: hidden; background: url(images/diapo00.jpg) no-repeat;}
	#eloyes{float: left; margin: 0px; padding: 0px; width: 900px; height: 55px; margin-bottom: 0px; overflow: hidden; background: url(images/eloyes2.jpg) no-repeat;}
	#menu{float: left; width: 250px; margin-bottom: 0px; padding-top: 60px; background: url(images/menu2.jpg) no-repeat}
	#sous_rubrique{float: left; width: 650px; margin-bottom: 0px; padding: 0px; background-color: #ffffff;}
	#moteur_recherche{float: left; overflow: hidden; width: 650px; height: 28px; padding: 10px; background: url(images/recherche.jpg) no-repeat; background-color: #ffffff;}
		#forme_recherche{float: left; width: 100%; padding-left: 140px; margin-top: 3px;}
	#fil_ariane{float: left; overflow: hidden; width: 650px; height: 12px; text-align: center; background-color: #ffffff; font-size: 9px;}
	#titre_actu{float: left; width: 640px; text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
	#lien_page_actu{float: left; width: 620px; text-align: right; padding-top: 15px;}
	#page_en_dur{float: left; width: 640px; min-height: 401px; height:auto !important; height:400px; margin-bottom: 0px; padding: 5px; padding-top: 8px; background: url(images/degrade.gif) repeat-x}
		#mot_clef_recherche{float: left; width: 100%; text-align: center; font-size: 14px; font-weight: bold;}
		#texte_actu{float: left; width: 350px; padding-right: 15px; margin-right: 0px;}
		#image_normal{float: right; overflow: hidden; padding-right: 0px; padding-bottom: 10px;margin:0px}
		#image_normal_actu2{float: left; width: 250px; overflow: hidden; padding-right: 0px; padding-bottom: 10px; padding-left: 25px;}
		#miniature{float: left; width: 640px; height: 100px; overflow: hidden; padding-right: 5px;}
		#galerie_image_recherche{float: left; width: 100px; height: 100px; padding-left: 3px; padding-bottom: 3px;}
		#titre_mention{float: left; text-align: center; width: 100%;}
		#plan_site_haut{float: left; overflow: hidden; width: 620px; height: 7px; background: url(images/plan_site_haut.gif) no-repeat; margin-left: 10px;}
		#plan_site_milieu{float: left; width: 620px; background: url(images/plan_site_milieu.gif) repeat-y; margin-left: 10px; padding-left: 10px;}
			#div_gauche{float: left; width: 290px; margin-left: 20px;}
			#div_droite{float: left; width: 290px;}
		#plan_site_bas{float: left; width: 620px; height: 7px; background: url(images/plan_site_bas.gif) no-repeat; margin-left: 10px; margin-bottom: 5px;}
		#galerie_image_contenu{float: left; width: 640px; padding-top: 10px;}
			#image_contenu_haut{float: left; width: 600px; height: 6px; margin-top: 10px; margin: 0px 20px; background: url(images/image_contenu_haut.gif) no-repeat;}
			#image_contenu_milieu{float: left; width: 600px; margin-left: 20px; margin-top: 0px; padding-top: 0px; padding-left: 20px; background: url(images/image_contenu_milieu.gif) repeat-y;}
				.image_contenu{float: left; width: 250px; height:250px; padding-left: 20px; margin-top: 5px; text-align: justify; overflow: hidden}
			#image_contenu_bas{float: left; width: 600px; height: 6px; margin-left: 20px; background: url(images/image_contenu_bas.gif) no-repeat;}
		#commentaire_haut{float: left; width: 600px; height: 6px; margin-left: 20px; background: url(images/commentaire_haut.gif) no-repeat;}
		#commentaire_milieu{float: left; width: 584px;  margin-left: 20px; padding-left: 8px; padding-right: 8px; background: url(images/commentaire_milieu.gif) repeat-y;}
			#sous_titre_commentaire{margin-bottom: 5px; font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #014983; font-weight: bold;}
		#commentaire_bas{float: left; width: 600px; height: 6px; margin-left: 20px; margin-bottom: 5px; background: url(images/commentaire_bas.gif) no-repeat;}
		#annuaire{float: left; width: 640px; padding-top: 10px;}
			#annuaire_haut{float: left; width: 600px; height: 6px; margin-top: 10px; margin: 0px 20px; background: url(images/commentaire_haut.gif) no-repeat;}
			#annuaire_milieu{float: left; width: 600px; margin-left: 20px; margin-top: 0px; padding-top: 0px; padding-left: 5px; background: url(images/commentaire_milieu.gif) repeat-y;}
			#annuaire_bas{float: left; width: 600px; height: 6px; margin-left: 20px; margin-bottom: 10px; background: url(images/commentaire_bas.gif) no-repeat;}
	#galerie_miniature{float: left; width: 640px;}
		#haut_galerie_miniature{float: left; margin: 0px; padding: 0px; width: 630px; height: 7px; margin-bottom: 0px; overflow: hidden; background: url(images/haut_galerie_miniature.gif) no-repeat}
		#contenu_galerie{float: left; margin: 0px; padding-left: 4px; width: 630px; margin-bottom: 0px; overflow: hidden; background:url(images/milieu_galerie_miniature.gif) repeat-y}
		#bas_galerie_miniature{float: left; margin: 0px; padding: 0px; width: 630px; height: 7px; margin-bottom: 0px; overflow: hidden; background: url(images/bas_galerie_miniature.gif) no-repeat}
	#actu{float: left; width: 640px; min-height: 401px; height:auto !important; height:400px; margin-bottom: 0px; padding-left: 10px; padding-top: 8px; background: url(images/degrade.gif) repeat-x}
		.actu1{float: left; width: 262px;margin-bottom: 10px; padding: 20px; padding-top: 8px; text-align: left;}
		#lien_actu1{float: left; width: 262px; margin-bottom: 10px; padding-top: 8px; text-align: right;}
		#actu2{float: left; width: 319px; margin-bottom: 10px; padding-top: 8px}
			#actu2_haut{float: left; width: 319px; height: 90px; margin-bottom: 0px; text-align: left; background: url(images/actu1.jpg) no-repeat}
			#actu2_milieu{float: left; width: 299px; margin-bottom: 0px; background: url(images/actu2.gif) repeat-y; padding: 10px}
			#lien_actu2{float: left; width: 299px; margin-bottom: 10px; padding-top: 8px; text-align: right;}
			#actu2_bas{float: left; width: 319px; height: 7px; margin-bottom: 0px; padding-top: 8px; text-align: left; background: url(images/actu3.gif) no-repeat}
	#footer{padding: 0px; width: 900px; height: 139px; background: #ffffff; overflow: hidden; background: url(images/footer.jpg) no-repeat;}
		#mentions{margin-top: 110px; float:left; width: 400px; font-size: 11px; padding-top: 10px; padding-left: 10px; color: #ffffff;}
		#infoplus{margin-top: 110px; float:right; width: 250px; font-size: 11px; padding-top: 10px; padding-right: 10px; color: #ffffff; text-align: right;}
	#container{float: left; margin: auto; padding: 0px 0px 0px 0px; width: 949px; overflow: hidden}
		#contenu{float: left; width: 900px; padding: 0px 42px; background: #ffffff; text-align: justify}
	#change_actu{float: left; width: 660px; padding-right: 10px;}
		#actu_prec{float:left; width: 200px;}
		#actu_suiv{float:right; width: 150px;}
	#defile_actu{float: left; width: 640px; height: 29px;}
		#gauche{float: left; width: 165px;  height: 29px;}
		#milieu{float: left; width: 300px;  height: 29px; text-align: center; background:url(images/actu.jpg) no-repeat}
		#droite{float: left; width: 165px;  height: 29px;}
	#retour_result{float: left; width: 650px; background-color: #ffffff; text-align: center;}
	
	
	#newsletter {position: relative; margin: 10px 0px 0px 0px; padding: 0; height: 25px; background: url(images/newsletter_bg_input.gif) no-repeat; float: left; width: 199px; }
			#newsletter input {vertical-align: middle}
			#newsletter input#email_newsletter {position:absolute; top: 3px; left: 5px; width: 150px; margin: 0; padding: 0; font-size: 11px; color: #999; border: 1px solid #fff}
			#newsletter input#btnPromo {position: absolute; top: 2px; right: 3px}
	.titreNewsletter{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #014983; font-weight: bold;}
/********** Styles sur les menus **********/
.menu_principal{
padding-left: 20px;
padding-top: 15px;
height: 34px; /*taille : 49px - 15px padding*/
background: url(images/separateur_menu.gif) repeat-x;
background-position: bottom;
}

/********** Styles sur les actualités **********/
.date{
color: red;
font-weight: bold;
}
.titre{
color: #0e688d;
font-weight: bold;
list-style-image: url("images/puce.gif");
}
.gros_titre{
color: #0e688d;
font-weight: bold;
font-size: 24px;
list-style-image: url("images/puce.gif");
text-align: center;
}

/********** Styles sur les mentions légales **********/
.mention_titre{
font-weight: bold;
text-decoration: underline;
}

/********** Styles sur la page de recherche **********/
p.titre_recherche{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #8bcbe7; font-weight: bold;}
li.cherche_site{text-decoration: none; list-style-image: url(images/puce_site.gif); padding-left: 10px;}
li.cherche_actu{text-decoration: none; list-style-image: url(images/puce_actu.gif); padding-left: 10px;}
li.cherche_fichier{text-decoration: none; list-style-image: url(images/puce_fichier.gif); padding-left: 10px;}

/********** Styles sur les images **********/
img{border: 0px;}
.image{ float: left;}
.noborder{ border: 0px;}
		
.image_mini{float: left; width: 100px; height: 100px; padding-top: 5px; padding-bottom: 0px; overflow: hidden;}		
/********** Styles sur les liens **********/
/* Défaut */
a:link{font-size: 12px; color: #0e688d;	text-decoration: underline;}
a:visited{font-size: 12px; color: #0e688d;	text-decoration: underline;}
a:hover{font-size: 12px; color: #0e688d; text-decoration: underline;}
/* Lien sur le menu */
a.menu:link{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #014983; font-weight: bold;}
a.menu:visited{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #014983;	font-weight: bold;}
a.menu:hover{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #014983; text-decoration: underline; font-weight: bolder;}
/* Lien sur le sous_menu */
a.ss_menu:link{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none;}
a.ss_menu:visited{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none;}
a.ss_menu:hover{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: underline;}
/* Lien sous rubriques*/
a.sous_rubrique:hover{color: #ffffff;}
/* Lien du footer */
a.lienFooter:link{font-size: 11px; color: #ffffff;	text-decoration: none;}
a.lienFooter:visited{font-size: 11px; color: #ffffff;	text-decoration: none;}
a.lienFooter:hover{font-size: 11px; color: #ffffff; text-decoration: underline;}

a.lien_plan_site_menu:link{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}
a.lien_plan_site_menu:visited{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none;}
a.lien_plan_site_menu:hover{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline;}

a.lien_plan_site_rub:link{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #8bcbe7; font-weight: bold; text-decoration: none;}
a.lien_plan_site_rub:visited{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #8bcbe7; font-weight: bold; text-decoration: none;}
a.lien_plan_site_rub:hover{font-family: Comic Sans MS, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #8bcbe7; font-weight: bold; text-decoration: underline;}

a.lien_plan_site_ssrub:link{text-decoration: none;}
a.lien_plan_site_ssrub:visited{text-decoration: none;}
a.lien_plan_site_ssrub:hover{text-decoration: underline;}

a.recherche:link{text-decoration: none;}
a.recherche:visited{text-decoration: none;}
a.recherche:hover{text-decoration: underline;}

a.lien_fil_ariane:link{font-size: 9px; text-decoration: none;}
a.lien_fil_ariane:visited{font-size: 9px; text-decoration: none;}
a.lien_fil_ariane:hover{font-size: 9px; text-decoration: underline;}
/********** Styles sur les boutons **********/
input.bouton { background-color: #ffffff; border: 1px solid #022d58;}


/********** Styles sur les textes **********/
.centrer{text-align: center;}
.gras{font-weight: bold;}
.italique{font-style: italic;}
.grasItalique{	font-style: italic;	font-weight: bold;}
.etoile{ color: #ff0000;}
.loi{ color: #dea387; text-align: justify;}
.txtErreur{	color: #ff0000;}
.txtCorrect{ color: #00ff00;}


/********** Style sur l'effet Afficher/Cacher une div **********/
.cache {	display: none;	visibility: hidden; overflow: hidden; position: absolute;}

/************** Onglets des sous rubriques **************/
.onglet {
    float:left;
    width:100%;
	height: 34px;
    background: url("images/bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;

}
.onglet ul {
    margin: 0px;
    padding:10px 10px 0px;
    list-style:none;
}
.onglet li {
    float:left;
    background:url("images/onglet_gauche.gif") no-repeat left top;
    margin:0px;
    padding:0 0 0 9px;
}
.onglet a {
    float:left;
	display:block;
    background:url("images/onglet_droit.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
}
.onglet .current {
	background-position:0% -150px;
	border-width:0;
}
.onglet a.current {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#333;
}
.onglet li.current {
background-position:0% -150px;
}
.onglet li:hover, .onglet li:hover a{
	background-position:0% -150px;
	padding-bottom:5px;
	color:#333;
}
.onglet li:hover a {
	background-position:100% -150px;
}

/***********************positionnement des coins blancs autour des images*******************************/
.hautgauche, .hautdroit, .basgauche, .basdroit , .hautgaucheB, .hautdroitB, .basgaucheB, .basdroitB , .hautgaucheC, .hautdroitC, .basdroitC, .basgaucheC/* Propriétés communes aux quatre coins de notre arrondi */
{
height: 12px;
width: 12px;
background-repeat: no-repeat;
}

.hautgauche
{
background-image: url(images/coin_HG.gif);
position: relative;
}

.basgauche
{
background-image: url(images/coin_BG.gif);
position: relative;
}

.hautdroit
{
background-image: url(images/coin_HD.gif);
position: relative;
float: right;
}

.basdroit
{
background-image: url(images/coin_BD.gif);
position: relative;
float: right;
}

/***********************positionnement des coins blancs autour des images de l'actualité secondaidre*******************************/
.hautgaucheB
{
background-image: url(images/coin_HG_blanc.gif);
position: relative;
}

.basgaucheB
{
background-image: url(images/coin_BG_blanc.gif);
position: relative;
}

.hautdroitB
{
background-image: url(images/coin_HD_blanc.gif);
position: relative;
float: right;
}

.basdroitB
{
background-image: url(images/coin_BD_blanc.gif);
position: relative;
float: right;
}
/***********************positionnement des coins clairs au dessus de la première l'actualité principale*******************************/
.hautgaucheC
{
background-image: url(images/coin_HG_clair.gif);
position: relative;
}

.hautdroitC
{
background-image: url(images/coin_HD_clair.gif);
position: relative;
float: right;
}

.basgaucheC
{
background-image: url(images/coin_BG_clair.gif);
position: relative;
}

.basdroitC
{
background-image: url(images/coin_BD_clair.gif);
position: relative;
float: right;
}