/* FEUILLE de STYLE pour les fenêtres d'Information ou de Confirmation - Etoile du Berger */

/*******************************************/
/* CONFIRMATION des opérations - TYPE 1... */
/*******************************************/
/* Utilisé pour :
	 - Oubli des identifiants... */

table.confirme_operation_1 {
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px; }
	
table.confirme_operation_1.largeur_1 { width: 75%; }
/* Utilisé pour :
	 - Oubli des identifiants... */
table.confirme_operation_1.largeur_2 { width: 70%; }
table.confirme_operation_1.largeur_3 { width: 55%; }

.confirme_operation_1 td {
	vertical-align: middle;
	border-style: solid;
	border-width: 2px; }

.confirme_operation_1.ok td { border-color: #4FA80A; }	
.confirme_operation_1.erreur td { border-color: #BE0101; }	

.confirme_operation_1 td.image {
	padding: 5px 0px;
	text-align: center;
	width: 130px; }	

.confirme_operation_1 td.texte {
	padding: 5px 15px;
	text-align: center; }

.confirme_operation_1.ok td.texte { background-color: #4FA80A; }
.confirme_operation_1.erreur td.texte { background-color: #BE0101; }

.confirme_operation_1 td.texte p {
	color: #F8F8F8;
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 0.3em; }

.confirme_operation_1 td.texte span.compte {
	color: #EFB65B;
	font-weight: 600;
	text-decoration: underline; }

.confirme_operation_1 td.texte span.question {
	color: #EFB65B;
	font-weight: 200;
	text-decoration: none;
	font-style: italic; }
	
/*******************************************/
/* CONFIRMATION des opérations - TYPE 2... */
/*******************************************/
/* Utilisé pour :
	 - Inscription à la liste WEBEX... 
	 - Renvoi du mail d'activation...
	 - Messages personnels... */
	 
div.confirme_operation_2 {
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	border-style: solid;
	border-width: 3px; 
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
	 
div.confirme_operation_2.largeur_1 { width: 70%; } 
div.confirme_operation_2.largeur_2 { width: 80%; }
div.confirme_operation_2.largeur_3 { width: 55%; }
div.confirme_operation_2.largeur_4 { width: 90%; }
div.confirme_operation_2.largeur_50 { width: 50%; }
div.confirme_operation_2.largeur_60 { width: 60%; }

div.confirme_operation_2.placement_special_1 { margin: 25px 40px 25px 160px; }  /* Dans le formulaire de LOGIN... */
	 
.confirme_operation_2.vert { border-color: #4A9A0A; } 
.confirme_operation_2.rouge { border-color: #C01800; } 
.confirme_operation_2.jaune {	border-color: #EFC005; } 
.confirme_operation_2.bleu {	border-color: #0158AE; } 
.confirme_operation_2.orange {	border-color: #DD5500; } 
	 
div.confirme_operation_2.marge_10 { margin-top: 10px; margin-bottom: 10px; }
div.confirme_operation_2.marge_20 { margin-top: 20px; margin-bottom: 20px; }
	
.confirme_operation_2 table {
	width: 100%; }

.confirme_operation_2 table td {
	vertical-align: middle;
	border-style: solid;
	border-width: 1px; 
	border-color: #FFF; }

.confirme_operation_2 table td.image {
	padding: 3px 0px;
	text-align: center;
	width: 100px; }	

.confirme_operation_2 table td.texte {
	padding: 8px 15px;
	text-align: left; }

.confirme_operation_2.vert table td { background-color: #EDF9E3; }
.confirme_operation_2.rouge table td {	background-color: #FCDDDA; } 
.confirme_operation_2.jaune table td { background-color: #FEF7DA; }
.confirme_operation_2.bleu table td { background-color: #D6E6F3; }
.confirme_operation_2.orange table td { background-color: #FFDDC6; }

.confirme_operation_2 table td.texte p, .confirme_operation_2 table td.texte ul {
	font-size: 0.8em;
	letter-spacing: 0.05em;
	line-height: 130%; }

.confirme_operation_2 table td.texte p.agrandi, .confirme_operation_2 table td.texte ul.agrandi {
	font-size: 0.9em;
}
.confirme_operation_2 table td.texte p.espace_haut {
	margin-top: 5px; }

.confirme_operation_2 table td.texte ul {
	margin-left: 15px; }

.confirme_operation_2.infos table td.texte p.contenu {
	font-size: 0.8em;
	margin-bottom: 0.8em;
	text-align: justify; }

.confirme_operation_2.infos table td.texte p.contenu.centre {
	text-align: center; }

.confirme_operation_2.vert table td.texte p, .confirme_operation_2.vert table td.texte ul { color: #4A9A0A; }
.confirme_operation_2.rouge table td.texte p, .confirme_operation_2.rouge table td.texte ul { color: #C01800; }
.confirme_operation_2.jaune table td.texte p, .confirme_operation_2.jaune table td.texte ul { color: #8F7403; }
.confirme_operation_2.bleu table td.texte p, .confirme_operation_2.bleu table td.texte ul { color: #336699; }
.confirme_operation_2.orange table td.texte p, .confirme_operation_2.orange table td.texte ul { color: #BF4800; }

.confirme_operation_2 table td.texte p a { text-decoration: underline; }
.confirme_operation_2 table td.texte p a:hover { text-decoration: none; }

.confirme_operation_2.vert table td.texte p a { color: #4A9A0A; }
.confirme_operation_2.rouge table td.texte p a { color: #C01800; }
.confirme_operation_2.jaune table td.texte p a { color: #8F7403; }
.confirme_operation_2.bleu table td.texte p a { color: #336699; }
.confirme_operation_2.orange table td.texte p a { color: #DD5500; }

.confirme_operation_2 table td.texte p.precise {
	font-size: 0.7em;
	color: #888;
	margin-bottom: 0.8em; }

.confirme_operation_2 table td.texte p.message_perso {
	font-size: 0.8em;
	font-style: italic;	
	margin-bottom: 0.8em;
	text-align: justify; }

.confirme_operation_2 table td.texte p.avertir {
	font-size: 0.7em;
	color: #888;
	text-align: center; }

.confirme_operation_2 p.complement { /* Utilisé dans la page de LOGIN... */
	font-size: 0.8em;
	color: #888;
	letter-spacing: 0.05em;
	line-height: 130%;
	margin: 0 1px 1px 1px;
	padding: 8px 5px; }

.confirme_operation_2 p.complement a {
	color: #D85A5A;
  text-decoration: underline;
}

.confirme_operation_2 p.complement a:hover {
  text-decoration: none;
}
.confirme_operation_2.vert p.complement { background-color: #F4FCEF;	}
.confirme_operation_2.rouge p.complement { background-color: #FDEEEC;	}
.confirme_operation_2.jaune p.complement { background-color: #FEFAEB;	}
.confirme_operation_2.bleu p.complement { background-color: #EBF3FA;	}
.confirme_operation_2.orange p.complement { background-color: #FFECDF;	}
	
/*******************************************/
/* CONFIRMATION des opérations - TYPE 3... */
/*******************************************/
/* Utilisé pour :
	 - Renvoi du mail d'activation... */
	 
.confirme_operation_3 {
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center; }

.confirme_operation_3 img {
	margin-bottom: 20px; }	

.confirme_operation_3 p {
	font-size: 0.8em;
	letter-spacing: 0.05em;
	line-height: 140%;
	color: #336699; }