body{ color: #444;
	margin: 0px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #99CC99;
	background-image: url(images/blogue/fond_vert.jpg);
	background-position: center top;
	}


a{color: #a00; text-decoration : underline;}

a:hover{color: #F00;}


h1,h2,h3,h3,h4 {margin0; padding:0;}

/* ~~~ structure ~~~ */

#page {
	text-align: left;
	display: block;
	padding: 0;
	background-image: url(images/blogue/naperon_fond3_corps.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 100px;}
	
#tete_page{	
	background-image: url(images/blogue/naperon_fond3_tete.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#pied_page { 
	background-color: #FFF; 
	}
	
#contenant{
	min-height: 800px; width: 440px;
margin: 0px;padding: 0px; 
	padding-top: 240px;
	margin-left: 135px;
}



.retourHRI { font-size: 14px; font-weight: bold;
position: absolute;
left: 20px;
top: 5px;
display: block;
}

.retourHRI a{ color: #028;
width: 260px; height: 65px;
display: block; padding: 5px 15px;
background-image: url(images/blogue/RETOUR_HRI_up.png);
background-repeat: no-repeat;}

.retourHRI a:hover{text-decoration: none;
 color: #F00;
 background-image: url(images/blogue/RETOUR_HRI_down.png);
background-repeat: no-repeat;}

.fumee {
position: absolute;
left: 360px;
top: -56px;
width: 155px; height: 155px;
padding: 80px;

background-image: url(images/blogue/rond_fumee_ANIM1.gif);
background-repeat: no-repeat;
}


/* ~~~ colonne principale ~~~ */

#contenu{margin:0px; padding: 0px;}



/* ~~~ menu facture ~~~ */

.facture{
	position: absolute;
	top: 220px; 
	width: 250px;
	left: 660px;
	background-image: url(images/blogue/facture_corps.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}

.facture_tete{	
	background-image: url(images/blogue/facture_tete.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 95px;
	text-align: center;
	padding: 20px 38px 0px 20px;
	}

.facture_contenu{
	min-height: 200px;
	padding: 0px 38px 0px 20px;
	}
	
.facture_pied{	
	background-image: url(images/blogue/facture_pied.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 50px;
	padding: 10px 38px 20px 20px;
	}	



/* ~~~ menu de gauche ~~~ */

#menu {
	position: absolute;
	top: 280px; 
	width: 160px;
	left: 50px;
	background:#f6f6f6; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 200px;}


/* ~~~ typo generale ~~~ */

#blogue .principal{margin: 0px;}



/* ~~~ typo generale ~~~ */


.item{
	margin: 0px; 
	padding: 0px;
}

h2.titre { 
	margin: 0px; 
	padding: 4px 0px;
	font-size: 170%;}

.titre a{ 
	color: #000;
	text-decoration: none; 
	border-bottom: 2px dotted #888;}


.titre a:hover{
	color: #c00;
	border-bottom: 2px dotted #c00;
	text-decoration: none; }

.soustitre { 
	font-size: 13px; color: #a00;}

p {margin: 0px; padding: 0px;
	line-height: 1.5em; }

.chapo { 
	padding-top: 8px; 
	font-family: Georgia, Times, serif; 
	font-size: 16px; 
	color: #006; 
	margin: 0px 0px 10px 50px; 
	line-height: 1.2em;}

.texte{margin: 0px; padding:0px; font-family: Georgia, Times, serif; font-size: 13px;}
	
.date {
	float: none;
	font-size: 12px; 
	padding-bottom: 5px; 
	color: #00a;}


/* ~~~ habillage des formulaires ~~~ */

.participer {
	padding: 6px 0px;
	margin-top: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.reagir{float: left;}

.nombre_commentaires{}

.presentation{
	color: #000; 
	padding: 10px 20px 0px 10px;}

.presentation p{
	font-size: 10px; 
	line-height: 1.2em;}

.participer a{text-decoration: underline;}

.participer h2{font-size: 14px;}


/*  ------------------------------------------
/*  Habillage message principal
/*  ------------------------------------------ */

.principal p {padding-bottom: 8px;}

.principal .texte{font-size: 14px;}


/*  ------------------------------------------
/*  Habillage des commentaires
/*  ------------------------------------------ */

.commentaire {
	font-size: 11px;
	margin-top: 5px;
	font-family: verdana, arial, sans-serif; 
	line-height: 1.4em;}

.commentaire_message{
	background: #ff9;padding: 5px 10px;
	 margin-bottom: 15px;
border-right: 1px solid #b97;
border-bottom: 1px solid #b97;}

.commentaire_titre{ font-size: 12px; padding: 0px 0px; color: #000;}

.commentaire_date{font-weight: bold;margin-top: 10px; color: #B95;text-align: right;}


/*  ------------------------------------------
/*  typo de Menu facture
/*  ------------------------------------------ */


.facture .item{padding-bottom: 12px;}

.facture .date{font-size: 11px; padding-bottom: 0px;}

.facture .titre{font-weight: bold;}

.facture .titre a{font-weight: bold; border-bottom: 1px dotted #a00;}
.facture .titre a:hover{border-bottom: 1px solid #F00;}


.facture_tete .titre{
	color: #68a; 
	font-size: 25px; 
	font-weight: normal; 
	margin-top: 10px; 
	font-family: Georgia, Times;}

.facture_pied p{
	color: #68a; 
	font-size: 15px; 
	font-weight: normal; 
	margin-top: 20px; 
	font-family: Georgia, Times;}





/*  ------------------------------------------
/*  formulaire
/*  ------------------------------------------ */


.formulaire_forum{background: #ff9;padding: 10px;}

.formulaire_forum img {border: 1px solid #aa7; padding: 1px; margin: 2px;background: #ffB;}

.formulaire_forum .spip_bouton{background: #ff9;margin : 10px;}

.formulaire_forum .spip_barre{background: red; display: none;}

.formulaire_forum fieldset p{margin-bottom: 15px;}

.formulaire_forum .previsu{color: #000; padding: 20px; font-size: 110%;}

/* -------------------*/
/* pubs */
/* -------------------*/

.pub{
border-top:#000 solid 1px;
border-bottom:#000 solid 1px;
width:500px;
}

.pub img{
margin:0px;
padding:0px;
border:none;
}