/* Style CSS de l'annuaire NETREF */
/*****************************
***** 2 - STYLES de police ****
******************************/	
h1 {
	display: inline;
	margin: 0 0;
	align: center;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



h2 <!-- Aucun controm sur cette balise !-->
{
display: inline;
	margin-top: 0px;
	margin-bottom: 0px;
	align: center;
	text-align:left;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

h3 <!-- Aucun controm sur cette balise !-->
{display: inline;
font:  13px Arial, Helvetica, sans-serif ;
text-align: left ;
color: #000000 ;}


h4 <!-- Aucun controm sur cette balise !-->
{font:  11px Arial, Helvetica, sans-serif;
text-align: justify  ;
background: #FFFFFF;
margin-right: 6px;
}

p <!-- Fonctionne mais seulement si P est seul-->
{font:  12px Arial, Helvetica, sans-serif;
text-align: justify  ;
color: black ;
background: #FFFFFF;
margin-right: 6px;}

ul {list-style-type: none;}
ol {list-style-type: none;}
li {display: inline; list-style-type: none;}

a {text-decoration: none ; }
#menu-bas a
{
font:  11px Arial, Helvetica, sans-serif  ;
text-align: center  ;
background:#FFFFFF;
color: #000000;}

		
.menu-gauche a {
     margin: 1px;
     width: 160px; 
     height: 18px;
     display: block;
     text-align: left;
     border: 1px  ;
	 color: #000000; /* Couleurs de lien du menu   */
     background: #FFFFFF;
	 font:  bold 11px Arial, Helvetica, sans-serif  ; 
	 margin-left: 5px;
	 border-width: 1px; /* Bordure de 1px */
	 border-bottom-color : #CCCCCC;
	 }
	 
.menu-gauche a {	
font:  bold 10px Arial, Helvetica, sans-serif ;
border-style:solid;
float:left;  /* Placer a droite */
border-width: 1px; /* Bordure de 1px */
border-color : #FFFFFF;
border-bottom-color : #CCCCCC;
height: 18px; /* Hauteur de 100  */
width: 160px; /* largeur de 50  */
margin-left: 5px;
display: inline;

	 }

.menu-gauche a:hover {
     background: #99CC00;
	 color: #FFFFFF;
     border: 1px solid gray; 
     }
	 
.menu-gauche a {
     margin: 1px;
     width: 160px; 
     height: 18px;
     display: block;
     text-align: left;
     border: 1px  ;
	 color: #000000; /* Couleurs de lien du menu   */
     background: #FFFFFF;
	 font:  bold 11px Arial, Helvetica, sans-serif  ; 
	 margin-left: 5px;
	 border-width: 1px; /* Bordure de 1px */
	 border-bottom-color : #CCCCCC;
	 }
	 
.menu-gauche a {	
font:  bold 10px Arial, Helvetica, sans-serif ;
border-style:solid;
float:left;  /* Placer a droite */
border-width: 1px; /* Bordure de 1px */
border-color : #FFFFFF;
border-bottom-color : #CCCCCC;
height: 18px; /* Hauteur de 100  */
width: 160px; /* largeur de 50  */
margin-left: 5px;
display: inline;

	 }

.menu-gauche a:hover {
     background: #99CC00;
	 color: #FFFFFF;
     border: 1px solid gray; 
     }	 
	 
/***************************
Menu gauche page code reduc */

/* 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: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	}
	
/* 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 #999999;
	background-color:#EAEAEA;
	font-family: Verdana, Arial, Geneva;
	font-size: 12px;
}
.check {
	border:0px;
	background-color:#EAEAEA;
}






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


/* contenu d'un cadre de site*/
.elt_contents {	color: #000000;	font-size: 11px; float: left; position: relative; }
.elt_comment {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
	border: 1px solid #FF6633;
	width: 450px;
	margin: 5px;
	padding: 5px;
}
/* Affichage des awards  dans les cadres elements*/
.awards { float: right; padding: 4px; }
/* Affichage 'Partenaire' */
.parten { font-family: Arial; font-size: 10px; font-style: italic; color: #CC0033; }
/* Affichage 'Nouveau' pour les sites */
.new { font-family: Arial; font-size: 11px; color: #FF0000; font-weight: bold; }
/* Affichage 'Vu' pour les sites */
.vu {	font-family: Arial;	font-size: 10px; color: #0000FF; font-weight: bold; }
/* Nombre de visite IN OUT */
.visit {  font-family: Arial; font-size: 9px; }
/* Boutton d'aperçu */
.preview {	position: relative;	float: left; 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 #FEE89C;
	padding: 0px;
	background-color: #FFFFCC;
	width: 450px;
	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: center; margin-top:10px;position: relative;}
.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. */
#gestion123 { font-family: Arial;  font-size: 12px; text-align: center; font-weight: bold; color: FF3300; 
background-color: #FFFFFF;
width: 170px;
margin-left: 3px;
margin-top: 10px;
}
gestion gestion_page_little { font-size: 9px; font-weight: normal; }
.gestion { margin-top: 10px;	font-family: Arial;  font-size: 11px; text-align: center; font-weight: bold; color: FF3300; }
.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: 3px 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 { text-align: right;	color: #CCCCCC; }

/*****************************
***** 8 - STYLE des Liens ***
******************************/	
/* Liens */
a {	color:#000000;	font-size: 11px; font-family:  Arial,Geneva, Helvetica, sans-serif;	 }
a:hover { color: #F881A2}

/* Liens des sites sortants*/
.lien_1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; text-decoration: none; font-style: normal; color: FF3300; clip:     rect(   )}
.lien_1:hover { color : FF3300;}

/* Liens des chemins de catégories*/
.lien_2 {  font-family: arial; font-size: 12px; font-weight: bold; text-decoration: none; font-style: normal; color: FF3300;   }
.lien_2:hover {color : red;}

/* petit lien */
.lienp { font-family: Arial;	font-size: 11px; color: #EAEAEA; 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 { 
margin-top: 6px; 
border-style:solid;
border-color: #CCCCCC;  /* Bordeur noir */
border-width: 1px; /* Bordure de 1px */
width: 450px; /* largeur de 50  */
width: 460px;text-align: left;}

/* Texte OK, KO, information */
.alert_ok {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	
	background-repeat: no-repeat;
	text-indent: 15pt;
	border: thin solid #006600;
	padding: 0px 3px 0px 30px;
	margin: 3px;
	text-align: left;
	background-position: 3px center;
}
.alert_ko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	
	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;
}
.alert_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	
	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;
}