/*
Theme Name: Pleine Lune
Theme URI: blog.zwatla.com
Description:  Thème Pleine Lune
Author: Lagouace + Zwatla
*/


body {
font-size : 0.8em ;
font-family : Verdana, Helvetica, Arial, sans-serif; 
color:#CCE5FF; 
background:#000 url(images/header.jpg) top center repeat-x;
margin : 0 ;
padding : 0;
}



a:active, a:focus{
outline:none;
}



a:link, a:active, a:visited {color:#FF7F00;}
a:hover {text-decoration:none; color:#369;}




/* SITE
*****************************************************************/

#site {
width : 740px;
margin : 0 auto;
text-align : left;
 }
 
 
/* HEADER
**************************************************************/	
	
#header { 
position : relative; 
height:300px; 
background:url(images/logo.jpg) top left no-repeat;
}	
	

/* TITRE DU SITE
*****************************************************************/

     
#site-name h1 {
position : absolute ; 
top : 115px;
left : 190px; 
font-weight:bold; 
margin:0; 
padding:0;
font-size:1.9em;
font-family : Georgia; 
}


#site-name h1 a {
color : #FF7F00;
text-decoration : none ; 
}

/*  HEADER >> SEARCH
********************************************************************/


#header form {
position : absolute;
top : 5px;
right : 0; 
margin : 0;
padding :  10px;
background : #000 ; 
border : 1px solid #223344;

 
 
}


#header input {
float : left ; 
margin : 0;
padding : 0; 
}


#header .champ {
width : 200px ;
height : 23px;
line-height : 23px; 
border-top  : 1px solid #369;
border-left  : 1px solid #369;
border-bottom  : 1px solid #369;
border-right : 0;
background : #fff; 
}


#header .recherche {
background : #369;
height : 25px;
width : 40px;
border : 0;
color : #fff;
cursor:pointer ;
text-transform : uppercase ; 
}


/* NAVIGATION >> MENU PAGES
***********************************************************************/
  
  
   
#menu {
position:absolute; 
top:252px; 
right:0;
 width:480px; 
 border-bottom:2px solid #234;
 font-size : 80%; 
 }

#menu ul {
list-style:none; 
padding:0;
margin : 0 0 0 10px; 
}



#menu ul li {
display:inline;
}


#menu ul li a {
display:block; 
float:left; 
padding: 0 15px ; 
margin-right:5px; 
font-weight:bold; 
color:#FF7F1B; 
text-decoration:none; 
background:#000; 
border:1px solid #234;
border-width:2px 2px 0;
height : 35px ;
line-height : 35px ; 

 }


#menu ul li a:hover {
background:#FF7F00; 
color:#234;
}



#menu ul li a.active {
background:#234; 
color:#FF7F00;
}

   



   

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


.texte {
overflow : auto ;
padding : 0 0 0 10px
}



/* SIDEBAR 
**************************************************************************/

   
#side {
width: 190px;
float  : left ;
padding : 20px 10px 40px 10px;
text-align : justify; 
border: 2px solid #234; 
}
 
 
#side h1 {
font-size : 1.3em ;
margin : 0 ;
padding :  0 10px 5px 0 ; 
color : #369 ; 
font-family: Georgia, "Times New Roman", Times, serif ; 
text-align : right ;   
} 
	
	
#side h2 {
font-size : 1.3em ;
margin : 0 ;
padding :  0 10px 5px 0 ; 
color : #369 ; 
font-family: Georgia, "Times New Roman", Times, serif ; 
text-align : right ;  
}
	
	
	
#side ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0; 
color : #000
}
 
#side li{
list-style:none; 
padding: 0;
margin : 0;
border-top:1px solid #234;
 text-align:right;
 }

  
  
#side li a{
display:block;
height : auto; 
text-decoration:none;
padding : 8px 10px 10px 0;
font-size : 75%;

}    




#side li a:hover{
color:#000; 
background-color:#FF7F00;
}


#side p{
margin : 5px 0 25px 0 ; 
padding : 0;  
}



 
 /* SIDEBAR >> RECHERCHE par défaut
***********************************************************************/  


#side form {
margin : 0;
padding : 20px 0 0 0;
height : 50px;  
}


#side input {
float : left ; 
margin : 0;
padding : 0; 
}


#side .champ {
width : 115px ;
height : 23px;
border-top  : 1px solid #E2E2E2;
border-left  : 1px solid #E2E2E2;
border-bottom  : 1px solid #E2E2E2;
border-right : 0;   
 }


#side .recherche {
background : url(images/search.jpg);
height : 25px;
width : 67px;
border : 0; 
}







  
/* CONTENT >> Conteneur du Post
*****************************************************************/


	

#contenu {
width : 470px ; 
background : transparent ; 
float  : left ;
margin : 0;
padding : 10px 0 0 36px ;
  }


#contenu h2 {
margin :  0;
padding :  20px 0 20px 0 ; 
font-size : 1.2em ;
color : #369;

}

#contenu h3 {
margin :  0;
padding :  30px 0 20px 0 ; 
font-size : 1.2em ;
color : #369 
}


 
/*  CONTENU >> POST
*****************************************************************/	


.post {
margin : 0 0 30px 0 ; 
overflow : auto; 
}



.post h1 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
clear : left ;
font-family: Georgia, "Times New Roman", Times, serif ;   
}


.post h1 a {
color : #369; 
text-decoration : none ;  
}
   



.post img {
float:left; 
padding:2px;
border:2px solid #234;
margin-right:10px
}





.meta-comment {
padding : 0;
color : #927016; 
clear : left; 
}

.meta-comment a {
color : #927016
}



.post .descr-auteur {
margin : 0; 
font-weight : bold;
color : #FF7F1B ;
font-size : 85%;
}



.post .descr {
clear : left ; 
margin : 0 ;
padding : 10px 0 0 0;
color : #369  ;
font-size : 85%;
}

.post .descr a {
color : #FF7F1B   ;
text-decoration : none
  }
  
.post .descr a:hover {
text-decoration : underline
}






/* CALENDRIER >> Option
****************************************************************************************************/



#calendar_wrap  {
width : 100% ; 
text-align : center;
padding : 0 ; }


#calendar_wrap  table {
margin : 0 ; 
padding : 0 ; }

#calendar_wrap #today a {
background : #E47001 ; 
color : #fff ; 
text-decoration : none ; 
padding : 2px}



#calendar_wrap #prev {
color : #000
}

#calendar_wrap #prev a {
 color : #000
}

#calendar_wrap caption {
text-align : right ; 
background : transparent ; 
height : 40px ;
padding : 10px 0 10px 0; 
 
}



/* TEXT WIDGET
****************************************************************************************************/



.textwidget {
background : #fff ; 
padding : 0 0 10px 0
}
 
 
 
 
 
 


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

#google {
width : 160px ; 
height : 600px ; 
float : left ;
 margin : 0 ;  }



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


	
   
#footer {
margin : 80px 0 0 0;  
height : 140px; 
background:#234 url(images/footer.jpg) top center repeat-x; 
text-align:center ;
font-size : 80%; 
}


#footer p { 
margin : 0 ;
padding : 45px 0 0 40px;  
color : #FF7F00; 
}



#footer a { 
color : #FF7F00;
text-decoration : none ;
border-left : 1ps dotted #FF7F00  
}

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





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


.commentlist li {
clear : left ; 
padding : 10px ; 
margin : 0 0 20px 0;
list-style : none
}


.commentlist li a  {
color : #FF7F1B;
text-decoration : none ; 
}

.graybox {
background : #143153 ;
}



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

.commentlist  {
margin :  0;
padding : 0;

}



/* COMENTAIRES FORMULAIRE
****************************************************************************************************/




#commentform {
margin: 20px 0 0 0;
background: transparent;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#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: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}





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



code {
color: #000;
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;
}





/* PREVIOUS ENTRIES
****************************************************************************************************/


.prec-suiv {}


.prec-suiv a {
color : #000 ; 
text-decoration : none ;
 }

.prec-suiv a:hover {
text-decoration : underline ;
}