* {margin: 0; padding: 0;} .fix {visibility:hidden; clear:both; display:block;} .floatL {float:left;} .floatR {float:right;} body { background: #FFFFFF url(images/img01.gif) center top repeat-x; font-size: 12px; font-family: Arial, Helvetica,Trebuchet MS, sans-serif; color: #444; font-weight: normal; } h1, h2, h3 {color: #586BAA;} h2 {} h3 {} p, blockquote, ul, ol {} p {} blockquote {margin-left: 3px;} ul {margin-left: 3px;} ul li {} ol {margin-left: 3px;} ol li {} a {color: #586BAA;} a:hover {text-decoration: none;} fieldset { border:1px solid #ddd; padding:0 10px 10px 10px; margin:5px 10px 10px 10px; } fieldset legend { font-size:13px; color:#444; padding:0px 5px 0px 5px; margin-left:-5px; } label {display:block; margin:5px 0 5px 0;} img {} img.grey_border {margin:0 auto; border:3px solid #ddd;} input {font-weight: normal; background: #FFFFFF; border: 1px solid #C1DAD7; color: #4f6b72;} input[type="text"], input[type="password"]{padding:2px 0 2px 0; font-weight:normal; font-size:11px;} textarea {font-weight:bold; background:#FFFFFF; border: 1px solid #91C2DD; color: #FFA500;} option { padding-left: 5px; } /* Boxed Style */ .boxed { margin-bottom: 20px;} .boxed .title {height: 31px; padding: 9px 0 0 20px; background: #6FBE6E url(images/img05.gif) repeat-x; font-size: 15px; color: #CC0000;} .boxed .content {padding: 10px 20px 10px 20px; background: url(images/img06.gif) repeat-x;} .boxed .content input {background: #FFFFFF; border: 1px solid #FFBD2E; color: #CC0000;} .boxed .content input:hover {background: #FFFFFF; border: 1px solid #FFBD2E; color: #CC0000;} /* Post */ .post {margin-bottom: 10px; font-weight: normal;} .post .title {padding: 5px 0 0 20px; font-size: 12px; font-weight: normal;} .post .date {} .post .date .month {} .post .date .day {} .post .date .year {} .post .meta {} .post .meta p {} .post .story {padding: 20px 20px 10px 20px; background: url(images/img07.gif) repeat-x; font-weight: normal;} .post h1, .post h2, .post h3 {font:small-caps bold 22px/24px Arial,sans-serif;} /*.post .story p, .post .story blockquote, .post .story ul, .post .story ol {margin-bottom: 1.5em; line-height: 150%; font-weight: normal;}*/ .inputourcontenttitle{background: #FFFFFF; border: 0px; color: #4F6B72; font-weight: bold;} .inputourcontenttitle[type="text"]{height:15px; padding-top: 2px; padding-bottom: 2px;} .inputourcontentdesc{background: #FFFFFF; border: 0px; color: #4F6B72; font-weight: lighter;} .inputourcontentdesc[type="text"]{height:15px; padding-top: 2px; padding-bottom: 2px; font-weight: lighter;} /* HEADER */ #header {width:900px; height: 150px; margin: 0 auto;} /* MENU*/ #menuTop {width: 900px; height: 140px; margin: 0 auto;} #menuStat {text-align:right; position:relative; margin-top:-130px; margin-left:500px; padding:5px; width: 398px; height: 118px; border:1px solid #D2E9EF; background:#000; color:green;} #menu {width: 900px; height: 75px; margin: 0 auto;} #menu ul {margin: 0; padding-top: 17px; list-style: none;} #menu li {display: inline;} #menu a { display: block; float: left; height: 16px; margin-left: 1px; padding: 5px 10px 2px 10px; background: #FFFFFF url(images/img02.gif) repeat-x; text-align: center; text-decoration: none; font-weight: bold; /*color: #586BAA;*/ color: #479AC6; } #menu a:hover {background-image: url(images/img03.gif); border-color: #FEDA8D; color: #CC0000;} #menu .active a {height: 19px; margin-top: -3px; background-image: url(images/img04.gif); border: 1px solid #479AC6; border-bottom: none; font-weight: bold; color: #479AC6;} #menu .activeAdmin a {height: 19px; margin-top: -3px; background-image: url(images/img04.gif); border: 1px solid #479AC6; border-bottom: none; font-weight: bold; color:red;} /* MENU A ONGLET*/ .menuOnglet {width:100%;} .menuOnglet ul {width:auto; height:30px; margin:0px 0px 0px 0px; padding:0px 2px 0px 10px; list-style: none; border:1px solid #CCCCCC; border-width:0px 0px 1px 0px;} .menuOnglet li {display:inline;} .menuOnglet li a { display: block; float: left; height: 16px; margin-left: 2px; margin-top: 4px; padding: 5px 10px 5px 10px; background: #EEEEEE; border:1px solid #CCCCCC; border-width:1px 1px 0px 1px; text-align: center; text-decoration: none; font-weight: bold; color: #CCCCCC; } .menuOnglet li a.active {background:#FFFFFF; border-color: #CCCCCC; color: #479AC6;} .menuOnglet li a:hover {background:#FFFFFF; border-color: #CCCCCC; color: #CC0000; cursor: pointer;} .menuOnglet .menuContent {clear:both; background:#FFFFFF; border:1px solid #CCCCCC; border-width:0px 1px 1px 1px; padding:10px;} /* LOGO */ #logo {width: 900px; height: 80px; margin: 0 auto;} #logo h1 {float: left; letter-spacing: -2px; font-size: 36px; font-weight: normal;} #logo h1 a {} #logo h2 {float: left; font-size: 14px; font-weight: normal;} #logo h2 a {} #logo a {text-decoration: none; text-transform: lowercase; font-style: italic; color: #479AC6;} /* CONTENT */ #content {width: 900px; margin: 0 auto;} #extra {} /* CONTENT -> MAIN */ #main {float: right; width: 665px; font-size:12px;} #main a {} /* CONTENT -> MAIN -> WELCOME */ #welcome {} /* CONTENT -> MAIN -> EXAMPLE */ #example {} /* CONTENT -> SIDEBAR */ #sidebar {float: left; width: 220px;} #sidebar a {} /*PAGINATION NAVIGATION*/ /* Menu */ /*#pageNav {margin:auto; height:35px; line-height:20px; border:1px solid black;} #pageNav ul {margin:auto; list-style:none;} #pageNav li {display: block;} #pageNav a {float:left; margin:5px; padding:5px; text-align:center; text-decoration:none; font-weight:bold; color: #586BAA; background-color:#DDECF4;} #pageNav a:hover {background-color: #FEDA8D; color: #CC0000;} #pageNav .liste_page_actu {background-color: orange; color: #479AC6;}*/ /*LIEN AVEC ICONE*/ #menu_left a{display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold; text-decoration:none; line-height:20px;} #menu_left a.list_membre {background: url('images/list_membre.png') left no-repeat; clear:both;} #menu_left a.ajout_membre {background: url('images/plus_vert.png') left no-repeat; margin-left:20px; clear:both;} #menu_left a.list_site {background: url('images/list_site.png') left no-repeat; clear:both;} #menu_left a.ajout_site {background: url('images/plus_vert.png') left no-repeat; margin-left:20px; clear:both;} #menu_left a.ajout {background: url('images/plus_vert.png') left no-repeat; width:16px; height:16px; float:right; padding:2px 0px 2px 0px;} #menu_left a.serv_status {background: url('images/serv_status.png') left no-repeat; clear:both;} #menu_left a.gestion_stat {background: url('images/stat.png') left no-repeat; clear:both;} /*#menu_left a.gestion_stat_link {background: url('images/stat2.png') left no-repeat; float:right; width:16px; height:16px;}*/ #menu_left a.gestion_stat_link {background: url('images/stat2.png') left no-repeat; width:16px; height:16px; float:right; padding:2px 0px 2px 0px;} #menu_left a.gestion_schedule {background: url('images/clock.png') left no-repeat; clear:both;} #menu_left a.gestion_actrice {background: url('images/gestion_actrice.png') left no-repeat;} #menu_left a.gestion_fhg {background: url('images/gestion_fhg.png') left no-repeat;} #menu_left a.gestion_hosted {background: url('images/gestion_hosted.png') left no-repeat; width:100px; float:left;} #menu_left a.gestion_games {background: url('images/gestion_games.png') left no-repeat; clear:both;} #menu_left a.gestion_submit {background: url('images/gestion_submit.png') left no-repeat;} #menu_left a.gestion_link {background: url('images/gestion_link.png') left no-repeat; width:100px; float:left;} #menu_left a.gestion_rss {background: url('images/gestion_rss.png') left no-repeat; clear:both;} #menu_left a.gestion_chosen {background: url('images/gestion_chosen.png') left no-repeat; clear:both;} #menu_left a.gestion_hardlink {background: url('images/gestion_hardlink.png') left no-repeat; clear:both;} #menu_left a.gestion_banniere {background: url('images/gestion_banniere.png') left no-repeat; clear:both;} #menu_left a.gestion_sponsor {background: url('images/gestion_sponsor.png') left no-repeat; clear:both;} #menu_left a.gestion_ads {background: url('images/dollar.png') left no-repeat; clear:both;} #menu_left a.gestion_serveur {background: url('images/gestion_serveur.png') left no-repeat; clear:both;} #menu_left a.gestion_option {background: url('images/gestion_option.png') left no-repeat; clear:both;} #menu_left a.status_active {background: url('images/status_active.png') left no-repeat; font-weight:normal; font-size:10px; clear:both;} #menu_left a.status_queue {background: url('images/status_queue.png') left no-repeat; font-weight:normal; font-size:10px; clear:both;} #menu_left a.status_inactive {background: url('images/status_inactive.png') left no-repeat; font-weight:normal; font-size:10px; clear:both;} a.smallGreyRss {font-size:10px !important; color:#AAAAAA !important; text-decoration:none !important;} a.smallGreyRss:hover {font-size:10px !important; color:#AAAAAA !important; border-bottom:0px !important; text-decoration:none;} .story a.ajout {display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold; text-decoration:none; line-height:25px; background: url('images/plus_vert.png') left no-repeat; margin-left:20px;} #menu_gestion a{display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold; text-decoration:none; line-height:25px;} #menu_gestion a.gestion_stat {background: url('images/stat.png') left no-repeat;} #menu_gestion a.gestion_schedule {background: url('images/clock.png') left no-repeat;} #menu_gestion a.gestion_actrice {background: url('images/gestion_actrice.png') left no-repeat;} #menu_gestion a.gestion_fhg {background: url('images/gestion_fhg.png') left no-repeat;} #menu_gestion a.gestion_hosted {background: url('images/gestion_hosted.png') left no-repeat;} #menu_gestion a.gestion_link {background: url('images/gestion_link.png') left no-repeat;} #menu_gestion a.gestion_rss {background: url('images/gestion_rss.png') left no-repeat;} #menu_gestion a.gestion_chosen {background: url('images/gestion_chosen.png') left no-repeat;} #menu_gestion a.gestion_hardlink {background: url('images/gestion_hardlink.png') left no-repeat;} #menu_gestion a.gestion_banniere {background: url('images/gestion_banniere.png') left no-repeat;} #menu_gestion a.gestion_sponsor {background: url('images/gestion_sponsor.png') left no-repeat;} #menu_gestion a.gestion_ads {background: url('images/dollar.png') left no-repeat;} #menu_gestion a.gestion_serveur {background: url('images/gestion_serveur.png') left no-repeat;} #menu_gestion a.gestion_option {background: url('images/gestion_option.png') left no-repeat;} #menu_gestion a.status_active {background: url('images/status_active.png') left no-repeat; margin-left:20px; line-height:15px;} #menu_gestion a.status_queue {background: url('images/status_queue.png') left no-repeat; margin-left:20px; line-height:15px;} #menu_gestion a.status_inactive {background: url('images/status_inactive.png') left no-repeat; margin-left:20px; line-height:15px;} #menu_user_left a{display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold; text-decoration:none; line-height:18px;} #menu_user_left a.my_stat {background: url('images/stat.png') left no-repeat;} #menu_user_left a.add_plug {background: url('images/plus_vert.png') left no-repeat; margin-left:20px;} #menu_user_left a.my_plug {background: url('images/gestion_hosted.png') left no-repeat;} #menu_user_left a.my_domain{background: url('images/list_site.png') left no-repeat;} #menu_user_left a.add_domain {background: url('images/plus_vert.png') left no-repeat; margin-left:20px;} #menu_user_left a.my_account {background: url('images/gestion_option.png') left no-repeat;} #menu_user_left a.contact {background: url('images/contact.png') left no-repeat;} #menu_user_left a.contact_xav {background: url('images/xav.png') left no-repeat; margin-left:20px;} #menu_user_left a.contact_greg {background: url('images/greg.png') left no-repeat; margin-left:20px;} #menu_user_left a.logout {background: url('images/logout.png') left no-repeat;} /* Content > Sidebar > Login */ /* LOGIN*/ #menu_login {} #menu_login .content {padding:0px; background: url(images/img06.gif) repeat-x;} #menu_login .lock {padding: 10px 20px 10px 20px; background: url('images/lock.png') bottom right no-repeat;} #menu_login a{display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold; text-decoration:none; line-height:25px;} #menu_login a.ajout_membre {background: url('images/plus_vert.png') left no-repeat;} #menu_login input {font-weight: bold;} #menu_login input {background: #FFFFFF; border: 1px solid #FFDB7E; color: #CC0000;} #menu_login input[type="text"], input[type="password"]{width:145px; height:21px; padding-top:5px; padding-left:25px; margin-bottom: 5px; font-weight: bold;} #menu_login input[type="text"] {background: url('images/list_membre.png') #FFFFFF 5px no-repeat;} #menu_login input[type="password"] {background: url('images/password.png') #FFFFFF 5px no-repeat;} #menu_login input[type="submit"] {width:30px; border: 1px solid #FFDB7E; font-weight:bold;} #menu_login input[type="submit"] {background: #FFFFFF; color:#CC0000;} #menu_login input[type="submit"]:hover {background: #EEEEEE; color: #CC0000;} /* Content > Sidebar > Updates*/ #updates {} #updates ul {margin: 0; list-style: none;} #updates li {margin:0px 0 10px 0; border-bottom:1px solid #EEE; text-align:justify;} #updates h3 {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} #updates p {margin-bottom: 1em; font-size: 11px; line-height: 120%; color:#222; font-weight: normal;} #updates p.date_news {text-align:right; margin-bottom: 1.4em; font-size: 10px; line-height: 100%; color:#AAA; font-weight: normal;} /* Content > Sidebar > Partners*/ #partners {} #partners .content {padding: 10px 0;} #partners ul {margin:0px; border-bottom: 1px solid #D1BC5C; list-style: none; line-height: normal;} #partners li {padding: 10px; border-top: 1px solid #D1BC5C;} /* Block d'information */ /*.block_alert {padding: 20px 20px 10px 20px; background: url(images/blockfalse.gif) repeat-x;}*/ /*.block_success {padding: 20px 20px 10px 20px; background: url(images/blocktrue.gif) repeat-x;}*/ .block_alert {background:#FFF6BF url(images/alert.png) 20px 50% no-repeat; height:auto; padding:15px 15px 15px 50px; margin:5px 0 0 0; border:1px solid #FFD324; letter-spacing:1px; color:#E45B00; text-decoration:none; font-size: 12px; font-family: Arial,Verdana,sans-serif; font-weight: bold; } .block_success {background:#E3FDE8 url(images/accept.png) 20px 50% no-repeat; height:auto; padding:15px 15px 15px 50px; margin:5px 0 0 0; border:1px solid #3AA342; letter-spacing:1px; color:#E45B00; text-decoration:none; font-size: 12px; font-family: Arial,Verdana,sans-serif; font-weight: bold; } .block_notice {background:#F8FAFC url(images/info.png) 20px 50% no-repeat; height:auto; padding:15px 15px 15px 50px; margin:5px 0 0 0; border:1px solid #B5D4FE; letter-spacing:1px; color:#779CC4; text-decoration:none; font-size: 12px; font-family: Arial,Verdana,sans-serif; font-weight: bold; } /*SPECIAL TABLE JAVASCRIPT*/ /*tr:hover, tr.ieRowHover {/* Style for the normal (even) row hover * / } tr.alternative:hover, tr.ieRowHoverAlt {/* Style for the alternate (odd) row hover here * /}*/ /* Footer */ #footer {clear: both; width: 900px; margin: 0 auto; padding: 30px 0; background: url(images/img08.gif) repeat-x;} #footer p {margin: 0; text-align: center; font-size: x-small;} /* Footer > Legal */ #legal {} /* Footer > Links */ #links {} /*////////////////////////////////////////////////////////////////////// NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////*/ #pageNav {margin:10px 0 10px 0; width:100%; clear:left;} #pageNav ul {display:block; list-style:none; padding:0; margin:1px 0 1em 0; text-align:center;} #pageNav ul li {display:inline; width:2.1em; height:2.1em; line-height:2em; vertical-align:middle; margin-right:4px; color:#444444; list-style:none; cursor:pointer;} #pageNav ul li a.liste_page_actu {color:#000; border-color:#a84444 !important;} #pageNav ul li a {display:table-cell !important; display:inline-block; text-align:center; width:2em; height:2em; color:#999; padding:0.2em; min-width:2em; min-height:2em; text-decoration:none; outline:none; border:1px solid #ccc; cursor:pointer;} #pageNav ul li a:focus {color:#DDD; text-decoration:none; outline:none; border-color:#aaa;} /*////////////////////////////////////////////////////////////////////// FIN NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////*/ /*#pageNav ul { display:block; list-style:none; padding:0; margin:1px 0 0 0; text-align:center; } #pageNav ul li { display:inline; width:2.1em; height:2.1em; line-height:2em; vertical-align:middle; margin-right:4px; color:#666; list-style:none; cursor:pointer; } #pageNav ul li a.liste_page_actu { border-color:#a84444 !important; color:#000; } #pageNav ul li a { display:table-cell !important; display:block; text-align:center; width:2em; height:2em; color:#666; padding:0.2em; min-width:2em; min-height:2em; text-decoration:none; outline:none; border:1px solid #ccc; cursor:pointer; } #pageNav ul li a:focus { color:#333; text-decoration:none; outline:none; border-color:#aaa; } #pageNav td.sized1 { width:16em; text-align:left; } #pageNav td.sized2 { width:10em; text-align:left; } #pageNav td.sized3 { width:7em; text-align:left; }*/ /*AUTOCOMPLETER*/ .update { position:relative; width:200px !important; background-color:white; border:1px solid #888; margin:0px; padding:0px; } ul.contacts { list-style: none; margin:0px; padding:0px; text-align: left; } ul.contacts li.selected { background-color: #ffb; cursor: pointer; } li.contact { list-style-type: none; display:block; margin:0; padding:2px; height:70px; } li.contactr { list-style-type: none; display:block; margin:0; padding:2px; height:20px; } li.contact div.image { float:left; width:70px; height:70px; margin-right:8px; } li.contact div.nom { font-size:12px; } #dump_review {display:inline !important;} /*CROPPER*/ .imgCrop_wrap { /* width: 500px; @done_in_js */ /* height: 375px; @done_in_js */ position: relative; cursor: crosshair; } /* an extra classname is applied for Opera < 9.0 to fix it's lack of opacity support */ .imgCrop_wrap.opera8 .imgCrop_overlay, .imgCrop_wrap.opera8 .imgCrop_clickArea { background-color: transparent; } /* fix for IE displaying all boxes at line-height by default, although they are still 1 pixel high until we combine them with the pointless span */ .imgCrop_wrap, .imgCrop_wrap * { font-size: 0; } .imgCrop_overlay { background-color: #000; opacity: 0.5; filter:alpha(opacity=50); position: absolute; width: 100%; height: 100%; } .imgCrop_selArea { position: absolute; /* @done_in_js top: 20px; left: 20px; width: 200px; height: 200px; background: transparent url(castle.jpg) no-repeat -210px -110px; */ cursor: move; z-index: 2; } /* clickArea is all a fix for IE 5.5 & 6 to allow the user to click on the given area */ .imgCrop_clickArea { width: 100%; height: 100%; background-color: #FFF; opacity: 0.01; filter:alpha(opacity=01); } .imgCrop_marqueeHoriz { position: absolute; width: 100%; height: 1px; background: transparent url(../images/marqueeHoriz.gif) repeat-x 0 0; z-index: 3; } .imgCrop_marqueeVert { position: absolute; height: 100%; width: 1px; background: transparent url(../images/marqueeVert.gif) repeat-y 0 0; z-index: 3; } /* * FIX MARCHING ANTS IN IE * As IE <6 tries to load background images we can uncomment the follwoing hack * to remove that issue, not as pretty - but is anything in IE? * And yes I do know that 'filter' is evil, but it will make it look semi decent in IE * * html .imgCrop_marqueeHoriz, * html .imgCrop_marqueeVert { background: transparent; filter: Invert; } * html .imgCrop_marqueeNorth { border-top: 1px dashed #000; } * html .imgCrop_marqueeEast { border-right: 1px dashed #000; } * html .imgCrop_marqueeSouth { border-bottom: 1px dashed #000; } * html .imgCrop_marqueeWest { border-left: 1px dashed #000; } */ .imgCrop_marqueeNorth { top: 0; left: 0; } .imgCrop_marqueeEast { top: 0; right: 0; } .imgCrop_marqueeSouth { bottom: 0px; left: 0; } .imgCrop_marqueeWest { top: 0; left: 0; } .imgCrop_handle { position: absolute; border: 1px solid #333; width: 6px; height: 6px; background: #FFF; opacity: 0.5; filter:alpha(opacity=50); z-index: 4; } /* fix IE 5 box model */ * html .imgCrop_handle { width: 8px; height: 8px; wid\th: 6px; hei\ght: 6px; } .imgCrop_handleN { top: -3px; left: 0; /* margin-left: 49%; @done_in_js */ cursor: n-resize; } .imgCrop_handleNE { top: -3px; right: -3px; cursor: ne-resize; } .imgCrop_handleE { top: 0; right: -3px; /* margin-top: 49%; @done_in_js */ cursor: e-resize; } .imgCrop_handleSE { right: -3px; bottom: -3px; cursor: se-resize; } .imgCrop_handleS { right: 0; bottom: -3px; /* margin-right: 49%; @done_in_js */ cursor: s-resize; } .imgCrop_handleSW { left: -3px; bottom: -3px; cursor: sw-resize; } .imgCrop_handleW { top: 0; left: -3px; /* margin-top: 49%; @done_in_js */ cursor: w-resize; } .imgCrop_handleNW { top: -3px; left: -3px; cursor: nw-resize; } /** * Create an area to click & drag around on as the default browser behaviour is to let you drag the image */ .imgCrop_dragArea { width: 100%; height: 100%; z-index: 200; position: absolute; top: 0; left: 0; } .imgCrop_previewWrap { /* width: 200px; @done_in_js */ /* height: 200px; @done_in_js */ overflow: hidden; position: relative; } .imgCrop_previewWrap img { position: absolute; }