/* FEUILLE de STYLE pour les Textes de Paragraphes - Etoile du Berger */

/****************/
/***  TITRES  ***/
/****************/

h1 { /* Titre principal de la page */
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1.1em;
	color: #003366;
	font-weight: bold;
	text-align: left;
	padding: 10px 0.8em;
	border-bottom: 3px solid #006699; }

#corps_de_page h1 { margin: 10px 200px 0 20px; }
#corps_de_page_bas h1 { margin: 10px 435px 0 20px; }

h1 span { /* Dans Webex Formation... */
	font-size: 0.9em;
	font-weight: normal; }

/************************/
/***  CONTENU Type 1  ***/
/************************/
/* Utilisé pour :
	 - Inscription à la liste WEBEX... */

.contenu_1 {
	font-family: Arial, Helvetica, Sans-serif;
	color: #336699;
	font-size: 0.9em;
	text-indent: 0em;
	line-height: 140%;
	padding-bottom: 0.5em;
	text-align: justify; }

.contenu_1.centre {
	text-align: center; }

.contenu_1.gauche {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}

.contenu_1 a {
	text-decoration: underline;
	color: #D85A5A; }

.contenu_1 a:hover {
	text-decoration: none; }

ul.contenu_1 {
	margin-left: 25px; }

ul.contenu_1 li {
	margin-bottom: 5px; }

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

p.requete {  /* Affichage des Requètes SQL */
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	background-color: #FFFFCC;
	font-size: 0.9em;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px;
	width: 90%; }

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

/*****************************************/
/***  Liens de RETOUR ou HAUT de PAGE  ***/
/*****************************************/

p.retour {
	font-family: Arial, Helvetica, Sans-serif;
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	font-size: 0.9em;
	margin: 10px 350px; }  /* Marges par défaut */

p.retour.largeur_2 { margin: 20px 200px; }  
p.retour.largeur_3 { margin: 20px 120px; }
p.retour.bas_30 { margin-bottom: 30px; }

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

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

div.info_complementaire {  /* Zone dépliable d'informations complémentaires (explication Espace ETOILE dans "login_etoile")... */
	font-family: Arial, Helvetica, Sans-serif;
	border: 1px dashed #888;
	margin: 10px 20px 15px 140px; 
	padding: 5px 10px; }

div.info_complementaire img {
	float: right;
	position: relative;
	top: -2px; }

div.info_complementaire.titre {
	background-color: #F2F2F2;
	color: #D85A5A;
	font-size: 0.9em;
	font-weight: 200;
	letter-spacing: 0.00em;
	margin-bottom: 0;
	text-align: left;
	cursor: pointer;
	text-decoration: none; }

div.info_complementaire.titre:hover {
	text-decoration: underline; }

div.info_complementaire.contenu {
	background-color: #F9F9F9;
	border-top: none;
	margin-top: 0;
	padding-top: 10px;
	text-align: justify; }

div.info_complementaire.contenu p {
	color: #336699;
	font-size: 0.8em;
	line-height: 140%;
	padding-bottom: 0.5em; }

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

/****************************/
/* Remarque - TYPE 1... */
/****************************/

/* Utilisé pour :
	 - Oubli des identifiants... 
	 - Modification du mot de passe... */

p.remarque_1 {
	color: #336699;
	font-weight: 200;
	margin-left: 80px;
	margin-right: 80px;
	margin-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: justify; }

p.remarque_1 img {
	float: left;
	margin-right: 13px;
	position:relative;
	top: 1px; }

/****************************/
/* Remarque - TYPE 2... */
/****************************/

/* Utilisé pour :
	 - Connexion Webex en direct... */

p.remarque_2 {
	color: #888;
	font-weight: 200;
	margin: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center; }

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

p.bandeau_titre {  /* Gros titre "Section VISIOCONFERENCES"... */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 10px 20px 10px 20px;
	background-color: #336699;
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1em; }

p.bandeau_titre.reduit {  /* Cas des titres trop longs... */
	letter-spacing: 0.6em; }

p.bandeau_titre_webex {  /* Page Webex Formation */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 30px 70px 10px 70px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	color: #FFF;
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.3em; }

p.bandeau_titre_webex.reduit {  /* Page Webex : FAQ */
	margin: 40px 120px 10px 120px; }

p.sous_bandeau_titre_webex {  /* Page Webex */
	margin: 10px 70px 20px 70px;
	font-size: 1.2em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.3em; }

p.bandeau_titre_webex.formation { background-color: #F29301; } /* Page Webex Formation */
p.sous_bandeau_titre_webex.formation { color: #F29301; }

p.bandeau_titre_webex.direct { background-color: #2578CB; } /* Page Webex Direct */
p.sous_bandeau_titre_webex.direct { color: #2578CB; }

p.bandeau_titre_webex.programme { background-color: #97BF0D; } /* Page Webex Programme */
p.sous_bandeau_titre_webex.programme { color: #97BF0D; }

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

p.sessions_passe_futur { /* Titres pour l'accès aux sessions en DIRECT... */
	text-align: left;
	color: #336699;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	font-weight: 600;
	margin: 40px 50px 15px 65px; }

p.sessions_passe_futur.autre { 
	margin-left: 115px; }

p.aucune_session { /* Aucune session programmée... */
	text-align: center;
	background-color: #F3F3F3;
	margin: 15px 50px;
	border: 1px solid #336699;
	border-radius: 10px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 10px;
	padding: 10px;
	color: #336699;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	font-weight: 600; }

p.test_lien_direct { /* Tester le lien des sessions, pour l'administrateur... */
	text-align: right;
	margin: 10px 61px;
	color: #AAA;
	font-size: 0.8em;
	letter-spacing: 0.051em; }

p.test_lien_direct.future { 
	margin: 5px 111px; }

p.test_lien_direct a { 
	color: #BBB;
	text-decoration: none; }

p.test_lien_direct a:hover { 
	color: #888;
	text-decoration: none; }

/*********************************/
/* Page des MENTIONS légales...
/*********************************/

p.titre_mention {
	color: #336699;
	font-size: 1em;
	text-align: left;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 15px; }
	
p.contenu_mention {
	color: #003366;
	font-size: 0.9em;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 30px; }
	
p.contenu_mention span.intitule {
	color: #336699;
	font-weight: 200; }
	
p.contenu_mention a {
	color: #336699;
	text-decoration: underline; }
	
p.contenu_mention a:hover {
	text-decoration: none; }