/* FEUILLE de STYLE pour les FAQ et les INFOS - Etoile du Berger */

/**********/
/* F.A.Q. */
/**********/

div.faq {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 80%; }

.faq .question {  /* Annexe au script de masquage/affichage des réponses... */
	cursor:hand;
	cursor:pointer; }

.faq .question img {
	padding: 4px 12px 0 10px;
	margin: 0;
	float: left; }
	
.faq .question p {
	background-color: #C6D5EC;
	padding: 5px 15px 5px 40px;
	text-align: justify;
	color: #333399;
	font-style: normal;
	font-size: 0.80em;
	font-weight: 200;
	line-height: 1.4em;
	letter-spacing: 0.05em; }

.faq .reponse {
	margin-top: 1px; }
	
.faq .reponse .texte {
	background-color: #EFF3FA;
	padding: 8px 15px;
	text-align: justify;
	color: #3366CC;
	font-style: normal;
	font-size: 0.80em;
	font-weight: normal;
	line-height: 1.4em;
	letter-spacing: 0.05em; }

.faq .reponse .date {
	margin-top: 1px;
	background-color: #E1E9F4;
	padding: 4px 10px;
	text-align: right;
	color: #666;
	font-style: normal;
	font-size: 0.75em;
	font-weight: normal; }

.faq .reponse .date span {
	color: #888;
	font-weight: 600; }

.faq .reponse .id_faq {
	display: inline;
	float: left; }

.faq .categorie {
	margin-bottom: 1px;
	background-color: #E1E9F4;
	padding: 4px 10px;
	text-align: left;
	color: #444;
	font-style: normal;
	font-size: 0.75em;
	font-weight: 200; }

.faq .categorie span {
	color: #888;
	font-weight: 200; }

/********************************************/
/* F.A.Q. : afficher toutes les réponses... */
/********************************************/

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

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

.affiche_tout tr.ligne2 td {
	font-size: 0.9em;
	font-weight: 200;
	padding-top: 10px; }

.affiche_tout tr.ligne2 td.icone {
	width: 8%;
	text-align: right;
	padding-right: 10px; }

.affiche_tout tr.ligne2 td.texte {
	width: 40%;
	text-align: left; }
	
.affiche_tout a {
	color: #CC3300;
	text-decoration: none; }
	
.affiche_tout a:hover {
	text-decoration: underline; }
	
.affiche_tout a:hover img {
	text-decoration: none; }

/**********************************/
/* F.A.Q. : poser une question... */
/**********************************/
	
div.poser_question {
	font-family: Arial, Helvetica, Sans-serif;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 60%; }

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

.poser_question .explications {
	padding-top: 10px; 
	border-bottom: 1px dashed #CC3300;
	padding-bottom: 5px; }

.poser_question .explications.bon {
	background-color:#DDFCCF;
	padding-left: 10px; 
	padding-right: 10px; }

.poser_question .explications p {
	color: #004992;
	font-size: 0.8em;
	text-indent: 1em;
	font-weight: normal;
	text-align: justify;
	padding-bottom: 5px; }

.poser_question p.valide {
	color: #FFF;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-align: center; 
	border: 1px solid #CCCCCC;
	background-color:#F2ADA8;
	margin: 20px 0 15px 0;
	padding: 10px 0; }

.poser_question p.valide.bon {
	background-color:#96F56D; }

.poser_question p.valide.pas_bon {
	background-color:#F2ADA8; }

/********************************/
/* F.A.Q. : pas de questions... */
/********************************/

div.pasdequestion {
	font-family: Arial, Helvetica, Sans-serif;
	background-color: #ECEDF3;
	border: 1px solid #CCCCCC;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 50px;
	width: 80%; }
	
.pasdequestion p.aucune {
	padding-top: 20px;
	text-align: center;
	color: #333399;
	font-style: normal;
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.1em; }
	
.pasdequestion p.encourage {
	padding-top: 10px;
	text-align: center;
	color: #333399;
	font-style: normal;
	font-size: 0.8em;
	font-weight: 200;
	letter-spacing: 0.05em; }
	
.pasdequestion form {
	margin: auto;
	padding: 10px 0 20px 0;
	text-align: center; }