/*   Theme Name: WordPress Freebox News 
Theme URI: http://themes-du.net/  
Description: Theme du blog Freebox News. 
Version française 
Version: 1.0 
Adaptation pour Wordpress : Laurence Cattolico 
Author URI: http://themes-du.net/  	 
The CSS, XHTML and design is released under GPL: 	
http://www.opensource.org/licenses/gpl-license.php 	 	

Traduction Amaury et Xavier // WordPress Francophone  */  

body {
 	font-size: 62.5%; /* Resets 1em to 10px */
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        background:#ececec;
  	color: #333;
        margin:0;
  	padding:4px 5px;
 }  
#page {
  	background: #f3f3f3;
  	text-align: left;
 	margin:0;
  	padding: 3px;
        border:1px solid #d0e8ff; 
}  
/*---- en tete ----*/ 
#header {
  	background: #fff;
  	margin: 0 0 15px 0;
   	padding: 0 0 15px 0;
   	border:1px solid #bfc8c8;
        border-top:4px solid #bfc8c8; 
}   
#headerimg {
  	margin: 0 0 6px 0;
        background:#fff;
        height:100px; 
} 
#headerimg .description {
  	font-size: 2em;
        right:30px;
        top:15px;
        position:absolute;
        color:#333;
 	text-decoration: none; 
} 
h1 {
  	padding: 0px;
  	margin: 0px; 
} 
#header h2 {
        float: right;
        margin : 2px;
        margin-right : 17px;
	margin-top : -66px;
} 

#menuh {
         border:1px dashed #ccc;
         margin-left:15px;
         margin-right:15px;
         padding:6px 6px;
         background:#f8f8f8;
         font-family:"trebuchet ms"; 
} 
#menuh ul {
         margin:0;
         padding:0; 
} 
#menuh li {
         display:inline;
         list-style-type:none;
         padding-right:14px; 
} 
#menuh a {
         font-size:13px;
         color:#333; 
} 
#menuh a:hover {
         color:#0066cc;
}
#annonce {
         clear:both;
         background:#fff;
         margin-bottom:10px;
         padding-bottom:5px;
         border:1px solid #bfc8c8;
         text-align:center; 
} 
#annonce h1 {
         background:#f3f3f3;
         border-bottom:1px solid #bfc8c8;
         margin-bottom:5px;
         padding:5px 0;
         font-size:12px;
         color:#954e4e;
         text-indent:20px;
         letter-spacing: 1px;
 	 font-variant: small-caps;
         text-align:left; 
} 
#annonce p {
         text-align:justify;
         font-size:11px; 
} 
/*---- fin en tete ----*/

/*---- pied de page ----*/ 
#footer {
 	 clear: both;
         padding-right: 10px;
 	 margin: 0 auto;
         background:#fff;
         border: 1px solid #bfc8c8;	 }   
#footer p {
 	 text-align: right;
         margin:0;
         padding:10px 0; 
}         
#footer a, #footer a:hover {
         font-size:11px; 
} 
/*---- fin pied de page ----*/  

/*---- colonne latérale ----*/ 
#sidebar {
          float:right;
          margin:0 0 10px 0;
  	  padding: 20px 0 10px 0;
  	  width: 175px;
          border:1px solid #bfc8c8;
          background:#fff; 
} 
#sidebar form {
 	  margin: 0;
          padding:0;
          display:block; 
}  
#sidebar h2 {
          margin-top:0;
          padding:5px 0;
          background:#f4f4f4;
          border-bottom:1px solid #bfc8c8;
          border-top:1px solid #bfc8c8;
          font-size: 12px;
          color:#954e4e;
          text-indent:20px; 
          letter-spacing: 1px; 
	  font-variant: small-caps; 	 
} 
#sidebar p {
          padding-top:10px;
          border-top:1px solid #bfc8c8;
          text-align:center; 
} 
#sidebar a, #sidebar a:hover {
          font-size:12px; 
} 
#sidebar ul, #sidebar ul ol {
  	  margin:0;
  	  padding: 0; 	 
}   
#sidebar ul li {
  	  list-style-type: none;
  	  list-style-image: none;
  	  margin-bottom: 15px; 	 
}   
#sidebar ul p, #sidebar ul select {
  	  margin: 5px 0 8px; 	 
}   
#sidebar ul ul, #sidebar ul ol {
  	  margin: 5px 0 0 10px; 	 
}   
#sidebar ul ul ul, #sidebar ul ol {
  	  margin: 0 0 0 10px; 	 
}   
#sidebar ul ol li {
  	  list-style: decimal outside; 	 
}   
#sidebar ul ul li, #sidebar ul ol li {
  	margin: 3px 0 0;
  	padding: 0; 	 
} 
#sidebar #searchform #s {
  	width: 108px;
  	padding: 2px;
}   
#sidebar #searchsubmit {













  	padding: 1px; 	 
} 
/*---- fin colonne latérale ----*/  

/*---- contenu ----*/ 
#content {
         font-size:12px; 
} 
.narrowcolumn {
         margin:0 200px 0 0;
  	 padding: 0; 
} 
.post {
  	margin: 0 0 15px 0;
         padding:0;
         border:1px solid #bfc8c8;
         background:#fff;
  	 text-align: left; 
} 
.post hr {
  	 display: block; 
} 
.postmetadata {
  	 clear: left;
         margin:0;
  	 padding-top: 5px;
         text-align: left;
         font-size:11px; 
} 
.postmetadata a, .postmetadata a:hover {
          font-size:11px; 
} .postmetadata ul, .postmetadata li {
  	  display: inline;
  	  list-style-type: none;
  	  list-style-image: none;
 	 } 
p.postmetadata {
          border:none; 
} 
.post p {
          margin:0;
          padding:10px;
          line-height:20px; 
} 
html>body .entry ul {
  	margin-left: 10px;
  	padding: 0 0 0 30px;
  	list-style-type: square; 
}    html>body .entry li {
  	margin: 0 0 3px 0; 
} 
/*---- fin contenu ----*/  

/*---- commun ----*/ 
h2.pagetitle {
  	 margin: 0;
         padding:0;
  	 text-align: center;
         font-variant: small-caps;
         color:#954e4e; 
} 
a {
         text-decoration:none;
         color:#003366; 
}  
a:hover {
  	color: #0066cc;
  	text-decoration: none;
 	 } 
hr {
  	display: none; 	 
}   
a img {
  	border: none; 	 
}  
.title {
          margin:0;
          padding:5px 0;
          background-color:#f4f4f4;
          border-bottom:1px solid #bfc8c8; 
} 
.title img {
          vertical-align:middle;
          margin-left:5px;
          padding-right:10px; 
} 
.title h2, .title h2 a, .title h3, .title h3 a {
          margin:0;
          padding:0;
          font-size: 12px;
          color:#003366;
          letter-spacing: 1px;
 	  font-variant: small-caps;
          display:inline; 	 
} 
.title h2 a:hover, .title h3 a:hover {
          color:#0066cc; 
} 
small {
          display:inline;
          padding-left:5px;
          color:#003366; 
} 
/*---- fin commun ----*/  

/*---- Class Images ----*/  
p img {
  	padding: 0;
  	max-width: 100%; 	 
}   
/*	Using 'class="alignright"' on an image will (who would've 	thought?!) align the image to the right. And using 'class="centered', 	will of course center the image. This is much better than using 	align="center", being much more futureproof (and valid) */  

img.centered {
  	display: block;
  	margin-left: auto;
  	margin-right: auto; 	 
}   
img.alignright {
  	padding: 4px;
  	margin: 0 0 2px 7px;
  	display: inline; 	 
}   
img.alignleft {
  	padding: 4px;
  	margin: 0 7px 2px 0;
  	display: inline;
 	 }   
.alignright {
  	float: right; 	 
} 
.alignleft {
  	float: left 	 
}  
/*---- End Class Images ----*/  

/*---- commentaires ----*/ 
h3#comments, h3#respond {
  	 padding: 0;
  	 margin: 40px auto 20px ;
         font-size: 12px;
         color:#954e4e;
         text-indent:20px;
         letter-spacing: 1px;
	 font-variant: small-caps; 
} 
.alt {
 	 background-color: #fff;
 	 border: 1px solid #bfc8c8;
         padding:0;
         margin:0; 
} 
.commentlist {
  	padding: 0; 
}   
.commentlist li {
  	margin: 15px 0 0;
  	padding: 5px 10px 0;
  	list-style: none;
 	font-weight: bold; 
}   
.commentlist p {
  	margin: 10px 5px 10px 0;
 	font-weight: normal;
  	line-height: 1.5em; 
 	text-transform: none; 	 
} 
.commentlist cite, .commentlist cite a {
          margin:0;
          padding:5px 0;
  	  font-weight: normal;
  	  font-style: italic;
  	  font-size: 11px;
          color:#003366;
          text-decoration:underline; 
} 
.commentmetadata {
         margin:0;
  	 font-weight: normal;
         text-align:right;
         display:block; 
} 
#commentform p {
  	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; 	 
} 
#commentform input {
  	width: 170px;
  	padding: 2px;
  	margin: 5px 5px 1px 0; 	 
}   
#commentform textarea {
  	width: 99%;
  	padding: 2px; 
}   
#commentform #submit {
  	margin-bottom: 15px;
  	float: right; 	 
}  
#commentform p {
  	margin: 5px 0; 	 
}   
.nocomments {
  	text-align: center;
  	margin: 0;
  	padding: 0; 	 





}   

.nocomments, blockquote, strike {
  	color: #777; 	 
}    
/*---- Fin commentaires ----*/         

/*---- ce dont je ne sais pas quoi faire encore ----*/  
.entry p a:visited {
  	color: #b85b5a; 	 
}   
code {
  	font: 1.1em 'Courier New', Courier, Fixed; 	 
}   
acronym, abbr, span.caps {
  	font-size: 0.9em;
  	letter-spacing: .07em; 	 
}                  

/* Begin Lists  	Special stylized non-IE bullets 	Do not work in Internet Explorer, which merely default to normal bullets. */    

.entry ol {
  	padding: 0 0 0 35px;
  	margin: 0;
 	 }   
.entry ol li {
  	margin: 0;
  	padding: 0; 	 
}   
ol li {
  	list-style: decimal outside; 	 
}      

/* Begin Form Elements */  
#searchform {
  	margin: 10px auto;
  	padding: 5px 3px 10px 3px;
   	text-align: center; 	 
}    
.entry form { /* This is mainly for password protected posts, makes them look better. */
  	text-align:center; 	 
}   
select {
  	width: 130px; 	 
}   
acronym, abbr, span.caps {
  	cursor: help; 	 
}   
acronym, abbr {
  	border-bottom: 1px dashed #999; 	 
}   
blockquote {
  	margin: 15px 30px 0 10px;
  	padding-left: 20px;
  	border-left: 5px solid #ddd; 	 
}   

blockquote cite {
  	margin: 5px 0 0;
  	display: block; 	 
}
.center {
  	text-align: center; 	 
}     
.navigation {
  	display: block;
  	text-align: center;
  	margin-top: 10px;
  	margin-bottom: 60px; 
} 
.navigation a, .navigation a:hover {
         color:#cc0000; 
} 
/* End Form Elements */       

/* Begin Calendar */  
#wp-calendar caption, cite {
  	text-decoration: none; 	 
}   
#wp-calendar #prev a, #wp-calendar #next a {
  	font-size: 9pt; 	 
}   
#wp-calendar a {
  	text-decoration: none; 	 
}   
#wp-calendar caption {
  	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  	text-align: center; 	 
}   
#wp-calendar th {
  	font-style: normal;
  	text-transform: capitalize;
 	 }  
#wp-calendar {
  	empty-cells: show;
  	margin: 10px auto 0;
  	width: 155px; 	 
}   
#wp-calendar #next a {
  	padding-right: 10px;
  	text-align: right; 	 
}   
#wp-calendar #prev a {
  	padding-left: 10px;
  	text-align: left; 	 
}   
#wp-calendar a {
  	display: block; 	 
}   
#wp-calendar caption {
  	text-align: center;
  	width: 100%; 	 
}   
#wp-calendar td {
  	padding: 3px 0;
  	text-align: center; 	 
}   
#wp-calendar td.pad:hover { /* Doesn't work in IE */
  	background-color: #fff;  
} 
/* End Calendar */    

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. 	 It won't be a stylish marriage, I can't afford a carriage. 	 But you'll look sweet upon the seat of a bicycle built for two." */ 

div#xiti-logo {position: absolute;left: 50%;margin-top: 12px;}
div#partner {position: absolute;left: 25%;margin-top: -2px;}
