/* 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; }

a { text-decoration: 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; }

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

#corps_de_page.contact  { /* Formulaire de contact... */
	min-height: 0px; }

	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; }
div.ligne_30 { height: 30px; }
div.ligne_40 { height: 40px; }
div.ligne_50 { height: 50px; }

/*********************************************************/
/* 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.largeur_300 {
	width: 300px;
	margin: 20px auto;
}

p.retour_section.largeur_400 {
	width: 400px;
	margin: 20px auto;
}
		
p.retour_section.reduit {
	margin: 20px 320px; }

p.retour_section.reduit_mini {
	margin: 20px 400px; }

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

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

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

.bouton {
		cursor: pointer; /* Utile dans le cas des images servant de commutateur au SwitchContent... */ }
		
.rechargement_page {
	text-align: center;
	margin: 20px auto 10px auto;
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #CCC;
}