/* FEUILLE de STYLE pour les Tableaux de Données - Etoile du Berger */

/****************************/
/***  TABLEAU Conférence  ***/
/****************************/
/* Utilisé pour :
	 - Inscription à une conférence : données de la conférence... */

table.conference {
	margin: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #333;
	border-color: #006699;
	border-style: solid;
	border-width: 5px;
	width: 550px; }
	
.conference td {
	border: 1px solid #DDD;
	padding: 5px 3px;
	text-align: center;
	height: 25px; }
	
.conference thead td {
	background-color: #C6D5EC;
	color: #333;
	padding: 7px 3px;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.02em; }
	
.conference tr td.vide {
	background-color: #006699;
	height: 3px;
	padding: 0; }
	
.conference tr td.legende {
	background-color: #EFF3FA;
	font-size: 13px; 
	width: 25%; 
	text-align: right;
	padding-right: 10px; }
	
.conference tr td.valeur {
	background-color: #FFF; 
	font-size: 13px; 
	text-align: left;
	padding-left: 10px; }
	
.conference tr td.valeur span.commentaire {
	font-size: 11px;
	color: #888; }
	
.conference tr td.precisions {
	background-color: #FFDFDF; }

/************************************/
/***  TABLEAU de Données - Type 1 ***/
/************************************/
/* Utilisé pour :
	 - Outils Internes : convertion des profils... 
	 - Administration : affichage des comptes --> Webex, Liste d'adresses... */

table.tableau_donnees_1 {
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 5px solid #006699;
	color: #333;
	font-size: 11px; }

table.tableau_donnees_1.comptes { width: 70%; }
table.tableau_donnees_1.visites { width: 70%; }
table.tableau_donnees_1.profils { width: 100%; }
table.tableau_donnees_1.stages { width: 100%; }

.tableau_donnees_1.largeur_20 { width: 20%; }
.tableau_donnees_1.largeur_25 { width: 25%; }
.tableau_donnees_1.largeur_30 { width: 30%; }
.tableau_donnees_1.largeur_35 { width: 35%; }
.tableau_donnees_1.largeur_40 { width: 40%; }
.tableau_donnees_1.largeur_50 { width: 50%; }
.tableau_donnees_1.largeur_60 { width: 60%; }
.tableau_donnees_1.largeur_70 { width: 70%; }
.tableau_donnees_1.largeur_80 { width: 80%; }
.tableau_donnees_1.largeur_90 { width: 90%; }
.tableau_donnees_1.largeur_100 { width: 100%; }
.tableau_donnees_1.largeur_110 { width: 110%; }
.tableau_donnees_1.largeur_120 { width: 120%; }
	
.tableau_donnees_1 td {
	border: 1px solid #EEE;
	padding: 5px 3px;
	text-align: center; }
	
.tableau_donnees_1 tr.legende td {
	background-color:#006699;
	color: #EFF3FA;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.5em; }
	
.tableau_donnees_1 tr.titre td {
	background-color:#C6D5EC;
	border-top: 3px solid #006699;
	border-bottom: 3px solid #006699;
	color: #000;
	margin-left: 1px;
	margin-right: 1px; }
	
.tableau_donnees_1 tr.titre td.interm {
	border-bottom: 1px solid #EEE; }
	
.tableau_donnees_1 tr.titre td.sous_titre {
	border-top: 1px solid #EEE; 
	background-color: #D3DFEF;
	writing-mode: sideways-lr;
	text-orientation: sideways;
	line-height: 30px; }
	
.tableau_donnees_1 tr.titre td.num_groupe {
	writing-mode: horizontal-tb;
	line-height: 20px;
}

.tableau_donnees_1 tr.ligne1 td { background-color:#FFF; }
.tableau_donnees_1 tr.ligne2 td { background-color:#EFF3FA; }
.tableau_donnees_1 tr td.vert { background-color:#ECF2DF; }
	
.tableau_donnees_1 td.nom {
	text-align: left;
	font-weight: 600;
	padding-left: 8px;
	letter-spacing: 0.01em; }
	
.tableau_donnees_1 td.gauche {
	text-align: left;
	padding-left: 8px; }
	
.tableau_donnees_1 td a {
	color: #333;
	text-decoration: none; }
		
.tableau_donnees_1 td a:hover {
	color: #CC3300;
	text-decoration: none; }
	
.tableau_donnees_1 td.vertical p { /* Ecritures verticales */
	-moz-transform: rotate(270deg);
	white-space: nowrap; /* Ne coupe pas au niveau de l'espace... */
	padding-top: 10px;
	padding-bottom: 10px; }
	
.tableau_donnees_1 td.symbole { width: 40px; }

.tableau_donnees_1 td.w30 { width: 30px; }
.tableau_donnees_1 td.w40 { width: 40px; }
.tableau_donnees_1 td.w50 { width: 50px; }
.tableau_donnees_1 td.w80 { width: 80px; }

.tableau_donnees_1 td.h80 { height: 80px; }
.tableau_donnees_1 td.h100 { height: 100px; }
.tableau_donnees_1 td.h110 { height: 110px; }
	
.tableau_donnees_1 td.largeur1 {
	width: 50px;
	padding-left: 15px;
	padding-bottom: 15px;  }
	
.tableau_donnees_1 td.largeur2 {
	width: 30px;
	padding-left: 20px;
	padding-bottom: 20px; }

/************************************/
/***  TABLEAU de Données - Type 2 ***/
/************************************/
/* Utilisé pour :
	 - Outils Internes : convertion des profils... 
	 - Administration : tableau global de compte...
	 - Consultation du profil (page publique)... */

table.tableau_donnees_2 {
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333;
	font-size: 11px; 
	border: 5px solid #006699;
	width: 500px; }

table.tableau_donnees_2.light { /* Provisoire dans la page Webex Formation, pour afficher les modules payés... */
	margin-top: 0;
	border: 1px solid #006699;
	width: 500px; }

table.tableau_donnees_2.largeur_550 { width: 550px; }
table.tableau_donnees_2.largeur_600 { width: 600px; }
	
.tableau_donnees_2 td {
	border: 1px solid #DDD;
	padding: 5px 3px;
	text-align: center;
	height: 25px; }
	
.tableau_donnees_2 thead td {
	background-color: #C6D5EC;
	color: #333;
	padding: 7px 3px;
	text-align: center;
	font-weight: 600;
	font-size: 1.1em;
	letter-spacing: 0.02em; }
	
.tableau_donnees_2.table_vide thead td {
	background-color: #FFC5B0; }
		
.tableau_donnees_2 tr td.vide {
	background-color: #006699;
	height: 3px;
	padding: 0; }
	
.tableau_donnees_2 tr td.reglage {
	background-color: #FFE8DF;
	width: 25px; }
	
.tableau_donnees_2 tr td.legende {
	background-color: #EFF3FA;
	width: 37%; }

table.tableau_donnees_2.light tr td.legende { /* Provisoire dans la page Webex Formation, pour afficher les modules payés... */
	background-color: #DCEBC5; }
	
.tableau_donnees_2 tr td.legende.type_1 {
	text-align: right;
	padding-right: 10px; }
	
.tableau_donnees_2 tr td.legende.type_2 {
	text-align: center; }
	
.tableau_donnees_2 tr td.legende.date_stage {
	color: #888;
	width: 30%;
	text-align: center; }
	
.tableau_donnees_2 tr td.valeur {
	background-color: #FFF; 
	text-align: left;
	padding-left: 10px; }

table.tableau_donnees_2.light tr td.valeur { /* Provisoire dans la page Webex Formation, pour afficher les modules payés... */
	background-color: #F5FAEF; }
	
.tableau_donnees_2 td.nom {
	text-align: left;
	font-weight: 200;
	font-size: 0.8em;
	padding-left: 8px;
	letter-spacing: 0.01em;
	color: #333; }
	
.tableau_donnees_2 td.erreur {
	background-color: #FFE8DF;
	text-align: center;
	color: #D43405; }
	
.tableau_donnees_2 span.important {
	letter-spacing: 0.05em;
	font-weight: 200;
	color: #D43405; }
	
.tableau_donnees_2 span.transparent {  /* Indication "[non défini]"... */
	letter-spacing: 0.1em;
	font-weight: 200;
	color: #CCC; }
	
.tableau_donnees_2 span.confirme {  /* Confirme qu'un profil est actif... */
	letter-spacing: 0.1em;
	font-weight: 200;
	color: #888; }
	
.tableau_donnees_2 span.confirme.rouge { 
	color: #D43405; }
	
.tableau_donnees_2 tr td.indications {
	background-color: #FFF; 
	text-align: center; }
	
.tableau_donnees_2 tr td.indications a {
	color: #006699;
	text-decoration: underline; }
	
.tableau_donnees_2 tr td.indications a:hover {
	text-decoration: none; }
	
.tableau_donnees_2 tr td.indications.gris {
	color: #777; } 

.tableau_donnees_2 td.coche {
	text-align: left;
	width: 25px; }

.tableau_donnees_2 td.coche img {
	margin-left: 5px; }
	
.tableau_donnees_2 tr td.coche.bleu {
	background-color: #E7EDF8; }
	
.tableau_donnees_2 span.precision {  /* Précision du type d'accès aux stages... */
	letter-spacing: 0.04em;
	color: #AAA; }

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

/****************************/
/* Tableau-MENU - TYPE 1... */
/****************************/

/* Utilisé pour :
	 - Index de l'Espace ETOILE... 
	 - Modification des informations perso... */

div.tableau_menu_1 { 
	margin: 0 120px 20px 120px;
	padding: 4px 4px 3px 4px;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
	color: #999;
	text-align: left;
	vertical-align: middle;
	border-color:#CCCCCC;
	border-style: dotted;
	border-width: 1px; }

.tableau_menu_1 p {
	padding-top: 5px;
	padding-bottom: 6px;
	margin-bottom: 1px;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding-left: 20px; }

.tableau_menu_1 p.ligne1 { background-color: #D6E4F2; }
.tableau_menu_1 p.ligne2 { background-color: #E9F0F8; }

.tableau_menu_1 img {
	float: left;
	margin-right: 15px;
	margin-left: 15px; }

.tableau_menu_1 a {
	text-decoration: none;
	color: #336699; }

.tableau_menu_1 a:hover {
	text-decoration: underline; }

/**************************************************/
/* Affichage du nombre d'éléments... */
/**************************************************/
/* Utilisé pour :
	 - Administration : affichage des comptes --> Webex, Liste d'adresses... */

table.decompte {
	margin: auto;
	width: 47%;
	margin-top: 20px;
	margin-bottom: 10px; }

.decompte td {
	border-color: #CC3300;
	border-style: dashed;
	border-width: 1px;
	text-align: center;
	vertical-align: middle; }

.decompte td.legende {
	background-color: #FFF;
	color: #CC3300;
	font-size: 1em;
	font-weight: 600; }

.decompte td.legende span {
	font-weight: 200; }

.decompte td.valeur {
	background-color: #EFF3FA;
	color: #006699;
	font-size: 2em;
	font-weight: 600;
	padding: 5px;
	width: 100px; }

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

/**************************************/
/* Section WEBEX - Liste des sessions */
/**************************************/

table.titre_groupe_session {
	margin: 30px 0 0px 25px;
	text-align: left; }

table.titre_groupe_session td {
	vertical-align: middle;
	padding-left: 15px; }

.titre_groupe_session p {
	text-align: left;
	font-size: 0.9em;
	font-weight: 600;
	color: #006699;
	letter-spacing: 0.05em; }

.titre_groupe_session p span {
	font-weight: 200;
	font-size: 0.8em;
	color: #999999; }

.session_ligne {
	background-color: #D0E6F2;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; }

.session_ligne.payant { /* Couleur différente pour les sessions payantes... */
	background-color: #FFDBB7; }
.session_ligne.special { /* Couleur différente pour les sessions spéciales (non payantes, mais d'accès restreint)... */
	background-color: #E4CEFB; }
.session_ligne.anticipe { /* Couleur différente pour les sessions futures (uniquement visibles par l'Administrateur)... */
	background-color: #E0E0E0; }
.session_ligne.occulte { /* Couleur différente pour les sessions occultée (uniquement visibles par l'Administrateur)... */
	background-color: #E0E0E0; }
	
.session_ligne table {
	width: 100%; }
	
.session_ligne table tr td {
	padding: 2px; }

.session_ligne img {
	margin: 2px; }

.session_ligne td.session_type {
	width: 25px;; }

.session_ligne td.session_date {
	background-color: #E1EFF7; 
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	width: 90px;
	text-align: center;
	font-size: 0.8em;
	color: #999999;
	letter-spacing: 0.05em; }

.session_ligne.payant td.session_date { background-color: #FFE9D2; } 
.session_ligne.special td.session_date { background-color: #EEE0FC; } 
.session_ligne.anticipe td.session_date { background-color: #EEEEEE; } 
.session_ligne.occulte td.session_date { background-color: #EEEEEE; } 

.session_ligne td.session_titre {
	text-align: left;
	padding: 0 10px;
	font-size: 0.8em;
	font-weight: 300; 
	letter-spacing: 0.05em; }

.session_ligne td.session_titre a {
	text-decoration: none;
	color: #333333; }

.session_ligne td.session_titre a:hover {
	text-decoration: underline; 
	color: #333333; }

.session_ligne td.session_nouveau {
	width: 75px; }

.session_ligne td.session_non_ouvert {
	width: 20px; }

.session_ligne td.session_bouton {
	border-left: solid 1px #FFF;
	width: 25px; }

/***********************************/
/* Section WEBEX - Page de session */
/***********************************/

div.session_theme {  /* haut de la page de session... */
	margin: 20px 15px 0 15px; }

.session_theme table {  
	width: 100%;
	color: #888; }

.session_theme td {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em; }

.session_theme td.legende {
	text-align: right;
	padding-right: 10px;
	border-right: solid 6px #006699;
	font-size: 0.95em;
	width: 135px; }

.session_theme td.titre {
	background-color: #F4FAFF;
	border-bottom: dotted 1px #006699;
	font-size: 0.95em;
	color: #006699; }

.session_theme td.contenu {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px; }

/*************************************/
/* Section WEBEX - Détail de session */
/*************************************/

div.session_contenu {
	margin: 20px 150px 20px 150px; }
	
.session_contenu table {
	width: 100% }

.session_contenu td {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	border-bottom: dotted 1px #006699; 
	color: #006699; }

.session_contenu td.legende {
	text-align: right;
	padding-right: 10px;
	border-right: solid 6px #006699;
	width: 150px; }

.session_contenu td.titre {
	background-color: #f9fdff;
	color: #006699; }

.session_contenu td.coche {
	text-align: left;
	padding-left: 10px;
	width: 15px; }

.session_contenu td.contenu {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px; }

.session_contenu td.contenu .commentaire {
	color: #888;
	letter-spacing: 0.02em;
	font-size: 0.8em; }

.session_contenu td.contenu a {
	text-decoration: underline;
	color: #CC3300; }

.session_contenu td.contenu a:hover {
	text-decoration: none; }

.session_contenu td.derniere {
	border-bottom: none; }

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

div.session_rappels {
	margin: 25px 100px 5px 100px; 
	border-top: solid 6px #999; }
	
.session_rappels table {
	margin-top: 10px;
	width: 80% }

.session_rappels td {
	vertical-align: top;
	padding-bottom: 10px;
	font-size: 0.8em;
	color: #666; }

.session_rappels td.legende {
	padding-top: 7px;
	text-align: center;
	width: 120px; 
	border-bottom: dotted 1px #999; }

.session_rappels td.legende img.reader {
	margin-top: 5px; }

.session_rappels td.contenu {
	padding-top: 10px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px; 
	border-bottom: dotted 1px #999; }

.session_rappels td.derniere {
	border-bottom: none; }

.session_rappels td.contenu a {
	color: #DF864F;
	text-decoration: underline; }

.session_rappels td.contenu a:hover {
	text-decoration: none; }

/*************************************/
/* Section WEBEX - Page de FORMATION */
/*************************************/

table.explique_formation {
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px; }
	
table.explique_formation td {
	padding: 5px 0;
	text-align: center; }

/*****************************/
/* Tableau de classements... */
/*****************************/

table.classement {
	font-family: Arial, Helvetica, Sans-serif;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 60%; 
	vertical-align: middle; }

.classement td.ligne1 {
	color: #CC3300;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 10px; }

.classement td.legende {
	color: #CC3300;
	font-size: 0.9em;
	font-weight: 200;
	text-align: right;
	padding-right: 10px; }

.classement td.choix {
	text-align: left;
	padding-left: 2px; }

.classement td.ligne2 {
	padding-top: 10px; }

.classement td.ligne3 {
	padding-top: 5px; }

.classement select {
	width: 250px; }

input.bouton_categ {
	color: #CC3300;
	font-weight: 600;
	margin-top: 10px;
	margin-right: 20px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px; }

/*********************************/
/* Webex : sessions en DIRECT... */
/*********************************/

div.session_actuelle {
	background-color: #F3F3F3;
	margin: 15px 50px 10px 50px;
	border: 1px solid #336699;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding: 4px; }

div.session_actuelle.encours {
	background-color: #EBEBEB; }

div.autre_session {
	background-color: #F3F3F3;
	margin: 20px 100px 10px 100px;
	border: 1px solid #336699;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 10px;
	padding: 4px; }
	
.session_actuelle table, .autre_session table {
	width: 100%; }	
	
.session_actuelle table td, .autre_session table td {
	vertical-align: middle;
	text-align: left;
	padding: 6px 6px 6px 10px;
	color: #006699; }
	
.session_actuelle table td {
	font-size: 0.9em; }
	
.autre_session table td {
	font-size: 0.8em; }

.session_actuelle table tr.titre td.texte {
	border-bottom: 3px solid #006699;
	padding-top: 8px; }

.autre_session table tr.titre td.texte {
	border-bottom: 2px solid #006699;
	padding-top: 7px; }

.session_actuelle table td img.info, .autre_session table td img.info {
	cursor: pointer;
	float: right; }

.session_actuelle table tr.titre td.bouton, .autre_session table tr.titre td.bouton {
	width: 50px;  /* L'image agrandira la cellule, mais au moins sa taille est limitée au strict nécessaire... */
	padding: 5px 5px 0px 15px;
	text-align: center; }

.session_actuelle table tr.date td, .autre_session table tr.date td {
	border-bottom: 1px dotted #006699;
	padding-top: 8px; }

.autre_session.old table tr.date td {
	border-bottom: none; }

.session_actuelle table tr.date td.icone_g, .session_actuelle table tr.acces td.icone_g, .session_actuelle table tr.statut td.icone_g,
.autre_session table tr.date td.icone_g, .autre_session table tr.acces td.icone_g {
	padding: 4px 0px 4px 6px;
	text-align: right;
	width: 25px; }

.session_actuelle table tr.date td.jour {
	width: 200px; }

.autre_session.future table tr.date td.jour {
	width: 180px; }

.session_actuelle table tr.date td.heure span.precision {
	color: #888;
	font-size: 0.7em;
	letter-spacing: 0.05em; }

.session_actuelle table tr.acces td {
	font-size: 0.8em;
	border-bottom: 1px dotted #006699; }

.session_actuelle table tr.statut td {
	font-size: 0.8em; }

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

div.precisions_session {
	background-color: #F3F3F3;
	margin: 0px 100px;
	border: 1px solid #336699;
	padding: 0; }

.precisions_session p.titre {
	background-color: #006699;
	color: #F3F3F3;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 5px; }

.precisions_session .zone_tableau {
	margin: 15px 15px; }

.precisions_session .zone_tableau table {
	width: 100%; }

.precisions_session td {
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.8em;
	border-bottom: dotted 1px #006699; 
	color: #006699; }

.precisions_session td.legende {
	text-align: right;
	padding-right: 10px;
	border-right: solid 6px #006699;
	width: 90px; }

.precisions_session td.coche {
	text-align: left;
	padding-left: 10px;
	width: 15px; }

.precisions_session td.contenu {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px; }

.precisions_session td.coche.acces {
	border-bottom: dotted 1px #CCC; }

.precisions_session td.contenu.acces {
	border-bottom: dotted 1px #CCC; }

.precisions_session td.acces_ok {
	background-color: #DDECC6; }

.precisions_session td.pas_acces {
	background-color: #FED3C7; }

.precisions_session td.contenu .commentaire {
	color: #888;
	letter-spacing: 0.02em; }

.precisions_session td.derniere {
	border-bottom: none; }

.precisions_session td a {
	text-decoration: underline;
	color: #006699; }

.precisions_session td a:hover {
	text-decoration: none; }

/*************************************/
/* Webex : fichiers à télécharger... */
/*************************************/

div.fichier_description {
	margin: 30px 70px 40px 70px; }
	
.fichier_description table {
	width: 100% }

.fichier_description td {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	border-bottom: dotted 1px #006699; 
	color: #006699; }

.fichier_description td.legende {
	text-align: right;
	padding-right: 10px;
	border-right: solid 6px #006699;
	width: 150px; }

.fichier_description td.titre {
	background-color: #f9fdff;
	color: #006699; }

.fichier_description td.contenu {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px; }

.fichier_description td.contenu a {
	color: #CC3300;
	text-decoration: underline; }

.fichier_description td.contenu a:hover {
	text-decoration: none; }

.fichier_description td.contenu a.link_espace {
	color: #006699;
	text-decoration: none; }

.fichier_description td.contenu a.link_espace:hover {
	color: #CC3300;
	text-decoration: none; }

.fichier_description td.icone {
	text-align: left;
	padding: 2px 0 2px 10px;
	width: 25px; }

.fichier_description td.contenu .commentaire {
	color: #888;
	letter-spacing: 0.02em;
	font-size: 0.8em; }

.fichier_description td.contenu .erreur {
	color: #FF0000;
	letter-spacing: 0.02em;
	font-size: 0.8em; }

.fichier_description td.remarque {
	text-align: justify;
	color: #888; 
	font-size: 0.8em; }

.fichier_description td.bouton {
	text-align: center;
	vertical-align: top;
	padding: 1px 0 0 10px;
	width: 140px; }

.fichier_description td.bouton img {
	margin-bottom: 5px; }

.fichier_description td.derniere {
	border-bottom: none; }

/*****************************************/
/* Webex : télécharger Acrobat ou VLC... */
/*****************************************/

div.session_lecteurs {
	margin: 25px 70px 0px 70px; 
	border-top: solid 3px #999; }
	
.session_lecteurs table {
	margin-top: 15px;
	width: 85% }

.session_lecteurs td {
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 0.8em;
	color: #666; }

.session_lecteurs td.legende {
	padding-top: 3px;
	text-align: center;
	width: 120px; }

.session_lecteurs td.contenu {
	text-align: justify;
	padding-left: 15px;
	padding-right: 0; }

.session_lecteurs td.contenu a {
	color: #DF864F;
	text-decoration: underline; }

.session_lecteurs td.contenu a:hover {
	text-decoration: none; }

/***************************************************/
/***************************************************/
/****                                           ****/
/****  Webex : RÉCAPITULATIF des Règlements...  ****/
/****                                           ****/
/***************************************************/
/***************************************************/

table.recap_reglements {
	width: 80%;
	border-style: solid;
	border-width: 3px;
	margin-top: 20px;
	margin-bottom: 20px; }

table.recap_reglements.ok { width: 95%; }

table.recap_reglements td {
	vertical-align: middle; }

table.recap_reglements tr.titre td.image {
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
	width: 60px; }

table.recap_reglements tr.titre td.texte {
	text-align: left;
	height: 40px;
	padding-left: 15px;
	font-size: 19px;
	font-weight: 200;
	letter-spacing: 0.1em; }

table.recap_reglements tr.explique td {
	text-align: left;
	padding: 0 20px 10px 15px;
	font-size: 0.8em;
	color: #777;
	font-weight: 200; }

table.recap_reglements tr.explique td ul li {
	font-style: italic;
	padding-top: 4px;
	list-style-position: inside; }

table.recap_reglements tr.legendes td {
	text-align: left;
	padding: 8px 20px;
	font-size: 0.9em;
	font-weight: 600;
	color: #444;
	letter-spacing: 0.05em;
	border: solid 1px #FFF; }

table.recap_reglements tr.lignes td {
	text-align: left;
	padding: 6px 20px;
	font-size: 0.8em;
	font-weight: 200;
	color: #444;
	letter-spacing: 0.03em;
	border: dotted 1px #CCC; }
	
table.recap_reglements tr.lignes td.debut { font-weight: 600; }

table.recap_reglements tr.legendes td.vide {
	border-bottom: none; }

table.recap_reglements tr.lignes td.vide {
	width: 40px;
	padding: 0;
	border-bottom: none;
	border-top: none;
	border-right: solid 1px #FFF; }

table.recap_reglements tr td.espace {
	width: 20px;
	padding: 0;
	border-right: none; }

table.recap_reglements tr td.premiere {
	border-left: none;
	padding-left: 0; }

table.recap_reglements tr td.centre {
	text-align: center; }

table.recap_reglements span.reduction {
	font-size: 0.9em;
	color: #D43405;
}

table.recap_reglements.retard { border-color: #CA2626; }
table.recap_reglements.retard tr.titre td { background-color: #F3BEBE; color: #CA2626; }
table.recap_reglements.retard tr.explique td { background-color: #F3BEBE; }
table.recap_reglements.retard tr.legendes td { background-color: #F7DBDB; }
table.recap_reglements.retard tr td.vide { background-color: #CA2626; }
table.recap_reglements.retard tr.lignes td.debut { color: #CA2626; }

table.recap_reglements.ok { border-color: #65B42A; }
table.recap_reglements.ok tr.titre td { background-color: #BAE899; color: #4E8A20; }
table.recap_reglements.ok tr.explique td { background-color: #BAE899; }
table.recap_reglements.ok tr.legendes td { background-color: #DFF4D0; }
table.recap_reglements.ok tr td.vide { background-color: #65B42A; }
table.recap_reglements.ok tr.lignes td.debut { color: #4E8A20; }
table.recap_reglements.ok tr.lignes.a_venir td.debut { color: #76CF34; }

table.recap_reglements.futur { border-color: #2770C7; }
table.recap_reglements.futur tr.titre td { background-color: #9CBFEB; color: #174379; }
table.recap_reglements.futur tr.explique td { background-color: #9CBFEB; }
table.recap_reglements.futur tr.legendes td { background-color: #CCDEF4; }
table.recap_reglements.futur tr td.vide { background-color: #2770C7; }
table.recap_reglements.futur tr.lignes td.debut { color: #2770C7; }
table.recap_reglements.futur tr.lignes.a_venir td.debut { color: #9CBFEB; }

table.recap_reglements.differe { border-color: #E17100; }
table.recap_reglements.differe tr.titre td { background-color: #FFC891; color: #C46200; }
table.recap_reglements.differe tr.explique td { background-color: #FFC891; }
table.recap_reglements.differe tr.legendes td { background-color: #FFDFBF; }
table.recap_reglements.differe tr td.vide { background-color: #E17100; }
table.recap_reglements.differe tr.lignes td.debut { color: #C46200; }
table.recap_reglements.differe tr.lignes.a_venir td.debut { color: #FFC891; }

table.recap_reglements.previ { border-color: #E6B406; }
table.recap_reglements.previ tr.titre td { background-color: #FCE185; color: #C2961F; }
table.recap_reglements.previ tr.explique td { background-color: #FCE185; }
table.recap_reglements.previ tr.legendes td { background-color: #FEF3CD; }
table.recap_reglements.previ tr td.vide { background-color: #E6B406; }
table.recap_reglements.previ tr.lignes td.debut { color: #C2961F; }
table.recap_reglements.previ tr.lignes.a_venir td.debut { color: #CA2626; }

/***************************************************/
/***************************************************/
/****                                           ****/
/****  Webex : Résumé rapide des Règlements...  ****/
/****                                           ****/
/***************************************************/
/***************************************************/

table.resume_reglements {
	width: 68%;  
	border-style: solid;
	border-width: 1px;
	margin-top: 5px;
	margin-bottom: 3px; }

table.resume_reglements.confirme { /* Affiche "Vous êtes à jour de vos règlements" dans la page du récapitulatif... */
	width: 50%;  
	border-width: 2px;
	margin-bottom: 20px; }

table.resume_reglements td { vertical-align: middle; }

table.resume_reglements td.image {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 60px; }

table.resume_reglements td.texte {
	text-align: left;
	padding: 5px 10px 5px 20px;
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 0.1em; }
	
table.resume_reglements td.texte a { text-decoration: none; }
table.resume_reglements td.texte a:hover { text-decoration: underline; }

table.resume_reglements.ok { border-color: #65B42A; }
table.resume_reglements.ok td { background-color: #C4EBA7; }
table.resume_reglements.ok td a { color: #4E8A20; }

table.resume_reglements.retard { border-color: #CA2626; }
table.resume_reglements.retard td { background-color: #F7D2D2; }
table.resume_reglements.retard td a { color: #CA2626; }

table.resume_reglements.futur { border-color: #2770C7; }
table.resume_reglements.futur td { background-color: #B5CFF0; }
table.resume_reglements.futur td a { color: #174379; }

table.resume_reglements.differe { border-color: #E17100; }
table.resume_reglements.differe td { background-color: #FFD8B0; }
table.resume_reglements.differe td a { color: #C46200; }

table.resume_reglements.previ { border-color: #E6B406; }
table.resume_reglements.previ td { background-color: #FDEAAA; }
table.resume_reglements.previ td a { color: #B38600; }