/*================================================================================
 | CSS     : FEUILLE DE STYLE GLOBALE DE MYTILENE
 | FICHIER : global.css
 |--------------------------------------------------------------------------------
 | Philippe  22/05/08  Passage en largeur 1024*768
 | Philippe  21/09/07  Création
 |================================================================================*/
/* ==== Nouvelle barre de menu ==== */
@import url(/COMMUN/CSS/TETE2/menu_principal.css);

/* ==== Général ==== */
* { margin:0px; padding:0px; font:11px arial,helvetica,sans-serif; color: #333366; }
div.vide, div.clear { clear:both; }
b { font-weight: bold; }

/* ==== Tête de page ==== */
div#div_entete { display:block; position:relative; margin-top: 5px; margin-left: 5px; width:780px; height:80px; background:white url(/images2/fond_entete.gif) top left; z-index:1; }
div#div_retour_accueil { display:block; position:relative; width:157px; height:80px; background:url(/images2/logo3.gif) no-repeat left top; }
div#div_partenaire { display:block; position:absolute; top:0px; left:163px; height:40px; width:230px; background:url(/images2/logo4.gif) no-repeat top left; }
div#div_liens_haut,div#div_liens_haut_sb {  position:absolute; top:4px; right:8px; width:400px; height:18px; text-align:right; }
div#div_liens_haut a,div#div_liens_haut_sb a { padding-left:10px; font-size:11px; font-weight:bold; color:white; }
div#div_liens_haut a:hover,div#div_liens_haut_sb a:hover { text-decoration:none; }
div#div_liens_haut img#img_h2g2 { position:absolute; top:10px; right:22px; }
/* ---- Tête de page sans boutons ---- */
div#div_entete_sb { display:block; position:relative; margin-top: 5px; margin-left: 5px; width:780px; height:80px; background:white url(/COMMUN/IMG/TETE2/tete_sansbarre_court.jpg) top left; z-index:1; }
div#div_liens_haut_sb { top:13px; right:18px; }
div#div_entete_logo { position:absolute; width:170px; height:70px; top:0px; left:0px; background:url(/images2/logo3.gif) no-repeat left top; }
div#div_partenaire_sb { position:absolute; width:170px; height:70px; top:2px; left:170px; background:url(/images2/logo4.gif) no-repeat left top; }

/* ==== Menu horizontal ==== */
div#div_menu_fond { position:absolute; bottom:0px; left:157px; width:605px; height:38px; padding-left:6px; background:url(/l/IMG/TETE2/bordmenug.gif) no-repeat left bottom; z-index:50; }
div#div_menu_fond > div#div_menu_haut { position:relative; height:38px; z-index:5000; background-color:white; }
div#div_menu_fond > div#div_menu_haut > div#div_cadre_menu_haut { position:absolute; top:0px; right:-6px; height:38px; width:6px; background:url(/l/IMG/TETE2/bordmenud.gif) no-repeat left bottom; }
div#div_menu_fond > div#div_menu_haut > ul { display:block; height:31px; padding-left:12px; background-color:#87ABD8; border-bottom:1px solid #CCFF99; z-index:1000; }
div#div_menu_fond > div#div_menu_haut > ul > li { display:block; position:relative; float:left; height:30px; width:80px; background:url(/l/IMG/TETE2/fd_btn_off.gif); border-left:1px solid #CCFF99; border-top:1px solid #CCFF99; border-bottom:1px solid #CCFF99; cursor:pointer; }
div#div_menu_fond > div#div_menu_haut > ul > li > p, div#div_menu_fond > div#div_menu_haut > ul > li > p > a { line-height:12px; padding-top:2px; color:white; text-decoration:none; }
li#li_dialogue p { padding-left:13px; margin:0px; }
li#li_inscription p { padding-left:15px;}
li#li_recherche p { padding-left:15px;}
li#li_bal { border-right:1px solid #CCFF99; }
li#li_bal > p { padding-left:10px; }
li#li_fichier p { padding-left:13px;}
li#li_chat p { padding-left:5px;}
li#li_service p { padding-left:10px; }
li#li_portrait p { padding-left:23px;}
/* ---- Selection du menu ---- */
div#div_menu_fond > div#div_menu_haut > ul > li.active > p { height:28px; color:#ccccff; background-color:#333399; }
div#div_menu_fond > div#div_menu_haut > ul > li.active:hover > p { color:#ccccff; }

/* ==== Menus verticaux ==== */
div#div_menu_fond > div#div_menu_haut > ul > li:hover { background:url(/l/IMG/TETE2/fd_btn_on.gif); }
div#div_menu_fond > div#div_menu_haut > ul > li:hover > p,div#div_menu_haut > ul > li:hover > p > a { color:#006699; }
div#div_menu_haut > ul > li > ul { display:none; margin-left: 1px; margin-right: 1px; }
div#div_menu_haut > ul > li:hover > ul { display:block; position:absolute; top:30px; z-index:5000; background-color:#CCFF99; border:1px solid #9BC572; }
div#div_menu_haut > ul > li:hover > ul > li { background:url(/images2/fleche10.gif) no-repeat 5px 8px; list-style-type:none; }
div#div_menu_haut > ul > li:hover > ul > li > p { color:#006699; font-weight:bold; padding-top:3px; padding-bottom:3px; padding-left:20px; }
div#div_menu_haut > ul > li:hover > ul > li > p > span { color:#006699; font-weight:bold; }
div#div_menu_haut > ul > li:hover > ul > li > p > a,div#div_menu_haut > ul > li:hover > ul > li > p > a > span { color:#006699; font-weight:bold; text-decoration:none; }
div#div_menu_haut > ul > li:hover > ul > li:hover, li.option_menu_haut { background-color:#99FF00; }
div#div_menu_haut > ul > li#li_fichier:hover > ul { left:-1px; width:190px; height:105px; }
div#div_menu_haut > ul > li#li_bal:hover > ul { left:-1px; width:150px; height:90px; }
div#div_menu_haut > ul > li#li_dialogue:hover > ul { left:-1px; width:150px; }

/* ==== Menu gauche des listes ==== */
#div_menu_listes { width:151px; height:auto; margin-bottom:10px; cursor:default; }
#div_menu_listes_titre { padding:3px 5px; font-weight:bold; color:#CCCCFF; background-color:#6666CC; }
#div_menu_listes li { list-style-type:none; margin-top:1px; padding:4px; padding-left:15px; background:#8585F4 url(/l/IMG/COMMUN/fond_menu2_off.gif) no-repeat 2px 3px; }
#div_menu_listes li a,#div_menu_listes li a:link,#div_menu_listes li a:visited { text-decoration:none; font-weight:bold; font-size:10px; color:white; }
#div_menu_listes li:hover { background:#CCFF99 url(/l/IMG/COMMUN/fond_menu2_over.gif) no-repeat 2px 3px; cursor:pointer; }
#div_menu_listes li:hover a,#div_menu_listes li:hover a:link,#div_menu_listes li:hover a:visited { color:#006699; }
#div_menu_listes li.active {  color:#E0E0F5; background:#6666CC url(/l/IMG/COMMUN/fond_menu2_on.gif) no-repeat 2px 3px; }
#div_menu_listes li.active a,#div_menu_listes li.active a:link,#div_menu_listes li.active a:visited { font-size:11px; color:#E0E0E5; }
#div_menu_listes li.active:hover a,#div_menu_listes li.active:hover a:link,#div_menu_listes li.active:hover a:visited { font-size:11px; color:#E0E0E5; }

/* ==== Nouveau menu de listes ==== */
div#div_menu_liste { position:relative; width:141px; height:148px; background:url(/COMMUN/IMG/TETE2/fond_menu_gauche.gif) no-repeat top left; margin:10px 0px 5px 5px; }
div#div_menu_liste div#div_titre { position:relative; float:left; margin:5px 0px 12px 13px; font-size:14px; color:#405396; }
div#div_menu_liste a div.div_libelle { position:relative; float:left; width:123px; height:19px; padding:5px 0px 0px 14px; margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; /*border:1px solid red;*/ }
div#div_menu_liste a { text-decoration:none; }
div#div_menu_liste .choix_on { color:#D5E0FF; background:url(/COMMUN/IMG/TETE2/menu_gauche_choix_on.gif) no-repeat 4px 0px; }
div#div_menu_liste .choix_off { color:#405396; background:url(/COMMUN/IMG/TETE2/menu_gauche_fleche.gif) no-repeat 5px 8px; }

/* ==== Tableau de bord ==== */
#div_tbord { position:relative; width:134px; height:127px; margin-bottom:5px; cursor:default; padding:0px 3px 0px 4px; margin:5px; background:#FFFFFF url(/COMMUN/IMG/TETE2/fond_tableau_bord2.gif) no-repeat top left; }
#div_tbord_titre { color:#005A93; font-size:14px; padding-top:3px; text-align:center; }
#div_tbord_visite { padding:0px 5px 4px 8px; font-weight:normal; color:#3E91E6; font-size:11px; }
#div_tbord ul { width:133px; height:26px; background:#FFFFFF url(/COMMUN/IMG/TETE2/fond_div.gif) no-repeat top left; padding-top:3px; }
#div_tbord li { list-style-type:none; cursor:pointer; height:14px; margin-top:2px; }
#div_tbord .libelle { position:relative; float:left; width:90px; color:#005A93; margin-left:5px; }
#div_tbord .cpt { position:relative; float:left; width:26px; text-align:center; margin-left:7px; }
#div_tbord .libelle a,#div_tbord .libelle a:link,#div_tbord .libelle a:visited { text-decoration:none; font-size:12px; color:#005A93; }
#div_tbord .libelle a:hover { color:#1F8EFF;}
#div_tbord .cpt a,#div_tbord .cpt a:link,#div_tbord .cpt a:visited { text-decoration:underline; font-weight:bold; font-size:14px; color:#CC0099; }
#div_tbord .cpt a:hover { color:#1F8EFF;}

/* ==== Tableau de bord version 2 ==== */
div#div_tableau_bord { position:relative; width:129px; height:185px; cursor:default; padding:5px 3px 0px 9px; margin:5px 5px 10px 5px; background:url(/COMMUN/IMG/TETE2/fond_tableau_bord4.gif) no-repeat top left; }
div#div_tableau_bord div#div_tbord_titre { color:#005A93; font-size:14px; width:130px; }
div#div_tableau_bord div#div_tbord_visite { padding-bottom:7px; width:117px; font-weight:normal; color:#3E91E6; font-size:11px; }
div#div_tableau_bord a { cursor:pointer; }
div#div_tableau_bord a div.div_tbord_libelle { position:relative; float:left; width:97px; padding-bottom:14px; text-decoration:none; font-size:12px; color:#005A93; }
div#div_tableau_bord a div.div_tbord_cpt, div#div_tableau_bord a div.div_tbord_cpt_new { position:relative; float:left; text-decoration:none; font-weight:bold; width:20px; font-size:12px; text-align:center; /*background-color:yellow;*/ }
div#div_tableau_bord a div.div_tbord_cpt { color:#005A93; }
div#div_tableau_bord a div.div_tbord_cpt_new { color:#CC0099; }

/* ==== Taux de remplissage du profil ==== */
#div_remplissage_profil { position:relative; width:132px; height:141px; margin-bottom:5px; cursor:default; padding:9px 0px 0px 9px; margin:5px; background:url(/COMMUN/IMG/ACCUEIL_LOG/fond_profil.gif) no-repeat top left; }
#div_remplissage_profil #titre { width:134px; color:#405396; font-size:14px; }
#div_remplissage_profil #progression { float:left; width:132px; height:38px; /*border:1px solid #5AC4EC;*/ }
#div_remplissage_profil div#progression_titre { width:auto; color:#4A60AD; }
#div_remplissage_profil div#progression_titre span { color:#CC0099; }
#div_remplissage_profil div#progression_barre { width:120px; height:7px; color:#005A93; border:1px solid #CC0099; margin:4px 0px 22px 0px; background-color:white; }
#div_remplissage_profil div#progression_barre_couleur { height:7px; background-color:#E375C8; }
#div_remplissage_profil div#texte { color:#4A60AD; width:134px; height:auto; }
#div_remplissage_profil div#texte a { color:#666699; font-size:12px; font-weight:bold; }
#div_remplissage_profil div#texte a:hover { color:#1F8EFF; }

/* ==== Pied de page ==== */
div#div_pied_de_page { position:relative; width: 980px; height:68px; margin-top:10px; margin-left: 5px; z-index:10; }
div#div_pied_de_page > ul > li { display:block; position:relative; float:left; padding:0px 10px; height: 14px; }
div#div_pied_de_page > ul > li > a { font-weight: normal; text-decoration:none; color:#457592; }
div#div_pied_de_page > ul > li > a:hover { color:#0099cc; }
div#div_pied_de_page > ul { display:block; position:relative; margin-left:auto; margin-right:auto; padding:2px 0 2px 150px; width:600px; height:14px; /* background-color:blue; */}
div#div_pied_de_page li.pied_border { border-right:1px solid #457592; }
div#div_pied_de_page div#div_copyright { position:relative; width: 980px; height:28px; text-align:center;  }
div#div_pied_de_page div#div_espace { display:block; position:relative; width: 980px; height:50px; background-color:#ffffff; z-index:10; }

/* ==== Publicités ==== */
div#div_pub_longue { display:block; position:static; width:978px; height:66px; margin:15px 0px 0px 5px; }
div#div_pub_longue > div { display:block; position:relative; width:474px; height:60px; margin-left:auto; margin-right:auto; padding:2px; border:1px solid lavender; background-color:lavender; }
div#div_pub_longue div#texte_pub_longue { display:block; position:absolute; top:-16px; left:-1px; padding:0px 5px; border:1px solid lavender; background-color:lavender; color:#9999ff; }
div#div_pub_longue_source { display:block; position:absolute; padding-top:5px; padding-left:4px; width:auto; height:auto; }
/* ---- Pub carree ---- */
div#div_pub_carree_source { display:block; position:absolute; padding-top:21px; width:auto; height:auto; }
div#div_pub_carree { position:absolute; width:300px; height:250px; padding:18px 0px; left:300px; border-top:3px solid lavender; border-bottom:3px solid lavender; }
div#div_pub_carree_titre { display:none; }
div.format0#div_pub_carree { display:none; }
div.format1#div_pub_carree { top:0px; }
div.format2#div_pub_carree { top:115px; }
div.format3#div_pub_carree { top:220px; }

/* ==== Corps de la page ==== */
div#div_haut_page { display:block; position:relative; margin-left: 5px; width:978px; height:5px; border-left:1px solid #9999ff; border-right:1px solid #9999ff; font-size:2px; }
div#div_corps_page { display:block; position:relative; margin-left: 5px; width:978px; min-height:490px; background:white url(/COMMUN/IMG/TETE2/tiret_colgche_bleu.gif) repeat-y; border-left:1px solid #9999ff; border-right:1px solid #9999ff; }
div#div_corps_page_blc { display:block; position:relative; margin-left: 5px; width:978px; min-height:490px; background:white url(/l/IMG/COMMUN/tiret_colgche_blc.gif) repeat-y; border-left:1px solid #9999ff; border-right:1px solid #9999ff; }
div#div_partie_gauche { display:block; position:relative; float:left; width:162px; }
div#div_partie_gauche > div#div_gauche_utile { display:block; position:relative; width:151px; margin-left:5px; }
div#div_partie_gauche > div#div_gauche_utile_rech { display:block; position:relative; width:151px; margin-left:5px; background-color: #e4eee6; }
div.bande_photo { display:block; position:relative; width:151px; height: 198px; padding-top: 20px; background-color:#8F9CEC; }
div.bande_decor { display:block; position:relative; height:20px; padding-left: 3px; font-size: 10px; color: #585899; background-color:#8F9CEC; }

div.bloc_colgche { display: block; position: relative; width: 151px; padding-top: 20px; }
div.bloc_colgche > p.p01 { display: block; position: relative; width: 127px; padding: 0 7px 7px 17px; background: url(/l/IMG/COMMUN/fleche2.gif) no-repeat 5px 3px; }
div.bloc_colgche > p.p01 > a:link, div.bloc_colgche > p.p01 > a:visited { color: #333366; text-decoration: underline; }
div.bloc_colgche > p.p01 > a:hover { color: #1F8EFF; }

/* ==== Droite de la page ==== */
div#div_partie_droite { display:block; position:relative; width:783px; float:left; padding:0px 12px 0px 10px; }
div#div_bas_page { display:block; position:relative; margin-left: 5px; width:978px; height:7px; border-bottom:1px solid #9999ff; border-left:1px solid #9999ff; border-right:1px solid #9999ff; font-size:2px; }

div#div_partie_droite > div#div_titre1 { display:block; position:relative; padding-bottom: 2px }
div#div_partie_droite > div#div_titre2 { display:block; position:relative; float: left; width:307px; height: 93px; padding: 0 8px 12px 0; }
div#div_partie_droite > div#div_titre3 { display:block; position:relative; padding-bottom: 16px }
div#div_partie_droite h2 { font-size:18px; color:#666699; display:block; }
div#div_partie_droite h5 { font-size:14px; }

div#div_partie_droite > .div_sautligne { display:block; position:relative; float: left; width:790px; height: 42px; }

div#div_partie_droite  div#div_login { position: relative; float: left; width: 262px; height: 88px; padding: 2px 0 0 8px; border: 1px solid #bebeff; }
div#div_partie_droite  div#div_login > div.titrelog, div#div_partie_droite div#div_login > div.titrelog > h3 { position: relative; font-size: 11px; font-weight: bold; color: #cc0099; padding: 1px 0px 2px 0px; }
div#div_partie_droite  div#div_login > ul  { position: relative; width: 260px; list-style-type: none; }
div#div_partie_droite  div#div_login > ul  > li.b1 { clear: both; position: relative; width: 260px; height: 18px; }
div#div_partie_droite  div#div_login > ul  > li.b1 > p.p1 { display:block; position: relative; float: left; width: 120px; padding-top: 2px; }
div#div_partie_droite  div#div_login > ul  > li.b1 > p.p2 { display:block; position: relative; float: left; width: 140px; }
div#div_partie_droite  div#div_login > ul  > li.b1 > p.p3 { display:block; position: relative; float: left; width: 75px; }
div#div_partie_droite  div#div_login > ul  > li.b1 > p.p4 { display:block; position: relative; float: left; width: 44px; background: url(/l/IMG/COMMUN/fleche1.gif) no-repeat 0 5px; padding: 1px 0px 0px 13px; /* background-color:blue; */}

div#div_partie_droite div#div_login > ul  > li.b2 { position: relative; width: 260px; }
div#div_partie_droite div#div_login > ul  > li.b2 > p.p1 { display:block; position: relative; float: left; width: 42px; padding-top: 5px; }
div#div_partie_droite div#div_login > ul  > li.b2 > p.p2 { display:block; position: relative; float: left; width: 135px; background: url(/l/IMG/COMMUN/fleche1.gif) no-repeat 0 8px; padding: 4px 0px 0px 13px; }

div#div_partie_droite > h6 { position:relative; display:block; clear:both; font-size:11px; font-weight:bold; color:#cc0099; padding-bottom:8px; }

div#div_partie_droite > div#div_rethaut { clear: both; position: relative; width: 592px; height: 13px; padding-top: 35px; }
div#div_partie_droite > div#div_rethaut > p.picto { display:block; position: relative; float: left; width: 17px; padding-left: 510px; }
div#div_partie_droite > div#div_rethaut > p.picto > a.fleche:link, div#div_partie_droite > div#div_rethaut > p.picto > a.fleche:visited, div#div_partie_droite > div#div_rethaut > p.picto > a.fleche:hover { display:block; position: relative; float: left; width: 13px; height: 13px; background: url(/l/IMG/COMMUN/hautpage.gif) no-repeat left top; }
div#div_partie_droite > div#div_rethaut > p.haut { display:block; position: relative; float: left; width: 65px; }
div#div_partie_droite > div#div_rethaut > p.haut > a.lienhaut:link, div#div_partie_droite > div#div_rethaut > p.haut > a.lienhaut:visited  { font-weight: normal; color: #9999FF; text-decoration: none; }
div#div_partie_droite > div#div_rethaut > p.haut > a.lienhaut:hover { text-decoration: underline; }

.saisie { font: normal 11px Arial,Helvetica,sans-serif; color:#333366; background-color: #FFFFFF; border: 1px solid rgb(190,190,255); padding-left: 3px; }
.txtroseg { font-weight:bold; color:#cc0099; }
.txtrosen { font-weight:normal; color:#cc0099; }
.txt14 { font-size:14px; }
.txtgris { color:#666699; }

a.lien1:link, a.lien1:visited { display: block; position: relative; background-color: #6666cc; border: 1px solid #4b4bb9; color: #ffffff; text-align: center; text-decoration:none; }
a.lien1:hover { background-color: #ccff99; border: 1px solid #9bc572; color: #006699; }

a.lien2:link, a.lien2:visited { font-weight: bold; color: #666699; text-decoration: none; }
a.lien2:hover { color: #1F8EFF; text-decoration: none; }

a.dim01 { width: 38px; height: 14px; }

/* ==== Gros boutons bleus ==== */
a.bouton_ok,a.bouton_ok:link,a.bouton_ok:visited { float:left; padding:1px 20px; text-decoration:none; color:white; border:1px solid #4B4BB9; background-color:#6666CC; }
a.bouton_ok:hover { color:#006699; border:1px solid #9BC572; background-color:#CCFF99; }
a.gros_bouton,a.gros_bouton:link,a.gros_bouton:visited { float:left; padding:1px 10px; text-decoration:none; color:white; border:1px solid #4B4BB9; background-color:#6666CC; }
a.gros_bouton:hover { color:#006699; border:1px solid #9BC572; background-color:#CCFF99; }

/* ==== Info sur l'affinité (dans les listes) ==== */
#div_affinite { width:151px; height:auto; margin-top:10px; padding-bottom:90px; cursor:default; background:white url(/l/IMG/COMMUN/image_affinite2.gif) no-repeat bottom left; }
#div_affinite_titre,#div_affinite_texte {  font-weight:bold; color:#6E71D1; padding:5px 15px; background-color:#E4FFCA; }
#div_affinite_titre {  border-bottom:1px dotted #99CCCC; }

/* ==== Mini fiche ==== */
/*
div.mini_fiche { position:relative; float:left; width:290px; height:85px; margin-bottom:6px; background-color:#D2D9FF; cursor:pointer; border:1px solid #D2D9FF; }
div.mini_fiche_new { background-color:#EFF2FF; }
div.mini_fiche:hover { border:1px solid #333399; }
div.mini_fiche img { position:absolute; top:6px; left:6px; width:58px; height:64px; border:1px solid #9999FF; }
div.mini_fiche div.nom { margin-left:73px; padding-top:8px; }
div.mini_fiche div.nom a,div.mini_fiche div.nom a:link,div.mini_fiche div.nom a:visited { color:#CC0099; text-decoration:none; }
div.mini_fiche ul.detail { margin-left:73px; }
div.mini_fiche li { line-height:14px; list-style-type:none; }
div.mini_fiche div.affinite { position:absolute; top:6px; right:6px; padding:1px 4px; text-align:center; color:#666699; border:1px solid white; }
div.mini_fiche div.dernier { width:120px; margin-left:73px; margin-top:1px; padding:1px 5px; color:#333399; border:1px solid white; }
div.mini_fiche div.voir { position:absolute; top:42px; right:6px; padding:2px 10px; border:1px solid #4B4BB9; background-color:#6666CC; color:white; }
div.mini_fiche div.voir:hover { border:1px solid #9BC572; background-color:#CCFF99; color:#006699; }
div.mini_fiche div.connecte { position:absolute; width:120px; left:73px; bottom:2px; padding:1px 5px; color:white; text-align:center; border:1px solid white; background-color:#93C400; }
div.mini_fiche div.connecte b { font-weight:bold; color:white; }
div.mini_fiche div.nouveau { position:absolute; bottom:2px; right:5px; width:76px; padding:1px 0px; color:white; text-align:center; border:1px solid white; background-color:#CA19A6; }
div#div_liste div.ecart { float:left; width:6px; height:50px; }
*/

/* ==== Mini fiche nouvelle version ==== */
div.mini_fiche { position:relative; float:left; width:292px; height:96px; margin-bottom:10px; color:#333366; cursor:pointer; background:url(/COMMUN/IMG/MINIFICHE/fond_mini_fiche.jpg) no-repeat left top; }
div.mini_fiche_new { background-color:#EFF2FF; }
div.mini_fiche img { position:absolute; top:6px; left:6px; width:58px; height:64px; border:1px solid #9999FF; }
div.mini_fiche div.nom { margin-left:73px; padding-top:8px; }
div.mini_fiche div.nom a,div.mini_fiche div.nom a:link,div.mini_fiche div.nom a:visited { color:#CC0099; font-weight:bold; text-decoration:none; }
div.mini_fiche ul.detail { margin-left:73px; }
div.mini_fiche li { line-height:14px; list-style-type:none; }
div.mini_fiche div.affinite { position:absolute; top:6px; right:7px; padding:1px 4px; text-align:center; color:#3e91ea; }
div.mini_fiche div.affinite strong { font-weight:bold; color:#3e91ea; }
div.mini_fiche div.voir { position:absolute; width:69px; height:17px; bottom:0px; left:6px; padding-left:20px; padding-top:3px; color:#3e91ea; background:url(/COMMUN/IMG/MINIFICHE/fond_voir_sa_fiche.png) no-repeat left top; }
div.mini_fiche div.enligne,div.mini_fiche div.dernier,div.mini_fiche div.connecte,div.mini_fiche div.attente,div.mini_fiche div.inviter { position:absolute; left:97px; bottom:0px; width:132px; height:17px; padding-top:3px; text-align:center; background:url(/COMMUN/IMG/MINIFICHE/fond_info.png) no-repeat left top; }
div.mini_fiche div.connecte a,div.mini_fiche div.attente a,div.mini_fiche div.inviter a { padding-left:14px; font-weight:bold; text-decoration:none; color:white; }
div.mini_fiche div.connecte { background-image:url(/COMMUN/IMG/MINIFICHE/fond_dialoguer_connecte.png); }
div.mini_fiche div.attente { background-image:url(/COMMUN/IMG/MINIFICHE/fond_dialoguer_attente.png); }
div.mini_fiche div.inviter { background-image:url(/COMMUN/IMG/MINIFICHE/fond_dialoguer_deconnecte.png); }
div.mini_fiche div.inviter { text-align:right; }
div.mini_fiche div.inviter a { padding-left:0px; padding-right:3px; }
div.mini_fiche div.dernier { color:#3e91ea; }
div.mini_fiche div.enligne { font-weight:bold; color:#4b9600; }
div.mini_fiche div.nouveau { position:absolute; bottom:0px; right:5px; width:57px; height:17px; padding-top:3px; color:white; text-align:center; background:url(/COMMUN/IMG/MINIFICHE/fond_nouvelle_fiche.png) no-repeat left top; }
div#div_liste div.ecart { float:left; width:16px; height:50px; }
/* ---- Bouton effacer ---- */
div.mini_fiche div.MiniFiche_efface { position:absolute; width:16px; height:16px; top:-4px; right:-4px; background:url(/COMMUN/IMG/delete.png) no-repeat left top; }

/* ==== Mini fiche Rao ==== */
div.mini_fiche_rao { position:relative; float:left; min-width:80px; width:auto; height:auto; margin-bottom:6px; cursor:pointer; }
div.mini_fiche_rao:hover { /*border:1px solid #333399;*/ }

div.mini_fiche_rao div.div_ident { position:relative; float:left; top:0px; height:159px; }
div.mini_fiche_rao div#div_rao { position:relative; float:left; top:0px; width:123px; height:159px; background:url(/COMMUN/IMG/ACCUEIL_LOG/fond_micro_fiche_dte.gif) no-repeat top left; }
.fond_ident { width:106px; background:url(/COMMUN/IMG/ACCUEIL_LOG/fond_micro_fiche_gche.gif) no-repeat top left; }
.fond_ident_large { width:107px; background:url(/COMMUN/IMG/ACCUEIL_LOG/fond_micro_fiche.gif) no-repeat top left; }
.bord_mini_fiche_rao { margin-right:9px; }
.bord_large_mini_fiche_rao { margin-right:13px; }

div.mini_fiche_rao img { position:relative; width:91px; height:100px; margin:8px 0px 5px 8px; background-color:white; display:block; }
div.mini_fiche_rao div.nom { position:relative; text-align:center; width:91px; height:14px; overflow:hidden; padding-left:8px; }
div.mini_fiche_rao div.nom a,div.mini_fiche_rao div.nom a:link,div.mini_fiche_rao div.nom a:visited,div.mini_fiche_rao div.nom b { position:relative; font-weight:bold; color:#CC0099; text-decoration:none; }

div.mini_fiche_rao ul#div_ident_detail { text-align:center; color:#333366; }
div.mini_fiche_rao ul#div_rao_detail { padding:10px 2px 0px 5px; height:125px; overflow:hidden; /*border:1px solid red;*/ }
div.mini_fiche_rao li { line-height:14px; list-style-type:none; }
div.mini_fiche_rao div.affinite { position:absolute; bottom:2px; left:3px; text-align:center; color:#FFFFFF; width:101px; height:14px; background:url(/COMMUN/IMG/ACCUEIL_LOG/fond_affinite2.gif) no-repeat top left; }

/* ==== Pagination (listes de mini fiches) ==== */
div.pagination { position:relative; width:420px; height:18px; margin-left:auto; margin-right:auto; padding-top:2px; color:#666699; text-align:center; font-weight:bold; }
div.pagination a,div.pagination a:link,div.pagination a:visited { color:#666699; font-weight:bold; }
div.pagination a:hover { color:#1F8EFF; }
div.pagination span { color:#1F8EFF; font-weight:bold; }
div.pagination a.gros_bouton,div.pagination a.gros_bouton:link,div.pagination a.gros_bouton:visited { position:absolute; color:white; font-weight:normal; top:0px; }
div.pagination a.gros_bouton:hover { color:#006699; }
div.pagination a.suiv { right:0px; }
div.pagination a.prec { left:0px; }
#div_pagination_haut { margin-bottom:6px; margin-top:20px; }

/* ==== Alertes WEB ==== */
#div_une_alerte { display:none; position:absolute; top:0px; left:0px; width:187px; height:247px; font:bold 12px arial; background:#DCECFC url(/COMMUN/IMG/PIED/ALERTE/fond_alerte.jpg) repeat-x top left; cursor:pointer; z-index:50000; }
#img_une_alerte_0 { position:absolute; top:2px; right:2px; cursor:default; }
#div_titre_une_alerte { height:28px; margin-top:2px; }
#div_titre_une_alerte p,#div_titre_une_alerte p b { text-align:center; font-size:12px; color:white; }
#div_titre_une_alerte p b { font-weight:bold; font-size:13px; }
#div_une_alerte div.micro_fiche { margin-top:10px; margin-bottom:15px; text-align:center; }
#div_une_alerte div.micro_fiche p { padding-top:2px; color:black; }
#div_une_alerte div.micro_fiche p.nom { padding-top:5px; font-size:12px; font-weight:bold; }
#div_une_alerte div.micro_fiche img { width:91px; height:100px; }
#div_une_alerte a { display:block; width:112px; height:18px; margin-left:auto; margin-right:auto; margin-bottom:4px; text-decoration:none; text-align:center; color:white; background:url(/COMMUN/IMG/PIED/ALERTE/bouton.gif) no-repeat left top; }
#div_une_alerte a:hover { color:#006699; background:url(/COMMUN/IMG/PIED/ALERTE/bouton_on.gif) no-repeat left top; }