body
{
	margin: 10px 10px 50px 50px;
	padding: 0px ;
	text-align:;
	font: 14px Arial, sans-serif;
	font-weight: bold;
	color:gray;
	background: silver ;
	
}
H2{
	font: 15px Arial, sans-serif;
	font-weight: bold;
	color:#990099;
	
}

H1{
	font: 25px Arial, sans-serif;
	font-weight: bold;
	color:;
}

div#conteneur
{
	width: 800px;
	margin:0 auto;
	padding:5px;
	border:2px solid black;
	background:#FFFFFF;

}

div#haut {
	height: ;
	margin:0 0 0 0PX;
	background-color: ;
}

div#gaucheO {
	float:left;
	width: 150px;
	padding:1px;
	background-color:silver  ; /* couleur de la boite */
	border:; /* style de la bordure de la boite */
	position:relative ; /* indique un décalage par rapport à la position normale */
	top: ; /* décalage de 7 pixels vers le haut */
	left:;} /* décalage de 7 pixels vers la gauche */
	background-image: silver ;

div#gauche {
	float:left;
	width: 150px;
	background-color:white ; /* couleur de la boite */
	border: solid 1px gray ; /* style de la bordure de la boite */
	position:relative ; /* indique un décalage par rapport à la position normale */
	top:-6px ; /* décalage de 7 pixels vers le haut */
	left:-6px;} /* décalage de 7 pixels vers la gauche */

div#pied {
	clear:both;
	height: ;
	background-color: ;
}

div#centre {
	float:right;
	width: 600px;
	background-color:;
	margin:0;
	padding:0;
}

.logo {

	float:right;
	border-style:solid;
	border-width:0px;
	width:350;
	border-color:blue;
	margin: 0 10PX 0 0;
	padding:0;
}

.menugauche {
	list-style-type: none;
	margin: 0;
	padding:0;
	text-align: center;
}

.menugauche li {
	margin-bottom: 5px;
}
.menugauche a {
	margin: 0 2px;
	font-size: 14px;
	color:black;
	background-color:transparent;
	text-decoration:none;
}
.menugauche a:hover {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
	display:inline ;}



p {
	margin: 0 0 0px 0;}

.texte_vidini {
	font-family: Arial black;
/*font-size: 18px;*/
	font-weight: bold;
	color :#FF6600;
	background-color:transparent;
	text-decoration:none; }

/*??????????*/
.cat_puce {
	font-family: Arial black;
	font-size: 15px;
	font-weight: bold;
	color :#FF6600;
	background-color:transparent;
	text-decoration:none; }

#menu_haut{

	border-style:solid;
	border-width:0px;
	border-color:blue;
	margin:0px;
	padding:0px;
	height:px;
	width:300px;
	/*position:absolute;*/
	/*left: 615px;*/
	/*top:104px;*/
	float: right ;
	text-align: right;
	vertical-align: bottom;
}


ul#menu_haut{

	list-style-type: none ;
	text-align:right;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */				
ul#menu_haut li
{
 	display:inline ;
	float: right ;
	text-align: left;
	vertical-align: BOTTOM;
	}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

#menu_haut a
{
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none;
}

#menu_haut a:hover
{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

#date
{
	border-style:solid;
	border-width:0px;
	border-color:black;
	width:122px;
	padding:0px;
	margin:2px 0 0 0;
	height:;
	color:#990099;
	left:;
	float: left ;
	text-align: left ;
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color:transparent;
	text-decoration:none;
	vertical-align: bottom;
	top:+2px ;
}

#dotH
{
	border-style:solid;
	border-width:0px;
	border-color:#FF6600;
	width:800px;
	margin:0px;
	padding:0px 0PX 1PX 1PX;
	left: 10px;
	background-color:transparent;
	text-decoration:none;
}

/*Arborescence "vous etes ici"*/
div#arbo
{
	border-style:solid;
	border-width:0px;
	border-color:blue;
	margin:0px;
	padding:0px;
	height:;
	width:800px;
	left:;
	top:;
	text-align: left;
	vertical-align: bottom;
	display:inline ;
/* Arborescence en ligne des categories (texte) */
 	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none; }

/* Arborescence en ligne des categories (liens) */
#arbo a {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none; }

#arbo a:hover {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none; }
	
/* Lien vers les categories princiaples sur la page d'accueil */
a.lien_cat_index_annuaire {
	font-size: 14px;
	color:black;
	background-color:transparent;
	text-decoration:none; }

a.lien_cat_index_annuaire:hover {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
	display:inline ;}


/* Lien vers les sous-categories sur la page d'accueil */
a.lien_scat_index_annuaire {
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none; }

a.lien_scat_index_annuaire:hover {
	font-family:Arial, sans-serif;
	font-size:9px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
	display:inline ;}

/***** RECHERCHE *****/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun résultat pour la recherche...
*/
.no_res_search_annuaire {
	color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annuaire {
	font-style: italic;
	font-family: Arial;
	font-size: 13px; }

/* Texte dans les resultats d'une recherche :
Categories trouvées, Sites trouves
*/
.res_search_cat_site_annuaire {
	font-weight: bold;
	color: gray; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire {
	font-family: Arial;
	font-size: 70%; }

/* Bouton pour lancer la recherche */
input.button_make_search_annuaire  {
	width:150px;
	height:20px;
	color:#FF6600;
	text-align:center;
	font-size: 70%;
	font-weight:bold;
	background-color:#CCCCFF;
}

input.button_make_search_annuaire :hover {
	width:100px;
	height:22px;
	text-decoration:none;
	color:#FF6600;
	text-align:center;
	font-size: 80%;
	font-weight:bold;
	background-color:#CCCCFF;
	padding:5px} }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire {
	font-family: Arial;
	font-size: 70%;
	color:gray; }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annuaire {  }

/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none; }
	
a.titre_site_annuaire:hover {
	font-family:Arial, sans-serif;
	font-size:15px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

/* Date de validation des sites */
.date_validation_site_annuaire {  }

/* Description des sites */
.description_site_annuaire {
	font-family:Arial;
	font-size: 13px;
	font-weight: BOLD;
	color:gray;
	background-color:transparent;
	text-decoration:none;   }
/* url des sites */
.url_site_annuaire {
	font-family:Arial;
	font-size: 12PX;
	color:#990099;
	background-color:transparent;
	text-decoration:none; }

#menu_pied{

	border-style:solid;
	border-width:0px;
	border-color:blue;
	padding:0px;
	height:20px;
	width:;
	text-align:center;
	margin:auto
	vertical-align: top;
}

ul#menu_pied{

	list-style-type: none ;
	text-align:center;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel */				
ul#menu_pied li
{
 	display:inline ;
	float:;
	text-align:center;
	vertical-align: BOTTOM;
	}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

#menu_pied a
{
	font-family:Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none;
}

#menu_pied a:hover
{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}

/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */
a.link_scat_other_annuaire {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:black;
	background-color:transparent;
	text-decoration:none; }

a.link_scat_other_annuaire:hover {
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FF6600;
	background-color:transparent;
	text-decoration:none;
}


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Arial; font-size: 13px; }

/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annuaire { color: #ff0000; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
a.lien_to_cat_annuaire { font-family: Arial; font-size: 11px; font-weight: bold;color:black;background-color:transparent;
text-decoration:none; }

a.lien_to_cat_annuaire:hover {
font-family:Arial, sans-serif;
font-size:15px;
font-weight: bold;
color:#FF6600;
background-color:transparent;
text-decoration:none; }