body { margin: 0; padding: 0; font-size: 12px; font-family: Arial; background-color: #ddf3fc; } a { color: #2255AA; } a.hover { font-size: bold; text-decoration: none; color: #7DAE12; } #page { width: 1000px; margin: auto; padding: 0 5px; border-left: 1px solid #787c80; border-right: 1px solid #787c80; background: #ffffff; } #page #header h1 { margin: auto; width: 980px; height: 30px; background: url('img/header_slogan.jpg') no-repeat top; font-size: 16px; font-weight: bold; line-height: 25px; text-align: center; } #page #header ul { list-style-type: none; width: 980px; margin: auto; padding: 0; } #page #header li { float: left; width: 150px; height: 65px; text-align: center; } #page #header li.logo { margin-left: 20px; width: 221px; } #page #header li a { text-decoration: none; color: #F44888; font-weight: bold; } #page #header br { clear: both; } #page #header #location { margin: auto; width: 980px; height: 30px; background: url('img/header_location.png') no-repeat top; font-size: 12px; line-height: 30px; text-align: left; } #page #contenu { clear: both; width: 960px; margin: auto; } #page #contenu #menu { width: 200px; float: left; } #page #contenu #main { margin-left: 10px; width: 730px; float: left; } /* Menu */ #page #contenu #menu .block { width: 188px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #ddf3fc; } #page #contenu #menu .block strong { display: block; width: 95%; margin: auto; text-align: center; color: #F44888; border-bottom: 2px solid #22BEF1; padding-bottom: 2px; } #page #contenu #menu .head { width: 190px; height: 5px; background: url('img/menu_block_top.png') no-repeat top; } #page #contenu #menu .foot { width: 190px; height: 5px; background: url('img/menu_block_bottom.png') no-repeat top; } #page #contenu #main .block { width: 740px; border-left: 1px solid #000000; border-right: 1px solid #000000; background: #e2f4fc; } #page #contenu #main .block strong { display: block; width: 95%; margin: auto; text-align: left; color: #F44888; border-bottom: 2px solid #22BEF1; padding-bottom: 2px; } #page #contenu #main .block h2 { color: #22BEF1; font-size: 16px; text-transform: uppercase; margin: 0 10px; border-bottom: 1px solid #F44888; } #page #contenu #main .block p { margin: 0 10px; } #page #contenu #main .head { width: 740px; height: 5px; background: url('img/main_block_top.png') no-repeat top; } #page #contenu #main .foot { width: 740px; height: 5px; background: url('img/main_block_bottom.png') no-repeat top; } #page #contenu #main .thumbs { text-align: center; clear: both; } #page #contenu #main .thumbs a { display: block; float: left; width: 246px; height: 180px; text-decoration: none; } #page #contenu #main .thumbs img { margin: 2px; padding: 1px; border: 1px solid #2255AA; } #page #contenu #main .thumbs img:hover { border: 1px solid #2255AA; } #page #contenu #main .resultat { width: 710px; clear: both; margin: 0 auto 10px auto; padding: 5px; color: #000000; border: 1px solid #22BEF1; font-size: 11px; } #page #contenu #main .resultat h4 { width: 100%; margin: 0 auto 5px auto; padding: 2px; text-align: center; background: #FFFFE1; font-weight: bold; font-size: 13px; color: #000000; } #page #contenu #main .resultat p { margin-bottom: 10px; } #page #contenu #main .resultat .thumb { display: block; float: left; width: 130px; text-align: center; } #page #contenu #main .resultat .texte { display: block; float: left; width: 580px; text-align: justify; } #page #contenu #main .resultat .act { display: block; width: 350px; float: left; font-weight: bold; font-size: 13px; color: #F2387E; } #page #contenu #main #cb_form { margin: auto; width: 724px; height: 300px; background: url(img/form_cb_bg.gif); } #page #contenu #main #cb_form p { text-align: center; color: #ffffff; } #page #contenu #main #cb_form form { width: 550px; position: relative; left: 140px; top: 135px; text-align: center; } #page #contenu #main #cb_form input { color: #F44888; font-size: 28px; font-weight: bold; text-align: center; } #page #contenu #tchat_inscription { width: 100%; clear: both; } #page #contenu #tchat_inscription ul { list-style-type: none; margin: 0; padding: 0; } #page #contenu #tchat_inscription li { float: left; padding: 5px; text-align: center; color: #F44888;} #page #contenu #main #directory { float: left; width: 350px; } #page #contenu #main #sexshop { float: left; width: 350px; margin-left: 15px; } /* Style pagination */ #pagination { margin: 10px; font-size: 11px; } #pagination b { margin: 1px; padding: 2px; border: 1px solid #C0C0C0; background: #ffffff; } #pagination a { margin: 1px; padding: 2px; border: 1px solid #C0C0C0; background: #ffffff; text-decoration: none; color: #000000; } #pagination a:hover { margin: 1px; padding: 2px; border: 1px solid #C0C0C0; background: #2255AA; text-decoration: none; color: #FFFFFF; } /* Style annuaire */ #annuaire { width: 540px; margin: auto; } #annuaire .site { width: 520px; margin: 10px; padding: 2px; } #annuaire .site b { display: block; width: 510px; margin: auto; line-height: 20px; font-weight: bold; font-size: 13px; color: #ffffff; background: #F44888; padding-left: 20px; } #annuaire .site .thumb { width: 140px; margin: 3px; float: left; text-align: center; } #annuaire .site .desc { width: 360px; margin: 3px; float: right; } .hotesses { width: 720px; margin: auto; } .hotesses_box { width: 180px; float: left; text-align: center; margin-bottom: 15px; } .hotesses_box div { width: 180px; font-size: 11px; height: 18px; overflow: hidden; } .hotesses_box a { color: #E2267A; font-weight: bold; } .hotesses_box img { border: 1px solid #E2267A; margin: 1px; vertical-align: middle; } .hotesses_box a.link_show { display: block; width: 90%; background: #E2267A; margin: auto; line-height: 18px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; text-transform: uppercase; text-decoration: none; border: 1px solid #e0e0e0; } .hotesses_box a.link_show:hover { color: #E2267A; border: 1px solid #E2267A; background: #ffffff; } #profile { display: block; width: 700px; margin: auto;} #profile img { float: left; width: 200px; border: 1px solid #F44888; } #profile p { float: right; width: 450px; } #profile_pics { display: block; width: 95%; margin: auto; text-align: center; } #profile_pics img { border: 1px solid #F44888; margin: 3px; } #boutique { width: 700px; margin: auto; text-align: left; } #boutique ul { list-style-type: none; margin:auto; padding: 0; width: 700px; } #boutique li { width: 100px; height:200px; overflow: hidden; float: left; text-align: center; padding: 20px; } #boutique a { font-weight: bold; text-decoration: none; } #boutique .img { position: relative; } #boutique .img img { border: 1px solid #f95aba; width: 100px; height: 150px; z-index: 1; position: relative; } #boutique .img small { z-index: 2; position: absolute; padding: 2px; bottom: 7px; right: 4px; font-weight: bold; text-decoration: none; color: #ffffff; background-color: #ed5190; } .clear { clear: both; }