body{
font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
color:#444;
font-size:13px;
padding:0px;
margin:0px;
padding-bottom:15px;
}

a{
color:#008C00;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

img{
border:none;
}

h1, h2, h3, h4, h5, h6{
margin:0px;
margin-bottom:8px;
font-weight:normal;
}

h1{
background:#B2D281;
color:#3b5d14;
padding:5px;
margin-bottom:2px;
}


h2{
border-bottom:2px solid #77C32C;
color:#666;
padding-bottom:4px;
}

h3{
color:#45B04D;
font-size:1.4em;
}

.gris{
color:#AB9A9A;
font-size:0.9em;
}


.para{
font-size:12px;
max-width:360px; /* font-size * 30  */
line-height:17px;  /* font-size + 5 */
}

.lienall{
margin-top:8px;
float:right;
}

.error{
border:1px solid #DD3C10;
background:#FFEBE8;
padding:5px;
}

/* ------------------------bande news -----------------------------*/
.bande{
border:1px solid #DD3C10;
background:#FFEBE8;
padding:10px;
width:960px;
margin:auto;
margin-top:10px;
margin-bottom:-10px;
font-weight:bold; 
}

.bande a{
color:#DD3C10;
}

.bande:hover{
border:1px solid #DD3C10;
}

.bande a:hover{
color:#DD3C10;
}

/* ------------------------ Nothification -----------------------------*/
.nothification{
border:1px solid #DD3C10;
background:#FFEBE8;
padding:10px;
margin-bottom:10px;
margin-top:10px;
font-weight:bold; 
}

.nothification a{
color:#DD3C10;
}

.nothification a:hover{
color:#DD3C10;
}

/* ------------------------ joint fan -----------------------------*/
.joint{
border:1px solid #00FF00;
background:#F0FFF0;
padding:10px;
width:605px;
font-weight:bold; 
margin-top:-12px;
margin-bottom:10px;
}

.joint:hover{
border:1px solid red;
}

.joint a:hover{
color:red;
}

/* ------------------------ chat Live -----------------------------*/
.chatLive{
cursor:pointer;
color:#45B04D;
}

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

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

/* ------------------------navigation tab-----------------------------*/
#topbar{
font-size:14px; 
color:#3b5d14; 
background:#b2d281; 
font-weight:bold; 
padding:6px; 
overflow:auto; 
height:1%; 
clear:both;
margin-bottom:20px;
}

#topbar a{
color:#3b5d14; 
text-decoration:none;
margin:0 10px; 
height:23px; 
line-height:23px;
float:left;
display:block;
}

a.active{ 
height:23px;
line-height:23px; 
background:url(tb_a.png) right top no-repeat;
padding-right:10px;
}

a.active span{
background:url(tb_span.png) left top no-repeat; 
height:23px; 
display:block; 
padding-left:10px;
}

/*-------------------------------tableau-----------------------------------*/

table{
border-collapse: collapse;
}

th {
padding:5px;
background:#F0FDE0;
font-weight:normal;
border-bottom:1px dashed #77C32C;
}

td{
border-bottom:1px solid #CCCCCC;
padding:8px 2px 8px 2px;
}


/*-------------------------------video-----------------------------------*/

.videotag{
float:left;
margin:5px;
width:190px;
height:160px;
}

.videoimage{
width:126px;
height:80px;
margin-left:30px;
border:1px solid #CFCFCF;
}

/*-------------------------------commentaire-----------------------------------*/

.contenucommentaire{

}

.contenu{
margin-bottom:20px;
}

.auteur{
margin-bottom:8px;
border-bottom:solid 1px #CCCCCC;
padding-bottom:4px;
}

.reponse{
margin-left:80px;
margin-bottom:15px;
line-height:20px;  /* font-size + 5 */
}

.membreInfo{
width:70px;
float:left;
margin-bottom:15px;
}

.imageAvatar img{
border:1px solid #CCCCCC;
padding:2px;
}

.contact{
padding-left:22px;
}

/*-------------------------------tag-----------------------------------*/
.tag1{
font-size:1em;
}

.tag2{
font-size:1.5em;
}

.tag3{
font-size:2em;
}

/*-------------------------------pagination-----------------------------------*/
.lienpage{
border:1px solid #65BB12;
padding:4px;
margin:1px;
}

.lienpagefocus{
background:#65BB12;
color:white;
border:1px solid #65BB12;
padding:4px;
margin:1px;
}

/*------------------legende--------------------------*/
.legende{
width:150px;
float:left;
margin-top:-1px;
margin-left:-15px;
}

.navlist{
list-style-type: none;
}

.active:hover li {
display: block;
 }
 
.active li {
display: none; 

}

.subnavlist li{
margin-left:-40px;
}

.nav{
float:left;
width:150px;
margin-left:210px;
}

.legende .lien{
margin-left:560px;
}

.thetitle{
display:none;
}

.arabic{
text-align:right;
font-size:2em;
}


/* -------------------les div , les ids, les span-------------------------------------*/

#haut{
margin-bottom:15px;
border-top:3px solid #6DBE1C;
}

#haut .banniere{
padding-top:40px;
width:965px;
margin:auto;
}

#haut .banniere .sticker{
padding-top:15px;
font-family:arial;
font-size:12px;
float:right;
margin-top:-140px;
margin-right:-5px;
width:520px;
position:relative;
}

.search{
position:absolute;
top:10px;
left:256px;
}

#haut .logo{
width:180px;
float:left;
margin-left:25px;
margin-top:50px;
}

#haut .pubBaniere{
margin-left:240px;
margin-bottom:5px;
width:730px;
height:95px;
}

#haut .topmenu{
background:#008C00;
}

#haut .menu{
width:965px;
margin:auto;
padding:5px 0px 5px 0px;
font-family:Trebuchet MS,Arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}

#haut .menu .lien{
display:inline;
margin-right:26px;
}

#haut .menu a{
color:#FFFFFF;
}

#haut .bruch{
width:940px;
margin:auto;
clear:both;
border-bottom:2px solid #008C00;
padding:10px;
}

#haut .bruchBlock{
float:left;
height:75px;
margin-left:15px;
}

#haut .bruch img{
border:1px solid #ccc;
padding:2px;
-webkit-box-shadow: -1px -1px 5px #999, 1px 1px 5px #999;
-moz-box-shadow: -1px -1px 5px #999, 1px 1px 5px #999;
box-shadow: -1px -1px 5px #999, 1px 1px 5px #999;
}

#haut .bruchTitre{
padding:5px;
width:200px;
height:16px; 
position:relative;
top:-32px;
font-weight:bold;
color:white;
background:url('black.png');  
margin-left:3px;

}


#central{
width:970px;
margin:auto;
margin-bottom:20px;
}

#central .facebook{
float:left;
margin-top:5px;
}

#central .logoSlide{
width:782px;
height:52px;
margin-left:170px;
margin-bottom:15px;
}

#central .logoSlideBlock{
float:left;
margin:10px;
margin-right:15px;
}

#central .logoSlideBlock img{
height:35px;
}

#corps{
float:left;
width:628px;
margin-bottom:20px;
padding:0px 5px 5px 5px;
}

#lateral{
width:300px;
padding:0px 10px 10px 10px;
margin-left:648px;
}

#lateral .connexionBord{
background:#F5F5F5;
border:1px solid #CCCCCC;
padding:10px;
margin-bottom:10px;
}

#lateral .pubc{height:250px;background:#F0FDE0;margin-bottom:30px;}

#lateral .facebookPage{margin-top:30px;}

#lateral .fanion{margin-top:40px;margin-top:20px;border:1px solid #F0FDE0;;padding:3px;}
#lateral .fanionCloser{background:#F0FDE0;}
#lateral .fanion img{margin:6px;}
a.tooltip{position:relative;text-decoration:none;}
a.tooltip span{display:none;}
a.tooltip:hover span, a.tooltip:focus span{display:block;position:absolute;top:-3.7em;left:-2em;padding:6px 8px;background:rgba(0,0,0,0.85);color:white;z-index:10;white-space:nowrap;}


#lateral .depecheLat td{
padding:8px 5px;
width:290px;
overflow:hidden;
white-space:nowrap;
}

#lateral .depecheLat tr:hover{
background:#F0FDE0;
}

#lateral .joueur{
text-align:justify;
margin-bottom:20px;
margin-top:20px;
line-height:25px;
}

#lateral .champAgenda{
margin-bottom:20px;
}

#lateral .champHeure{
text-align:center;
width:35px;
}

#lateral .champScore{
text-align:center;
width:35px;
color:#456EB0;
font-weight:bold;
}

#lateral .champLocal{
text-align:right;
width:105px;
}

#lateral .champVisitor{
text-align:left;
width:105px;
}

#lateral h3{
color:#45B04D;
margin:5px;
font-weight:bold;
font-size:0.9em;
}

#bas{
clear:both;
width:950px;
margin:auto;
}

#bas .slot{
clear:both;
border-top:7px solid #CCCCCC;
margin-top:35px;
padding:10px 0;
}

#bas .slot .block{
float:left;
width:140px;
margin:2px;
}

#bas .slot .block .titre{
font-weight:bold;
margin-bottom:5px;
}

#bas .slot .block .contenu{
font-size:11px;
}