html{
height:100%;
/* text-align:center; */
}
body{
background:url(images/bckgnd_degrade.gif) repeat-x #FFF;
font-family:verdana;
font-size:12px;
color:#525A66;
margin:auto;
}
/************************************************************************
** CADRE
*************************************************************************/
#cont{
position: absolute;
width: 830px;
left:50%;
margin-left:-415px;
}
#banner{
height: 178px;
width:830px;
background:url(images/banner.jpg) no-repeat;
}
#ombre_IE{
width:830px;
background:none !important;
background:url(images/ombre_IE_fond.gif) repeat-y;
}
#middle{
width:830px;
background:url(images/ombre.png) repeat-y !important;
background:url(images/ombre_IE.gif) no-repeat;
}
#corp{
width:790px;
background:url(images/bckgnd.gif);
margin-left:20px;
margin-right:21px;
padding-bottom:50px;
}
#bottom{
clear:both;
width:830px;
height:80px;
background:url(images/bottom.gif) no-repeat;
font-family:verdana;
font-size:10px;
}
#bottom a:hover{color:#C3C8FF;font-weight:bold;}
/************************************************************************
** CORPS
*************************************************************************/
.menu_top{
width:790px;
height:44px;
background:url(images/menu_top_bg.gif) repeat-x;
}
.menu_top a{color:#C3C8FF;font-weight:normal;}
.menu_top a:hover{color:#B1DBDB;font-weight:normal;}
div.top_left{float:left; height:35px; margin-top:-2px;}
div.top_right{float:right; height:35px; margin-top:-2px;}
div.top_left td.else{
background:url(images/menu_top_a_border.gif) no-repeat;
/* border-right:1px solid #AAA; */
padding-left:13px;
padding-right:5px;
text-align:center;
}
div.top_left td.first{
/* border-right:1px solid #AAA; */
padding-left:7px;
padding-right:5px;
text-align:center;
}
div.top_right td{
background:url(images/menu_top_a_border.gif) no-repeat;
padding-left:13px;
padding-right:7px;
text-align:center;
color:#C3C8FF;
font-size:10px;
}
#under_top{clear:both;background:url(images/bckgnd.gif);}
.menu_left{
float:left;
width:157px;
margin-top:20px;
margin-left:-3px;
}
.menu_left_title{
width:157px;
height:29px;
background:url(images/menu_left_title.gif) no-repeat;
padding-top:5px;
}
a.menu_left_title-sec {
background:url(images/menu_left_title-sec.gif) no-repeat;
width:157px;
height:20px;
padding-top:5px;
/* padding-left:30px; */
text-decoration:none;
margin-top:3px;
color:#4E3C62;
display:block;
font-weight:normal;
/* text-align:center; */
}
a.menu_left_title-sec:hover{
background-position:0px -25px;
width:157px;
height:20px;
padding-top:5px;
display:block;
text-decoration:none;
color:#4E3C62;
font-weight:normal;
}
a.menu_link{
max-width:157px;
height:17px;
background-color:#E8E7F9;
border:1px #ccc solid;
text-decoration:none;
padding-left:35px;
padding-top:2px;
display:block;
color:#4E3C62;
font-weight:normal;
}
a.menu_link:hover{
max-width:157px;
height:17px;
background-color:#DAD7F4;
border:1px #ccc solid;
text-decoration:none;
padding-left:35px;
display:block;
color:#4E3C62;
font-weight:normal;
}
.middle_corp{
width:610px;
margin-left:10px !important;
margin-left:170px;
padding-top:20px;
overflow:hidden;
}
.middle_corp table{
font-family:verdana;
font-size:10px;
color:#525A66;
}
.middle_corp a,.middle_corp a:active,.middle_corp a:visited { color : #6E6E90; }
.middle_corp table.suscribe .td-left{width:50%; text-align:right; color:#525A66;}
.middle_corp table.suscribe .td-right{width:50%; text-align:left; color:#525A66;}
.middle_corp a{color:#793C9C;text-decoration:bold;}
.droits_auteurs{
clear:both;
background:url(images/bckgnd.gif);
text-align:center;
padding:0 45px 0 45px;
margin:0 20px 0 20px;
font-family:verdana;
font-size:10px;
color:#FC7F91;
}
/************************************************************************
** BALISES HTML
*************************************************************************/
a, a:hover {
text-decoration:none;
font-weight:bold;
color:#6E6E90;
outline:0;
}
hr{
color: #B8B8E2;
background-color: #B8B8E2;
height: 3px;
width:475px;
border: 0; /* enleve toute bordure */
border-bottom: 1px #B8B8E2 dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}
button{
border: 1px #ccc solid;
background-color:#E8E7F9;
margin-top:3px;color:#4E3C62;
}
input, select{
border: 1px #ccc solid;
background-color:#FFF;
padding:0;
margin:0;color:#4E3C62;
/*margin-top:3px;*/
}
textarea{
border: 1px #ccc solid;
}
img{border:0;}
.none{}
/************************************************************************
** Mofification présentation
*************************************************************************/
.title{
font-size:10px;
margin-left:60px;
color:#525A66;
font-weight:bold;
}
.image_title{
margin-left:149px;
}
textarea.charte{
background-color:#FEFEFE;
}
.texte{
font-family:verdana;
font-size:11px;
}
.propCat{
z-index:99;
position:absolute;
visibility:hidden;
background-color:#D8DBE4;
margin-top:-7px;
border: 1px dashed #555;
padding:4px;
width:195px;
overflow:visible;
height:96px;
/*margin-left:-50px !important;*/
margin-left:0;
display:inline;
vertical-align:middle;
}
.titletab{
background-color:#6E6E90;
color:#FFF;
font-weight:bold;
}
.titletab td{padding:0 3px 0 3px;}
.row_p{
background-color:#E8E7F9;
}
.row_imp{
background-color:#DAD7F4;
}
.row_FF_imp{
background-color:#EFEEF9;
}
.row_FF_p{
background-color:#E8E7F9;
}
.row_FF_p a:hover, .row_FF_imp a:hover{text-decoration:none;}
.tr_hover{
background-color:#B1A4C9;
}
.tr_hover a:hover,.row_imp a:hover,.row_p a:hover{
color:#FFF;
text-decoration:none;
}
/************************************************************************
** FANFIC
*************************************************************************/
div.Phantafic{
width:100%;
background:url(images/back_fic.gif) top center no-repeat;
font-size:11pt;
height:473px;
margin-bottom:10px;
}
div.Phantafic a:link, div.Phantafic a:visited{
color:#521F7A;
font-size:20pt;
text-decoration:underline;
font-weight:normal;
}
div.Phantafic a:hover{
color:#6D6D93;
text-decoration:underline;
}
.view_fanfic{color:#000;}
.view_fanfic img{
border:1px solid #D2CFEE;
}
.view_fanfic a{color:#6D6D93;}
.FanficTitle{
font-size:18pt;
color:#6D6D93;
margin-right:5px;
}
.FanficVote{
font-size:13pt;
color:#6D6D93;
}
.FanficData{
font-size:9px;
}
.ChapterNumber{
font-size:16pt;
color:#6D6D93;
}
.ChapterTitle{
font-size:16pt;
color:#6D6D93;
}
.ChapterZone{
border:1px solid #D2CFEE;
}
.ChapterZone img{
border:0;
}
.ChapterNext{
float:right;
}
.toggler {
color: #222;
margin: 0;
padding: 2px 5px;
background: #eee;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #f5f5f5;
border-left: 1px solid #f5f5f5;
font-size: 11px;
font-weight: bold;
font-family: 'Verdana', sans-serif;
}
.element {
border:1px solid #D2CFEE;
background: url(images/bckgnd2.gif);
padding:10px;
}
.element img{
border:0;
}
.element p {
margin: 0;
padding: 4px;
}
.new_chapter_div{
width:98%;
border:1px solid #DAD7F4;
background:url(images/bckgnd2.gif);
display:block;
}
.newChapter{
padding:10px;
}
/*************** List Fanfic *************/
.ListFanficTitle, .ListFanficTitle a{
font-size:15pt;
text-decoration:none;
}
/************* Search DIV *************/
.search_fanfic{
width:98%;
border:1px solid #DAD7F4;
background:url(images/bckgnd2.gif);
display:block;
}
.searchForm{
background:url(images/loupe2.gif) no-repeat top right;
}
/********* Star vote *********/
/* styles for the star rater */
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 85px;
height: 17px;
position: relative;
background: url(images/starvote.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:17px;
height: 17px;
line-height:17px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
overflow:hidden;
}
.star-rating li a:hover{
background: url(images/starvote.gif) left bottom;
z-index: 2;
left: 0px;
border:none;
}
.star-rating a.one-star{
left: 0px;
}
.star-rating a.one-star:hover{
width:17px;
}
.star-rating a.two-stars{
left:17px;
}
.star-rating a.two-stars:hover{
width: 34px;
}
.star-rating a.three-stars{
left: 34px;
}
.star-rating a.three-stars:hover{
width: 51px;
}
.star-rating a.four-stars{
left: 51px;
}
.star-rating a.four-stars:hover{
width: 68px;
}
.star-rating a.five-stars{
left: 68px;
}
.star-rating a.five-stars:hover{
width: 85px;
}
.star-rating li.current-rating{
background: url(images/starvote.gif) center left;
left:0px;
position: absolute;
height: 17px;
display: block;
text-indent: -9000px;
z-index: 1;
}
/*************************
DIV COMMENTAIRE
*************************/
.FFNewComs{
height:1px;
width:340px;
margin-left:133px;
visibility:hidden;
/*z-index:-1;*/
position:absolute;
bottom:255px;
background:url(/images/bckgnd.gif);
border:2px solid #CCC;
filter : alpha(opacity=0);
-moz-opacity : 0;
opacity : 0;
}
/*************************
Div Prec_fanfic
*************************/
.prec_viewfanfic{
width:500px;
height:50px;
background:url(/images/bckgnd2.gif);
border:1px solid #CCC;
padding:10px;
}
/******************** SONDAGE ************************/
.question{
padding-top:10px;
font-size:13pt;
font-weight:bold;
}
.answer{
font-size:10pt;
}