body {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size :  0.9em;
	margin : 0;
	padding:  0;
	background : #E3DCBE /* #CEE2ED*/ ; /*#F4F0E7  *//*#E3F9FF */;
	color : black;
}

p {
	margin : 0px 5px ;
	padding : 0px 5px;
	padding-top : 0px;
	margin-top : 0px;
}

div {
	margin : 0;
	padding : 0;
}

/*  Logos, documents et images
---------------------------------------------- */
img, .spip_logos { margin: 0; padding: 0; border: 0;}

.spip_documents {
	margin-top : 10px;}
.spip_documents_center { width: 100%; margin: auto; text-align: center; }
.spip_documents_left { float: left; margin-right: 15px; text-align: left; }
.spip_documents_right { float: right; margin-left: 15px; text-align: right; }
.spip_doc_titre { text-align: center; font-weight: bold; /*font-size: 0.77em; */}
.spip_doc_descriptif {  /*clear: both; */  /*font-size: 0.71em;*/ 
margin-bottom : 30px;}

a.spip_out { color : #126240;
}

/* redéfini dans la feuille css dynamique inc_head_css.html R13 */

#header {
	height:  6em;
	background: transparent;
	padding: 0px;
	margin: 1px;
}
/* redéfini dans la feuille css dynamique inc_head_css.html R13 */

#title { 
	margin : 0px;
	margin-left : 170px;
}

#title h1 {
	margin: 10px;
	font-size: 190%;
	text-align: center;
	font-weight: bold;

}

#title p {
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
/* des class que j'ai rajouté dans inc_entete.html */
#title h1.titre-texte{
	margin: 10px;
	font-size: 190%;
	text-align: center;
	font-weight: bold;
	margin-top: 0px;

}
#title h3.surtitre , #title .texte{
	text-align: center;
	font-weight: bold;
	padding: 0px;
	margin: 0px;

}
#title .texte {
	/* dans la réalité c'est une div de plus, parce que ça peut être un texte de plus... a voir */
}

/* redéfini dans la feuille css dynamique inc_head_css.html R13*/
#info {
	position : absolute;
	top: 0px;
	width : 165px;
}

#info a:hover {
	text-decoration: none;
	background: transparent;
}

/* redéfini dans la feuille css dynamique inc_head_css.html R13*/
#content {
	 /* margin-left: 162px; */
	margin-right: 160px;
	padding:  5px;
	padding-left : 15px;
	/* font-family: Times, serif;*/
	padding-bottom : 0px;
	margin-bottom : 0px;

}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-bottom : 0px;
	margin-bottom : 0px;

}
#content h1 {
		font-size: 100%;
		color : black;
}
#content h2 { /* les {{{txt}}} dans les articles*/
		font-size: 110%;
		color : #4B593F;
}
#content h3 {
		font-size: 90%;
		color :  black;
		padding-left :  10px;
}
#content h4 {
		font-size: 70%;
		color :  #50696B;
		padding-left : 20px;
	padding-top : 0px;
	margin-top : 0px;

}
/* #### */
/* reecrit dans la css Hack MSIE qui supporte pas le min-height */
.parentC {
	position : relative;
	margin : 10px 0;
	padding :  10px;
	padding-left :  200px;
	width :   55%;

}
.plogos {
	min-height : 130px;
}

h1.resumArt {
	padding-left :   5px;
	padding-top : 0px;
	margin : 0;

}
h1.resumArt a{
	padding-left :   5px;
	padding-top : 0px;
	margin : 0;

}

.parentC img {
	position : absolute;
	top : 10px;
	left :  10px;

}

span.espacer {
	height : 100px;
	display: none;
	overflow : auto;
} 

#address p, .menu p {
	font-size: 100%;
	font-weight: bold;
	color :  #0c0608 /*#C5C789*/ ;  /*white */;

}


/* redéfini dans la feuille css dynamique inc_head_css.html R13*/
#address {
	float: left;
	width: 158px;
	margin-top: 0px;
	padding-top: 70px;
 	background-color: #D1C43A /*#0c0608*/ /* #130A05  */ /* #CDCF66 *//* #374126 */ /*#A4A652*/ ;
	
}

/* Cela correspond a l'affichage d'un bloc Article dans le pavé adresse, selon les champs remplis */

#address .ADsurtitre {
		font-size: 100%;
	font-weight: bold;
	padding :  0 10px;

}
#address .ADArt {
		font-size: 100%;
	font-weight: bold;
	padding :  0 10px;

}
#address .ADsoustitre {
		font-size: 100%;
	font-weight: bold;
	padding :  0 10px;

}
#address .ADchapo {
		font-size: 100%;
	font-weight: bold;
	padding :  0 10px;
	
}
#address .ADtexte {
		font-size:  90%;
	font-weight: bold;
	padding :  0 10px;

}
#address .ADps {
		font-size: 100%;
	font-weight: bold;
	padding :  0 10px;

}
/* */

ul.spip {
	padding-top : 0px;
	margin-top : 0px;

}
.menu h2 {
	display : none;
}

.menu ul {
	list-style-type: none;
	margin: 0;
	margin-bottom : 25px;
	padding: 0;
}

.menu li {
	margin-bottom: 5px;
}

.menu li a:hover {
	text-decoration: none;
	background: transparent;
}
/* redéfini dans la feuille css dynamique inc_head_css.html R13*/
.menu li a {
	list-style-type: none;
	display: block;
	padding:  5px;
	margin :  10px;
	width: 125px; /* ceci pour le menu de gauche  ligne 51*/
	border:  1px solid black;
	text-decoration: none;
	text-align: left;
	color: black;
	font-size: 80%;
	font-weight: bold;
}
/* redéfini dans la feuille css dynamique inc_head_css.html R13*/
#menuleft {
	clear:left;
	float:left;
	margin-top: 0px;
	padding-top: 70px;
	background-color: #D1C43A /* #130A05 */ /* #CDCF66  *//* #374126 */ /*#A4A652*/ ;
	 /* width:  158px; */
}

 /**** ******  ******* */
 

#menuleft li a {
	background-color: #C79467 /* #19afd4 */ ;
	border-top : 1px solid #DAA271;
	border-right : 1px solid #B0744D;
	border-bottom : 1px solid #B08A47;
	border-left : 1px solid #DAAA58;

}
#menuleft li a.menuo{
	 color:#FFE;
	 background-color : #ECAF7A /* #E3CB7D*/;
	 border-bottom : 1px solid #DAA271;
	 border-left : 1px solid #B0744D;
	 border-top : 1px solid #B08A47;
	 border-right : 1px solid #DAAA58;

}
#menuleft li a.menuRA{ /* cas d'affichage d'article, repère dans le menu RUB */
	background-color : #d97238;
}

#menuleft .menu a:hover{
		background-color : #ECAF7A ;
		color:#FFFFFF;
}

#menuleft.menu li{
	 margin : 10px 0px;
	 padding : 0px;
	 margin-left : 15px; 
}
#menuleft.menu li a { /* espacement du premier niveau */
	padding:  5px;
	margin : 0px;
	margin-left : 10px;
}

ul.menuleft, ul.menuleft ul{
	/*background-color : #D1C43A; */
	margin : 0px;
	padding : 0px;
} 


ul.menuleft li.menu a{
 	 width : 100%;
	 
}





html>body #address {
	padding-top:  10px;
}

html>body #menuleft {
	padding-top:   10px;
}

 /* suite */
 
 ul.menuleft li.smenu {
        background-image: url(images/flechehz.gif) !important;
        background-position: 180px;
        background-repeat: no-repeat;
}

ul.menuleft li.smenu:hover, ul.menuleft li.smenu>a:hover {
        background-image: url(images/arrowb.gif) !important;
        background-position:  180px;
        background-repeat: no-repeat;
}
 
/* **** fin suite */


/* redéfini dans la feuille css dynamique inc_head_css.html */
#menuright {
	float:right;
	width: 150px;
	padding-top:  0px;
	padding-right: 10px;
	width: 150px;
	background-color: transparent /* #FFFEE1*/;
	z-index : 100;
}

html>body #menuright {
	padding-top: 0px;
}

#menuright li a {
	background-color : #85ba98 /*#87b396  */ /* #AAD1B2*/ /*#A1D1C5 */ /* #81D1A4*/ /* #D1C43A*/ /*#C5C789 */ /* #D1C43A */;
}

#footer {
	clear: both;
	width: 100%;
	height:  3em;
	background-color: #C5C789;
	text-align: right;
	font-size: 90%;
	line-height : 3em;
}

#footer a {
		font-weight: bold;
	background-color : transparent ;
	color: #834D3A;
	text-decoration : none;
	padding :  0px  3px;
}

#footer a:hover {
	text-decoration : underline;
}

 /* Liens dans la partie centrale */
#content a {
	backgrodund-color : /* #FFF7D5 */;
	color: #ec502d /* #325281*/ /* black*/;
	text-decoration : none;
	padding :  0px  3px;
}

#content a:hover {
	text-decoration : underline;
	color: black;
}

#content div.parentC a {
	padding : 0;
	margin : 0;
}
 /* fin def liens partie centrale */
 
.espace {
	padding-bottom : .4em;
}

ul.menuleft li ul{ display:none;}

ul.menuleft li:hover>ul{ display:block; }

 /* def l'affichage du menu */
ul.menuleft li ul.omenu {display: block}
	

  /* Formulaires */
 .forml {
	 padding : .3em;
 }
 input, textarea {
	 margin-left : 1em;
 }

 input {
	 width :    20em;
	 margin :   0 1em;
	 padding :  0 1em;
 }
 .spip_bouton {
	 padding :  0 1em;
	 margin : 0 1em;
	 width :    15em;
	 font-style: bold;
	 margin-top : 5px;

 }
fieldset.spip_encadrer {
	/* float: right; */	/*** Très important, ne pas suprimer ! ***/
	width: 38em;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin:  1em;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	font-style: normal;
	padding: 1em;

}
label:hover,input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
label {
	text-align: right;
	float: left;
	width :   15em;
	font-style: bold;
}