body
 {
	background-color:#EDD827;
	font-family:Arial, sans-serif;
	font-size:0.7em;
	color:#000000; /*color:#777777;*/
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px; 
	}
	
#conteneurindex { /* cadre pour contenir le logo l'adresse sur la page index */
	position:absolute;
	background-image:url(images/fond1.jpg);
	top:50%;
	left:50%;
	width:900px;
	height:600px;
	margin-left:-450px;
	margin-top:-300px;
	}

/* cadre pour le logo de la premiere page : index.html */
	
#logo1 { 
	position:absolute;
	background-image:url(images/logo1.jpg) ;
	left:50%; 
    top:50%;
    width:300px;
    height:106px;
	margin-left:-150px;
    margin-top:-80px;
    }
    
/* cadre pour le slogan de la premiere page : index.html */
	
#slogan { 	
	position:absolute;
	left:50%; 
    top:50%;
    width:300px;
    height:83px;
	margin-left:-150px;
    margin-top:30px;
	text-align:center
	}

/*ajou alex*/	
#englobant{position:absolute;background:#fff url(images/fond1.jpg);top:50%;left:50%;width:900px;height:600px;margin-left:-450px;margin-top:-300px;}

/* cadre pour contenir le logo plus le text du menu à gauche modif alex */	
#conteneurmenu { 
background-image:url(images/fond3.jpg) no-repeat;position:absolute;top:50%;left:0px;margin-top:-300px;width:200px;height:600px;text-align:center}


	/* cadre pour contenir le texte du menu à gauche */
#conteneurtextmenu { 	
    position:absolute;
	left:40%;
	top:50%;
	margin-top:-170px;
	right:0%;
	width:130px;
	height:200px;
	text-align:left
	}
	
/*ajou alex menu plus semantique*/

#conteneurtextmenu ul {margin:0px;padding:0px;
}
/*ajou alex menu plus semantique*/

#conteneurtextmenu li {list-style-type: none;margin:0px;padding:8px;
width:80%;}

	
	/* cadre pour contenir le logo du menu à gauche */
#conteneurlogomenu { 
	background-image:url(images/logo2.jpg);
	position:absolute;
	width:192px;
	height:68px;
	margin-left:15px;
    margin-top:10px;
    }
    
#conteneurlogomenu a img{
text-decoration: none;
border:none;
width:192px;
height:68px;

}


/* cadre pour contenir l'image et le texte du projet modif alex */	
#conteneurproject { 
background-image: url(images/fond7.jpg) ;position:absolute;top:50%;
left: 202px;margin-top:-300px;
width:700px;height:600px;text-align:center;
border: 0px solid #7e097f;
overflow:hidden;
}

/* cadre pour contenir les images et le texte de la page d'acceuil, modif Mat, 14/02/2010 */
#conteneurprojectacceuil{ 
background-image: url(images/fond5.jpg) ;position:absolute;top:50%;
left: 202px;margin-top:-300px;
width:700px;height:600px;text-align:center;
border: 0px solid #7e097f;
overflow:hidden;
}

/* cadre pour contenir le texte du projet */
#conteneurtextintroduction{ 
margin-top: 170px;
text-align:left;
width: 400px;
height: auto;
border: 0px solid #150efd;
padding-right: 300px;
}

#conteneurtextintroduction p{
width:430px;
}

#conteneurtextintroductionsommaire{ 
margin-top: 100px;
text-align:left;
width: 400px;
height: 400px;
border: 0px solid #150efd;
padding-right: 300px;
}

#conteneurtextintroductionsommaire p{
width:390px;
}

/* cadre pour contenir le texte des actualités */
#conteneurtextactualites { 	
position:absolute;
top:50%;
left:50%;
margin-top:19px;
margin-left:190px;
width:150px;
height:90px;
text-align:left
}
/*ajou alex encart de breve*/	
#conteneurtextactualites p {
width:120px;
margin:5px;
}

/* cadre pour contenir le texte des actualités sur la page d'acceuil*/
#conteneurtextactualitesacceuil { 	
position:absolute;
top:50%;
left:50%;
margin-top:70px;
margin-left:-320px;
width:180px;
height:135px;
text-align:left
}

/**/	
#conteneurtextactualitesacceuil p {
width:170px;
margin:5px;
}

/* cadre pour contenir le texte des brèves */
#conteneurtextbreves {
height:90px;
left:50%;
margin-left:130px;
margin-top:170px;
position:absolute;
text-align:left;
top:50%;
width:200px;
}


/* cadre pour contenir le texte des brèves sur la page d'acceuil*/
#conteneurtextbrevesacceuil {
position:absolute;
top:50%;
left:50%;
height:150px;
margin-left:-40px;
margin-top:100px;
text-align:left;
width:170px;
}

/* cadre pour contenir le texte d'appel à soutien sur la page d'acceuil*/
#conteneurtextsoutienacceuil {
position:absolute;
top:50%;
left:50%;
height:90px;
margin-left:-40px;
margin-top:175px;
text-align:left;
width:170px;
}

/* cadre pour contenir le texte d'appel à soutien */
#conteneurtextsoutien {
position:absolute;
top:50%;
left:0%;
height:90px;
margin-left:20px;
margin-top:115px;
text-align:left;
width:150px;
}

/* cadre pour contenir le texte du projet */
#conteneurtextadresse {
height:90px;
left:0%;
margin-left:20px;
margin-top:210px;
position:absolute;
text-align:left;
top:50%;
width:200px;
}

/*ajou alex encart de breve*/	
#conteneurtextactualites2 p {
width:120px;
margin:5px;
}
	
.text1 { /* typo grise pour la phrase de la première page : index.html */
	color: #999B91;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:12px ;
	}
	
.text2 { /* typo noire pour les textes des projets */
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:12px ;
	}
	
.text3 { /* typo noire pour actualités */
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:11px ;
	}

a.link1 { /* liens typo noire ENTER de la premiere page : index.html*/
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:10px ;}

a.link1:hover { /* couleur lors d'un survol */
	color: #EDD827;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link1:active { /* couleur au moment du clic */
	color: #606060; 
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link2 { /* liens typo grise titres dans le MENU de gauche*/
	color: #999B91;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:12px;}
	
a.link2:hover { /* couleur lors d'un survol */
	color: #EDD827;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link2:active { /* couleur au moment du clic */
	color: #606060;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link3 { /* liens typo grise pour les chiffres liens pages en pages*/
	color: #c0c0c0;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:12px;}
	
a.link3:hover { /* couleur lors d'un survol */
	color: #EDD827;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link3:active { /* couleur au moment du clic */
	color: #606060;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link4 { /* liens typo noire ENTER de la premiere page : index.html*/
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:12px ;}

a.link4:hover { /* couleur lors d'un survol */
	color: #EDD827;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link4:active { /* couleur au moment du clic */
	color: #606060; 
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link5 { /* liens typo grise pour "lire la suite" et "réduire" */
	color: #999B91;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:10px;}
	
a.link5:hover { /* couleur lors d'un survol */
	color: #EDD827;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link5:active { /* couleur au moment du clic */
	color: #606060;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link6 { /* liens typo grise pour "+info" edans la partie acualités */
	color: #999B91;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px none;
	text-decoration: none;
	outline: none;
	font:Arial, Helvetica, sans-serif ;
	font-size:10px;}
	
a.link6:hover { /* couleur lors d'un survol */
	color: #333333;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
a.link6:active { /* couleur au moment du clic */
	color: #333333;
	border: 0px none;
	text-decoration: none;
	outline: none;}
	
#textedroite {
	background: transparent;
	overflow:scroll;
	width:450px;
	height:450px;
}

#textedroite h3.spip{
color:#768477;
}	


/*Ajou alex Fil d'ariane*/

#hierarchie{
color:#6D8302; /*color:#C8D9E9;*/
margin-bottom: 10px;
margin-top: 0px;
}


#hierarchie a{
text-decoration: none;	
color:#6D8302; /*color:#C8D9E9;*/
}

#hierarchie a:hover{
color: #FCC503;	
text-decoration: underline;
}

/*Pour le menu en expose alex*/
li a.on {
color:#6D8302;
font-weight: bold;
}

/*pour exposer la home*/
#conteneurmenu #conteneurtextmenu ul li.home a{
text-decoration: none;
color: #999B91;
}

#conteneurmenu #conteneurtextmenu ul li.home a.on{
text-decoration: none;
color:#6D8302;
font-weight: bold;
}

		
/*ajou alex*/
img{
border:none;
}

a.spip_out{
text-decoration: underline;
color:#6C796E;
}

a.spip_out:hover{
text-decoration: underline;
color:#AFB7B2;
}

a.spip_in{
text-decoration: underline;
color:#6C796E;
}

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

a{
text-decoration: underline;
color:#6C796E;
}

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

/*Page 404*/

#erreur{
padding-top: 30px;
}

#footer{
position:absolute;
top: 560px;
left: 380px;
border: 0px solid #000;
color:#AFB7B2;
}

#footer p{
margin-left: 20px;
color:#AFB7B2;
font-size: 0.8em;
}

#footer p a{
text-decoration: none;
color:#AFB7B2;
}

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

#menulang{
margin-bottom: 20px;
margin-left: 8px;
}

#menulang .on a{
text-decoration: none;
}

#menulang .on{
font-weight: bold;
text-decoration: none;
}

#menulang a{
text-decoration: underline;
}