/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	
}

body {
	background-image: url(../images/fond_long4.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	scrollbar-face-color: #FC0C08 ;
	scrollbar-track-color: #17BEE8 ;
	scrollbar-arrow-color: #17BEE8 ;
	scrollbar-shadow-color: #17BEE8 ;
	scrollbar-highlight-color: #17BEE8 ;
	scrollbar-3dlight-color: #333399 ;
	scrollbar-darkshadow-color: #000000 ;
	
}

a img {border: 0;}

label{
	cursor: pointer;
}

/* pour le tableau du menu javascript - mettre au premier plan */
.zi-top{position: absolute; z-index: 20; text-align: center; width:950px;}

.zi-pub{ z-index: 1;}

.titre_1 {
	color: #FC0C08;
	font-size: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titre_1b {
	color: #FFFF00;
	font-size: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titre_2 {
	color: #000000;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titre_2b {
	color: #FC0C08;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tableau_fond {
	background-color:#17BEE8;
}

.tableau_titre {
color: #FFFF00;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
}

.tableau_liens {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00;
	font-weight: bold;
	text-align:right;
}

.texte_petit_1 {
	font-size: 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_petit_2 {
	font-size: 10px;
	color: #FC0C08;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_petit_3 {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_petit_4 {
	font-size: 10px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}

.texte_moyen_1 {
color: #FC0C08;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.texte_moyen_2 {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

.texte_moyen_3 {
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.texte_moyen_4 {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.texte_1 {
color: #FC0C08;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.texte_2 {
color: #000000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.texte_3{
color: #333399;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.texte_numeros {
color: #FC0C08;
font-size: 10px;
}

.texte_numeros2 {
color: #000000;
font-weight: bold;
font-size: 10px;
}

.texte_numeros3 {
color: #FC0C08;
font-weight: bold;
font-size: 14px;
}

.frequences_red {
	font-size: 10px;
	color: #b40100;

}
.frequences {
	font-size: 10px;
	color: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frequences2 {
	font-size: 10px;
	color: #17BEE8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bleu_moyen {
	color: #2A3FAA;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.titres_blancs {
	color: #FFFFFF;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.titres_rouges {
	color: #b40100;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

.texte {
color: #FFFFFF;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}



.texte_bleu {
color: #000000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

.blog4 {
	font-size: 26px;
	color: #FFFF00;
}


.blog1 {font-size: 24px; color: #FFFFFF; }

.blog2 {
	font-size: 34px;
	color: #FFFF00;
}

.blog3 {
	font-size: 22px;
	color: #FFFFFF;
}

.blog3_rouge {
	font-size: 22px;
	color: #b40100;
}
.bas_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color: #333399;
}
a:visited {
	text-decoration: none;
	color: #333399;
	
}
a:hover {
	text-decoration: underline;
	
}
a:active {
	text-decoration: none;
	color: #FF0000;
}




/*styles pour l'agrandissement des photos*/

#pop{ /* fausse popup */
position:absolute;
right:3px;
top:3px;
display:none;
z-index:200;
background-color:#b40100;
border:3px outset;
/* pour IE seulement */
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)
}
#tet{ /* titre */
cursor:move;
background-color:#b40100;
font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
color:white;
padding:0 20px 0 .5em;
}
#tet img{ /* croix pour fermer */
position:absolute;
right:0;
top:0;
height:14px;
width:16px;
cursor:default;
margin:2px 1px 1px;
border:0
}



/*styles pour l'ANNUAIRE*/
/***** ACCUEIL *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annuaire { font-size: 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif; }

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annuaire { font-family: Arial; font-size: 17px; color: #FC0C08; }

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annuaire { font-family: Arial; font-size: 14px;color: #FC0C08; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #000000; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #FC0C08; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;color: #000000; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annuaire { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; 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: #000000; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FC0C08; }

/* Nombre de clics sur les sites */
.nb_clics_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #000000; }

/* Date de validation des sites */
.date_validation_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #000000; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #000000; }

/* Description des sites */
.description_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #000000; }

/* URL des sites */
.url_site_annuaire { font-size: 10px; color: #CCCCCC }

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

/* Lien pour voter pour les sites */
a.vote_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333399; font-size: 10px; }

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

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333399; font-size: 10px; }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annuaire { font-size: 14px; }


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

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


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

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


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

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

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

/* 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: #FC0C08; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annuaire { color: #FC0C08; 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; }

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

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

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

/* 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: Verdana; font-size: 12 px; color: #000000; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annuaire { font-family: Verdana; font-size:13 px; color: #333399; }

/* Arborescence en ligne des categories (texte) */
.arbo_annuaire { color: #333399; }
.arbo_annuaire_petit { color: #333399; font-weight: normal; }

/* Arborescence en ligne des categories (liens) */
a.arbo_annuaire { color: #333399; }

/* 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; color: #333399; }

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

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annuaire { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333399; }

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




/*styles pour agenda */

.titre_agenda
{
font-size:14px;
color: #FC0C08;
}
p, li
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
h1
{
	font-family: arial, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #030a56;
	text-decoration: none;
}	
h2 {
	font-family: arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #030a56;
	text-decoration: none;
}
#page
{
	width:613px;
	margin:0;
	padding:0;
}
#left
{
	width:240px;
	float:left;
	margin:0;
	padding:0;
}
#main
{
	width:615px;
	position:relative;
	left:0px;
	padding:0;
	margin:0 0 0 0px;
}
#cadre_menu, #cadre_recherche, #cadre_filtre, #cadre_agenda
{
	border: 2px solid #009;
	padding:0 5px 5px 5px;
	width:230px;
}
#cadre_footer
{
	clear:both;
	padding:20px 0 0 0;
	margin:0;
}
#footer
{
	padding:0;
	margin:0;
}
#footer li
{
	float: left;
	list-style-type: none;
	padding:0;
	margin:0;
	width:321px;
	display: block;
}
.cadre
{
	border: 2px solid #000099;
	padding:0 5px 0 5px;
}
.event
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	border:1px dotted #999;
	padding:10px;
	margin-bottom: 0px;
	text-align:left;
	color: #000000;
	clear:both;
	overflow:hidden
}
.confirmation
{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.erreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
}
.valid_ko
{
	color:#f00;
	font-weight:bold;
	background-image:url(../img/nok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}
.valid_ok
{
	color:#090;
	font-weight:bold;
	background-image:url(../img/ok.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin:0;
}

.playlist_interprete { color: #FC0C08; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_titre { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_moyenne_votes { color: #666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_lien_voter { color: #333399; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_lien_acheter { color: #333399; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_arbo_search { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_titre_trouve { font-style: italic; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_titre_trouve2 { color: #000000; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.playlist_classe_dans { color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }



/* slideshow */
/* cadre principal */
#featured{ 
	width:400px; 
	padding-right:215px; 
	margin:0;
	position:relative;
	border:none; 
	height:250px; 
	background:#FFFFFF; /* couleur de fond de l'ensemble */
}

/* cadre droite */
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0 2px 0 0; 
	width:213px; 
}

/* posts de droite x4 */
#featured ul.ui-tabs-nav li{ 
	margin:2px 0; padding-left:11px;  /* largeur reserve a la fleche */
	font-size:11px; 
	line-height:14px;
	/*color:666;*/       /* ?????????????*/
}

/* miniatures */
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:4px 5px; 
	background:#fff; 
	padding:0; 
	border:1px solid #17BEE8;      /* couleur bordure miniatures */
}
/* texte des miniatures */
#featured ul.ui-tabs-nav li span{ 
	font-size:11px;
	font-weight: normal;
	line-height:14px;
	width:108px;
	 position:relative; 
	/* top:2%; */
	 color:#000000;     /* couleur Texte miniatures */
}

#featured ul.ui-tabs-nav li .h8{ 
	color:#ffffff;
}


/* posts de droite bloc */
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#FC0C08; font-background:#17BEE8;/* couleur titre Texte miniatures */  
	
	background:#DAEDF7;               /* couleur arriere plan mini posts */
	line-height:15px;
	overflow:hidden;
	vertical-align:middle;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#17BEE8;  /* couleur arriere plan mini posts au survol de la souris */ 
	text-decoration: none;
	cursor: pointer;        
	
}
#featured li.ui-tabs-selected{ 
	background:url('slide/selected-item.gif') top left no-repeat;  /* image fleche */
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#FFFF00;             /* couleur arriere plan mini posts selectionné*/
}

/* depasse overflow rajout */
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#17BEE8; position:relative; /* ??????????????? */
	overflow:hidden;
}

/* bando info transparent */
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:188px; left:0; 
	height:65px; 
	width:400px;
	background: url('slide/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:none; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* inc videos accueil */

.post{
	margin-bottom: 2em;
        border: none;
        background: transparent;
        padding: 5px 5px 0px 0px;
        -moz-border-radius: 4px;
		width: 200px;
		float: left;
		display: inline;
}

.post-title{
	color: #333399;
	font-size: 12px;
	background: transparent;
	margin-bottom: 0;
       /* background: #FFF url(img/tao_sign.png) no-repeat left;
        padding-left: 25px;*/
        height: 30px;
		text-align: center;
		overflow:hidden;
}

.post-title a{
	color: #333399;
	font-size: 12px;
	background: transparent;
	text-decoration: none;
	font-style:normal;
	height: 30px;
	line-height:15px;
	overflow:hidden;
}

.post-info{
	margin-top: 0;
	color: #999999;
	background: transparent;
        font-size: 10 px;
        text-align: center;
		width:200px;

        
}

.post-info a{
	color: #c30;
	background: transparent;
	text-decoration: none;
	width:200px;
}


.post-content{
	text-align: center;
	margin-bottom: 5;
	background: transparent;
	width:200px;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	text-align: center;
        font-size: 10px;
		color: #999999;
        background: #DAEDF7;
        padding: 0 0px 0 0px;
		width:200px;
}

.post-info-co a{
        text-decoration: none;
}

.bouton_menergybase{ 
					margin: 0;			
}

.bouton_menergy { 	
					width:auto;
					height:auto;
					display:block;
					text-align:center;
					text-decoration: none;
					font-size: 11px;
					color: #FC0C08;
					background: #DAEDF7;
					border: 1px solid #17BEE8;
					cursor: pointer;
}

.bouton_menergy:hover{ background: #17BEE8; color: #FFFFFF; text-decoration: none; }
.bouton_menergy:active{ background: #FFFF00; color: #FC0C08; }

.bouton_news{ height:33px; padding-top:10px; }
.bouton_annees{ font-size: 9px; height:10px; }
.titre-cat{
	color: #999999;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width:615px;
	text-align: center;
}

.topart{
	width:120px;
	height:130px;
	float:left;
	display:inline;
	font-size: 10px;
	text-align:center;
}

.annu_sommaire{
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
}

.annu_titres{
	color:#FC0C08;
	width:615px;
	display:inline;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:26px;
	padding-top:10px;
	margin-top:10px;
	border-top:1px dotted #17BEE8;
}

.annu_playclip{
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	margin-bottom:5px;
}

.annu_clips{
	width:615px;
	display:inline;
	color:#999999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:left;
	float:left;
	padding-top:10px;
	margin-top:10px;
	border-top:1px dotted #17BEE8;	
}

.annu_tousclips{
	width:615px;
	display:inline;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:right;
	float:left;	
}