@import "layout.css";
/* @import "layout-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
*{padding:0; margin:0;}
body{
	background: url(img/ar.gif) repeat top left;
	color: #004444;
	font-size: 80%;
	line-height: 1.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

.spacer{
	clear:both;
}
pre, code{
	font-size: 1.2em;
}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #375257;
}

a:visited{
	color: #006633;
}

a:hover{
	color: #000000;
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

/* La page
-------------------------------------------------------- */
#page{
	
}
 #fond{
	background-color:#CCCCCC;
	background:url(img/page.jpg);
	height:auto!important;
	height:1px;
}

/* L'entête
-------------------------------------------------------- */
#top{
	height: 230px;
	padding-top: 0px;
	background:#000 url(img/top.jpg) top left no-repeat ;
}


/* Le contenu
-------------------------------------------------------- */
.day-date{

	padding-left: 0px;
	margin: 0 0 0 -20px;
	color: #eee;
	background: transparent ;
	font-style: italic;
	color: #303030;
}

.post-title{
	color: #493;
	margin-bottom: 0;
}

.post-title a{
	color: #493;
	text-decoration: none;
}

.post-info{
	margin-top: 0;
	color: #493;
	padding-bottom: 1ex;
}

.post-info a{
	color: #6c6c6c;
	text-decoration: none;
}
.post-info a:hover{
	color: #000000;
}
.post-content{
	color: #004444;
	text-align: justify;
}
.post-content a{
	color: #493
}
.post-content a:hover{
	color: #000000;
}
.post-content blockquote{
	color: inherit;
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	color: #aaaaaa;
	text-align: right;
}
.post-info-co a{
	color: #aaaaaa;
	text-align: right;
}
.post-info-co a:hover{
	color: #000000;
	text-align: right;
}
#trackbacks{
		margin: 0 0 0 20px;
		line-height: 1em;
		/*padding: 0.5ex 0.5em;*/
		color: #6c6c6c;
}
#comments {
		margin: 0 0 0 20px;
		line-height: 1em;
		/*padding: 0.5ex 0.5em;*/
		color: #6c6c6c;
}

#trackbacks blockquote, #comments blockquote{
	color: #006666;
	/*border: 4px solid #9af256;*/
	margin: 1em 0;
	padding: 1ex 1em;
	background-color: #c4ffc4;
}
span.texte_question{
font-size:10px;
font-style:italic;
}
.comment-number a{
font-size:19px;
font-weight:bold;
text-decoration:none;
}
.comment-number a:hover{
text-decoration:underline;
}
/*POST commentaires************************************/
input.previsu{
font-size:1px;
display:block;
background:url(img/prev_out.gif) no-repeat left top;
width:80px;
height:21px;
color:#AAED0D;
cursor: pointer;
cursor: hand;
border:none;
}
input.previsu:hover{
display:block;
background:url(img/prev_out.gif) no-repeat left -21px;
width:80px;
height:21px;
color:#90DD08;
cursor: pointer;
cursor: hand;
}
input.submit{
color:#AAED0D;
font-size:1px;
display:block;
background:url(img/send_on.gif) no-repeat left top;
width:54px;
height:21px;
cursor: pointer;
cursor: hand;
border:none;
}
input.submit:hover{
display:block;
background:url(img/send_on.gif) no-repeat left -21px;
width:54px;
height:21px;
color:#90DD08;
cursor: pointer;
cursor: hand;
}
/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{
	border-bottom: 4px solid #9af256;
	color: inherit;
	padding-bottom:10px;
	padding-top:10px;
}

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

#sidebar h2, #sidebar h3{
	color: #493;
	margin: 0 0 1ex 0;
}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar div#search{
	background: transparent;
	color: inherit;
	line-height: 2.0em;
}
input.btn_search{
display:block;
background:url(img/btn_form.jpg);
background-repeat:no-repeat;
background-position:left top;
width:35px;
height:20px;
text-decoration:none;
cursor: pointer;
cursor: hand;
border:none;
}
input.btn_search:hover{
background:url(img/btn_form.jpg);
background-repeat:no-repeat;
background-position:0 -20px;
}
#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 1px;
	
}

#sidebar div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar div#calendar table{
	font-size: 0.7em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#sidebar div#calendar table caption{
	margin: 0 auto;
}

#sidebar div#calendar table th{
	color: #493;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 15%;
	line-height: 2em;
	border: 1px solid #9af256;
}

#sidebar div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}
/************************************************PAGES CONNEXE******************************************/
h2.faq{
color: #493;
margin-bottom:10px;
}
h3.faq{
color:#11292D;
font-weight:bold;
font-size:11px;
}
p.faq , dl.faq dd{
color:#5D5558;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
line-height:14px;
}
dl.faq dd{
margin-left:15px;
}
p.faq{
margin-left:25px;
margin-bottom:10px;

}
dl.faq dt{
color:#11292D;
font-size:11px;
}
dl.faq{
margin-left:10px;
margin-bottom:10px;
}
/*********************************************TABLE DES MATIERES******************************************/
table.couleur{
width:460px;
}
table.couleur td.title_toc h1{
color:#449934;
font-size:19px;
margin:0;
padding:0;
}
table.couleur td.title_toc{
width:187px;
}
table.couleur td.fond_vert_fonce{
color:#FFF;
font-size:14px;
font-weight:bold;
background:#449932;
padding-left:10px;
}
td.ligne_info{
background:#9BF256;
font-size:13px;
font-weight:bold;
color:#3E8A4A;
padding-left:10px;
}
span.titre_menu{
display:block;
text-transform:uppercase;
background:#449932;
color:#FFF;
font-size:15px;
padding:3px;
width:65px;
font-weight:bold;
text-align:center;
}
ul.toc_ul{
margin:5px 0 10px 15px; 
}
ul.toc_ul li{
list-style-type:none;
font-size:12px;
}
ul.toc_ul li a{
color:#6DB262;
text-decoration:none;
}
ul.toc_ul li a:hover{
color:#3E6138;
text-decoration:underline;
}
table.titre_rub{
width:460px;
background:#9BF256;
color:#000;
font-size:11px;
padding-left:5px;
} 
table.titre_rub td.titre_rub , table.toc_ul td.title_post{
width:190px;
}
table.toc_ul td.title_post a{
text-decoration:none;
color:#006533;
}
table.toc_ul td.title_post a:hover{
text-decoration:underline;
color:#000;
}
table.toc_ul{
width:460px;
background:none;
font-size:11px;
line-height:13px;
}
table.toc_ul tr{
display:block;
border-bottom:1px solid #6EB56D;
padding:2px 0 2px 0;
}
table.toc_ul td.date , table.titre_rub td.date{
width:65px;
text-align:center;
}
table.toc_ul td.auteur , table.titre_rub td.auteur{
width:90px;
text-align:center;
}
table.toc_ul td.com , table.titre_rub td.com{
width:94px;
text-align:center;
}
 
 
/* Le pied de page
-------------------------------------------------------- */
#footer{
	margin: 100;
	padding: 1em;
	/*border-top: 100px;*/
	background: url(img/fond.jpg) no-repeat left top;;
	color: #666;
}