

/********************************************** ACCUEIL ********************************************/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/

.background_text_index_annuaire{
display:block;
padding-bottom:3px;
margin-left:221px;
float:left;
width:800px;
height:25px;
background-color:5d78b1;
}

.text_index_annuaire {
display:block;
padding:5px;

margin-left:200px;
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#FFFFFF;

}



/******************************************** MENU HAUT ********************************************/
/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */

#menu {
	/*text-align:right;*/
	padding-left:60px;
	margin-top:5px;
	width:550px;
	
	
	
}


a.top_link_annuaire {
	font-family:Arial, Helvetica, sans-serif; 
	border-left:1px solid #5D78B1; 
	color:#5d78b1;
	padding-left:5px;
	padding-right:5px;
	font-size: 11px;
	float:left;
	text-decoration:none;
}

a.top_link_annuaire:hover {
	color:#213B70;
}

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annuaire { 

	float: right;
	width: 150px;
	height:18px;
	text-align:right;
	padding-right:10px;
	margin-right:0px;
}




/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire {
text-decoration:none; 
font-size: 13px;
color:#5d78b1; 
}


a.link_cat_index_annuaire:hover{
text-decoration:none; 
font-size: 13px;
color:#e32a2a; 
}

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire {
text-decoration:none;  
font-size: 10px;
color:#5d78b1; }


a.link_scat_index_annuaire:hover {
text-decoration:none; 
font-size: 10px;
color:#e32a2a; 
}
/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { 
font-size: 13px; 
color:#5d78b1;
}


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Arial; font-size: 15px; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire {  }


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

/* 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; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { 
font-size: 14px;
padding-left:8px;
text-decoration:none;
 
}



/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-size: 14px; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-size: 14px; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-size: 12px; }

/* Description des sites */
.description_site_annuaire {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
text-align:justify;
padding-left:8px;
}

/* URL des sites */
.url_site_annuaire { 
font-size: 12px; 
color: dimgray;
margin-left:8px; 
}

/* Moyenne des votes des sites */
.moyenne_votes_site_annuaire { font-size: 12px; }

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-size: 12px; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annuaire { font-size: 12px; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-size: 12px; }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */

.position_site_annuaire {
	font-size: 12px;
	color:#5d78b1;
 	font-weight:bold;
  }
  
 a.titre_site_annuaire {
	font-size: 13px;
	color:#5d78b1;
	font-weight:bold;
	text-decoration:none;
 } 




/***** NOUVEAUTES *****/
/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :
Aucun site n'a été ajouté ...
*/
.no_new_site_annuaire { 
color: #5d78b1;
font-weight:bold;
font-size:12px;

}

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annuaire { font-weight: bold; }


/***** TOP CLICS *****/
/* Texte pour dire qu'aucun site n'a deja recu de clic :
Aucun site n'a encore reçu de visite...
*/
.no_clic_site_annuaire { color: #ff0000; }


/***** TOP VOTES *****/
/* Texte pour dire qu'on n'a pas encore voter pour les sites :
Aucun site n'a encore reçu de vote...
*/
.no_vote_site_annuaire { color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annuaire {  }


/***** 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; }

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


/* Bouton pour lancer la recherche */
input.button_make_search_annuaire {  }

/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annuaire {  }

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


/***** AJOUTER UN SITE *****/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annuaire { font-size: 14px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annuaire { 
color: #5d78b1; 
font-weight: bold;


}

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annuaire { 
font-family: Arial; 
font-size: 12px;
color:#5d78b1; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annuaire {
margin:3px; 
 }

/* Textarea pour la description du site */
textarea.descr_add_site_annuaire {  }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annuaire { 

 }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annuaire {  }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annuaire { color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annuaire { color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annuaire { font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annuaire {  }


/***** COMMENTAIRES *****/
/* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site :
Pas encore de commentaire...
*/
.no_com_site_annuaire { color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annuaire { font-weight: bold; }

/* Texte du commentaire */
.text_com_annuaire {  }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annuaire {  }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annuaire { font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annuaire { font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annuaire {  } 


/***** DIVERS *****/
/*Lien dans le bas des pages */
a.link_footer_annuaire { 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px; 
color:#5d78b1;

/*padding:5px;
float:left;
*/

}

a.link_footer_annuaire:hover { 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#213B70; 

}





/* Arborescence en ligne des categories (texte) */
.arbo_annuaire {
text-decoration:none;
font-size:12px; 
color:#5d78b1; 
font-weight: normal;
line-height:20px; 
}

a.arbo_annuaire_petit { 
color:#5d78b1; 
font-weight:normal;
text-decoration:none;
 
}

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire:hover { 
color:##5d78b1; 
font-weight:normal;  

}

/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
a.link_numpage_annuaire { font-size: 11px; font-family: Arial; }

/* Titre des pages de l'annuaire */
.titre_annuaire { 
font-size: 18px; 
font-weight: bold; 
font-family: Arial;
color:#e32a2a; 
}

.titre_annuaire img{
border:1px solid #e32a2a;
}

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire {
 font-size: 12px; 
font-weight: bold; 
font-family: Arial;
color:#5d78b1; }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annuaire {  }




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


/* CSS Document */
html {
	height: 100%;
	
}

body {

	margin: 15px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	background-color:#F9F9F9;
	/*background-image:url(../../../images/site_fond.gif); */
}

ul{
padding-left:10px;
}

li {
	display : list-item;
	list-style-image:url(../../../images/M_images/puce.jpg);
	list-style-position: outside;
	
}

.clr {
	clear: both;
}

td.outline {
	background-color: #FFFFFF;
}

/***************   BANDEAU HAUT *******************************************************/

#header_outer {
	text-align: left;
	border:0;
	margin:0;
	background-color: #FFFFFF;
}

#header {
	float: left;
	padding: 0px;
	/*margin-right: 2px;*/
	width: 800px;
	height: 128px;
	background: url(img/bandeau.jpg) no-repeat;
}

#top_outer{
	float: left;
	width: 165px;
	display:none;
	background-color: #FFFFFF;
}

#top_inner {
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
	background-color: #FFFFFF;
}


/***************   MENU TOP HORIZONTAL  *******************************************************/
#search_outer {
	/*background-color: #FFFFFF;*/
}
#search_inner table {
	float:left;
	width:500px;
	margin-left:150px;
}

#search_inner tr {
	padding:0;
	margin:0;
	height:20px;
}
#search_inner td {
	padding:0;
	margin:0;
}

#search_inner a.mainlevel-nav {
	text-decoration:none;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	border-left:1px solid #5D78B1;
	color:#5d78b1;
	padding-left:5px;
	padding-right:5px;
	font-size: 11px;
}

#search_inner a.mainlevel-nav:hover {
	color:#213B70;
}

/***************   MENU BOTTOM HORIZONTAL  *******************************************************/

#bottom_menu{
text-align:center;
background:#5d78b1;
width: 800px;
}
#bottom_menu table{
text-align:center;
}

.mainlevel_bottom{
color:#FFFFFF;
}
a.mainlevel_bottom{

	text-decoration:none;
	line-height:15px;
	/*border-left:1px solid #5D78B1;
	
	padding-left:5px;
	padding-right:5px;*/
	color:#FFFFFF;
	font-size: 11px;
}


a.mainlevel_bottom:hover{
color:#213B70;
}



/***************   Cpyright  *******************************************************/
.um_footer{
color:#213B70;
padding-top:5px;
}

/***************   BOUTON RECHERCHER  *******************************************************/
#search_outer {
	text-align:center;
	padding:0;
	margin:0;
	padding-right:2px;
/*background-color: #FFFFFF;*/
}

#search_inner {
  padding:0;
	margin:0;
}

#search_inner form {
  padding:0;
	margin:0;
}

#search_inner .inputbox {
	float:right;
	border: 1px solid #5D78B1;
	height:15px;
	width:100px;
	font-size: 9px;
	color: #5D78B1;
}


/***************   MENU GAUCHE *******************************************************/

#left_outer {
  float:left;
	margin-top:0px;
	width:175px;
	background-color: #FFFFFF;
}


#left_inner { 
  float:none !important;
  float:left;
}

a.mainlevel {
	background:url(../images/bg_menu_off.jpg) no-repeat;
	display:block;
	font-size:12px;
	color:#FFFFFF;
	height:37px !important;
	width:175px;
	line-height:37px;
	padding-left:20px;
	text-decoration:none;
}

a.mainlevel:hover {
	background:url(../images/bg_menu_on.jpg) no-repeat;
	text-decoration: none;
	color:#DEE8F0;
	padding-left:20px;
}

a.mainlevel#active_menu {
	background:url(../images/bg_menu_on.jpg) no-repeat;
	text-decoration: none;
	color:#DEE8F0;
	padding-left:20px;
}

a.mainlevel#active_menu:hover {
}

/***************  SOUS MENU GAUCHE *******************************************************/
a.sublevel{
	color: #5d78b1;
	padding-left:10px;
	text-decoration:none;
	font-size:11px;
}

a.sublevel:hover {
	color: #213B70;
	padding-left:5px;
	font-weight:bold;
	text-decoration:none;
}

a.sublevel#active_menu {
	color: #213B70;
	padding-left:5px;
	font-weight:bold;
	text-decoration:none;
}




.toto{
background:#5d78b1;
display:block;
width:615x;
color:#FFFFFF;
font-size:12px;

padding:4px;
}

/************************************** BLOC CENTRAL *****************************************/
#content_outer {
	margin:0;
	padding:0;
	width: 800px;
	float:left;
	background-color: #FFFFFF;
	padding-bottom:5px;
	text-align:left;
	

}

#content_outer h2{
color:#e32a2a;
}
#content_inner {
	margin:0;
	padding:0;
	
}

table.content_table {
	padding:0;
	margin:0;
}

table.content_table td {
	padding:0;
	margin:0;	
	padding-right: 2px;
}


#banner_inner {
	margin-top:7px;
	height: 50px;
	float:left;
	width:468px;
	height:60px;
	float:left;
}


/***********************************************************************************************************/
.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

#pathway_text {
	display:none;
}




/********************************************** CONTENU DES ARTICLES ********************************/
.componentheading {
	color: #FFFFFF;
	text-align: left;
	padding-left: 4px;
	height: 20px;
	line-height:20px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	background-color:#5D78B1;
	border:1px solid #5D78B1;
}

.contentcolumn {
	padding-right: 5px;
}
/*********** H2************/
.contentheading {

	height: 30px;
	color: #E32A2A;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
	/*border-bottom:1px solid #5D78B1;*/
	text-align:justify;
}

.contentheading h1{

	height: 30px;
	color: #E32A2A;
	font-weight: bold;
	font-size: 30px;
	white-space: nowrap;
	/*border-bottom:1px solid #5D78B1;*/
	text-align:justify;
}

.buttonheading {

padding-left:10px;
	/*border-bottom:1px solid #5D78B1;*/
}

.contentpagetitle {
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.contentpaneopen {
	font-size:12px;
	color:#5D78B1;
  	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 5px;
}

.contentpaneopen h2{
font-size:12px;
	color:#5D78B1;
}

.texte_resume {

	color:#5D78B1;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
	text-align:justify;
	padding-top:0px;
}



.list_client{
margin:5px;

}


/*********** H2 ss principale************/
table.contentpaneopen h2{
	padding-left:35px;
	line-height:18px;
	color:#E32A2A;
	width: 100%;
	font-size:14px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen h3{
	padding-bottom:10px;
	float:right;
	padding-left:35px;
	color:#5d78b1;
	width: 100%;
	font-size:10px;
	line-height:18px;
	/*border-collapse: collapse;
	border-spacing: 0px;*/
	margin: 0px;
	text-align:justify;

}










