/*
Theme Name: Roulette
Theme URI: blog.zwatla.com
Description:  Thème Roulette
Author: Zwatla
*/




body, html {
height : 100%
}



body {
margin: 0;
padding: 0;
text-align : center;
background : #F0F0F0 ;
font-family : arial ; 
font-size : 0.7em ; 
color : #626262 ; 
}




 

/* PAGE  >> SITE
*****************************************************************/

#page {
background :#FFF ;
text-align : left;
width : 770px ;
margin : 0 auto ;
min-height : 100%;
background :#FFF url(images/bg-all.gif)
 }
 
 	
/* CENTRAGE
  *******************************************************/

#centrage {
padding : 0 0 0 20px ; 
 width : 727px ;  
 }	


/* HEADER
**************************************************************/	
	
#header { 
position : relative ; 
border-top : 1px solid #fff ; 
width : 730px ;
height : 238px ;
background : url(http://www.jeux-internet.be/images/header-games.jpg);
text-align : left ;  
}
  

#header h1 {
padding:0;
margin:0;
font-size : 1.5em;
font-weight : normal;
position : absolute;
top : -9999px;
left : -9999px;
text-transform : uppercase;   
}

#header h1 a{
color:#eee;
text-decoration:none;
}


#header h2 {
padding:0;
margin:0;
font-size : 0.8em;
font-weight : normal;
position : absolute;
top : -9999px;
left : -9999px;
color:#eee; 

}


/* HEADER >> MENU PAGES
***********************************************************************/
  
  
ul#menu {
margin : 0 ;
padding : 0;
list-style : none ; 
position :absolute ; 
background : transparent;
height : 36px ;
line-height : 36px ; 
top : 195px ;
float : left ; 
left : 10px ;  
}


ul#menu li{
margin:0 0 0 -2px;
float : left ; 
 background : url(http://www.jeux-internet.be/images/sep.jpg) top left repeat-y; 
 padding : 0 15px 0 15px;
height : 36px;
}


  
  
ul#menu li a {
text-decoration : none;
color : #000; 
}
  
  
ul#menu li a:hover {
text-decoration : underline;
color : #000; 
 }  
 
 ul#menu li:first-child {
 background : url(http://www.jeux-internet.be/images/no.jpg) top left repeat-y; 
 }








/* TEXT >> Coneneur Content + Side (.right)
*****************************************************************/


.texte {}
  
  
.texte img {

  }
  
  
  
/* SIDEBAR 
**************************************************************************/

#side {
float : left ; 
width : 250px ;


 }


#side h2{
font-size : 1em;
margin : 10px 0 ;
padding : 0 0 0 5px;  
background : #F7F7F7 ; 
height : 22px;
line-height : 22px; 
 }
 
#side ul{
margin :  0 ; 
padding : 0 0 0 5px;   
list-style : none ; 
 }
 
#side li  {
padding : 0 ; 
margin : 0 ; 
 }
 
#side li a {
text-decoration : none ;
font-weight : bold ; 
color : #4D4F50  
 }
 
#side li a:hover {
text-decoration : underline ; 
}
 
 
#side p {
margin : 5px 0 5px 0 ;
padding : 0 ; 
line-height:22px;
 }


#side  a {
text-decoration : none ;

color : #4D4F50  
 }


 /* RECHERCHE
***********************************************************************/  
 
 

#recherche {
position : absolute ; 
right : 30px ; 
top : 202px
}




#recherche form {margin : 0; padding : 0 ;  }


#search {
height : 18px ; 
width : 120px ;
float : left ; 
}


#search-ok {
background : #fff ; 
height : 22px ; 
width : 26px ; 
border : 1px solid #E3E9EF ; 
color : #000 ;  
cursor:pointer ;
float : left ; 
}


#search-ok:hover {
background : #eee
}


 
 
 /* CONTENU >> Conteneur du Post
*****************************************************************/



#contenu {
float : left ; 
width : 468px ;
margin-left : 9px ;
padding :  0;  
background :#F2F2F2;  }




#contenu h2 {
margin : 0 ; 
padding :  0 10px;
font-size :   1em; 
font-weight : normal ;
}


#contenu h3 {
margin : 0 0 10px 0 ; 
padding :  0 0 20px 10px;
font-size :   1em; 
font-weight : normal ;
}





#contenu a{
text-decoration : none ;  
}

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

  
 /* CONTENU >> SITENAME >> Nom du site
*****************************************************************/



 #sitename {
height : 100px; 
background :url(images/site-name.jpg);
text-align : center ;
padding : 20px 0 0 0;  
 
 }
 
 
  #sitename h1 {
margin : 0; 
padding : 0; 
 }
 
   #sitename h1 a {
color : #fff;
text-transform : uppercase; 
color : #DE7C01 ; 
font-size : 1.4em; 
text-decoration : none ; 
 }




 
/* POST >> configuration des éléments du Post
****************************************************************/

.post{
margin:0 0 20px 0;
padding : 0 10px 0 10px ; 
}




.post a {color : #ccc}


.post h1 {
margin : 0 ; 
padding :  0 ;
font-size : 2em; 
font-weight : normal ;  }

.post h1 a {
color : #000  ; 
text-decoration : none ;
font-size : 1em;  
}

.post p {
padding :  0 ;
margin : 5px 0 0 0; 
 
}

.descr {
padding :  0 ;
}






.post a {color : #000}


.post img {
margin : 5px 0 0 0; 
border : 0 ; 
 
 }




.post .info{
padding:0;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#EEE;
}


/* POST >> Fin du post
***************************************************************************/


.post .descr-bg {
background : #BAD7BB ; 
height : 22px ; 
line-height : 22px ; 
color : #626262 ; 
padding : 0 10px 0 0;
text-align : right;
margin :  0; 
 }
.post .descr-bg a { color : #626262 }




/* FOOTER
********************************************************************/	


#footer {
clear : left ;
height : 86px ;
padding: 30px 0 0 0;
margin : 0 13px 0 0; 
background : url(images/footer.jpg) 280px 0 no-repeat ;   
}

#footer p{
padding :5px 20px 0 0;
margin : 0 0 0 290px;  
}

#footer a{
text-decoration : none ; 
color : #4D4F50 ;
font-weight : bold ; 
}


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








/* COMENTAIRES 
*******************************************************************/


.commentlist li {padding : 10px ; width : 320px ; }
.commentlist li a  {color : #83B4D4}

.graybox {background : #fff ; }



#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 0 0 0 0;
padding : 0 0 80px 40px; 
width : 350px ;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width : 350px ;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width : 350px ;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width : 400px ;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width : 350px ;
}
#commentform input{
margin-bottom: 3px;
}





/* CODE ET BLOCKQUOTE
*******************************************************************/



code {
display: block;
}



blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: normal 0.9em Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}



/* PUB
  *******************************************************/

#pub-728 {
margin :  0; 
height : 100px;
background : url(images/bg_centrage.jpg)

}


#pub-728 img {
border : none ; 

}

#banners img {margin : 0 0 5px 0 ;  }

#banners {height : 130px ; background : #fff  ; margin : 0 0 10px 0 ; border-bottom : 10px solid #ddd  }



#pub {}
	
	



.flashmovie { margin : 20px 0 0 0}


.bloc-jeux img {
border : none ;
margin : 0 0 2px 0; 
}