/********************************************************/
/* Html et body                                         */
/********************************************************/
html {
	font-size : 10px;
	font-family : Verdana, Arial, Tahoma, Lucida,"Lucida sans unicode", sans-serif;
	color : #000000;
	margin : 0;
	padding : 0;
	
}

body {
	width : 800px;
	margin : 0 auto;
	padding : 0;
	/*border:1px dashed #FFFFFF;*/
}



/********************************************************/
/* Styles généraux                                      */
/********************************************************/
h1 {font-size : 16px;}
h2 {font-size : 16px;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
a {color : #696969;}
a:hover { color : #7B9CB2;}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}



/********************************************************/
/* Haut de page (#top)                                  */
/********************************************************/
#top {
	height: 180px;
	width: 800px;
}

#top h1{ /* titre et sous-titre du site */
	width:400px;
	position : relative;
	top : 20px;
	left : 200px;
	margin : 0;
	padding : 0;
	font-weight : bold;
	letter-spacing : 6px;
	font-size : 14pt;
	color : #FFFFFF;
}

#top p { /* titre et sous-titre du site */
	width:400px;
	position : relative;
	top : 20px;
	left : 200px;
	margin : 0; padding : 0;
	color : #FFFFFF;
}

#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #FFFFFF;
}

#top h1 a:hover {
	color : #eee;
}

/********************************************************/
/* Menu deroulant                                       */
/********************************************************/
#menu{
	height:28px;
	margin-top:10px;
	margin-left:50px;
	padding:0;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dl {
	float: left;
	width:130px;
}

#menu dd {
	overflow:auto;
	display: none;
	position: absolute;
	border: 1px solid gray;
	z-index:1000011;
	width:200px;
}

#menu li {
	text-align: left;
	padding: 3px 0px 3px 10px;
}

#menu li a:link, #menu li a:active, #menu li a:visited {
	font-family: Verdana, Tahoma, Arial;
	font-size : 13px;
	text-decoration:none;
}

#menu li a:hover, #menu li a:focus {
	color:#000000;
}

#menu dt{
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size : 10px;
	text-decoration : none;
	color : #000000;
	width : 90px;
	height : 24px;
}

#rubriques_txt {
	font-size: 10pt;
	text-decoration : none;
	text-align:center;
	font-weight : bold;
}

/********************************************************/
/* Zone de contenu (#content)                           */
/********************************************************/
#content { /* Bloc */
	float : left;
	width : 560px;
	height: 410px;
	margin : 20px 0 0 0;
	overflow:auto;
}


.post, .comments, .form  { /* Conteneur de l'article */
	padding : 0 20px 35px 25px;
}

.articletitle { /* Titre de l'article */
	font-family : Verdana, Arial, Tahoma, Lucida,"Lucida sans unicode", sans-serif;
	color : #5a7a39;
	font-size : 16px;
	font-weight : bold;
	margin : 0; padding : 3px 0 0 0;
}

.articletitle a{ /* Lien sur le titre de l'article */
	color:#5a7a39;
	text-decoration : none;
}

.articletitle a:hover{
	color : #27311B;
}

/*******************************************/
/* Bloc chapo dans content
/*******************************************/
.articlechapo{
}

.articlechapo h2{
	margin-bottom:0;
	
}

.articlechapo a{
	font-family : Verdana, Arial, Tahoma, Lucida,"Lucida sans unicode", sans-serif;
	color : #5a7a39;
	font-size : 14px;
	font-weight : bold;
	text-decoration:none;
	
}
.articlechapo a:hover{
	color : #27311B;
	
}


.articlechapo_img{
	float:left;
	padding:10px 10px 10px 10px;
}

.articlechapo_txt{
	padding:0 10px 10px 10px;
}

.articlechapo_date{
	padding:10px 10px 0 10px;
	color : #5a7a39;
	font-weight : bold;
	font-size : 10px;
}

.articlechapo_txt a{
	float:right;
	color : #5a7a39;
	font-weight : bold;
	font-size : 10px;
	text-decoration : underline;
}

.articlechapo_txt a:hover{
	color : #27311B;
}

.articleseparation{
	clear: left;
	margin-left:10px;
	border-top:1px dotted #b7b9bf;
}




.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #5a7a39;
	font-weight : bold;
	font-size : 10px;
	margin : 0; padding :0 8px 0 0;
	text-align : right;
}

.post-info-art {
	color : #3F5776;
	margin : 0; padding :0 8px 0 0;
}

.post-info a{
	color : #aaa;
}

.post-info-art a{
	color : #3F5776;
}

.post-info a:hover {
	color : #888;
}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;
}



/********************************************************/
/* Paneau latéral (#sidebar)                            */
/********************************************************/
#sidebar {
	float : right;
	width : 220px;
	padding : 0 8px 0 0;
	margin : 14px 0 0 0;
	border-left:1px solid #000000;
	color : #666;
}
#sidebar div {
	
}
#sidebar h2 { /* Titre des menus de la sidebar */
	font-size : 1.2em;
	margin : 0;
	padding : 3px 0 0 5px;
	font-weight : normal;
}

#sidebar h3 { /* Titre des menus de la sidebar */
	font-size : 1.6em;
	margin : 0;
	padding : 3px 0 0 5px;
	font-weight : bold;
}

#sidebar ul { /* bloc de liste */
	margin : 0 0 0 5px;
	padding : 6px 0;
}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 2px 30px;
	
}
#sidebar li a { /* Liens dans les listes */
	color : #666;
	text-decoration : none;
}
#sidebar li a:hover {
	color : #7B9CB2;
}


/********************************************************/
/* Commentaires                                         */
/********************************************************/
.comment {
	padding : 2px 10px 5px 10px;
}
.comment blockquote{
	padding : 2px 30px 2px 40px; margin : 0;
}
.ligne0{
	background : #FFFFFF;
}



/********************************************************/
/* Pied de page (#footer)                               */
/********************************************************/
#footer {
	border-top : 1px solid #ddd;
	text-align : center;
	width : 650px;
	margin : 10px auto 0 auto; padding : 5px 0 0 0;
	font-size : 0.85em;
	color : #999;
}

.postmetadata {
	clear: left;
	border-top:1px dotted #b7b9bf;
	border-bottom:1px dotted #b7b9bf;
	padding:10px!important;
	text-align:left!important;
}

.postmetadata a.comments-link {
	color:#FFFFFF;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	text-decoration:none!important;
	display: block;
	width:73px;
	height:28px;
	background: url(img/bulle_comm.gif) no-repeat;
	float:right;
	text-align:center;
	margin-top:5px;
	padding-top:4px;
}

.postmetadata a.comments-link:hover {
	text-decoration:none!important;
}

#postedby {
	margin-bottom:5px;
	display:block;
}


/********************************************/
/* Formulaire de contact                    */
/********************************************/
#contact h1 {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	font-size:24px;
	font-weight:normal;
	color:#481900;
}

#contact p.chapeau {
	margin:0 0 26px 0;
}

#contact form#form_contact label {
	display:block;
	float:left;
	width:88px;
	margin:2px 14px 0 0;
	color:#481900;
	text-align:right;
}
#contact form#form_contact div{
	margin:0 0 6px 0;
}
#contact form#form_contact div textarea,
#contact form#form_contact div input{
	width:370px;
	padding:1px 0 2px 2px;
	border:1px solid #e0d5ca;
}
#contact form#form_contact div textarea {
	height:108px;
	font-family:Arial, Helvetica, sans-serif;
}
#contact form#form_contact div select{
	width:169px;
	padding:1px 0 2px 2px;
	border:1px solid #e0d5ca;
}
#contact form#form_contact #tel{
	width:165px;
}
#contact form#form_contact .divError {
	margin:0 0 0 102px;
	color:#ff6b34;
}
#contact form#form_contact .inputError {
	border:1px solid #ff6b34;
}
#contact p.legende {
	margin:2px 76px 0 102px;
	float:left;
	font-size:11px;
	font-style:italic;
}