/* FEUILLE de STYLE pour les éléments principaux - Etoile du Berger */

/************************/
/* Réinitialisations... */
/************************/

* { /* Réinitialisation des comportements par défaut de certains éléments : p, h1, ... */
	margin: 0;
	padding: 0; }
	
*a {
	position:relative; }

img { /* Enlève la bordure pour toutes les images (notamment pour celles représentant des liens) */
	border-width: 0;
	border-style: none; }

/***********************/
/* Eléments de BASE... */
/***********************/

body { /* Ensemble de la fenêtre de l'explorateur */
	background: #E8EDEE; /* Couleur entourant la page, lorsque la fenêtre est plus grande */
	margin: 10px 0 10px 0; /* Marge (entre le bord de la fenêtre et le début de la "page") de 10 pixels en haut et en bas, 0 sur les côtés */
	padding: 0; /* Ecart entre le contenu de la page et le bord de la page */
	text-align: center; /* La page est centrée dans la fenêtre : ne marche pas pour Firefox */
	font-family: arial, helvetica, sans-serif; } 

/*********************************************************/
/* Bandeau de SUIVI des VISITES (pour Administrateur)... */
/*********************************************************/
	 
p.bandeau_suivi_visites {
	padding: 5px 10px;
	background-color:#FEE2DA;
	font-family: Arial, Helvetica, Sans-serif;
	color: #444;
	font-size: 14px;
	text-align: left;
	border-top: 4px solid #D43405;
	border-bottom: 1px solid #D43405;
	letter-spacing: 0.05em; }
	 
p.bandeau_suivi_visites span.intro {
	color: #999;
	font-size: 12px; }
	 
p.bandeau_suivi_visites span.valeur {
	color: #D43405;
	font-weight: 600; }

/*********************************************************/
/* BLOCS principaux... */
/*********************************************************/

#conteneur_principal { /* Ensemble de la page */
	width: 980px; /* Largeur totale de la page*/
	background: #FFF; /* Fond de la page */
	margin-left: auto;  /* Centrage de la page : ne marche pas sous IE */
  margin-right: auto;
	text-align: left;
	margin-bottom: 10px; }

#banniere_haute { /* Bannière du haut... */
	height: 166px; } /* Hauteur réservée à la bannière haute */

#banniere_basse {
	height: 33px; }	/* Hauteur réservée à la bannière basse */

#conteneur_secondaire { /* Partie principale de la page, entre les bannières du haut et du bas */
	position: relative;  /* Pour que le positionnement des éléments enfants se fasse par rapport à ce bloc */
	background: #FFF; /* Fond de la page */
	margin: 0;
	padding: 5px 5px; }
	 
#corps_de_page { /* Partie HAUTE de la page (à droite du menu) */
	position: relative;
	text-align: center;
	min-height: 500px; }

#corps_de_page.etoile  { /* Cas de l'Espace ETOILE avec menu réduit... */
	min-height: 200px; }

#corps_de_page.mini_800  { /* Liste des sessions Webex... */
	min-height: 800px; }
	
div.largeur_1 {margin-left: 235px; width: 740px; } /* = 980 - 235 - 10 pixels de marge */
div.largeur_2 {margin-left: 295px; width: 680px; }
div.largeur_3 {margin-left: 255px; width: 715px; }
div.largeur_4 {margin-left: 305px; width: 665px; }
div.largeur_5 {margin-left: 275px; width: 695px; }

#corps_de_page_bas { /* Partie BASSE de la page (sous le menu) */
	margin: 5px 10px 10px 10px;
	background: #FFF; }

/*********************************************************/

#mentions { /* Ligne des mentions légales et diverses */
	text-align: center;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	margin-bottom: 10px; }

#mentions a { text-decoration: none; color: #999999; }
#mentions a:hover { text-decoration: underline; }

div.clear { clear: both; }
div.ligne_5  { height: 5px; }
div.ligne_10 { height: 10px; }
div.ligne_20 { height: 20px; }

/*********************************************************/
/* HAUT de PAGE... */
/*********************************************************/

p.haut_de_page {
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	margin: 20px 432px;
	padding: 5px 0;
	border-top: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	font-size: 0.8em; }

.haut_de_page a {
	color: #CC3300;
	text-decoration: none; }
	
.haut_de_page a:hover {
	font-style: italic; }

#corps_de_page p.haut_de_page {
	margin: 20px 322px; }

#corps_de_page.largeur_3 p.haut_de_page {
	margin: 20px 310px; }

p.retour_section { /* Retour aux pages précédentes, dans l'Espace ETOILE... */
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	margin: 20px 120px;
	padding: 5px 0;
	border-top: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	font-size: 0.9em; }

p.retour_section.reduit {
	margin: 20px 320px; }

p.retour_section.espace_10 {
	margin-bottom: 30px; }

.retour_section a {
	color: #CC3300;
	text-decoration: none; }
	
.retour_section a:hover {
	font-style: italic; }