/* Fashion Clear - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, February 27, 2006 */

* {margin:0; padding:0;}
/******** General tags ********/
body {
font:76% Tahoma, Verdana, Arial,sans-serif;
background:#fcfdf9 url(images/bodybg.jpg) top center repeat-y;
color:#111111;
line-height:1.3em;
margin:0 auto 0 auto;
padding:0;
}

a {
text-decoration:none;
color: rgb(47,47,255);
font-weight:bold;
}

a:hover{color: rgb(47,47,255);}
a img {border:0;}
p {font-size:1.1em; line-height:1.3em; padding:0 0 14px 5px;}
ul,ol,dl {margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 30px;}

h2 {
font-size:1.4em;
text-transform:uppercase;
margin:15px 0 0 0;
padding:2px 2px 2px 2px;
border-bottom: solid 2px rgb(114, 157, 201);
}

h3 {
font-size:1.2em;
margin:10px 0 8px 0;
padding:0;
}

blockquote{
font-size:0.9em;
border:1px solid #bababa;
margin:20px 10px;
padding:8px;
}


imgfull{
margin:0;
padding:0;
}

blockquote p {margin:0;}

/******** Main wrap ********/
#wrap {
color:#111111;
width:760px;
margin:0 auto;
padding:0;
}

/******** Header ********/
#header {
clear:both;
height: 172px;
}

#defil {
clear:both;
height: 50px;
background:  url(images/topbg2.jpg) no-repeat;
padding: 7px 150px 8px 18px;
}

#title {
text-align:center;
}

#title h1 {
font-size:3.8em;
text-transform:uppercase;
color:#648340;
padding:55px 0 15px 5px;
letter-spacing:-3px;
}

#title h1 a {color:#648340; text-decoration:none;}
#title h1 a:hover {}

#slogan {

color:#808080;
font-size:1.4em;
margin:0 0 10px 5px;
}

#mainmenu {
display: none;
}

/******** leftside, left sidebar ********/
#dismenu {
background:  url(images/cemenu.jpg);
}

#dismenu p {
margin: 0 0 0 0;
padding: 0 15px 8px 15px;
}

#leftside {
clear:both;
float:left;
width:180px;
margin:0 0 50px 0;
padding:0 0 5px 0;
}

#leftside h2{
background:  url(images/topmenu.jpg) no-repeat;
text-align: center;
border:none;
margin:0 0 0 0;
height:38px;
color:#990000;
font-size:1.1em;
padding:12px 0 0 0;
}

#leftside ul{
list-style:none;
background:  url(images/cemenu.jpg);
margin:0;
font-size:1.1em;
padding:0 0 0 0;
}

#leftside li{
list-style:none;
margin:0 0 0 0;
padding:0 0 4px 0;
text-align: center;
}

#leftside li a{

}

#leftside li.current{

}


#leftside li a:hover{
padding:2px;
text-decoration:none;
}

#leftside ul ul{
margin:7px 0 6px 10px;
font-size:0.9em;
line-height:1.1em;
padding:0;
}

#leftside ul ul li a{
font-weight:normal;
}

#leftside ul ul li a:hover{
padding:2px;
text-decoration:none;
border:1px solid #99cc00;
}

/******** rightside, right sidebar ********/
#rightside {
float:right;
width:150px;
margin:0 0 0 10px;
padding:1px 5px 10px 0;
}

#rightside h2{
background:  url(images/topmenu.jpg) no-repeat;
text-align: center;
color:#990000;
border:none;
margin:0 0 0 0;
height:38px;
font-size:1.1em;
padding:12px 0 0 0;
}

#rightside ul{
list-style:none;
margin:0;
font-size:1.1em;
padding:0 0 0 5px;;
}

#rightside li{
list-style:none;
margin:0 0 8px 0;
padding:0;
}

#rightside li a{
}

#rightside li.current{

}


#rightside li a:hover{
padding:2px;
text-decoration:none;
border:1px solid #99cc00;
}

#rightside ul ul{
margin:7px 0 6px 10px;
font-size:0.9em;
line-height:1.1em;
padding:0;
}

#rightside ul ul li a{
font-weight:normal;
}

#rightside ul ul li a:hover{
padding:2px;
text-decoration:none;
border:1px solid #99cc00;
}

#loginbar {
background:  url(images/cemenu.jpg) repeat-y;
width: 160px;
padding:0 10px 0 10px;
}

#statbar {
background:  url(images/cemenu.jpg) repeat-y;
width: 160px;
padding:0 10px 0 10px;
}

#tribunebar {
background:  url(images/cemenu.jpg) repeat-y;
width: 160px;
padding:0 10px 0 15px;
}

#sondagebar {
background:  url(images/cemenu.jpg) repeat-y;
width: 160px;
padding:0 10px 0 10px;
}

#pubbar {
background:  url(images/cemenu.jpg) repeat-y;
width: 160px;
padding:0 10px 0 10px;
}

#loginbar ul {
list-style:none;
margin:0;
background: none;
font-size:1.1em;
padding:0 0 0 0;
}

#loginbar li{
list-style:none;
margin:0 0 0 0;
padding:0 0 5px 0;
text-align: center;
}

/******** Content variations ********/
#contentwide {
text-align:left;
width: 570px;
margin:0 0 0 185px;
padding:0 0 0 0;
}

#contentfull {
text-align:left;
margin:0;
padding:0;
}

#contentwide p,#contentfull p {
margin:0 20px 0 20px;
padding:6px 0 6px 0;
}

#contentwide h2,#contentfull h2 {
text-align: center;
border:none;
margin:0 0 0 0;
height:33px;
color:#990000;
width: 570px;
font-size:1.1em;
padding:12px 0 0 0;
}

#contentwide h3,#contentfull h3 {
font-size:1.1em;
padding: 6px 0 0 0;
margin:0 20px 4px 20px;
color: #990000;
}

#contentwide table,#contentfull table {
padding: 0 0 0 0;
}

#contentwide label,#contentfull label {
padding: 0 0 0 0;
}

#contentwide input,#contentfull input {
width: 155px;
}

#contentwide ul{margin:0 15px 0 45px;}
#contentwide li,#contentfull li{margin:0 0 0 0;padding: 5px 0 5px 0;}

.contenu {
background:  url(images/content.jpg) center;
padding: 0 0 0 0;
margin:0 0 0 0;
}

/******** Formulaire d'inscription ********/
.normselect {
width: 159px;
}

.jomoselect {
width: 40px;
}

.anselect {
width: 53px;
}

/******** Contenu de video du mois et joueur du mois ********/

/******** Footer ********/
#footer {
clear:both;
width:760px;
text-align:center;
color:#808080;
font-size:1em;
margin:10px auto 0 auto;
padding:4px 0;
}

#footer p {margin:3px 3px 3px 10px;}
#footer a {color:#505050; text-decoration:none;}
#footer a:hover, a:hover {text-decoration:underline;}

/******** Pied de menu ********/
.bmenu {
height:25px;
margin: 0 0 0 0;
background:  url(images/botmenu.jpg) no-repeat;
padding:0 0 0 0;
}

/******** td et table page d'accueil ********/
.table0marg {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.tdvideo {
width: 210px;
text-align: center;
}

.tdjou {
width: 210px;
text-align: center;
}

/******** td inscription ********/

.tdlabel {
width: 150px;
text-align: left;
padding: 2px 2px 2px 8px;
margin: 0;
color: #000000;
}

.tdinput {
width: 152px;
text-align: left;
margin: 2px 2px 5px 2px;
}

/******** Pied contenu ********/
.scontent {
height:50px;
margin: 0 0 0 0;
text-align: center;
background:  url(images/scontent.jpg) center top no-repeat;
padding:15px 0 0 0;
}

.scontentvide {
height:25px;
margin: 0 0 0 0;
text-align: center;
background:  url(images/scontentvide.jpg) center top no-repeat;
padding:0 0 0 0;
}

/******** Pied de contenu de video du mois et joueur du mois ********/

/******** Titre contenu coloré ********/
.tibleu {
background:  url(images/titre1.jpg) no-repeat center;
}

.tibleuserveur{
background:  url(images/titre3.jpg) no-repeat center;
margin-left:10px;
}



/******** Petit Titre contenu coloré ********/
.dtibleu {
background:  url(images/dtitre1.jpg) no-repeat center;
}

/******** Table contenu ********/
.tablecon {
width: 520px;
margin-left: 23px;
}

.tdconavatar {
width: 110px;
padding: 0 15px 0 15px;
}

.avatarstaff {
width: 108px;
height: 120px;
}

.tdavatarstaff {
width: 110px;
}

.tableprofil {
width: 520px;
margin: 0 23px 0 23px;
}

.tableminiprofil {
width: 520px;
margin-left: 10px;
}

.tdprofilint {
width: 90px;
}
.tdprofildon {
width: 140px;
font-weight: bold;
}

.tdprofilicone {
width: 30px;
}

.tdavatar {
width: 260px;
text-align: center;
}

.icone {
width: 30px;
height: 30px;
padding-right: 10px;
padding-top: 10px;
}

.tablestaff {

}
/******** Divers *******/
.quote {
padding: 5px 5px 5px 5px;
margin: 3px 20px 3px 20px;
border: 1px solid green;
background:#ffffff;
}
/******** Images avatar et apercu video + code de sécurité ********/
.avatar {
margin: 0 15px 0 15px;
width: 80px;
height: 80px;
}

.apercu {
width: 125px;
margin: 0 0 0 5px;
}

.securite {
margin: 5px 0 0 0;
border: solid 1px #000000;
}

/******** td caractéristiques (pseudo, age, ...) ********/
.caract {
width: 150px;
padding: 5px 0 0 0px;
}

/******** Various classes ********/
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:46%;}

.important {
text-align:center;
color:#505050;
border:1px solid #bababa;
padding:2px;
}

.infobox{
width:240px;
float:right;
font-size:0.9em;
border:1px solid #bababa;
margin:0 0 5px 20px;
padding:5px;
}

.infobox p {margin:0;}
.infobox ul{margin:0 0 0 25px;}
.links a {font-weight:normal;}
.links li {line-height:1.1em;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.textright {text-align:right;}
.readmore {text-align:right; margin:-10px 10px 18px 0;}
.center {text-align:center;}
.blue {color:#559900;}
.big {font-size:1.2em;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}

.photo {
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

#lmenu {display: block !important;}