/* 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: 10px;
    margin-left: 10px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    background-image : url(http://www.milouchouchou.com/image/tablebg.png);
}
/* 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:2px solid #999999;
    background-color:#E9E9FC;
    font-family: Verdana, Arial, Geneva;
    font-size: 12px;
}
.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: #336699;
    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: #000033;
} 

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

/* Tableau des catégories sur index.php */
.cat {  margin-left: auto;  margin-right: auto; width: 95%; }
/* Style pour lien de catégorie */
a.liencat { font-family: arial; font-size: 12px; font-weight: bold; color: #000099; text-decoration:none; }
/* passeage de souris sur un lien de categorie */
a:hover.liencat { color: red; }
/* 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: 95%;
    padding: 0px 4px 10px;
    height: auto;
    clip:   rect(5px auto auto auto);
    top: auto;
    bottom: auto;
    overflow: auto;
}

/* Corps du cadre de lien */
.elt_body{  position: static; clear: both; height: auto; text-align: left; }
.elt_action_right { float: right; position: static; }
.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: #FFFFCC;
    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: 10px; font-style: italic; color: #CC0033; }
/* Affichage 'Nouveau' pour les sites */
.new { font-family: Arial; font-size: 11px; color: #FF0000; 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: 95%;
    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; }
.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: center; 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: #333333; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
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: #003366; clip:     rect(   )}
.lien_1:hover { color : red;}

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

/* petit lien */
.lienp { font-family: Arial;    font-size: 11px; color:#666666; 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: #006600;
    background-image:  url("im/ok.gif");
    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-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;
}
.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; }