@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
background-image: url(../img/texture.png);
background-repeat:repeat;
}


h1{
display:block;
font-size:20px;
color:#FF3399;
height:20px;
margin:0px;
font-weight:100;
}

h2 {
display:block;
height:25px;
width:250px;
background-color:#FF3399;
color:#FFFFFF;
font-size:15px;
line-height: 25px;
padding-left:10px; 
font-weight:100;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#header {
margin:auto;
height:115px;
width:100%;
position:fixed;
top: 0px;
left: 0px;
}

#footer {
background-image: url('../img/bg_footer.png');
width: 100%;
height: 92px;
line-height: 92px;
}

#main_banner {
background-image: url('../img/bg_header.png');
height: 64px;
width: 100%;
text-align: center;
line-height: 45px;
padding-top: 20px;
}


#headleft {
display:inline-block;
float:left;
height:215px;
width:645px;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
}

#headright{
float:right;
display:inline-block;
height:140px;
width:215px;
background-color:#8C8484;
font-size:30px;
text-align:center;
color:#DED3D1;
padding-top:75px;
}

#headright span {
font-size:18px;
}

#question{
background-color:#8C8484;
text-align:center;
color:#DED3D1;
margin:auto;
width:860px;
height:24px;
font-size:12px;
padding-top:10px;
}

#content {
overflow:hidden;
display:block;
width:1047px;
background-color:#FFFFFF;
margin:auto;
height:auto;
margin-top: 112px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#menu {
height:31px;
width:100%;
background-color:#333333;
line-height: 15px;
padding-left: 30px;
}

#menu a {
display:inline-block;
height:18px;
color:#FFFFFF;
padding:7px 5px 5px 25px;
font-size:12px;
text-decoration:none;
}

#menu a:hover {
color: #FF3399;
}

#leftcontent {
display:inline-block;
width:667px;
float:left;
background-color:#FFFFFF;
padding:20px;
}

#rightcontent {
display:inline-block;
width:300px;
float:right;
background-color:#FFFFFF;
padding:20px;
}

.infoarticle{
height:15px;
width:450px;
background-color:#999999;
font-size:10px;
color:#FFFFFF;
text-align:right;
padding-top:3px;
padding-right:10px;
margin-left:100px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.article {
font-size:12px;
color:#333333;
padding:20px;
margin-bottom:20px;
}

.addcomment{
height:20px;
background-image: url('../img/bg_button.png');
font-size:10px;
color:#FFFFFF;
text-align:center;
line-height: 20px;
margin-bottom:20px;
margin-left: 400px;
width: 200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#vip {
width:310px;
height:16px;
font-size:15px;
color:#000;
background-color:#DED3D1;
padding-top:8px;
}
#vipinfo{
float:left;
display:inline-block;
font-size:12px;
color:#8C8484;
padding-top:30px;
margin-left: 20px;
}
#viptof {
display:inline-block;
float:left;
}

#viptof img {
border:5px solid #999999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#carrevip{
display:block;
height:160px;
width:310px;
margin-top: 10px;
}

.liens {
margin-bottom:30px;
}

.liens ul {
list-style:square;
list-style-position:outside;
margin:5px;
}

.liens ul li {
font-size:12px;
color:#8C8484;
}

.liens a {
font-size:12px;
color:#8C8484;
text-decoration:none;
}

.liens a:hover {
text-decoration:underline;
}

#connexion {
width:780px;
background-color:#FFF;
margin:auto;
padding:0px 40px 0px 40px;
font-size:10px;
color:#333;
text-align:right;
}

#connexion a {
color:#333;
font-size:10px;
text-decoration:none;
}

#connexion a:hover {
text-decoration:underline;
}

#connexion label {
color:#333;
font-size:10px;
}

#connexion input {
color:#333;
font-size:10px;
border:1px solid #8C8484;
background-color:#FFF;
}

.denied {
font-size:12px;
color:red;
}

.denied ul {
list-style:square;
}

.admin {
padding :30px;
color:#333;
font-size:10px;
}

.admin table tr td {
padding : 10px;
font-size:10px;
color:#333;
}

.admin table th {
background-color:#333;
font-size:10px;
color:#FFF;
padding : 10px;
}

.admin table {
border:1px solid #333;

}

.admin a {
color:#333;
text-decoration:none;
}


.admin a:hover {
text-decoration:underline;
}

.admin h2 {
margin:20px;
}

.admin form p {
margin 20px;
}

.newcomment{
width: 587px;
background-color: #CCCCCC;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.newcomment p {
font-size:12px;
color:#8C8484;
}

.newcomment label {
display:inline-block;
width:250px;

}

.newcomment textarea {
font-size:10px;
background-image: url('../img/bg_textarea.png');
overflow:auto;
width:517px;
height: 70px;
color:#8C8484;
margin:10px 0px 10px 0px;
background-color: transparent;
border: 0px;
}

.newcomment input {
background-image: url('../img/bg_input.png');
color:#8C8484;
width:205px;
height: 28px;
margin:0px 0px 10px 0px;
background-color: transparent;
border: 0px;
}

.newcomment .publish {
height:20px;
background-image: url('../img/bg_button.png');
font-size:10px;
color:#FFFFFF;
text-align:center;
line-height: 20px;
margin-bottom:20px;
width: 200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}



.name {
font-size:14px;
color:#FF3399;
}
.comment_display {
background-color:#CCCCCC;
width:587px;
padding:10px;
margin:5px 0px 5px 0px;
font-size:12px;
color:#FFF;
overflow:hidden;
min-height: 120px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.comment_display p {
margin-bottom: 10px;
color:#333333;

}

.comment_display a {
color:#FF3399;
text-decoration:none;
}

.comment_display a:hover {
text-decoration:underline;
}

.toggler {
cursor:pointer;
}

#faq {
font-size:12px;
}

#faq p {
margin:10px 0px 10px 0px;
}

#faq ul {
list-style-type:square;
}

#faq ul li {
padding:5px;
}

#register {
font-size:12px;
margin:40px;
}

#register p  {
margin:10px 0px 10px 0px;
}

#register label {
display:inline;
float:left;
width:200px;
}

#register input {
color:#333;
font-size:10px;
border:1px solid #8C8484;
background-color:#FFF;
}
.next {
font-size:10px;
text-decoration:none;
text-align:center;
color:#8C8484;
}

.next:hover{
text-decoration:underline;
}

.numero {
font-size:10px;
text-decoration:none;
text-align:center;
color:#8C8484;
}

.numero:hover{
text-decoration:underline;
}

.permanent {
font-size:10px;
text-decoration:none;
text-align:center;
color:#8C8484;
cursor: pointer;
}

.permanent:hover {
text-decoration:underline;
}

.body2 {
display:block;
background-color:#FFFFFF;
height:auto;
width:298px;
border:1px solid #DED3D1;
padding-top:10px;
}

.head2 {
display:block;
background-color:#DED3D1;
color:#FFF;
width:300px;
height:35px;
font-size:14px;
font-weight:bold;
text-align:center;
font-size:16px;
padding-top:10px;
}

.box2 {
display:block;
height:300px;
width:300px;
background-color:#DED3D1;
}

.buttonBox2 {


}

.buttonBox2 a {
margin:auto;
width:30px;
height:20px;
display:block;
background-color:#FFF;
text-decoration:none;
color:#333;
text-align:center;
font-size:10px;
padding:5px;
}

.closeButton2 {

}

.closeButton2 a {
float:right;
display:block;
background-color:#996600;
height:20px;
padding:5px;
width : 20px;
text-align:center;
color:#FFFFFF;
border:2px solid #996600;
text-decoration:none;
}

.num {
display : block;
float: left;
background-image: url('../img/girl.png');
background-repeat: no-repeat;
background-position: center;
width: 77px;
height: 111px;
background-color: #E1E1E1;
font-size:24px;
font-weight:bold;
color:#FFFFFF;
padding:5px;
margin-right: 5px;
}