/* feuille de style CSS de tennis de table - Clichy */
/* charte des couleurs 
	blanc 		#fff  	fond extérieur fenêtre 
	beige pale		#fed		titre site, fond blog
	beige clair  	#F1E4D3	fond du menu 
	rouge plus sombre #a00 		
	rouge sombre 	#900 		lien billet,titre billet
	bleu 	foncé		#308		lien visité billet
	gris moyen		#cfc8b8	fond survol lien, côté titre menu
	bleu tres foncé	#e5cdae	
*/


body {
background:#fff; 
font-size:76%;  /* 76% correspond au corps 10 si le reglage du navigateur (14px) pas  modifie */
margin:0;
padding:0;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color:#333;
text-align:center; /* pour IE5 et centrage horizontal de la page */
}

p { margin : 0; padding: 0 0 1em 0; }
img { border : 0 solid #fff; } 
form { display : block; margin : 0; padding : 0; }

h1 {font-size: 2em; margin: 0; }
h2 { font-size : 1.33em; margin : 0 0;}
h3 { font-size : 1.17em; margin:0; }
h4 { font-size : 1em; margin : 0; }
h5 { font-size : 0.83em; margin : 0; }
h6 { font-size : 0.67em; margin : 0; }

code,pre { 
/* display:block;
overflow : auto; pour autoriser le scroll horizontal si la ligne de code est plus grande que la largeur du content marche pas dans IE 5.2/Mac */
font-family : "Courier New",monospace;
font-size : 1.2em;
color:#333;
}

q { font-style : italic; }

a {
color:#900; 
text-decoration:none;
}
a:visited {
color:#308;
}
a:hover  {
background-color:#cfc8b8;
}
/*
a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
	background : transparent;

}
*/

/* Page
-------------------------------------------------------- */
#page {
width:63em;
background:#F1E4D3;  /* Je donne au fond de page la couleur que je veux pour le sidebar sinon, comme cette colonne est plus courte, ca s'arretera avant le bas de page */
margin:1em auto 1em auto;
padding:0;

text-align:left;  /*Pour retablir l'alignement demande dans le body pour que IE puisse centrer */
}


/* Titre
-------------------------------------------------------- */
div#top {
padding:0; 
width:100%;
height:12em; 
background: #a00;
}

img#pingpong {
float:left; 
width:240px;
height:146px;
}


#top h1 {
text-align:right;
padding-right:2.5em;
padding-top:1em;
color:#fed; 
}

#top h1 a:link, #top h1 a:visited {
	color:#fed; 
	background-color:#a00; 
}
#top h1 a:hover {
	decoration:underline;
	background-color:#a00;
}


/* Main
-------------------------------------------------------- */
#main {
background:#fed; 
float:right; 
margin: 0 0 0 0;
padding:0;
width:70%;
}

.post {
height:100%;
margin-bottom:3em;
background:transparent url(images/raquette.gif) 0 0 no-repeat;
} 

.day-date {
display:none;
}

.post-title {
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
font-weight:bold;
color:#900;
text-align:center;
padding: 0 60px;
}  

.post-title a {
background:none;
font-weight: bold;
color:#900;
}

.post-info {
margin-bottom:1em;
padding-top:0.5em;
font-family:Arial, sans-serif;
font-size:0.86em;
text-align:center;
}

.post-info-co {
padding:1em 0;
font-family:Arial, sans-serif;
font-size:0.86em;
text-align:left;
}

.post-info-co a: {
color:#666;
}

.post-content {
padding:0;
text-align:left;
 }
.post-chapo {
padding:1em 0;
text-align:left;
}

.pucehaut {
	float:right;
} 

/* pour les tableaux insérés dans les billets avec table th tr td
-------------------------------------------------------- */
.post-content table {
border-collapse: collapse;
margin-right: auto;margin-left: auto;
 }

.post-content td {
border: solid 1px #cfc8b8;
text-align:left;
padding : 1px 5px; }

.post-content th {
border: solid 1px #cfc8b8;
background-color: #e5cdae;
text-align:center;
font : italic;
padding : 1px 5px; 
 }

/* Content
-------------------------------------------------------- */
#content {
padding:1.5em 3em;
}

/* Liste commentaires + formulaire
-------------------------------------------------------- */
#comments {
border:0.1em solid #fff;
padding:0.5em;
margin-bottom:0.5em;
}
#trackbacks {
border:0.1em dashed #fff;
padding:0.5em;
margin-bottom:0.5em;
}

#comments h3, trackbaks h3 {
}

#comments blockquote, #trackbacks blockquote {
border-left:0.1em solid #fff;
padding-left:0.5em;
}

.comment-info {
color:#52297A;
}


.erreur {
color:#ffc;
}

/* Menu
-------------------------------------------------------- */

#sidebar {
width:18em;
margin-left:0
/* margin-left:70%;*/
margin-top:0em;
padding:0 1.5em 2em 1.5em;
font-size:0.86em;
font-family:Verdana, arial, helvetica, sans-serif;
line-height:140%;
color:#333; 
}

#sidebar h2, #sidebar h3 {
font-weight: normal;
font-size:1em;
}

#sidebar h2 {
margin-top:1em;
margin-bottom:0.25em;
padding:0.15em 0;
background:#e5cdae;
padding-left:0.4em;
border-left:0.8em solid #cfc8b8;
}


#sidebar ul {
padding:0;
margin:0;
list-style: none;}

#sidebar li {
background:transparent url(images/puce.png) no-repeat left center;
padding:0 0 0 12px;
margin:0;
}

#sidebar li:hover {
background-color:transparent;
}

#sidebar li a {
display: block;
}


 #sidebar li a:hover {
background-color:#cfc8b8;
}

#sidebar a:link {
}

#sidebar a:visited { 
color:#206;
text-decoration:none;
}	

#sidebar a:active {
font-weight:bold;
}


#search h3 {
text-transform:capitalize;
padding-right : 1em;
padding-top:0.5em;
float:left;  /* pour que le champ à remplir vienne cote du mot Rechercher et non en dessous */
}
/*
#links {
clear:right;
}
*/

#syndicate {
padding-bottom:2em;
}

/* Footer
-------------------------------------------------------- */
#footer {
clear:both;  /* Pour que le footer vienne tout en bas de la page */
background: #900;
font-size:0.9em;
height:1.3em;
color:#fff;
padding-top:1em;
text-align:center;
}

#footer a {
background:transparent;
color:#fff;
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
margin:0 0 2em 0;
padding-top:1em;
width :99%;
text-align:center;
}

#calendar table {
	width:99%;
	text-align:center;
	border-collapse : collapse;
	font-size : 0.86em;
	margin : 0 auto;
}

#calendar caption {
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

#calendar abbr {
	border : none;
}

#calendar th, .cal td {
	border : none;
	padding : 0.1em;
}
#calendar td {
	text-align : center;
}

#calendar td.active a {
	font-weight : bold;
}

#calendar a {
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 0.1em solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 2em;
}
.error li {
	list-style : square;
}


/* Formulaires
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 0.1em;
	border-color : #ccc;
}

input[type], textarea[name] {
	background : #eee;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #036;
	color : #fff;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}