/*
Feuille de style de Kleekoo
(c)2004-2007 touts droits réservés.
*/

/*
--COULEUR---

dominante : 0,102,204
 -dominante 75% : 64,140,217
 -dominante 50% : 128,179,230
 -dominante 25% : 191,217,242
tonique : 51,153,255
 -tonique 50% : 153,204,255
 -tonique 25% : 204,230,255
3eme couleur : 255,255,255
 -3eme couleur 50% : 255,255,255
 -3eme couleur 25% : 255,255,255
couleur typo : 255,255,255
fond de page : 0,0,0

--- POLICE ---
	font-family: 'Trebuchet MS', times, serif;
	font-family: Arial, Helvetica, sans-serif; 
	font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
*/
body
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	background-color: rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 5em;*/
}
fieldset
{
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
a:link /* état du lien non visitée */
{
	text-decoration: underline;
	font-size: 0.9em;
}
a:visited /* état du  lien déja visité */
{
	text-decoration: uderline;
	font-size: 0.9em;
}
a:hover /* état du lien survolé */
{
	text-decoration: none;
	font-size: 0.9em;
}
p
{
	text-align: left;
	font-size: 0.9em;
	padding: 5px;
	color: rgb(0,0,0);
	font-family: Arial, Helvetica, sans-serif;
}
h1 
{
	color: rgb(0,102,204);
	text-align: center;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
h1.login_box_titre
{
	color: rgb(0,64,128);
	text-align: center;
	font-weight:normal;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}
h1.bordure_haute
{
	border-top: 2px solid rgb(0,102,204);
}
h1.annonce
{
	text-align: left;
	font-size: 1.6em;
	color: black;
	margin-left:30px;
}
h2 
{
	font-size: 1.2em;
	height: 30px;
	padding-left: 30px;
	color: rgb(0,102,204);
	font-family: Arial, Helvetica, sans-serif;
}
h2.preferences
{
	font-size: 1.2em;	
	color: rgb(0,64,128);
}
h2.centrer_bis
{
	font-size: 1.2em;
	height: 30px;
	padding-left: 30px;
	color: rgb(0,102,204);
	font-family: Arial, Helvetica, sans-serif;
}
h2.annonce
{
	font-size: 1.2em;
	color: black;
	margin-left:25px;
	text-align:left;
}
h3 
{
	/*font-size: 1.1em;*/
	color: rgb(0,102,204);
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h3.bordure_haute
{
	border-top: 2px solid rgb(0,102,204);
}
h3.bordure_haute_aligner_gauche
{
	text-align:left;
	margin-bottom:2px;
	padding:2px;
	padding-left:10px;
	/*font-size: 1em;*/
	/*border-top: 2px solid black; /*rgb(0,102,204);*/
	/*border-bottom: 1px solid black;*/
	/*text-align:justify;*/
	/*padding:1em;*/
	font-weight: bold;
	font-size: 1.4em;
	/*background-color: rgb(250,230,120);*/
	/*background-color: rgb(255,255,204);*/
	background-color: rgb(228,220,221);
	color:rgb(0,64,128);
	/*font-family: Arial, Helvetica, sans-serif;	*/
}
.bordure_haute_aligner_gauche
{
	height:2.3em;
	text-align: center;
	margin-bottom:2px;
	padding:2px;
	font-weight: bold;
	font-size: 0.9em;
	background-color: rgb(228,220,221);
	color:rgb(0,64,128);
}
.bordure_haute_aligner_gauche img
{
	border:none;
}
h3.bordure_haute_aligner_gauche_faq
{
	/*border-top: 2px solid rgb(0,102,204); /*rgb(0,102,204);*/
	color: rgb(0,102,204);
	text-align:left;
	padding:1em;
	font-weight: normal;
	margin-left:15%;
}
h3.actions_article 
{
	border-top: 2px dashed rgb(0,102,204);
}
h4 
{
	font-size: 0.8em;
	color: rgb(0,102,204);
	text-align: left;
	margin-left:10px ;
}
h4.align_gauche
{
	color: rgb(255,179,128);
}	
h5 
{
	font-size: 0.6em;
	color: rgb(255,179,128);
	text-align: center;
}
caption /* titre */
{
	caption-side: top; /* Le titre sera placé en haut du tableau (ne marche pas sur Internet Explorer) */
	margin: auto;
	font-weight:bold;
	color: rgb(0,0,0);
	margin-bottom: 20px;
}
table
{
	/*margin: auto;*/
	/*border: 1px solid black;*/
	border-collapse: collapse;
}
th
{
	text-align:center;
	/*border: 1px solid black;*/
	/*background-color: #FF9933;*/
}
td
{
	height: 25px; /* hauteur des cellules */
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au milieu */
	/*border: 1px solid black;*/
	text-align: center;
	padding: 5px;
}
table.mesannonces
{
	margin-left:auto;
	margin-right:auto;
}
th.mesannonces
{
	padding:10px;
	text-align:center;
	border: 1px dotted black;
	/*background-color: #FF9933;*/
	background-color: rgb(215,225,225);
}
td.mesannonces
{
	height: 25px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au milieu */
	border: 1px dotted black;
	text-align: center;
	padding: 5px;
}
tr.mesannonces
{
	background-color: rgb(233,242,197);
}
tr.mesannoncescouleur
{
	background-color: rgb(255,102,102);
	font-family: Arial, Helvetica, sans-serif;
}
/*PAGE de RESULTAT */
table.pageresultats
{
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	font-size: 0.9em;
}
table.pageresultats a:link /* état du lien non visitée */
{
	text-decoration: underline;
}
table.pageresultats a:visited /* état du  lien déja visité */
{
	text-decoration: uderline;
}

table.pageresultats a:hover /* état du lien survolé */
{
	text-decoration: none;
}
th.pageresultats
{
	text-align:center;
	/*border-left: 1px solid black;
	border-right: 1px solid black;*/
	padding: 10px;
	font-size: 0.9em;
}
td.pageresultats
{
	height: 30px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
	vertical-align: middle; /* Alignement vertical, le contenu des cellules sera placé au milieu */
	/*border-top: 1px dotted black;
	border-bottom: 1px dotted black;*/
	text-align: center;
	padding: 10px;
	font-size: 0.9em;
}
/*---*/
table.pageresultats_etendu
{
	margin-left:25px;
	margin-top:25px;
	font-size: 0.9em;
}
table.pageresultats_etendu a:link /* état du lien non visitée */
{
	margin:0;
	padding:0;
	text-decoration: underline;
}
table.pageresultats_etendu a:visited /* état du  lien déja visité */
{
	margin:0;
	padding:0;
	text-decoration: uderline;
}

table.pageresultats_etendu a:hover /* état du lien survolé */
{
	margin:0;
	padding:0;
	text-decoration: none;
}
td.pageresultats_etendu
{
	font-size: 0.9em;
}
td.pageresultats_etendu p
{
	font-size: 0.9em;
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
}
td.pageresultats_etendu h1
{
	font-size: 1em;
}
p.resultat_etendu_corps
{
	margin:0;
	padding:0;
	font-size: 0.9em;
}
p.resultat_etendu_corps a
{
	font-size: 0.9em;
}
td.pageresultats_etendu a
{
	font-family: Arial, Helvetica, sans-serif;
}
td.pageresultats_etendu h1
{
	text-align:left;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.fondcouleur_resultats
{
	background-color:rgb(247,254,206);
}
.titre
{
	font-weight:bold;
	font-size: 1.2em;	
	color:rgb(0,0,255);
	font-family: Arial, Helvetica, sans-serif;
}
/*---*/
tr.titre
{
	background-color: rgb(215,225,225);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur1
{
	/*background-color: rgb(215,225,255);*/
	/*background-color: rgb(160,185,255);*/
	/*background-color: rgb(226,240,185);*/
	/*background-color: rgb(237,240,200);*/
	/*background-color: rgb(255,255,204);*/
	/*background-color: rgb(249,252,235);*/
	/*background-color: rgb(233,242,197);*/
	background-color: rgb(247,254,206);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur1:hover
{
	background-color: rgb(233,254,128);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur2
{
	/*background-color: rgb(215,255,225);*/
	/*background-color: rgb(160,255,185);*/
	/*background-color: rgb(243,224,203);*/
	/*background-color: rgb(248,236,222);*/
	/*background-color: rgb(255,204,255);*/
	/*background-color: rgb(227,208,227);*/
	background-color: rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur2:hover
{
	background-color: rgb(233,254,128);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur3
{
	/*background-color: rgb(215,255,225);*/
	/*background-color: rgb(160,255,185);*/
	/*background-color: rgb(243,224,203);*/
	/*background-color: rgb(248,236,222);*/
	/*background-color: rgb(255,204,255);*/
	/*background-color: rgb(227,208,227);*/
	background-color: rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
}
tr.pageresultatscouleur3:hover
{
	background-color: rgb(255,255,255);
}
/*
#####################################################################################################################
##### ------------------------------------------------ ID ranger par ordre alphabétique ------------------------------------------------ #####
#####################################################################################################################
*/
/* ### A ### */
/* ### B ### */
/* BANDEAU de liens */
#bandeau
{
	position: relative;
	margin-top:-15px;
	padding: 2px;
	/*background-color: rgb(0,102,204);*/
	font-family: Arial, Helvetica, sans-serif;
}
#bandeau p
{
	text-align: left;
	font-size: 0.8em;
	padding-top: 2px;
	font-weight: bold;
	/*color: rgb(255,255,255);*/
}
#bandeau p.retrait /* pour que le texte derriére des puces se retire */
{
	list-style-position: outside;
}
#bandeau p.centrer /* Pour centrer tout les pragaraphe "p" ayant l'attribut "centrer" */
{
	text-align: center;
	font-size: 0.9em;
}
#bandeau p.aligner_gauche
{
	text-align: left;
	font-size: 0.9em;
}
#bandeau p.aligner_droite 
{
	text-align: right;
	font-size: 0.9em;
}
#bandeau .aligner_droite
{
	text-align:right;
	margin-top:-35px;
	font-size: 0.9em;
}
/* ### C ### */
#corps ul /* Toutes les listes à puces se trouvant dans le corps de la page */
{
	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
	margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
#corps ul.cadre 
{
	margin: 10px; padding:20px;
	border: 1px dashed rgb(0,102,204);
}
#corps p
{
	font-family: Arial, Helvetica, sans-serif;
}
#corps img
{
	margin:0;
}
/*FORMULAIRES # propriétes des formulaires */
#corps input, textarea 
{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
#corps input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */ 
{
	/*background-color: rgb(255,179,128);*/
	/*background-color: rgb(255,215,150);*/
	background-color: rgb(215,225,255);
}
#corps label 
{
	color: black;
}
#corps legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-family: Arial, Helvetica, sans-serif;
	color: green;
	font-weight: bold;
}
#corps fieldset
{
	margin-bottom: 15px; /* Une marge pour séparer les fieldset */
	padding:10px;
	border-top: 1px solid black;
	background-color: rgb(249,252,235);
}
/* ### D ### */
/* ### E ### */
/* ### F ### */
/* ### G ### */
/* ### H ### */
/* ### I ### */
#inscription fieldset
{
	margin-bottom: 15px; /* Une marge pour séparer les fieldset */
	border-top: 1px solid black;
	background-color: rgb(0,255,255); /*couleur du fond des fieldset*/
}	
#inscription legend
{
	color: rgb(255,255,255);
	font-weight: bold;
}
/* ### J ### */
/* ### K ### */
/* ### L ### */
#logo_attente
{
	padding-top:200px;
	margin-left: 33%; /* pour centrer l'image du logo */
}
#logo
{
	margin-top:-45px;
	margin-left: 33%; /* pour centrer l'image du logo */
	margin-bottom:-25px;
}
#logo img
{
	border:none;
}
/* ### M ### */
/* MESSAGE à la firefox*/
#message
{
	margin-top:-15px;
	margin-bottom: 2px;
	background-color: rgb(255, 255, 224);
	border-bottom: 1px solid black;
}
#message p
{
	padding-top: 20px;
	margin:0px;
}
/* ### N ### */
/* ### O ### */
/* ### P ### */
#pied_de_page
{
	width: 80%; height: 100px;
	margin-top:10px;
	margin-bottom:0;
	margin-left: 10%; margin-right: 10%;
	clear: both;
	/*border-top: 2px solid rgb(0,102,204);*/
}
#pied_de_page p.gras
{
	font-weight: bold;
}	
#pied_de_page p.petit
{
	font-size: 0.6em;
	text-align: center;
	/*line-height: 0px;*/
}
/* ### Q ### */
/* ### R ### */
/* ### T ### */
.titre a:link /* état du lien non visitée */
{
	font-weight:bold;
	font-size: 1em;	
	color:rgb(0,0,255);
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.titre a:visited /* état du  lien déja visité */
{
	font-weight:bold;
	font-size: 1em;	
	color:rgb(0,0,255);
	text-decoration: uderline;
	font-family: Arial, Helvetica, sans-serif;
}
.titre a:hover /* état du lien survolé */
{
	font-weight:bold;
	font-size: 1em;	
	color:rgb(0,0,255);
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* ### U ### */
/* ### V ### */
/* ### W ### */
/* ### X ### */
/* ### Y ### */
/* ### Z ### */

/*
#####################################################################################################################
##### ------------------------------------------------ FIN ID ranger par ordre alphabétique ------------------------------------------------ #####
#####################################################################################################################
#####################################################################################################################
##### ------------------------------------------------ CLASS ranger par ordre alphabétique ------------------------------------------------ #####
#####################################################################################################################
*/
/* ### A ### */
.aligner_droite 
{
	text-align:right;
}
.aligner_droite_rouge 
{
	text-align: right;
	color: #c41d1d;
}
.aligner_droite_rouge a:link /* état du lien non visitée */
{
	color: #c41d1d;
	text-decoration: underline;
	font-size: 0.9em;
}
.aligner_droite_rouge a:visited /* état du  lien déja visité */
{
	color: #c41d1d;
	text-decoration: uderline;
	font-size: 0.9em;
}
.aligner_droite_rouge a:hover /* état du lien survolé */
{
	color: rgb(120,190,110); /* vert */
	text-decoration: none;
	font-size: 0.9em;
}
.aligner_gauche 
{
	text-align: left;
}
.aligner_gauche_rouge 
{
	text-align: left;
	color: #c41d1d;
}
.aligner_justifier 
{
	text-align: justify;
}
.aligner_justifier_sans_bordure 
{
	text-align: justify;
}
.aligner_justifier_rouge 
{	
	text-align: justify;
	color: #c41d1d;
}
.annonceContenu
{
	border:1px solid black;
	width:600px;
	margin-left:25px;
	background-color:rgb(247,254,206);
	overflow:hidden; 
}
.annonceCorps
{
	background-color:rgb(248,245,243);
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:20px;
}
/*.annonceColonneDroite
{
	float:right;
	margin-left:600px;
	border: 1px dashed rgb(0,102,204);
}
.annonceColonneDroite p
{
	background-color:rgb(247,254,206);
}*/
.annonceFlottantDroite
{
	float:right;
	margin-right:100px;
}
.annonceLogo img
{
	margin-top:10px;
}
/* ### B ### */
.bas
{
	margin-top:120px;
	float:bottom;
	line-height: 10px;
}
.bordure_haute
{
	height:2.3em;	
	margin-bottom:0;
	padding:8px;
	/*text-align:left;*/
	color: black;
	font-size:0.8em;
	font-weight: normal;
	background-color: rgb(228,220,211);
	font-family: Arial, Helvetica, sans-serif;	
}
/*.bordure_haute_aligner_gauche
{
	margin:0;
	padding:0;
	font-size: 1em;
	border-top: 2px solid black; /*rgb(0,102,204);*
	border-bottom: 1px solid black;
	color: black;
	text-align: left;
	font-weight: normal;
	background-color: rgb(233,242,197);
	font-family: Arial, Helvetica, sans-serif;	
}*/
.box
{
	text-align: left;
	border: 1px dashed rgb(0,102,204);
	margin:1em;
}
.box_centrer_bis
{
	text-align: left;
	border: 1px solid rgb(0,102,204);
	margin:1em;
	margin-left:15%;
	margin-right:15%;
}
/* ### C ### */
.categorie_nv0
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(250,230,120);
}
.categorie_nv1
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(240,225,190);
}
.categorie_nv2
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(235,215,150);
}
.categorie_nv3
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(220,200,105);
}
.categorie_nv4
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(190,170,45);
}
.centrer
{
	text-align: center;
}
.centrer_bis
{
	/*margin-left:15%;*/
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
.centrer_ter
{
	margin-left:30%;
}
.centrer_important 
{
	text-align: center; 
	color: red; 
	padding: 5px;

}
.centrer_important_bordures
{
	text-align: center; 
	color: red; 
	padding: 5px;
	border: 1px solid rgb(0,102,204);
}
.centrerBox
{
	/*font-weight: bold;*/
	text-align: center;
	border: 1px dashed rgb(0,102,204);
	margin:1em;
}
.centrerBoxbis
{
	text-align: justify;
	border: 1px dashed rgb(0,102,204);
	margin:1em;
	padding:1em;
}
.champs_recherche
{
	padding:0;
	margin:20px 0 0 0;	
}
.commentaire 
{
	margin: 20px;
	border: 1px dashed rgb(0,102,204);
}
.compte_membre
{
	width:800px;
	margin-left:80px;
	margin-top:10px;
}
/* ### D ### */
.date 
{
	text-align: right;
	color: rgb(0,102,204);
}
.displayB /* l'élément devient de type BLOCK -> BLOC  */
{
	display:block;
}
.displayI /* l'élement devient de type INLINE -> EN LIGNE */
{
	display:inline;
}
/* ### E ### */
.ecrire_annonce
{
	width:800px;
	margin-left:80px;
	margin-top:20px;
	font-size: 0.9em;
	/*border: 1px solid rgb(0,102,204);*/
}
.ecrire_annonceCG
{
	border:none;
	width:200px;
	vertical-align:top;
	text-align: right;
	font-size: 0.9em;
	background-color: rgb(247,254,206);
}
.ecrire_annonceCD
{
	border:none;
	text-align: left;
	font-size: 0.9em;
	background-color: rgb(255,255,255);
}
.encadree
{
	border: 1px dashed rgb(0,102,204);
	background-color: rgb(235,215,150);
}
.encadree_annonce
{
	border: 1px dashed rgb(0,102,204);
	/*background-color: rgb(235,215,150);*/
	background-color: rgb(255,255,235);
}
.encadree_annonce_table
{
	margin:1em;
}
.error 
{
	font-weight: bold;
	color: #c41d1d;
}
.error_cadre
{
	font-weight: bold;
	color: #c41d1d;
	border: 1px dashed rgb(0,102,204);
	padding: 5px; margin:1em;
}
.error_centrer
{
	font-weight: bold;
	color: #c41d1d;
	margin-left:15%;
}
/* ### F ### */
.flottant_droite
{
	float:right;
}
.flottant_gauche
{
	float:left;
	/*border: 1px dashed rgb(0,102,204);*/
}
.flottant_gauche img
{
	border:none;
}
.fondcouleur
{
	/*background-color:#dcdcc3;*/
	/*background-color:rgb(243,117,87);*/
	background-color: rgb(215,225,255);
}
.fondcouleurGris
{
	background-color: rgb(215,225,225);
}
/* ### G ### */
.gaucheBox
{
	/*font-weight: bold;*/
	text-align: left;
	/*border: 1px solid rgb(0,102,204);*/
	margin:1em;
	/*padding:1em;*/
}
.gras
{
	font-weight: bold;
}
.grasBox
{
	font-weight: bold;
	text-align: left;
	border: 1px dashed rgb(0,102,204);
	margin:2px;
}
.grasencadree
{
	font-weight: bold;
	border: 1px dashed rgb(0,102,204);
	padding: 1em;
	background-color: rgb(235,215,150);
}
/* ### H ### */
/* ### I ### */
.identification_colonne
{
	border:none;
	/*width:40%;*/
	padding-right:50px;
	vertical-align:top;
	text-align: right;
	font-size: 0.9em;
	/*background-color: rgb(247,254,0);*/
}
.identification_membre
{
	width:800px;
	margin-left:80px;
	margin-top:10px;
	font-size: 0.9em;
	border: 1px solid rgb(0,102,204);
}
.identification_membreCG
{
	border:none;
	width:200px;
	vertical-align:top;
	text-align: right;
	font-size: 0.9em;
	background-color: rgb(247,254,206);
}
.identification_membreCD
{
	border:none;
	text-align: left;
	font-size: 0.9em;
	background-color: rgb(255,255,255);
}
.image
{
	margin-bottom:-6px;
}
.inscription_colonne
{
	border:none;
	/*width:60%;*/
	padding-right:50px;
	vertical-align:top;
	text-align: right;
	font-size: 0.9em;
	/*background-color: rgb(0,254,0);*/
}
.inscription_membre
{
	width:800px;
	margin-left:80px;
	margin-top:10px;
	font-size: 0.9em;
	/*border: 1px solid rgb(0,102,204);*/
}
.inscription_membreCG
{
	border:none;
	width:200px;
	vertical-align:top;
	text-align: right;
	font-size: 0.9em;
	background-color: rgb(247,254,206);
}
.inscription_membreCD
{
	border:none;
	text-align: left;
	font-size: 0.9em;
	background-color: rgb(255,255,255);
}
/* ### J ### */
/* ### K ### */
/* ### L ### */
.login_box
{
	width:900px;
	margin:0 auto 0 auto;
	/*margin-left:80px;
	margin-top:10px;*/
}
/* ### M ### */
.mesannonces
{
	/*margin-left:15%;*/
	margin:10px;
}
/* ### N ### */
/* ### O ### */
.ok 
{
	font-weight: bold;
	color: rgb(120,190,110); /* vert */
}
/* ### P ### */
.petit
{
	font-size: 0.6em;
}
.preferences
{
	width:600px;
	margin:0 auto 0 auto;
	/*margin-left:80px;
	margin-top:10px;*/
}
/* ### Q ### */
/* ### R ### */
.rechercheBoite
{
	margin-left: 140px;
}
.rechercheLogo
{
	float:left;
	border:none;
	margin-top:25px;
}
.rechercheLogo img
{
	border:none;
}
.results_search
{
	margin-top:0;
	padding:10px;
	/*background-color: rgb(250,230,120);*/
	/*background-color: rgb(247,247,247);*/
	background-color: rgb(255,255,235);
}
.retour_recherche_lien a:link /* état du lien non visitée */
{
	padding-bottom:10px;
	/*color: #c41d1d;
	text-decoration: underline;*/
}
.retour_recherche_lien a:visited /* état du  lien déja visité */
{
	padding-bottom:10px;
	/*color: #c41d1d;
	text-decoration: uderline;*/
}
.retour_recherche_lien a:hover /* état du lien survolé */
{
	padding-bottom:10px;
	/*color: rgb(120,190,110); 
	text-decoration: none;*/
}
.rouge
{
	color: #c41d1d; /* rouge */
}
/* ### S ### */
/* ### T ### */
/* ### U ### */
/* ### V ### */
.vert 
{
	color: rgb(120,190,110); /* vert */
}
/* ### X ### */
/* ### Y ### */
/* ### Z ### */

/* ### Fin de CLASS ranger par ordre alphabétique ### */

/*
#####################################################################################################################
##### ------------------------------------------------ FIN class généraliste --------------------------------------------------------- #####
#####################################################################################################################
##### ------------------------------------------------ GRAPHE d'INFORMATION relative à la puissance du mot de passe ------------------------------------------------ #####
#####################################################################################################################
*/
#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}
#sm
{
	margin:0px;
	padding:0px;
	height:20px;
	/*font-family:Tahoma, Arial, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
}
#sm span
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:20px;
}
.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}
.red
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}
.yellow
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}
.green
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}
/*
#####################################################################################################################
##### FIN du GRAPHE d'INFORMATION relative à la puissance du mot de passe ##### 
#####################################################################################################################
##### ------------------------------------------------BBCODE--------------------------------------------------------- #####
#####################################################################################################################
*/
.bbcode_gras
{
	font-weight:bold;
}
.bbcode_souligne
{
	text-decoration: underline;
}
.bbcode_barre
{
	text-decoration: line-through;
}
/*### blanc argent gris noir rouge marron vert_fluo vert jaune vert_olive bleue bleue_marin rose_fuchia violet bleue_fluo vert_sombre */
.bbcode_blanc 
{
	color: white;
}
.bbcode_argent
{
	color: silver;
}
.bbcode_gris
{
	color: gray;
}
.bbcode_noir
{
	color: black;
}
.bbcode_rouge
{
	color: red;
}
.bbcode_marron
{
	color: maroon;
}
.bbcode_vert_fluo
{
	color: lime;
}
.bbcode_vert
{
	color: green;
}
.bbcode_jaune
{
	color: yellow;
}
.bbcode_vert_olive
{
	color: olive;
}
.bbcode_bleue
{
	color: blue;
}
.bbcode_bleue_marin
{
	color: navy;
}
.bbcode_rose_fuchia
{
	color: fuchsia;
}
.bbcode_violet
{
	color: purple;
}
.bbcode_bleue_fluo
{
	color: aqua;
}
.bbcode_vert_sombre
{
	color: teal;
}
/*### Fin couleur */
#previsualisation
{
	/*text-align:left;*/
	width: 500px; height: 300px; /* largeur ; hauteur */
	padding: 0.2em; overflow: auto; /* dit au navigateur d'ajouter des barres de défilement ou pas en fonction des cas.  */
	/*margin-left:15%;*/
	border: thin solid rgb(127,157,185); 
	/*display: inline;*/
}
.code_global
{
	/*margin: auto;*/
	border: 2px solid #FF9933;
	border-collapse: collapse;
	margin-left:10px; margin-right:10px;
	width:90%; 
	margin-top:20px;
	border: none;
   /*background-color:#666666*/
}

.code_head
{
	margin-top:10px;
	font-size: 1.2em;
   	text-align:left;
	font-weight:bold;
}
.code
{
	padding:5px;
	border: 1px dashed rgb(0,102,204);
}
/*
#####################################################################################################################
##### ------------------------------------------------ FIN de la partie gestion BBcode --------------------------------------------------------- #####
#####################################################################################################################
*/