/* Style CSS de l'annuaire NETREF */
/***************************
***** 1 - STYLES GLOBAUX ****
***************************/
/* Corps de la page : marge, police par default, barre de scroll, couleur de fond,etc.*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background:#FFFFFF url(http://www.francecity.com/images/back-rsoe.jpeg) repeat-x ;	
margin:0;padding:0;

	}

/*#header{height:35px;margin:0px auto;padding:0;background:#FFFFFF url(http://annuaire.francecity.com/template/images/backmenu.png) repeat-x ;vertical-align: middle;}*/
#header{height:30px;border-bottom:#FF0066 1px solid;WIDTH:810px;}
#menhead{margin:0px auto;padding:0;background:#F8F8F8;vertical-align: middle;}
#tbl { width: 780;	padding: 0px; 	margin-top: 0px;	margin-bottom: 0px;	text-align: center; }	

A.aref {FONT-WEIGHT:normal; FONT-SIZE: 11px; COLOR: #000000; padding-top:10px;padding-bottom:2px;padding-left:2px;padding-right:2px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
A.aref:hover {FONT-WEIGHT:normal; FONT-SIZE: 11px; COLOR: #000000;padding-top:10px;padding-bottom:2px;padding-left:2px;padding-right:2px; font-family: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}


/* Style de toutes les Images */
img { vertical-align: middle; border: none; }
/* Texte standard */
.texte {  font-family: Arial; font-size: 10px; clip:  border:#c5ccd2; left: 20px; color: #333333}

/* FORMULAIRES */
input,select,textarea {
	border:1px solid #535353;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Geneva;
	font-size: 12px;
	color:#0066FF;
}
.check {
	border:0px;
	background-color:#E2F0FE;
}

/*****************************
***** 2 - STYLES de TITRE ****
******************************/	
	
/* Barres de titre : accueil, etc.*/
h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	align: center;
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* Description de la balise h1 : détails des catégorie, etc. */
h2 {
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
} 
/* Titre de section : catégorie, catégories connexes,éléments,résultats,etc.*/
h3 {
	margin: 10px 0px 5px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	position: static;
	color: #FF5300;
} 

a.reserv {	font-family: arial; font-size: 11px; font-weight: bold; color: #0000FF;	text-decoration:none; }
/* passeage de souris sur un lien de categorie */
a:hover.reserv { color: #6A6171; }

/***********************************
***** 3 - STYLES des CATEGORIES ****
************************************/	

/* Tableau des catégories sur index.php */
.cat {	margin-left: auto;	margin-right: auto;	 }
/* Style pour lien de catégorie */
a.liencat {	font-family: arial; font-size: 12px; font-weight: bold; color: #0000FF;	text-decoration:none; }
/* passeage de souris sur un lien de categorie */
a:hover.liencat { color: #6A6171; }

A.menu {FONT-WEIGHT:normal; FONT-SIZE: 13px; COLOR: #0273B9; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.menu:hover {FONT-WEIGHT:normal; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: underline}

A.bar {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #FFFFFF; FONT-FAMILY: Arial; TEXT-DECORATION: none}
A.bar:hover {FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #EAEDFF; FONT-FAMILY: Arial; TEXT-DECORATION: underline}

/* Nombre de site des catégories */
.nbcat { font-family: Arial; font-size: 9px; }

/******************************
***** 4 - STYLE des LIENS ****
******************************/	

/* Affichage des elements ayant une url */

.elt_website {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	margin-top:10px;
	width: 600px;
	padding: 10px;
	height: auto;
	clip:   rect(5px auto auto auto);
	top: auto;
	bottom: auto;
	
/*	overflow: auto;*/
}
.frame {
width: 468px;
height: 60px;
border: 1px solid #D2D1F0;
}
.barm {
background-color:#507E92;
color:#FFFFFF;
}



/* Corps du cadre de lien */
/*#F2F261
#F2F261 */
.elt_body{	position: static; clear: both; height: auto; text-align: left; border: 1px solid #FFFFFF; width: 600px;}
.elt_action_sponsor{position: static; clear: both; height: auto; text-align: left; border: 1px solid #ECECEC; width: 600px; background-image:  url(http://annuaire.francecity.com/template/images/fondsponsor.jpeg); background-repeat: repeat-x;padding: 5px;}
.elt_action_aff{	position: static; clear: both; height: auto; text-align: left; border: 1px solid #F1F1F1; width: 600px; background-image:  url(http://annuaire.francecity.com/template/images/fondsponsor.jpeg); background-repeat: repeat-x;padding: 5px;}
.elt_action_sponaff{	position: static;  height: auto; text-align: left; width: 600px;border:1px solid #FF0066;background: url(http://annuaire.francecity.com/template/images/box.gif) repeat-x left top;padding: 5px;}
.elt_action_pub{	position: static;  height: auto; text-align: left; width: 600px;border:1px solid #FF0066;padding: 5px;}
.elt_action_normal{	position: static;  height: auto; text-align: left; width: 600px;border:1px solid #dadada;background: url(http://annuaire.francecity.com/template/images/box.gif) repeat-x left top;padding: 5px;}
.elt_bodysponsor{position: static; clear: both; height: auto; text-align: left;}
.elt_bodyaff{position: static; clear: both; height: auto; text-align: left;}
/*.elt_bodysponsor{	position: static; clear: both; height: auto; text-align: left; border: 3px solid #F2F261; width: 600px; background-color: #F2F261;}*/
.elt_action_right {	float: right; position: static; width: 600px;}
.elt_action_leftsponsor { float: left;width: 600px;}
.elt_action_leftaff { float: left;width: 600px;}
/*.elt_action_leftsponsor { float: left;	width: auto; background-color: #F2F261;width: 600px;}*/
.elt_action_left { float: left;	width: auto;}
/* contenu d'un cadre de site*/
.elt_contents {	color: #000000;	font-size: 11px; float: left; position: relative; }
.elt_comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 2px solid #FF6633;
	width: 90%;
	margin: 5px;
	padding: 5px;
}
/* Affichage des awards  dans les cadres elements*/
.awards { float: right; padding: 4px; }
/* Affichage 'Partenaire' */
.parten { font-family: Arial; font-size: 12px; font-style: normal; color: #000033; float: right; position: relative;text-align: right;}
/* Affichage 'Nouveau' pour les sites */
.new { font-family: Arial; font-size: 11px; color: #8F320F; font-weight: italic; }
/* Nombre de visite IN OUT */
.visit {  font-family: Arial; font-size: 9px; }
/* Boutton d'aperçu */
.preview { padding: 1px 2px 0px; }
/* Apercu Screenshoot*/
.screen_shoot {	float:left;	padding:3px; position: relative; overflow: visible; }
/* Frame ouverture Iframe*/
.ifr_on { border: solid 2px #000066; }
.ifr_off {border: solid 0px}


/******************************
***** 5 - STYLE Note Mode ****
******************************/	

/* Affichages des élément sans url - Mode note */
.elt_note {
	border: 1px solid #FFFFFF;
	padding: 0px;
	background-color: #FFFFFF;
	width: 600px;
	margin-top:10px;
	padding: 0px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

/***********************************
***** 6 - STYLE des Liens retour ***
************************************/	

/* Lien de retour en bas de l'annuaire */
.retour { text-align: left; }
.retour a {	font-family: arial;  font-size: 11px; font-weight: bold; text-decoration: none;  color: #990000; }
.retour a:hover { color: green; }


/****************************************
***** 7 - STYLE des liens de Gestion  ***
****************************************/	

/* Gestion des pages 1,2,3 etc. */
gestion gestion_page_little { font-size: 9px; font-weight: normal; }
.gestion { margin-top: 0px;	font-family: Arial;  font-size: 11px; text-align: left; font-weight: bold; color: #003333; }
.gestion a { color: #990000; font-size: 11px; font-family: Arial; font-weight: bold; font-decoration: none; }
.gestion a:hover { color: green; }
	
/*******************************************
***** 7 - STYLE des Cadres et Forumaires ***
*******************************************/	
/* Cadres pour commentaire, vote, suggestion */
#cad { width: 230;	padding: 3px;	border: 1px solid #97B4FF;	margin-left: auto;	margin-right: auto;	text-align: center; }

/* tableau et barre de formulaire */
.formulaire { text-align: left; }
tr.formulaire {	font-family: Arial;	font-size: small; color: #EAEAEA; font-weight: bold; background-color: #000033;	padding: 1px; }
	
/* champ de formulaire */
.field { text-align: right; }
	
.field_bad { font-weight:bold; text-align: right;	color: #FF0000; }

/*****************************
***** 8 - STYLE des Liens ***
******************************/	
/* Liens */

a{color: #000;	text-decoration : none; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;}
a:hover{color: #0273B9;	text-decoration : underline;}
/*a {	color: #333333;	font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; }
a:hover { color: #0099FF}
*/
a.gh {	color: #FFFFFF;	font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; text-decoration: none; }
a:hover.gh { color: #CCFFFF}

a.pagin {	color: #FF6600;	font-size: 20px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; text-decoration: none; }
a:hover.pagin { color: #000099}

a.brmenu {	color: #000000;	font-size: 15px; font-family: Geneva, Arial, Helvetica, sans-serif;	font-weight: bold; text-decoration: none; }
a:hover.brmenu { color: #000033;text-decoration: underline;}

/* Liens des sites sortants*/
.lien_1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder; text-decoration: underline; font-style: normal; color:#0000ff;cursor:hand; clip:     rect(   )}
.lien_1:hover { color : red;}

.lien_4 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bolder; text-decoration: none; font-style: normal; color: #38B63C; clip:     rect(   )}
.lien_4:hover { color : red;}

.lien_sp { font-family: Geneva, Arial, Helvetica, sans-serif;   text-decoration: none; font-style: normal; color: #000000;}
.lien_sp:hover { color : black; text-decoration: none;}

.lien_sp1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;font-style: normal; color: #0033FF;}
.lien_sp1:hover { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;font-style: normal; color: #0033FF;}

/* Liens des chemins de catégories*/
.lien_2 {  font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; color: #4E4E4E; clip:     rect(   )}
.lien_2:hover {color : #000000;}

/* petit lien */
.lienp { font-family: Arial;	font-size: 11px; color:#000066; text-decoration: none; }


/*****************************
***** 8 - STYLE Autres ***
******************************/	
/* resultats de recherche */
.search_result { text-align:left; padding-right: 55px; padding-left: 55px; }
/* Categorie : Recherche et connexes */
#search_cat { width: 95%;text-align: left;}

/* Texte OK, KO, information */
.alert_ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009200;
	background-image:  url("im/ok.gif");
	background-repeat: no-repeat;
	text-indent: 15pt;
	border: thin solid #009200;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
	background-color: #FFFF00;
}
.alert_ko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	background-image:  url(im/ko.gif);
	background-repeat: no-repeat;
	text-indent: 15pt;
	border: thin solid #FF0000;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
	background-color: #FFFF00;
}
.alert_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	background-image:  url(im/ico/info.gif);
	background-repeat: no-repeat;
	border: thin solid #000066;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
}
/* message RSI - affichage lors des modification rapides*/
.message_info {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	height: 10px;
	width: 40%;
	background-color: #FFCC66;
	background-position: center;
	font-size: 9px;
	font-weight: bold;
	visibility:hidden;
}


/* Drapeaux pour select avec langue pour mozilla */
.drapfr { background-image: url("../../inc/im_flags/fr.gif"); background-repeat:no-repeat; background-position:right; }
.drapen { background-image: url("../../inc/im_flags/en.gif"); background-repeat:no-repeat; background-position:right; }
.drapde { background-image: url("../../inc/im_flags/de.gif"); background-repeat:no-repeat; background-position:right; }
.drapse { background-image: url("../../inc/im_flags/se.gif"); background-repeat:no-repeat; background-position:right; }
.drapit { background-image: url("../../inc/im_flags/it.gif"); background-repeat:no-repeat; background-position:right; }
.drapsp { background-image: url("../../inc/im_flags/sp.gif"); background-repeat:no-repeat; background-position:right; }
.drappo { background-image: url("../../inc/im_flags/po.gif"); background-repeat:no-repeat; background-position:right; }
.draptr { background-image: url("../../inc/im_flags/tr.gif"); background-repeat:no-repeat; background-position:right; }
#tz {font-size:12px; font-weight: bold;width: 100%; background-color : #FFCC66 ;BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 1px solid #000099; }
ul{
list-style-image: url(pm.png);
padding:15px;
padding-top:0px;
margin:0px;
}