@import "litlelayer.css";

* { margin: 0 ; padding: 0;   list-style: none;}

body{
	background: #000;
	color: #222;
}

#lesdemons{
 width: 1000px;
 font: 65% Verdana, Arial, Helvetica, sans-serif;
 margin: 0 auto;
}

/******************* LIENS ET PROPRIETES APPLICABLES DANS TOUT LE DOCUMENT ******************/
a:link, a:visited{color: #000; text-decoration: none; text-transform:capitalize}
a:hover{color:#fff; border-bottom: 1px solid #000}
a img {border: 0;}
.hr{ height:30px}
.fl { margin: 0 10px 10px 0; float: left;}


/* HEADER
-----------------------------------------------------------*/
#header{
 height: 200px;
 background:url(img/header.jpg) no-repeat 0 0;
}

#header h1{
	font-size:0; 
	line-height:0;
}




/* SPEEDBAR
------------------------*/
#speedbar{
 background: url(img/speedbar.png) no-repeat 0 0;
 height: 74px;
 width: 632px;
 margin: 0 auto;
 text-transform:capitalize;
}

#speedbar li{
	display: inline; 
	line-height:36px; 
	font-size:1.4em; 
	letter-spacing:-1px; 
	margin: 0 16px; 
	font-weight:bold;
}



/* leftbar
------------------------------------------------------------*/
#leftbar{
 width: 170px;
 float: left;
}

/* rightbar
------------------------------------------------------------*/
#rightbar{
 width: 171px;
 float: right;
}

/* Boites Menu
------------------------------------------------------------*/
.box{
 background: url(img/box.png) repeat-y 0 0;
}
.inbox{
 background: url(img/boxfoot.png) no-repeat 0 100%;
 padding-bottom:15px;
}
.box h2{
 background: url(img/boxh2.png) no-repeat 0 0;
 height: 24px;
 line-height: 27px;
 text-align: right;
 font-size:1.2em;
 font-weight:200;
 text-transform:uppercase;
 padding: 0 15px 0 35px;
}
#leftbar .box{
	margin-bottom:10px;
}
#leftbar ul, #rightbar ul{
 padding: 10px 3px 2px 20px;
 font-size:1.1em;
 font-weight:bold;
 line-height:18px;
 text-transform:capitalize;
}
#leftbar ul li, #rightbar ul li{
 padding: 0 0 0 15px;
 background: url(img/boxli.png) no-repeat 0 50%; 
}

/* partenaire
---------------------------*/
/*haut droite bas gauche*/
#partenaire{
 background: url(img/box.png) repeat-y 0 0;
 margin:40px 0
}
#inpartenaire{
 background: url(img/boxfoot.png) no-repeat 0 100%;
 padding-bottom:15px;
}
#partenaire h2{
 background: url(img/avenir.png) no-repeat 0 0;
 height: 24px;
 line-height: 23px;
 text-align: right;
 font-size:1.2em;
 font-weight:200;
 text-transform:uppercase;
 padding: 0 15px 0 35px
}

.box h2{
 background: url(img/boxh2.png) no-repeat 0 0;
 height: 24px;
 line-height: 27px;
 text-align: right;
 font-size:1.2em;
 font-weight:200;
 text-transform:uppercase;
 padding: 0 15px 0 35px;
}



/*match a venir
---------------*/
#rightbar p{ font-size:1.7em; text-align:right; padding: 5px 10px 5px 5px;}
#rightbar p span{ display: block;text-align:left; padding: 5px; font-weight:bold}
#rightbar p em{ margin-left: 8px; font-style:normal; color:#FF0000}
#rightbar h2#avenir{ background: url(img/avenir.png) no-repeat 0 0;}

/* boite match
---------------------------*/
#result{
 background: url(img/result.png) repeat-y 0 0;
 margin:40px 0
}
#inresult{
 background: url(img/trsultfoot.png) no-repeat 0 100%;
 padding-bottom:15px;
}
#result h2{
 background: url(img/resulth2.png) no-repeat 0 0;
 height: 45px;
 line-height: 23px;
 text-align: right;
 font-size:1.2em;
 font-weight:200;
 text-transform:uppercase;
 padding: 0 15px 0 35px
}





/******************** contenu de content ******************/
#content{
   margin: 0 auto;
   width:633px;
}

#content  .news{
   margin-bottom:30px;
   background: url(img/news.png) repeat-y 0 0;    
}
#content  h3{
   font-size: 1.4em;
   text-transform:uppercase;
   padding: 0 20px 0 0;
   text-align:right;
   background: url(img/newsh2.png) no-repeat 0 0;
   height: 22px;
   line-height:22px;
   margin-bottom:10px;    
   letter-spacing:-1px;    
}
#content  h4{
   font-size: 0.8em;
   padding: 5px 15px 0;
   color:#555;   
}
#content  h4 a{
   margin-right: 10px;  
}
#content .p1{
   text-align: justify;
   padding: 5px 15px;
   font-size:1.4em;
}
#content .p2{
   padding: 5px 10px;
   font-size:1.5em;
   background: url(img/newsfoot.png) no-repeat center bottom; 
   text-align:right;
}
#content .noir{
	padding: 10px 10px;
	background-color:black ! important;
}
#content .p2 a{
   margin: 0 10px;  
}


/* Footer 
-------------------------------------------------------------------*/
#footer{
   clear: both;
   color: #000;
   text-align:center;
   width:632px;
   font-size:0.9em;
   margin: auto;
   padding: 8px 10px 3px;
   background: url(img/footer.png) no-repeat 0 0;    
}

#footer a{ text-transform:capitalize}
#footer span{display: block; color:#ccc; padding-top:4px;}
#footer span a{color:#fff;}
#footer span a:hover{color:#666;}