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: 940px;  /* 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;
	background: url('img/borders.jpg') 0 0;
}

/*# Toute la tete #*/
#tete{
	margin: 0px;
	padding: 0px;
}
#bandeau{
	width: 940px;
	height: 160px;
	background: url('img/bandeaux/Bandeau_Temp.jpg') 0 0;
	background-color: #fff;
}
#menu{
	position: relative;
	top: 108px;
	margin-right: 35px;
	text-align: right;
	font-family: Impact;
	letter-spacing: 1.2px;
}
/* Le bandeau est traite a part dans bandeau_css */




/** Tout le corps **/
#corps{
	margin: 0px;
	padding: 0px;
}
#contenu{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	text-align: center;
	background-color: #EBEBEB;
}

/* Colonne de gauche et de droite */
.col{
	float: left;
	width: 200px;
	margin-top: 30px;
	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;
}


/** Tout le pied **/
#pied{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-top: 10px;
	border: 0;
	width: 940px;
	height: 40px;
	clear: both;
	font-family: Impact;
	font-size: 11px;
	text-align: center;
	background: url('img/border_down_940x50.jpg') 0 0 no-repeat;
}

#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: 14px;		
	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-family: "Trebuchet MS", arial;
	font-size: 11px;
	color: #000; /** 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{

}

/* ## Affichage des photos aléatoires ## */

#imagesGalerie{
	display: block;
	text-align: left;
	border: 1px solid black;
	margin: 0;
	padding: 5px;
}
.one-image{
	float: left;
	margin: 5px;
	text-align: center;
}

/** 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;
}

h3.spip{
	color: #2e5c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;		
	clear: both;
}
h4.spip{
	color: #2e5c00;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	margin-bottom: 5px;
}



/** PAGE CENTRALE **/

/* Colonne de contenu central */
#listeProj{
	text-align: center;
	background-color: white; 	/* Couleur de fond de la liste des projets */
	border: 1px solid white;
	margin-left: auto;
	margin-right: auto;
}
#listeProj p{
	padding: 0px 4px 0px 4px;
	text-align: center;
	font-size: 11px;
}
#image{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}


/** CLASSES **/

/* Petits rectangles noirs */
.rectangle{
	margin-top: 0;
	padding: 0;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	clear: right;								/* Pour forcer les blocs suivants a passer dessous */
}
.rectangle a{
	text-decoration: underline;
	color: #8F8F90;
}

/* Bloc de texte de description d'un album */
.texte{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
.texte p{
	text-align: center;
}
/* Classe pour les petites vignettes et noms de projet */
.proj{
	text-align: center;
	float: left;
}
.proj img{
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
.dix{
	font-size: 11px;
}

/** Fin de CLASSES **/