/* blog.css */
/* feuille de style de blog */


body 	{
	margin: 0 auto 0 auto;
	padding: 0;
	background-image: url(../images/blog/blog_fond.gif);
	background-repeat: repeat;
	text-align: center;
}

#zone1 {    /* accueil du site */
float: left;
width : 100px;
height: 50px;
margin-left: 0px;
margin-top: 0px;
}

a.#zone1:hover { 
text-decoration:none;
}

#zone2 {    /* accueil du blog */
float: left;
width : 110px;
height: 50px;
margin-left: 40px;
margin-top: 0px;
}

a.#zone2:hover { 
text-decoration:none;
}

/* style html */
a.cote, a.cote:link, a.cote:visited	{
font-family: "trebuchet ms", verdana, arial;
font-size:0.8em;
color: #264f2a;
text-decoration: none;
font-weight:0;
}

a	{
color: #000000;
text-decoration: none;
font-weight:900;
cursor: pointer;
}

a:link, a:visited	{
color: #000000;
text-decoration: none;
}

a:active	{
color: #531715;
text-decoration: none
}

a.spip_in, a.spip_in:link, a.spip_in:visited	{
	color: #626262;
}

a:hover, a.spip_in:hover	{
color: #531715;
text-decoration:underline;
}

img 	{
	margin:0;
	padding:0;
	border: none;
	behavior: url("win_png.htc");
}

.adroite {
	float: right;
	text-align: right;
}

.agauche {
	float: left;
	text-align: left;
}

.date img {
	margin:5px 0px 2px 10px;
	padding:10px;
	border: 1px solid #264f2a;
 	float:right;
}

/* styles natifs Spip 
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto; }
.spip_doc_descriptif { 	font-size: 0.8em; margin-left: auto; margin-right: auto; }
*/

#conteneur #content .article .spip_documents	{
	margin: 10px 0 10px 0;
	padding: 5px 0 0 0;
	border: 1px solid #264f2a;
/*	position: relative;
	top: 0px;
*/	
}

#conteneur #content .spip_logos	{
	margin: 10px;
	padding: 5px;
	border: 1px solid #264f2a;	
}

.spip_documents_center	{
	max-width: 450px;
	margin : 0;
	padding: 10 0 10 0;
	position: static;
}


.spip_doc_titre	{
	font-size: 1em;
	font-weight: bolder;
	font-variant: small-caps;
}

.spip_doc_descriptif {
	font-size: 0.8em;
	margin : 0 auto 0 auto;
	padding: auto;
	text-align: center;
}


ul 	{
	margin:0;
	padding:0;
}

.deroul_blog {
	max-width: 455px;
	padding-bottom: 0px;
	padding-top: 0x;
	border: 1px outset Black;
	overflow: scroll;
}


h1, #conteneur #content h1 	{
font-family: georgia, palatino, times new roman;
font-weight: bold;
color: #970000;
font-size:26px;
line-height:100%;
border-bottom: 3px double #970000;
margin:20px 0 15px 0;
padding:0 0 5px 0;
}

/*    titre resume */
h2, #conteneur #content h2 	{
font-family: georgia, palatino, times new roman;
font-weight: bold;
color: #6f6843;
font-size:18px;
line-height:100%;
margin:0 0 10px 0;
padding:0;
}

/*    titre rubrique */
h3, #conteneur #content h3 	{
color: #264f2a;
font-size:11px;
line-height:100%;
margin:10px 0 0 0 ;
padding:0;
}

/*    titre article */
h4, #conteneur #content h4	{
margin:0 0 5px 0 ;
/*padding:0;*/
text-decoration: underline overline ;
width: auto;
max-width: 455px;
font-family: georgia, palatino, times new roman;
font-weight: bold;
color:#970000;
font-size:18px;
line-height:100%;
}

h5, #conteneur #content h5 	{
font-family: "trebuchet ms", verdana, arial;
font-weight: normal;
font-size:11px;
margin:0 0 15px 0 ;
padding:0;
}

/* style html */
/* page centree de 730px de large */

#conteneur 	{
/*	position: relative; */
	text-align: left;
	width: 730px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 2px solid black;
	background-image: url(../images/blog/blog_centre.gif);
	background-repeat: repeat;
}

/* style header */

#header 	{
	font-family: "trebuchet ms", verdana, arial;
	font-size: 12px;
	width: 720px;
	height: 100px;
	padding: 0;
	margin: 0;
	background-image: url(../images/blog/blog_header.gif);
	background-repeat: no-repeat;
}

/* moteur de recherche externe dans l'en-tête*/

/* Search */
#search fieldset {
	text-align: right;
	border: none;
	padding: 0.4em;
	margin: 0;
	font-size: 0.4em;
}
#search fieldset a {
/**	display: inline; **/
	padding: 0;
}
#search label {
	margin-right: 0.5em;
}
#search #searchInput {
	background-color: white;
	border: 1px solid #82a1cd;
	padding-left: 0.2em;
	padding-right: 0.2em;
	vertical-align: top;
}
#search #searchSubmit {
	margin-left: 0.5em;
	vertical-align: top;
}

/* moteur de recherche interne dans l'en-tête*/

#rech_h	{		/**********************/
margin: 0 0 0 0;
padding:0 0 0 0;
text-align: right
}

/*-- bouton du menu général de l'en-tête --*/

#menu-prog {		
	height:100%;
	margin: 0 0 0 0;
	padding:10 0 5 0;
}

#menu-prog li	{
display: inline;
list-style-type: none;
padding:0;
}

#menu-prog .bouton {
	display: block;
	float:right;
	margin: 0 1 0 1;
	padding: 3px;
	color:#A3CB77;
	background:#050101;
	text-align:center;
	text-decoration:none;
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 2px solid #cecece;
	border-right: 2px solid #4a4a4a;
}

#menu-prog .bouton:hover	{
	background:#A3CB77;
	color:#050101;
	border-bottom: 2px solid #050101;
	border-top: 2px solid #A3CB77;
	border-right: 2px solid #050101;
	border-left: 2px solid #A3CB77;
}

#nav	{
margin: 0 auto 0 auto;
padding:12px 0 3px 0;
text-align: right;
}

#nav li	{
display: inline;
list-style-type: none;
padding: 0 ;
}

#nav li a 	{
color: #990200;
font-weight:bold;
text-decoration: none;
}

#nav li a:hover 	{
color: #ffffff;
text-decoration: none;
}

/* style header */
/* colonne gauche */

#content, #conteneur #content {
	max-width: 500px;
	height: auto;
	padding: 0;
	margin: 0 0 0 3px;
	border: 0;
	font-family: "trebuchet ms", verdana, arial;
	font-size: 0.8em;
	color: #264f2a;
	line-height: 140%;
}

#conteneur #content p 	{
	margin:0px 0 10px 0;
	padding:0;
}

.spacer	{
	clear: both;
}

/* style article */

.adresse 	{
font-size:80%;
line-height:120%;
margin:0 ;
padding:0;
}

.signature 	{
font-family: "trebuchet ms", verdana, arial;
margin:0 0 15px 0;
padding:0;
}

.date 	{
font-family: "trebuchet ms", verdana, arial;
font-weight:bold;
color:black;
margin:15px 0 30px 0;
padding:0;
}

.chapo 	{
font-family: "trebuchet ms", verdana, arial;
font-weight:bold;
color:black;
margin:15px 0 30px 0;
padding:0;
}

.chapo a 	{
color: #990200;
font-weight:bold;
text-decoration: none;
}

.chapo a:hover 	{
color: #264f2a;
text-decoration: none;
}

.article 	{
	font-size: 1.1em;
	line-height: 120%;
	margin:0 ;
	padding:0;
}

#note 	{
list-style-type: none;
line-height:150%;
color:#264f2a;
margin:0;
padding:0;
}

#auteur 	{
list-style-type: none;
line-height:150%;
font-size:12px;
margin:0;
padding:0;
}

/* colonne gauche */

/* debut mini calendrier */

#mini_cal	{
	width:180px;
	border:10px solid #d1e4a8;
	background-color: transparent;
	margin:0 0 0 10px;
}
/* fin mini-calendrier */

/* colonne droite */

#droit,   #conteneur #droit 	{
	position: relative; 
	float: right;
/*	overflow: scroll; */
	width: 220px;
	margin: 0 -1px auto 0;
	padding: 0px;
	height: auto;
	font-family: "trebuchet ms", verdana, arial;
	font-size: 0.8em;
	line-height: 140%;
	color: #264f2a;
	border-left: 1px solid black;
}

#conteneur #droit li 	{
list-style-type: none;
background: url(../images/blog/blog_puce.gif) no-repeat;
background-position:0% 65%;
padding-left: 15px;
margin:0;
}

#conteneur #droit ul 	{
padding:0;
margin:0 0 10px 0;
}

#conteneur #droit img 	{
margin:0 0 0 10px;
padding:0;
clear:both;
display:block;
}

#conteneur #droit p 	{
padding: 0 40px 0 0;
margin:0 0 15px 0;
}

#conteneur #droit div a img 	{
margin: 5px auto 0 auto;
}

#der_b, #arclist, #mots_cles	{
	margin: 0 2% 0 2%;
	padding: 0 2% 0 2%;
}
#arcan, #arcan a, #droit #arcan, #conteneur #droit #arcan	{
	padding:0;
	text-decoration: underline overline ;
	width: auto;
	max-width: 170px;
	font-family: georgia, palatino, times new roman;
	font-weight: bold;
	color:#970000;
	font-size:18px;
	line-height:200%;	
}

#arcmois, #arcmois a, #droit #arcmois, #conteneur #droit #arcmois	{
	font-family: georgia, palatino, times new roman;
	font-weight: bold; /*	color: #6f6843; */
	color: #591818;
	font-size: 14px;
	line-height: 100%;
	padding: 0;
}

#arcjour, #arcjour a, #droit #arcjour, #conteneur #droit #arcjour	{
	font-family: "trebuchet ms", verdana, arial;
	font-weight: normal;
	font-size:12px;
	margin:0 0 15px 0 ;
	padding:0;

}

/* colonne droite */

/* footer */
#footer, #conteneur #footer 	{
	display: compact;
	position: relative;
	width: auto; /*730px;*/
	height: 50px;
	clear: both;
	font-family: "trebuchet ms", verdana, arial;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/blog/blog_footer.gif) no-repeat;
}

#conteneur #footer p 	{
padding: 0;
margin:5px 0 0 0;
}

#conteneur #footer #navfooter 	{
	position:relative;
	clear: both;
	left:50px;
	top:20px;
	margin:0;
	padding:0;
}

#conteneur #footer #navfooter li	{
display: inline;
list-style-type: none;
padding: 0;
}

#conteneur #footer #navfooter li:after  {
content:"|";
}

#conteneur #footer #navfooter li a 	{
color: #990200;
text-decoration: none;
}

#conteneur #footer #navfooter li a:hover 	{
color: #ffffff;
text-decoration: none;
}

#conteneur #footer #navfooter li img	{
vertical-align:middle;
}

#conteneur #footer #navfooter span 	{
visibility:hidden;
}

/* fin du style footer */

/*
.ico, .icomoins	{
	float: right;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 2em;
	width: 20px;
	line-height: 14px;
	padding-bottom: 4px;
	margin: 1px;
	border: 1px solid green;
	text-decoration: none;
}
.ico, .icomoins, a.ico, a.icomoins	{
	background-color: #c1f472;
}
a.ico:hover, a.icomoins:hover	{
	background-color: #970000;
	color: #c1f472;
}
*/

.ico, .icomoins, a.ico:hover, a.icomoins:hover	{
	float: right;
	text-align: center;
	background-color: #c1f472;
	display: block;
	cursor: pointer;
	font-size: 2em;
	width: 20px;
	line-height: 14px;
	padding-bottom: 4px;
	margin: 3px 5px 2px 2px;
	border: 1px solid green;
	text-decoration: none;
}

/*
.invisible,	.invisible_ {
	display: none;
	visibility: hidden;
}
.visible, .visible_	{
	display: block;
	visibility: visible;
}
*/

/*	Habillage des forums */
ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 1em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 0,8em;
}

.forum-lien, .forum-date {
	font-size: 0,6em;
}

.forum-item {
	margin: 0;
	padding:0;
	text-align: justify;
	color: #303030;
}
.forum-repondre-message, .forum-repondre {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum {
	line-height: 100%;
	border: 1px solid #909090;
	padding: 0px;
	margin: 2px;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border: 1px green ;
	margin:  0 0 0 0 ;
	padding-top: 0 0 0 0 ;
	font-size: 90%;
	background: #c1f472;
}
ul ul .forum-chapo {
	background: #c9f486;
}
ul ul ul .forum-chapo {
	background: #d2f699;
}
ul ul ul ul .forum-chapo {
	background: #dbf8ac;
}
ul ul ul ul ul .forum-chapo {
	background: #e6f9c8;
}
ul ul ul ul ul ul .forum-chapo {
	background: #eefbdb;
}
/* fin de l'habillage des forums */

/* info bulle de luxe pur CSS */
a.info	{
	position:relative; 
   z-index:24; 
	text-decoration:none
}

a.info:hover	{
	z-index: 25;
	background-color: Yellow;
	color: Black;
	cursor: default;
}

a.info span	{
	display: none;
	visibility: hidden;
}

a.info:hover span	{
	/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display: block;
	visibility: visible;
	position: absolute;
	top: 2em;
	left: 2em;
	width: auto;
	border: 2px solid Yellow;
	background-color: #FFFACD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	text-align: justify;
	font-size: x-small;
	font-weight: lighter;
	text-decoration: none;
	font-weight: ;
	padding: 1px;
	vertical-align: text-top;
	z-index: 25;
}