html, body{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: "trebuchet MS", verdana, arial;
	font-size: 12px;
	text-align: justify;
	background-image: url("img/hachure.gif");
}

/** ##
##
## ID - Mise en page Globale ##
##
## **/

#page{
	width: 800px;  /* VOIR SI PROBLEME SUR TOUS LES IE 6 OU JUSTE CHEZ MOi */
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

/*# Toute la tete #*/
#tete{
	margin: 0px;
	padding: 0px;
}
#chemin{
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	float: left;
}
#recherche{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-right: 5px;
	height: 25px;
	text-align: right;
}
/* Le bandeau est traite a part dans bandeau_css */



/*############ LE MENU #############*/
/* Premier Niveau (+ heritage) */
#menu_h, #menu_h ul{ 								
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 30px; 	/* Hauteur de ligne pour prendre mon image d'onglet definie dans nav a // ATTENTION 44px normalement, 30 cause ombre // AGRANDIR image bandeau pour que bandeau prenne ombre, puis mettre un margin-top negatif au menu pour qu'il se place au dessus */
}
#menu_h a {
	display: block;
	color: #fff;
	background-image: url('img/onglet_vertclass.jpg');	/* Couleurs pour la premier ligne */
	text-align: center;		/* Alignement general du texte dans les menus, ne pas appliquer a #menu_h ou #menu_h ul sinon IE fait la gueule... */
	text-decoration: none;
}
#menu_h a:hover {
	background-position: 0 100%;
}
#menu_h li {
	float: left;
	width: 160px;					/* Largeur du premier rang, doit etre egale a largeur second rang pour questions presentation */
}
/*############ // LE MENU #############*/






/** Tout le corps **/
#corps{
	margin: 0px;
	padding: 0px;
}

/* Colonne de gauche et de droite */
.col{
	float: left;
	width: 148px; /* 149 */
	text-align: left;
}
.col div{
	margin: 0px;
	padding: 5px;
}
.col div div{
	margin: 4px;
	border: 1px solid #2e5c00;
}
.col ul{
	list-style: none;
	margin: 0;
	padding: 0 5px 0 5px;
}
.col li{
	padding: 4px 0px 1px 0px;
	font-size: 12px;
}
.col a{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #858585;
	text-decoration: none;
}
.col a:hover{
	color: #fff;
	background-color: #2e5c00;
	text-decoration: none;
}

#contenu{
	float: left;
	width: 478px; /* 479 */ 
	margin-left: 10px;
	margin-right: 10px;
	color: #000;
}
#article{
	position: relative;
}



/** Tout le pied **/
#pied{
	margin: 0;
	padding: 0;
	border: 0;
	width: 800px;
	clear: both;
	font-size: 11px;
	padding-top: 10px;
	text-align: center;
	background-image: url("img/hachure.gif");
}

#pied a{
	color: #000;
	text-decoration: none;
}
#pied a:hover{
	color: #000;
	text-decoration: underline;
}

/**## Classes - Mise en page detaillee ##**/




/** STYLE APPLIQUES AUX BALISES GENERALES **/
div{

}
p{

}
a{
	color: #2e5c00;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/** iBen 
img{
	border: 1px solid black;
}
**/
h1{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}
h2{
	color: #990000;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 15px;	
}
h3{
	color: #2e5c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;		
	clear: both;
}
h4{
	color: #2e5c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	margin-bottom: 5px;
}
form, input{
	margin: 0px;
	padding: 0px;
}


/** CLASSES **/

/* Generales */
.muet{
	visibility: hidden;
}
.clear{
	clear: left;
	height: 0px;
	margin:0px;
	padding:0px;
}
.article img{
	margin: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.copyright{
	font-size: 11px;
	color: grey; /** A AJUSTER SELON CODE COULEUR MANOU **/
}
.icono{
	position: relative;
	z-index:100;
	margin: 0;
	margin-bottom: -15px;
	margin-right: -3px;
	padding: 0;
	text-align: right;
}
.icono img{
	border: 0px;
	margin: 0px;
}
a.maison{
	color: #2e5c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
}
a.maison:hover{
	color: #fff;
}

p.spip{

}
/** iBen **/
img.spip_logos, .spip_documents img {
	border: 1px solid black;
} 

a.space_left img{
	margin: 0 10px 10px 0;
}
a.space_right img{
	margin: 0 0 10px 10px;
}
h1, h2, h3 {
	margin: 10px 0;
	font-weight: bold;
}

