/*////////////////////////////////////*/
/*//////// TOUTES LES CLASSES ////////*/
/*//////////////////////////////*/
/*//////////// BODY ////////////*/
/*//////////////////////////////*/
body{
background:url(img/new/background.jpg);
/*background:url(img/layout.png);  */
background-attachment:fixed; 
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
}
h1, h2, h3{
text-align:center;
}

h1{
text-align:center;
padding-bottom:20px;
}
/*//////////////////////////////*/
/*//////// LIENS/IMAGES ////////*/
/*//////////////////////////////*/
a:link, a:visited {
text-decoration: none;
color:#015b9a;
}
a:hover { 
text-decoration:underline;
color:#CCCCCC;
}
a:active { /*virer les pointill�s*/
outline:none;
} 
a:focus{ /*virer les pointill�s*/
outline:0;
} 
img {
border:none;
}

/*/////////////////////////////////*/
/*/////////// DIAPORAMA ///////////*/
/*/////////////////////////////////*/
.imgdiap{
border:transparent 1px solid;	
width:250px;
height:180px;
}
.cadreimgdiap{
width:100%;
border:#424242 1px solid;
background-color:#1b1b1b; 
}
.cadreimgdiap a:hover{
text-decoration:none;
}

.cadreimgdiap:hover{
border:#015b9a 1px solid;
}
.image{
margin-left:auto; 
margin-right:auto; 
width:860px;
border:#424242 1px solid;
background-color:#1b1b1b; 
padding:10px 10px 10px 10px;	
}
.image:hover{
border:#015b9a 1px solid;	
}
.img{
border:transparent 1px solid;	
max-width:820px;
}
.boutondiap{
width:190px; 
position:relative;
margin-left:auto; 
margin-right:auto; 
margin-bottom:-1px; 
border:#424242 1px solid;
background-color:#1b1b1b; 
padding-top:5px; 
padding-bottom:3px;
border-bottom:hidden;
}
.boutondiap2:hover{
border:#015b9a 1px solid;
}
.boutondiap2:active{
background-color:#FFFFFF; 
border:#FFFFFF 1px solid;
}

.minidiap{
width:830px; margin-left:auto; 
margin-right:auto; 
border:#424242 1px solid;
background-color:#1b1b1b; 
padding-left:17px; 
padding-top:3px; 
padding-bottom:1px;
}
.imgmini{
border:transparent 1px solid;
width:62px;
height:62px;
margin:3px;		
}

.imgminiall{
max-width:200px; 
max-height:200px;
border:#424242 1px solid;	
}
.imgminiall:hover{
border:#015b9a 1px solid;
}

.imgminiactif{
border:#015b9a 2px solid;
width:62px;
height:62px;
margin:3px;	
}
.imgmini:hover{
border:#015b9a 1px solid;
}
   
/*/////////////////////////////////*/
/*///////// CORPS DU SITE /////////*/
/*/////////////////////////////////*/
.corpsentier{
background-color:#2a2a2a; 
border:#424242 1px solid; 
width:900px; 
margin-left:auto; 
margin-right:auto; 
margin-top:10px;
position:relative;
}
.corps{
width:900px; 
height:800px;
margin-left:auto; 
margin-right:auto; 
padding-top:20px;
}
.colgauche{
float:left; 
width:610px; 
margin-left:5px;
margin-bottom:30px;
}
.coldroite{
float:left; 
width:270px; 
margin-left:10px;
margin-bottom:30px;
}
/*////////////////////////////*/
/*//////// PAGINATION ////////*/
/*////////////////////////////*/
.paginationgeneral{
border:#424242 1px solid;
background-color:#1b1b1b; 
border-radius:5px;
min-width:50px; 
height:25px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
display:table;
}
.pagination{
float:left;
margin:4px;
}
.pagination a:hover{
text-decoration:none;
}
.paginationactuelle{
float:left; 
color:#FFFFFF;
margin:4px;
}
.pagination3points{
float:left; 
color:#FFFFFF;
margin:4px;
color:#015b9a;
}

/*/////////////////////////////*/
/*/////////// INPUT ///////////*/
/*/////////////////////////////*/
input[type=submit], input[type=reset], input[type=button]{
font-family:Tahoma;
background-color:#1b1b1b; 
border:#424242 1px solid; 
color:#015b9a;
cursor:pointer;
padding:2px;
font-size:12px;
border-radius:5px; /*bordure arrondi*/
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{ 
color:#424242;
}
.texte{
border:#015b9a 1px solid; 
background-color:#2a2a2a; 
font-size:12px; 
color:#FFFFFF;
font-family:Tahoma;
}
/*//////////////////////////////*/
/*/////////// HEADER ///////////*/
/*//////////////////////////////*/
.header{
width:900px; 
height:230px; 
margin-left:auto; 
margin-right:auto; 
margin-top:-9px;
}
.logowall{
float:left; 
margin-top:-120px; 
margin-left:-130px; 
background-image:url(img/new/logothewall.png); 
width:610px; 
height:360px;
}
.connectback{
background-image:url(img/new/identifiants.png); 
background-repeat:no-repeat; 
width:480px; 
height:280px; 
float:right; 
margin-top:-30px; 
margin-right:-110px;
}
.connectback2{
border:	dashed 1px #015b9a;
width:230px; 
height:190px; 
float:right;
margin-top:40px;
text-align:center;
padding-top:5px;
}
.connexion{
float:left; 
color:#FFFFFF; 
font-size:16px; 
margin-top:105px; 
margin-left:105px;
}
.senregistrer{
float:left; 
margin-left:53px; 
background-image:url(img/new/boutonoff/senregistreroff.png);
background-repeat:no-repeat; 
width:93px; 
height:28px; 
padding-left:12px; 
padding-top:7px; 
margin-top:98px; 
color:#FFFFFF; 
font-size:14px;
}
.senregistrer:hover{
background-image:url(img/new/boutonon/senregistreron.png);
}
.inputpasstext{
clear:left; 
float:left; 
width:125px; 
height:68px; 
margin-top:3px; 
margin-left:130px;
}
.inputtext{
border:none; 
background-color:transparent; 
color:#999999; 
margin-top:7px; 
}
.inputpass{
border:none; 
background-color:transparent; 
color:#999999; 
margin-top:18px;
}
.inputsub{
border:none; 
background-image:url(img/new/boutonon/valideron.png);
cursor:pointer; 
background-repeat:no-repeat; 
background-color:transparent; 
width:69px; 
height:69px;
float:left; 
margin-top:2px; 
margin-left:10px;
}
.inputsub:active{
border:none;
background-image:url(img/new/boutonoff/valideroff.png);
}
.mdpoublie{
clear:left;
float:left; 
font-size:10px; 
color:#FFFFFF; 
margin-left:100px;
margin-top:2px;
}
.mdpoublie:hover{
text-shadow: 0 0 0.2em #CCCCCC, 0 0 0.2em #CCCCCC, 0 0 0.2em #CCCCCC;
}
.alerteconnect{
clear:left;
float:left; 
font-size:11px; 
color:#CC3333;
margin-left:100px;
margin-top:10px;
}

/*//////////////////////////*/
/*////////// NEWS //////////*/
/*//////////////////////////*/
.news{
background-image:url(img/new/news1.png); 
background-repeat:no-repeat; 
margin-top:10px; 
width:610px; 
height:190px;
}
.newssujet{
width:480px; 
font-size:14px; 
color:#FFFFFF;
padding:7px;
}
.postepar{
float:right; 
font-size:12px;
color:#FFFFFF;
margin-top:-30px;
margin-right:10px;
}
.newstexte{
margin-left:150px; 
width:448px; 
height:115px; 
margin-top:20px; 
color:#FFFFFF; 
font-size:12px;
}
.newssuite{
float:right;
font-size:12px; 
color:#015b9a; 
margin-right:10px;
}
.newssuite:hover{
text-decoration:underline;
}

/*/////////////////////////////////*/
/*////////// NEWS ENTIER //////////*/
/*/////////////////////////////////*/
.newsentier{
background-image:url(img/new/barre-news.png);
background-repeat:no-repeat; 
width:610px;
}
.newssujetentier{
width:594px; 
height:26px;
font-size:14px; 
color:#FFFFFF;
padding:7px;
}
.posteparentier{
float:right; 
font-size:12px;
color:#FFFFFF;
margin-top:-38px;
margin-right:10px;
text-align:right;
}
.newstexteentier{
border:#424242 1px solid; 
background-color:#1b1b1b; 
width:588px; 
padding:10px;
font-size:12px;
color:#666;
min-height:130px;
}
.newsalltitre1{
float:left;
width:515px; 
height:26px;
font-size:14px; 
color:#FFFFFF;
padding:7px;
text-align:left;
}
.newsalltitre2{
float:left;
width:60px; 
height:26px;
font-size:11px; 
color:#FFFFFF;
padding-top:10px;
text-align:center;
}


/*/////////////////////////////////*/
/*////////// INSCRIPTION //////////*/
/*/////////////////////////////////*/
.insctexteinfo{
font-size:16px; 
color:#015b9a;
margin-left:auto;
margin-right:auto; 
width:200px;
}
.alerteinsc{
font-size:12px; 
color:red; 
height:16px; 
text-align:center;
margin-bottom:15px;
}
.insctextarea{
height:100px;
width:237px;
color:#999999; 
margin-top:7px;
}
.inscblock{
clear:both;
float:left;
}
.inscfleche{
float:left; 
width:15px; 
margin-top:15px; 
text-align:left;
}
.insctitre{
float:left; 
width:190px; 
margin-top:15px; 
text-align:left; 
margin-right:35px;
color:#015b9a;
}
.inscinput{
float:left;
background-image:url(img/new/zone_identifiants.png);
background-repeat:no-repeat;
background-color:transparent;
height:34px;
width:237px;
color:#999999; 
margin-top:7px;
}
.inscinputtexte{
border:none; 
background-color:transparent;
color:#999999; 
margin-top:7px;
margin-left:5px;
}

/*/////////////////////////////////*/
/*/////////// SOURCE TV ///////////*/
/*/////////////////////////////////*/
.sourcetitre1{
float:left;
width:390px; 
height:26px;
font-size:14px; 
color:#FFFFFF;
padding:7px;
text-align:left;
}
.sourcetitre2{
float:left;
width:65px; 
height:26px;
font-size:11px; 
color:#FFFFFF;
padding-top:10px;
text-align:center;
}
.sourcetexte{
clear:both;
border:#424242 1px solid; 
background-color:#1b1b1b; 
width:588px; 
padding:10px;
font-size:12px;
color:#FFFFFF;
}
.imgforum{
max-height:600px;
max-width:700px;
border:none;
}
#bulle { 
position: absolute; 
visibility: hidden;  
font-size:12px;
margin:-240px -505px -500px -505px;
}
/*/////////////////////////////*/
/*/////////// FORUM ///////////*/
/*/////////////////////////////*/
/*Forum*/
.forumpartieentier{
background-image:url(img/new/barreforum.png);
background-repeat:no-repeat;
width:890px;
}
.forumtitrepartie1{
float:left;
width:557px; 
height:26px;
font-size:14px; 
color:#FFFFFF;
padding:7px;
text-align:left;
}
.forumtitrepartie2{
float:left;
width:63px; 
height:30px;
font-size:11px; 
color:#FFFFFF;
padding-top:10px;
text-align:center;
}
.forumtitrepartie3{
float:left;
width:180px; 
height:30px;
font-size:11px; 
color:#FFFFFF;
padding-top:10px;
text-align:center;
}
.forumtexte{
clear:both;
border:#424242 1px solid; 
background-color:#1b1b1b; 
width:868px; 
padding:10px;
font-size:12px;
color:#FFFFFF;
}
.forumtexte a{
color:#015b9a;
}
/*//////////////////////////////*/
/*/////////// MATCHS ///////////*/
/*//////////////////////////////*/

.matchtitre{
float:left;
height:26px; 
padding:7px; 
color:#FFFFFF;
font-size:14px; 
text-align:center;
}

/*///////////////////////////////*/
/*///////// LISTE HOVER /////////*/
/*///////////////////////////////*/
.listemessover:hover {
background-color:#2a2a2a;
color:#999999;
}
.listemessover:hover a {
display:block;
color:#ffffff;
text-decoration:none;
text-align:left;
}
.listenewsover:hover {
background-color:#2a2a2a;
color:#999999;
}
.listenewsover:hover a {
color:#ffffff;
text-decoration:none;
text-align:left;
}
.listeforumover:hover {
background-color:#2a2a2a;
color:#999999;
}
.listeforumover:hover a {
color:#ffffff;
text-decoration:none;
text-align:left;
}

/*////////////////////////////////*/
/*////////// MESSAGERIE //////////*/
/*////////////////////////////////*/
.messtitre1{
float:left;
width:300px; 
height:26px;
font-size:14px; 
color:#FFFFFF;
padding:7px;
text-align:left;
}
.messtitre2{
float:left;
width:140px; 
height:26px;
font-size:11px; 
color:#FFFFFF;
padding-top:10px;
text-align:left;
}

/*////////////////////////////////*/
/*//////// COLONNE DROITE ////////*/
/*////////////////////////////////*/
.cadre{
background-image:url(img/new/statistiques.png); 
width:270px; 
height:190px;
}
.cadretitre{
color:#FFFFFF; 
padding-left:10px; 
padding-top:9px; 
font-size:14px; 
margin-bottom:15px;
}
.cadretitre a{
color:#FFFFFF; 
}
.cadrestats{
font-size:12px; 
margin-left:10px; 
margin-top:20px; 
color:#FFFFFF;
}
.scores{
clear:left; 
padding-top:11px; 
padding-left:10px; 
padding-right:10px;
}
.vs{
float:left; 
color:#015b9a; 
padding-right:10px; 
font-weight:bold;
font-size:11px
}
.cadredemo{
margin-left:10px;
margin-top:25px;
}
.liendem{
color:#FFFFFF;
font-size:12px;
margin-top:10px;
}

/*////////////////////////////////*/
/*////////// INFOBULLE ///////////*/
/*////////////////////////////////*/
a.info {
   position: relative;
   color: #015b9a;
   text-decoration: none;
   /*border-bottom: 1px #424242 dotted; /* On souligne le texte. */
}
a.info .firstLevel {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On d�finit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par d�faut par un curseur d'aide. */
}
a.info:hover .firstLevel {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propri�t� white-space pour qu'il n'y ait pas de retour � la ligne non d�sir�. */
   top: 15px;  /*On positionne notre infobulle. */
   left: 5px;
   background: transparent;
}
.secondLevel { 
	width: 140px;
	padding: 5px;
	border: 1px solid #424242;
	line-height: 20px;
	background:#1b1b1b;
}
.next {
	margin-top: 5px; /*pour un deuxieme span*/
}

/*////////////////////////////////*/
/*//////////// FOOTER ////////////*/
/*////////////////////////////////*/
.footer{
clear:left;
background-image:url(img/new/bas-de-site.png); 
width:900px; 
height:184px; 
margin-top:30px;
}