/* Fichier CSS pour FF */

/*-------------------------*/
/*  Déclarations communes  */
/*-------------------------*/

body { margin:0; padding:0; text-align: center; color: white; background-color: white; }
#principale { width: 100%; height: 100%; background-color: white; font-size: 1em; text-align: center; }

/*  Gestion des balises <a>  */
/*---------------------------*/
a {text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; } 
a:link { color: blue; }
a:visited { color: blue; }
a:active { color: black; }
a.lien_souligne { color: black; }
#centrale a:hover { cursor: pointer; }
img { border: none; }
input { font-size: 0.9em; }

/*-------------------------*/
/*  Bandeau titre du site  */
/*-------------------------*/
#bandeau { position: absolute; left: 0px; top: 0px; width: 100%; color: black; font-size: 1.2em; }
#bandeau img { width: 100%; }

/*-------------------------*/
/*  Partie gauche du site  */
/*-------------------------*/
#gauche { position: absolute; left: 1%; top: 23%; width: 18%; }
.titre_menu { font: bold 1.1em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif; }

/* Habillage menu */
/*----------------*/
.menu_chg { background-image: url(images_site/menu_chg.jpg); background-repeat: no-repeat; background-position: top left; 
			background-color: #4F81BD; }
.menu_chd { background-image: url(images_site/menu_chd.jpg); background-repeat: no-repeat; background-position: top right; }
.menu_cbd { background-image: url(images_site/menu_cbd.jpg); background-repeat: no-repeat; background-position: bottom right; }
.menu_cbg { background-image: url(images_site/menu_cbg.jpg); background-repeat: no-repeat; background-position: bottom left;
			letter-spacing: 0.1em; padding: 5px; }

/* Paramétrages menu gauche */
.glossymenu { background-color: #4F81BD; padding: 0; width: 100%; border: 1px solid #4F81BD; border-bottom-width: 0; }
.glossymenu a.menuitem { background-color: #4F81BD; font: bold 0.8em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
						 color: white; display: block; position: relative; width: auto; padding: 4px 0; padding-left: 0px;
						 text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color: white; }
.glossymenu a.menuitem .statusicon { position: absolute; top: 0.5em; right: 0em; border: none; }
.glossymenu a.menuitem:hover{ background-color: #4F81BD; cursor: pointer; }
.glossymenu div.submenu { background: white; }
.glossymenu div.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li { border-bottom: 1px solid #4F81BD; }
.glossymenu div.submenu ul li a { display: block; font: normal 0.7em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
								  color: black; text-decoration: none; padding: 2px 0; padding-left: 10px; cursor: pointer; }
.glossymenu div.submenu ul li a:hover { background: #DFDCCB; color: white; }
.menuitem {background-color: rgb(79,129,189); }

/*-------------------------*/
/* Partie centrale du site */
/*-------------------------*/
#centrale { position: absolute; left: 21%; top: 17%; width: 58%; }

/* Message ACCUEIL */
/*-----------------*/
.titre_accueil { font: bold 1.6em Tahoma, 'Lucida Grande', 'Trebuchet MS', Helvetica, sans-serif; color: black; margin-top: 15px; }

/* Dernières actualités */
/*----------------------*/
#dernieres_actus { color: black; }
.titre_deractu { font-weight: bold; text-align: left;  font-size: 1.6em; }
.deractu { text-align: justify; line-height: 1.2em; }
.titre_deractu a:hover { cursor: pointer; }
.haut_actuder { font-size: 0.8em; color: red; font-weight: bold; letter-spacing: 0.1em; text-align: left; text-decoration: underline; }
.bas_actuder { font: bold 0.9em Tahoma, 'Lucida Grande', 'Trebuchet MS', Helvetica, sans-serif; color: black; }
.lien_souligne {text-decoration: underline; color: green; }
.fichier { font-size: 0.8em; text-decoration: none; color: lightblue; }

/*-------------------------*/
/*  Partie droite du site  */
/*-------------------------*/
#droite { position: absolute; left: 80%; top: 20%; width: 20%; }
.titre_droite { font-size: 1em; text-decoration: underline; font-weight: bold; }

/* Partie flash */
/*--------------*/
#flash { width: 98%; }

/* Habillage menu actus flash */
/*----------------------------*/
.flash_chg { background-image: url(images_site/flash_chg.jpg); background-repeat: no-repeat; background-position: top left; 
		     background-color: #F79646; }
.flash_chd { background-image: url(images_site/flash_chd.jpg); background-repeat: no-repeat; background-position: top right; }
.flash_cbd { background-image: url(images_site/flash_cbd.jpg); background-repeat: no-repeat; background-position: bottom right; }
.flash_cbg { background-image: url(images_site/flash_cbg.jpg); background-repeat: no-repeat; background-position: bottom left;
		     padding: 5px; }

/* contenu actus flash */
/*---------------------*/
#scroller { font: normal 1em Arial; width: 98%; text-align: justify; }

/* classe du menu déroulant */
/*--------------------------*/
.bas_flash { font: 0.8em normal arial; color: black; letter-spacing: 0.1em; }

/* Partie newsletter */
/*-------------------*/
#newsletter { width: 98%; padding-top: 10px; }
.news_chg { background-image: url(images_site/news_chg.jpg); background-repeat: no-repeat; background-position: top left; 
			background-color: #77933C; }
.news_chd { background-image: url(images_site/news_chd.jpg); background-repeat: no-repeat; background-position: top right; }
.news_cbd { background-image: url(images_site/news_cbd.jpg); background-repeat: no-repeat; background-position: bottom right; }
.news_cbg { background-image: url(images_site/news_cbg.jpg); background-repeat: no-repeat; background-position: bottom left;
	   		padding: 5px; }
.mail, .mdp { width: 88%; }
.bouton { width: 50%; }
.info_newsletter { font-size: 0.9em; color: black; font-style: italic; text-align: center; }

/* Partie statistiques */
/*---------------------*/
#stats { width: 98%; padding-top: 10px; }
/* Habillage menu statistiques */
.stats_chg { background-image: url(images_site/menu_chg.jpg); background-repeat: no-repeat; background-position: top left; 
			background-color: #4F81BD; }
.stats_chd { background-image: url(images_site/menu_chd.jpg); background-repeat: no-repeat; background-position: top right; }
.stats_cbd { background-image: url(images_site/menu_cbd.jpg); background-repeat: no-repeat; background-position: bottom right; }
.stats_cbg { background-image: url(images_site/menu_cbg.jpg); background-repeat: no-repeat; background-position: bottom left;
             padding : 5px; }
			 
/*--------------------------*/
/*  Partie galerie du site  */
/*--------------------------*/
#galerie { position: absolute; left: 23%; top: 18%; width: 77%; color: black; padding: 0; margin: 0; }
.titre_galerie { color: black; font-weight: bold; text-align: left;  font-size: 1.6em; text-decoration: underline; }