body{ font-family:Arial, Helvetica, sans-serif; background-color: #E9E7F0; font-size:11px; color:#665f81; margin:0px 0px 0px 0px; }
form { margin: 0px; }
a:focus, a:active{outline: none;}

.killer{ clear:both; line-height:1px; height:1px; }
.killer2 { clear:both; font-size:0px; height:0px; }

.erreur{ color:#FF5582; font-weight:bold; padding:10px 2px 10px 2px; background-color:#FFF0F4; border-top:1px solid #FF5582; border-bottom:1px solid #FF5582; text-align:center; margin:5px 0px 10px 0px; }
.ok {color:#69B54A; font-weight:bold; padding:10px 2px 10px 2px; background-color:#F2FFED; border-top:1px solid #69B54A; border-bottom:1px solid #69B54A; text-align:center; margin:5px 0px 10px 0px; }
.no_bg { background:none !important; }
.no_border { border:none !important; }
.no_width { width:auto !important; }
.no_padding { padding:0px !important; }
.no_margin { margin:0px !important; }
.img { border:1px solid #665f81;}
.img_couleur { border:1px solid #666666 !important;}
.input { font-size:11px; border:1px solid #999999; width:240px; }
.bt10 { margin-top:10px; }
.mb10 { margin-top:10px; }
.pt10 { padding-top:10px !important; }
.pb10 { padding-bottom:10px !important; }
/*span { color:#D9293B; }*/
a.lien, a.lien:link, a.lien:visited { color:#665f81; text-decoration:underline; font-size:11px; }
a.lien:hover {color:#CC0066; text-decoration:none;}
a.lien2, a.lien2:link, a.lien2:visited { color:#CC0066; text-decoration:underline; font-size:11px; font-weight:bold; }
a.lien2:hover {color:#CC0066; text-decoration:none;}
.center { text-align:center !important; }
.right { text-align:right !important; }

.formulaire input, .formulaire select { font-size:11px; color:#665f81;}
.formulaire textarea { border:1px solid #665f81; font-size:11px; height:50px; font-family:Arial, Helvetica, sans-serif;}
.formulaire td { height:23px; font-size:11px; color:#665f81;}
.formulaire .legende { font-size:10px; }
.formulaire .champs170 { width:170px; border:1px solid #665f81; font-size: 11px; margin-right:10px; color:#665f81; }
.formulaire .champs350 { width:350px; height:80px; border:1px solid #665f81; font-size: 11px; margin-right:10px; color: #665f81; font-family:Arial, Helvetica, sans-serif; }
.formulaire span { font-weight:bold; }


#header { width:960px; height:120px; background:url("/images/bg/header.gif") 0px 43px no-repeat; margin:0px auto; }
#header .logo_hp { float:left; width:348px; height:120px; background:url("/images/bg/logo.jpg") 34px 32px no-repeat; padding:0px 0px 0px 14px; }
#header .logo { float:left; width:348px; height:120px;  padding:0px 0px 0px 14px; }
#header .logo_hp img, #header .logo img { float:left; }
#header .logo_hp h1, #header .logo h1 { float:left; color:#665f81; font-size:14px; width:170px; margin:0px; padding:60px 10px 0px 10px; text-align:center; line-height:18px;  }
#header .logo_hp h1 span, #header .logo h1 span {color:#CC0066; }
#header .login { float:right; padding:70px 25px 0px 0px; color:#CC0066; }
#header .login .input { margin:0px 10px 0px 5px; border:1px solid #990066; font-size:11px; width:120px; }
#header .login .oubli { text-align:right; padding:4px 55px 0px 0px;}
#header .login .oubli a, #header .login .oubli a:link, #header .login .oubli a:visited { color:#665f81; text-decoration:none; }
#header .login .oubli a:hover { text-decoration:underline; }
#header .erreur_login { float:left; margin-top:-13px; font-weight:bold; color:#FF0000; }

#header_mb { width:960px; height:112px; background:url("/images/bg/header_mb.gif") 0px 0px no-repeat; margin:0px auto; }
#header_mb .logo { float:left; width:201px;  padding:9px 0px 0px 21px; }
#header_mb .pub { float:left; padding-top:15px;}

/* NAV MB */
.nav_public { padding-bottom:0px !important; }
#nav { width:950px; height:27px; margin:0px auto; background:url("/images/bg/page.gif") top left repeat-y; padding:0px 5px 20px 5px; }
#nav .accueil a { display:block; width:106px; float:left; background: url("/images/nav/accueil.jpg") no-repeat top;}
#nav .accueil a:hover {background: url("/images/nav/accueil.jpg") no-repeat 0 -27px;}
#nav .rechercher a { display:block; width:105px; float:left; background: url("/images/nav/rechercher.jpg") no-repeat top;}
#nav .rechercher a:hover {background: url("/images/nav/rechercher.jpg") no-repeat 0 -27px;}
#nav .messages a { display:block; width:105px; float:left; background: url("/images/nav/messages.jpg") no-repeat top;}
#nav .messages a:hover {background: url("/images/nav/messages.jpg") no-repeat 0 -27px;}
#nav .selection a { display:block; width:105px; float:left; background: url("/images/nav/selection.jpg") no-repeat top;}
#nav .selection a:hover {background: url("/images/nav/selection.jpg") no-repeat 0 -27px;}
#nav .amis a { display:block; width:105px; float:left; background: url("/images/nav/amis.jpg") no-repeat top; }
#nav .amis a:hover {background: url("/images/nav/amis.jpg") no-repeat 0 -27px;}
#nav .profil a { display:block; width:105px; float:left; background: url("/images/nav/profil.jpg") no-repeat top; }
#nav .profil a:hover {background: url("/images/nav/profil.jpg") no-repeat 0 -27px;}
#nav .abonnement a { display:block; width:128px; float:left; background: url("/images/nav/abonnement.jpg") no-repeat top; }
#nav .abonnement a:hover {background: url("/images/nav/abonnement.jpg") no-repeat 0 -27px;}
#nav .aide a { display:block; width:73px; float:left; background: url("/images/nav/aide.jpg") no-repeat top; }
#nav .aide a:hover {background: url("/images/nav/aide.jpg") no-repeat 0 -27px;}
#nav .deconnexion a { display:block; width:118px; float:left; background: url("/images/nav/deconnexion.jpg") no-repeat top; }
#nav .deconnexion a:hover {background: url("/images/nav/deconnexion.jpg") no-repeat 0 -27px;}


#page { width:950px; margin:0px auto; background:url("/images/bg/page.gif") top left repeat-y; padding:1px 5px 10px 5px; }

/* HOME */
.hp { padding:0px 5px !important; }
#page .hp_search { float:left; width:295px; height:224px; background:url("/images/bg/hp_search.jpg") 0px 0px no-repeat; padding:60px 0px 0px 50px; color:#CC0066; }
#page .hp_search select { color:#665f81; border:1px solid #665f81; font-size:11px; }
#page .hp_search .col_g { width:70px; padding-right:10px; text-align:right; }
#page .hp_search .col_d { padding-bottom:5px; }
#page .hp_anim { float:left; width:605px; height:284px;  }
#page .hp_last { float:left; width:427px; height:102px; background:url("/images/bg/hp_last.jpg") 0px 0px no-repeat; padding:30px 24px 0px 24px; }
#page .hp_last .mb { float:left; margin-right:33px; text-align:center; width:82px; }
#page .hp_last .mb img { border:1px solid #665f81; margin-bottom:3px; }
#page .hp_last .mb a, #page .hp_last .mb a:link, #page .hp_last .mb a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:9px; }
#page .hp_last .mb a:hover { color:#665f81; }
#page .hp_azia { float:left; width:429px; height:93px; background:url("/images/bg/hp_azia.jpg") 0px 0px no-repeat; padding:39px 23px 0px 23px; color:#FFFFFF; text-align:justify; }
#page .hp_ttl { padding:9px 0px 0px 0px; text-align:center; }
#page .hp_charte { float:left; width:260px; height:264px;  background:url("/images/bg/hp_separ.gif") top right no-repeat; padding:0px 17px;  }
#page .hp_charte .content { padding-top:19px; text-align:justify; }
#page .hp_charte .hp_stats { background:url("/images/bg/hp_stats.jpg") 0px 0px no-repeat; margin:10px 0px 0px 10px; width:233px; height:42px; text-align:center; color:#FFFFFF; padding:12px 4px 2px 4px; }
#page .hp_charte .hp_stats a, #page .hp_charte .hp_stats a:link, #page .hp_charte .hp_stats a:visited { color:#FFFFFF; text-decoration:underline; }
#page .hp_charte .hp_stats a:hover { text-decoration:none; }
#page .hp_register { float:left; width:363px;  background:url("/images/bg/hp_separ.gif") top right no-repeat; padding:0px;  }
#page .hp_register .content { background:url("/images/bg/hp_rencontres.jpg") 0px 12px no-repeat; height:218px; padding:19px 15px 0px 171px;}
#page .hp_register .content h2 { color:#CC0066; font-size:11px; margin:10px 0px; text-decoration:underline; }
#page .hp_register .content ol { margin:0px 0px 15px 0px; padding:0px 0px 0px 18px; font-weight:bold; }
#page .hp_pub { float:left; width:273px; height:256px; padding:8px 0px 0px 20px; }

/* CONTENT */
#page h2 { color:#CC0066; font-size:12px; margin:15px 0px 10px 0px; text-transform:uppercase; padding:0px; }
#page h3 { color:#CC0066; font-size:11px; padding: 0px 0px 10px 0px; margin: 10px 0px 0px 0px; text-transform:uppercase; font-weight:normal; text-decoration:underline; }

#page .texte { float:left; width:770px; padding:20px; text-align:justify; }
#page .texte h1 { color:#CC0066; width:770px; border-bottom:1px solid #CC0066; font-size:14px; margin:0px 0px 10px 0px; padding-bottom:5px; }
#page .texte a, #page .texte a:link, #page .texte a:visited { color:#665f81; text-decoration:underline; }
#page .texte a:hover { color:#CC0066; text-decoration:none; }
#page .texte .hotline { width:230px; height:26px; background:url("/images/bg/hotline.jpg") 0px 0px no-repeat; margin:15px auto; padding:80px 0px 0px 249px; font-weight:bold; font-size:16px; color:#00CC33; text-transform:uppercase; }
#page .texte .hotline span {  color:#CC0066; }

#page .sky { float:left; width:120px; padding:10px 0px 20px 0px; }
#page .page_g { float:left; width:180px; margin:0px 10px 10px 10px;  }
#page .page_g ul { margin:0px; padding:0px; background-color:#F3F1F6; border-right:1px solid #d5d2df; border-left:1px solid #d5d2df;}
#page .page_g li { list-style:none; background:url("/images/picto/puce.gif") 8px 8px no-repeat; padding:5px 0px 4px 25px ; border-bottom:1px solid #d5d2df; }
#page .page_g li a, #page .page_g li a:link, #page .page_g li a:visited { color:#665f81; text-decoration:none; }
#page .page_g li a:hover { color:#CC0066;  }
#page .page_c { float:left; width:610px; margin-right:10px; }
#page .page_c h1 { color:#CC0066; width:610px; border-bottom:1px solid #CC0066; font-size:14px; margin:0px 0px 10px 0px; padding-bottom:4px; }
#page .page_c h1 a { float:right; }
#page .page_c h1 a:link, #page .page_c h1 a:visited, #page .page_c h1 a:hover { text-decoration:none; font-size:12px;}
#page .page_c a, #page .page_c a:link, #page .page_c a:visited { color:#665f81; text-decoration:underline; }
#page .page_c a:hover { color:#CC0066; text-decoration:none; }

#page .page_d { float:left; width:120px; padding:0px 0px 20px 0px; }

#page .page_c .resultats { height:42px; background:url("/images/bg/resultats.gif") top left repeat-x; margin:7px 0px 10px 0px; padding:0px 10px; }
#page .page_c .resultats h2 { margin:0px; color:#CC0066; font-size:14px; }
#page .page_c .resultats .pagination { margin:6px 0px 0px 0px; background:none; height:auto; padding:0px;}

#page .page_c .pagination { background:url("/images/bg/pagination.gif") 0px 0px repeat-x; padding:0px 10px; height:21px; margin:10px 0px; }
#page .page_c .pagination .suivant { float:left; width:70px; text-align:right;}
#page .page_c .pagination .suivant img { vertical-align:top; margin:2px 0px 0px 5px; }
#page .page_c .pagination .liens { float:left; text-align:center; width:453px;}
#page .page_c .pagination .precedent{ float:left; width:67px; }
#page .page_c .pagination .precedent img { vertical-align:top; margin:2px 5px 0px 0px; }
#page .page_c .pagination a, #page .page_c .pagination a:link, #page .page_c .pagination a:visited { color:#665f81; text-decoration:none; }
#page .page_c .pagination a:hover { color:#CC0066; }

#page .page_c .zapping { float:left; margin: 10px 7px 0px 7px; }
#page .page_c .anniversaire { text-align:center; font-size:12px; font-weight:bold; margin-bottom:20px; }
#page .page_c .anniversaire input { vertical-align:middle; margin-top:-3px; }
#page .page_c .anniversaire select { font-size:12px; }

#page .page_c .aziatop { float:left; width:166px; height:237px; padding:15px 0px 0px 0px; text-align:center; font-size:12px; margin:0px 18px; }
#page .page_c .aziatop strong { display:block; text-align:center; color:#FFFFFF; font-size:30px; padding-bottom:25px; }
#page .page_c .aziatop img { margin-bottom:5px; }
#page .page_c .aziatop a { display:block; padding-bottom:5px; }
#page .page_c .aziatop_1 { background:url("/images/bg/aziatop-1.jpg") 0px 0px no-repeat; }
#page .page_c .aziatop_1 a, #page .page_c .aziatop_1 a:link, #page .page_c .aziatop_1 a:visited { font-size:14px; text-decoration:none; font-weight:bold; color:#CC0066; }
#page .page_c .aziatop_1 a:hover { color:#665f81;}
#page .page_c .aziatop_2 { background:url("/images/bg/aziatop-2.jpg") 0px 0px no-repeat; }
#page .page_c .aziatop_2 a, #page .page_c .aziatop_2 a:link, #page .page_c .aziatop_2 a:visited { font-size:14px; text-decoration:none; font-weight:bold; color:#665f81; }
#page .page_c .aziatop_2 a:hover { color:#CC0066;}
#page .page_c .aziatop_small { float:left; width:80px; padding:0px 0px 0px 0px; margin:10px 20px 10px 1px; text-align:center; }
#page .page_c .aziatop_small_1 strong { color:#CC0066; font-size:24px; }
#page .page_c .aziatop_small_2 strong { color:#665f81; font-size:24px; }
#page .page_c .aziatop_small a, #page .page_c .aziatop_small a:link, #page .page_c .aziatop_small a:visited{ font-size:10px; color:#665f81; text-decoration:none; }
#page .page_c .aziatop_small a:hover{ text-decoration:underline; }
#page .page_c .aziatop_small img{ margin-bottom:3px;}

#page .page_c .message { border-bottom:1px solid #d5d2df; margin-bottom:10px; line-height:16px; padding-bottom:5px;  }
#page .page_c .message strong { color:#CC0066; }

/* CONTENT MB */
#page .ttl { color:#CC0066; font-size:14px; font-weight:bold; padding:0px 0px 4px 10px; border-bottom:1px solid #fda4d1; }
#page .bloc { background-color:#F3F1F6; border-right:1px solid #d5d2df; border-left:1px solid #d5d2df; border-bottom:1px solid #d5d2df; }
#page .acces_rapide { float:left; width:180px; margin:0px 10px 10px 10px; display:inline; }
#page .acces_rapide ul { margin:0px; padding:7px 0px 0px 0px; background-color:#F3F1F6; border-right:1px solid #d5d2df; border-left:1px solid #d5d2df;}
#page .acces_rapide li { list-style:none; background:url("/images/picto/puce.gif") 8px 8px no-repeat; padding:5px 0px 4px 25px ; border-bottom:1px solid #d5d2df; }
#page .acces_rapide li a, #page .acces_rapide li a:link, #page .acces_rapide li a:visited { color:#665f81; text-decoration:none; }
#page .acces_rapide li a:hover { color:#CC0066;  }
#page .last_visite { float:left; width:480px; margin-right:10px; }
#page .last_visite a { text-decoration:none; }
#page .last_visite .content {  padding:10px 0px 14px 0px; text-align:center; background:url("/images/bg/last_visite.gif") top center no-repeat;  }
#page .last_visite .content img { vertical-align:middle; margin:0px 5px 0px 0px; }
#page .last_visite .messages { float:left; width:167px; text-align:right; padding-right:21px; }
#page .last_visite .visites { float:left; width:80px; padding-left:15px; }
#page .last_visite .votes { float:left; padding-left:30px; }

#page .recherche_rapide { float:left; width:250px; }
#page .recherche_rapide .content { padding:11px 0px 0px 35px; height:139px;   }
#page .recherche_rapide select { color:#523102; border:1px solid #523102; font-size:11px; }
#page .recherche_rapide .col_g {  padding-right:10px; text-align:right; }
#page .recherche_rapide .col_d { padding-bottom:5px; }

#page .aziatop { float:left; width:180px; margin:0px 10px; display:inline; }
#page .aziatop .content { text-align:center; padding:20px 0px 0px 0px; line-height:16px; height:208px; margin-bottom:12px; }
#page .aziatop .content img { border:1px solid #665f81; margin-bottom:3px;  }

#page .mon_profil { float:left; margin-right:10px; width:255px; }
#page .mon_profil .content { padding:14px 20px 0px 20px; height:214px; }
#page .mon_profil .photo { float:left; margin:4px 5px 0px 0px; }
#page .mon_profil ul { float:left; margin:0px; padding:0px; width:95px; }
#page .mon_profil li { list-style:none; background:url("/images/picto/puce.gif") 8px 5px no-repeat; padding:1px 0px 1px 25px ; }
#page .mon_profil li a, #page .mon_profil li a:link, #page .mon_profil li a:visited { color:#665f81; text-decoration:none; }
#page .mon_profil li a:hover { color:#CC0066;  }
#page .mon_profil .remplissage { padding-top:30px; text-align:center; }
#page .mon_profil .remplissage .barre { background:url("/images/bg/remplissage.gif") 0px 0px no-repeat; width:184px; height:18px; padding:1px; margin:5px auto 0px auto; text-align:left; }

#page .help { float:left; margin-right:10px; width:215px;}
#page .help .aide { text-align:center; padding:15px 0px 0px 0px; height:87px; margin-bottom:13px; line-height:16px; }
#page .help .hotline { text-align:center; padding:10px 0px 0px 0px; height:81px; line-height:16px; }
#page .help .hotline span { color:#a4a0b6;} 
#page .help .hotline img { margin:2px 0px 2px 0px; }
#page .pub250 { float:left; width:250px; }

#page .mb_listing { padding:10px; width:278px; margin:0px 10px 10px 0px; height:108px; float:left; }
#page .mb_listing_d { margin-right:0px !important; }
#page .mb_listing_1 { border:1px solid #fed1e8; background:url("/images/bg/mb_listing_1.gif") top left repeat-x; }
#page .mb_listing_2 { border:1px solid #dcdae5; background:url("/images/bg/mb_listing_2.gif") top left repeat-x; }
#page .mb_listing .photo { float:left; width:108px; margin-right:10px; }
#page .mb_listing .infos { float:left; width:160px; font-size:12px; padding:0px; }
#page .mb_listing .infos h1 { margin:0px 0px 7px 0px; color:#CC0066; font-size:14px; width:auto; border:none; padding:0px; }
#page .mb_listing .infos .fiche { padding:13px 0px 0px 0px; width:160px; }

#page .fiche_g { float:left; width:340px; margin:2px 10px 10px 10px; display:inline; }
#page .fiche_g .content {padding:10px;}
#page .fiche_g .content .photo { float:left; margin-right:10px; }
#page .fiche_g .content .infos { float:left; line-height:16px; }
#page .fiche_g .content .bt_g { margin:0px 10px 5px 0px; }
#page .fiche_g .content .bt_d { margin:0px 0px 5px 0px; }
#page .fiche_d { float:left; width:576px; }
#page .fiche_d .nav { height:22px; border-bottom:1px solid #fda4d1; width:576px; margin-bottom:14px; }
#page .fiche_d .nav .rub { float:left; }
#page .fiche_d .nav a {  display:block; width:96px; height:19px; background:url("/images/bg/nav_fiche.jpg") 0px 0px no-repeat; color:#CC0066; text-align:center; padding-top:3px; }
#page .fiche_d .nav a:link, #page .fiche_d .nav a:visited { text-decoration:none; }
#page .fiche_d .nav a:hover, #page .fiche_d .nav a.on {  background:url("/images/bg/nav_fiche.jpg") 0px -22px no-repeat; color:#FFFFFF;  }
#page .fiche_d .nav_end { clear:both;}
#page .fiche_d table { width:100%; }
#page .fiche_d table td { border-bottom:1px solid #eae8ee; padding:3px 0px; height:auto; }
#page .fiche_d table .col_g { font-weight:bold; padding-left:5px; }
#page .fiche_d table .col_d { text-align:justify; }

#page .fiche_d .photo_resize {  }
#page .fiche_d .photo_resize .photo { float:left; width:440px; height:330px; padding:5px; background-color:#FFFFFF; text-align:center;  border:1px solid #333333; margin-right:10px; }
#page .fiche_d .photo_resize .photo img { vertical-align:middle; border:1px solid #333333; }
#page .fiche_d .photo_resize .apercu { float:left; width:106px; text-align:center; font-weight:bold; color:#E20179; }
#page .fiche_d .photo_resize .apercu #apercu { border:1px solid #333333; margin:3px 0px 10px 0px; width:100px; height:100px; overflow: hidden;  }
#page .fiche_d .photo_resize .conseils { color:#333333; font-weight:normal; text-align:left; margin-top:30px; }


#page .tableau { width:100%; margin:2px 0px 10px 0px; }
#page .tableau th { font-weight:bold; text-transform:uppercase; text-align:left; height:22px; }
#page .tableau td { border-top:1px solid #d5d2df; height:22px; }
#page .tableau .nonlu { background-color:#f3f1f6; font-weight:bold; }
#page .tableau td a, #page .tableau td a:link, #page .tableau td a:visited { color:#665f81; text-decoration:none; }
#page .tableau td a:hover { color:#CC0066; }

#footer { width:960px; margin:0px auto 0px auto; text-align:center; color:#665f81; background:url("/images/bg/footer.gif") top left no-repeat; padding-top:10px; }
#footer a, #footer a:link, #footer a:visited { color:#665f81; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer .biskot { width:193px; font-size:10px; color:#523102; margin: 10px auto 10px auto; padding:3px 11px; background-image:url("/images/bg/biskot.gif"); background-position:top; background-repeat:no-repeat; }
#footer .biskot img { vertical-align:middle; margin-right:3px; }
#footer .biskot a, #footer .biskot a:link, #footer .biskot a:visited{ font-size:10px;color:#523102; text-decoration:underline; }
#footer .biskot a:hover{ font-size:10px;color:#523102; text-decoration:none; }

/*imgAreaSelect */
.imgareaselect-border1 { background: url("/css/images/border-v.gif") repeat-y left top; }
.imgareaselect-border2 { background: url("/css/images/border-h.gif") repeat-x left top; }
.imgareaselect-border3 { background: url("/css/images/border-v.gif") repeat-y right top; }
.imgareaselect-border4 { background: url("/css/images/border-h.gif") repeat-x left bottom; }
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { opacity: 0.5; filter: alpha(opacity=50); }
.imgareaselect-handle { background-color: #fff; border: solid 1px #000; opacity: 0.5; filter: alpha(opacity=50); }
.imgareaselect-outer { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
.imgareaselect-selection {  }