body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFFFF;
/* background: transparent url('../image/fond-page.gif') top left repeat; */
}



#menu_fonct {	/* "lien" sera notre conteneur, ici la balise div */
	/* padding:0 0 0 0; */
	 position:absolute; 
	 margin-left:100px; 
	/* top: 0px; */
	top: 0px;
	left: 150px;
	
	background-color: transparent;
	z-index: 100;
	font-size:11px;
}



img {
	border-width: 0;
	border-style: none;
}

img# {
	align: middle;
}

div#conteneur { 
	/*le conteneur global du site, qui sera centré */
	width: 890px;
	position: absolute;
	left: 50%;  
	margin-left: -445px;
	margin-top: 0px;
	padding-top:0px;
	background-color:#FFFFFF;

}


div#entete-atelier {
	margin-top:0px;
	top:0;
	height: 200px;
	/*background-color: #cc99CC; */
	background-color: #ffffff;
	padding-top:0px;
	position:relative;
	padding:0 0 0 0;

}

a:hover#atelier  {
	background-color:#FFFFFF;
}

img#titre-cube {
	border:0px ;
	margin-left:0px;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
	top:0px;
	position:relative;
	
}

img#titre-atelier {
	position:relative;
	border:0px ;
	margin-left:-172px;
	top:45px;
	padding-left:0px;
	padding-top:0px;
	left:-3px;
}




/* __________________________________ MENU LANGUE anglais // français______________________________________________ */
#langue {	/* "lien" sera notre conteneur, ici la balise div */
	position:absolute;	/* placement de l'image-lien, à vous d'adapter */
	left: 777px;	/* dimensions selon l'image, à vous d'adapter */
	/* top: -159px; si relative  */
	top: -1px;
	padding-top:0px;
	width: 92px;
	/* height: 25px;*/
	height: 25px;
	background: url(../image/menu-langue-on.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
	padding-top:0px;
	/* padding-bottom:10px; */
	/*background-color:#33CC33;*/
	
}



#langue a {
	
	top: 2px;
	width: 92px;
	height: 25px;
	
	/* définition du lien qui occupera toute la place du conteneur */
	display: block;
	/*width: 100%;
	height: 100%; */ 
	border:0;
	padding:0 0 0 0;
	background: url(../image/menu-langue-off.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
	color: #000;
	text-decoration:none;

}

#langue a:hover {	/* masquage de l'image1 au survol */
	background: transparent none;
} 

#langue a span
{
	visibility: hidden;
	/*text-decoration:none;*/
}




/*  ------------------------------  fin menu langue------------------------------------      */



/* ________________________________MENU CUBE______________________________________  */ 

#menu-cube {
	width: 700px;
	height: 41px;
	background: url(../image/menu-cube.gif);

	/* margin-top:-158px; */
	margin-top:-133px;
	
	margin-left:169px;
	padding: 0 0 0 0;
	position: relative;
}

#menu-cube li {
	margin-left:0px;
	
	padding: 0 0 0 0 ; 
	list-style: none; 
	 position: absolute;
	top: 0;
}
#menu-cube li, #menu-cube a {height: 41px; display: block; z-index:10 ; text-decoration: none;}

#menu-cube a {border: solid 0px #f00; text-decoration: none;}

#aproposducube {left: 0; width: 120px; text-decoration: none;}
#activites {left: 120px; width: 120px; text-decoration: none;}
#evenements {left: 240px; width: 114px; text-decoration: none;}

#polecreation {left: 354px; width: 136px; text-decoration: none;}

#infospratiques {left: 472px; width: 118px; text-decoration: none;}
#presse {left: 608px; width: 92px; text-decoration: none;}

#aproposducube a:hover {
   background: transparent url(../image/menu-cube.gif)
               0px -41px no-repeat;
}
#activites a:hover {
   background: transparent url(../image/menu-cube.gif)
               -119px -41px no-repeat;
}
#evenements a:hover {
   background: transparent url(../image/menu-cube.gif)
               -240px -41px no-repeat;
}

#polecreation a:hover {
  background: transparent url(../image/menu-cube.gif) 
               -354px -41px no-repeat;
}

#infospratiques a:hover {
   background: transparent url(../image/menu-cube.gif)
               -472px -41px no-repeat;
}

#presse a:hover {
   background: transparent url(../image/menu-cube.gif)
               -608px -41px no-repeat;
}

#menu-cube li a span
{
	visibility: hidden;
	/*text-decoration:none;*/
}
/* ---------------------  fin menu cube ------------------------------------- */



/* __________________________________ MENU POLE CREATION ______________________________________________ */

#menu-polecreation {
	width: 136px;
	height: 88px;
	background: url(../image/menu-polecreation.gif);
	padding: 0 0 0 0 ;
	position: relative;
	margin-left:0px;
}
#menu-polecreation li { padding: 0 0 0 0; list-style: none; position: absolute; left: 0; text-decoration: none;}

#menu-polecreation a {border: solid 1px #f00; text-decoration: none;  position:absolute;}

ul#menu-polecreation li a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 136px ;
	color: #000 ;
	text-decoration: none ;
	border: 0px solid #dbd ;
	left:0;
}

li#missions {top: 0px; height: 14px;}
li#atelierdecreation {top: 41px; height: 19px;}
li#arcane {top: 33px; height: 10px;}
li#diffusion {top: 43px; height: 20px;}
li#actioninterna {top: 66px; height: 25px;}


li#missions a {top: 0px; height: 14px;}
li#atelierdecreation a {top: 0px; height: 19px;}
li#arcane a {top: 0px; height: 10px;}
li#diffusion a {top: 0px; height: 20px;}
li#actioninterna a {top: 0px; height: 25px;}


li#missions a:hover {
   background: transparent url(../image/menu-polecreation.gif)
               -136px 0 no-repeat;
}
li#atelierdecreation a:hover {
   background: transparent url(../image/menu-polecreation.gif)
               -136px -14px no-repeat;
}
li#arcane a:hover {
   background: transparent url(../image/menu-polecreation.gif)
               -136px -33px no-repeat;
}
li#diffusion a:hover {
   background: transparent url(../image/menu-polecreation.gif)
               -134px -43px no-repeat;
}
li#actioninterna a:hover {
   background: transparent url(../image/menu-polecreation.gif)
               -135px -66px no-repeat;
}

#menu-polecreation li a span
{

	visibility: hidden;
	/*text-decoration:none;*/
}



/* ---------------------  fin menu pole creation------------------------------------- */

/* __________________________________ MENU ATELIER ______________________________________________ */

#menu-atelier {
	width: 587px;
	height: 45px;
	 background: url(../image/menu-atelier.gif); 
	/*background-position:center;*/
	
	/*margin: 0px auto; */
	margin-left:-240px;
	/*margin-top: 0px;
	*/
	margin-top: 48px;  
	padding: 0 0 0 0;
	position: absolute;
	z-index:1;
}

#menu-atelier li {
	/*margin-left:0px;*/
	padding: 0; 
	list-style: none; 
}

#menu-atelier li, #menu-atelier a {height: 45px; display: block; text-decoration: none; }

#menu-atelier a {border: solid 1px ; text-decoration: none; top:15px;}

#menu-atelier #presentation a {left: 0; width: 90px; top:20px; text-decoration: none;}
#menu-atelier #catalogue a {left: 103px; width: 93px; top:20px; text-decoration: none;}
#menu-atelier #projetsencours a {left: 197px; width: 141px; top:20px; text-decoration: none;}
#menu-atelier #ressources a {left: 338px; width: 97px; top:20px; text-decoration: none;}
#menu-atelier #acces a {left: 436px; width: 89px; top:20px; text-decoration: none;}
#menu-atelier #blanc a {left: 525px; width: 65px; top:20px; text-decoration: none;}

#menu-atelier #presentation a:hover {
   background: transparent url(../image/menu-atelier.gif)
               0 -65px no-repeat;
}
#menu-atelier #catalogue a:hover {
   background: transparent url(../image/menu-atelier.gif)
               -103px -65px no-repeat;
}
#menu-atelier #projetsencours a:hover {
   background: transparent url(../image/menu-atelier.gif)
               -197px -65px no-repeat;
}
#menu-atelier #ressources a:hover {
   background: transparent url(../image/menu-atelier.gif)
               -338px -65px no-repeat;
}
#menu-atelier #acces a:hover {
   background: transparent url(../image/menu-atelier.gif)
               -436px -65px no-repeat;
}
/*  ////////,   */ 
#menu-atelier #presentation_encours a {
	
	left: 0; width: 100px; top:20px; text-decoration: none;
	
   background: transparent url(../image/menu-atelier.gif)
               0 -110px no-repeat ;
	
}

#menu-atelier #catalogue_encours a {

	left: 103px; width: 93px; top:20px; text-decoration: none;
	
   background: transparent url(../image/menu-atelier.gif)
               -100px -110px no-repeat;
}
#menu-atelier #projetsencours_encours a {
	
	left: 197px; width: 141px; top:20px; text-decoration: none;
	
   background: transparent url(../image/menu-atelier.gif)
               -197px -110px no-repeat;
}
#menu-atelier #ressources_encours a {
left: 338px; width: 97px; top:20px; text-decoration: none;
   background: transparent url(../image/menu-atelier.gif)
               -337px -110px no-repeat;
}
#menu-atelier #acces_encours a {

left: 436px; width: 89px; top:20px; text-decoration: none;
   background: transparent url(../image/menu-atelier.gif)
               -437px -110px no-repeat;
}

#menu-atelier li a span
{

	/*visibility: hidden;*/
	/*text-decoration:none;*/
}


#menu-atelier li a span {
   background: transparent url(menu-atelier.gif)
               0px -45px no-repeat;
}


/*  ------------------------------  fin menu atelier------------------------------------      */




div#suivant {
	position:relative; 
	/*	position:absolute;  */

	top:0px;
	font-size:11px;
	text-align:right;
	
	margin-top:5px;
	/* padding-top:7px; */
	/* padding-right:22px; */
	/*position: absolute; */
	left:0;
	width: 867px;
	height: 10px;
	/*margin-bottom:15px; */
	/*height: 300px;*/
	/*  background-color:#dddddd;*/
	
}


div#suivant-listeoeuvre {
	
		
	position:relative;
	/*visibility:hidden;*/
	/*	position:absolute;  */
	
	margin-top:4px;

	
	font-size:8px;
	text-align:right;
	
	color:#CCCCCC;
	/* padding-top:7px; */
	/* padding-right:22px; */
	/*position: absolute; */
	
	width: 867px;
	height:20px;
	/* height:0px; */
	/*height: 300px;*/
	
	/*  background-color:#ddddff; */
	
}

div#suivant-listeoeuvre a {
	
	font-size:11px;
	color:#999999;
	
}

div#suivant-listeoeuvre a:hover {
	
	font-size:11px;
	/* color:#666666;*/
	color:#ff0000;

	background-color:#FFFFFF;
	
	
}


div#suivant-listeoeuvre-cat {
	
		
	position:relative;
	/*visibility:hidden;*/
	/*	position:absolute;  */
	
	margin-top:4px;

	
	font-size:8px;
	text-align:right;
	
	color:#CCCCCC;
	/* padding-top:7px; */
	/* padding-right:22px; */
	/*position: absolute; */
	
	width: 867px;
	height:20px;
	/* height:0px; */
	/*height: 300px;*/
	
	/*  background-color:#ddddff; */
	
}

div#suivant-listeoeuvre-cat a {
	
	font-size:10px;
	color:#CCCCCC;
	
}

div#suivant-listeoeuvre-cat a:hover {
	
	font-size:10px;
	/* color:#666666;*/
	color:#ff0000;

	background-color:#FFFFFF;
	
	
}





div#gauche {

margin-top:0px;
	text-align:left;

	position: relative;

	left:0;
	width: 277px;
	/*height: 300px;*/
	
	  /* background-color:#CCCCcc; */

	line-height:0.9em;
	
	float:left;

}

div.gauche-img {
	/* color:#00CC99; */
	margin-bottom:8px;
	

}



div#gauche-projetencours {
	

	position: absolute; 
	left:0;
	width: 150px;
	/* visibility:hidden; */
	/* height: 0px; */
	
	
	/* background-color:#CCCCcc; */
	/*  background-color:#ccffff;  */
	
	float:left;
}


#gauche img {
/*	background-color:#99CC66; */
	margin-bottom:0px;
	margin-top:0 px;
	margin-left:0 px;
	margin-right:0px;
	padding:0 0 0 0; 
	border:0px;
	/*	border:1 solid #cccccc; */
}


.legende-photo {
	margin-top:0px;
	margin-right:5px;
	
	text-align:center;

}

.spip_documents spip_documents_right{


}

div#centre {

	/* background: url('../image/bg_body2.png') -0px -0px no-repeat; */

	/*z-index:25; */
	/* margin-right: 0px; */
	padding-right:20px;
	padding-top:1px;

	/* width: auto; */
	 width: 579px ; 
	/*height: 300px;*/
	
	/*  background-color:#dd99CC;  */
	/*background-color: #ffffff;*/
	
	/*overflow: auto;*/
	
	
	line-height:1.1em;
	color:#000000;
	position:relative;
	float: right;
	
}

div#centre-listeoeuvre {

	/* text-align:center;  */
	/*z-index:25; */
	margin-left: 30px;
	/* margin-bottom:15px; */
	margin-top:-6px;
	
	/* width: auto; */
	 width: 858px ; 
	/*height: 300px;*/

	line-height:1.1em;
	
	padding:0 0 0 0;
	 
	 
	/*    background-color:#ff9966;   */
}



.date {
	font-weight:bold;
	font-size:0.5em;

	text-align:center;
	 width:810px;
	
	margin-left:-8px;
	
	 margin-top:10px;
	 
	/*   background-color:#339966;   */
	 
	height:30px ;
	
	float:left ;
	padding:0 0 0 0;
}

.date-catalogue{
	font-weight:bold;
	font-size:1.2em;

	text-align:center;
	 width:810px;
	
	margin-left:-8px;
	
	 margin-top:8px;
	 
	/*   background-color:#339966;   */
	 
	height:30px ;
	
	float:left ;
	padding:0 0 0 0;
}


.haut-page-annee{
	width:150px;
	font-weight:lighter;
	/* background-color:#009966; */
	margin-left:755px;
	/* margin-left:50px; */
	/* float:right; */
	/*  text-align:right; */
}


.haut-page-annee a:active{	
	color:#CCCCCC;
}
.haut-page-annee a:link{	
	color:#CCCCCC;
}
.haut-page-annee a:visited{	
	color:#CCCCCC;
}

.haut-page-annee a:hover{
color:#FF0000;
	
	/* color:#666666; */
	
	background-color:#FFFFFF;
	
}


.haut_page_annee_a {
color:#CCCCCC;


}

.bloc_oeuvre {

	/* position: relative;  */
	
	 float:left; 
	 
	 /* background-color:#0000ff;    */
	text-decoration:none;
	
	/* width:370px; */
	width:418px;
	
	font-size:0.8 em; 
	
	
	margin-top:10px;
	margin-right:10px;
	
	padding:0 0 0 0;
}

.bloc_oeuvre img {
	
	margin-right:20px;

}


.miniature {
	margin-right:15px;

}


div#centreTitre-projetencours {
	margin-top::0px;
	/*z-index:25; */

	margin-left: 289px;
	
	/* width: auto; */
	 width: 579px ; 
	/*height: 300px;*/
	
	/* background-color:#cc99ff; */
	
	/*overflow: auto;*/
	padding:0;
	
	line-height:1.1em;
	font-size:11px;
}


div#centreTexte-projetencours {
	/*z-index:25; */
	margin-left: 133px;
	
	/* width: auto; */
	 width: 720px ; 
	/*height: 300px;*/
	
	 /* background-color:#dd99CC;    */
	/* background-color: #ffffff; */
	
	/*overflow: auto;*/
	padding-top:0px;
	
	line-height:1.1em;
	
}

div#centreTexte-projetencours img {

	margin-right:20px;

}

h1#titre-rouge{

	text-transform: uppercase;
	font-size:1.2em;
	font-weight:bold;
	line-height:15px; 
	font-weight:bold;
	color:#FF0000;
	
	margin-top:0px;
	  margin-bottom:-4px;
}


h1#sous-titre{
padding:0 0 0 0;
	
	font-size:10px;
	font-weight:bold;
	line-height:8px;
	font-weight:bold;
	
	margin-top:10px;
	  margin-bottom:-4px;
}


h1.titre-rouge-cat{
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	line-height:12px; 
	font-weight:bold;
	color:#FF0000;
	
	margin-top:0px;
	 margin-bottom:-4px;
	
	
}



h1.sous-titre-cat{
padding:0 0 0 0;
	
	font-size:10px;
	font-weight:bold;
	line-height:8px;
	font-weight:bold;
	
	margin-top:10px;
	  margin-bottom:-4px;
}


h2.descriptif-catalogue{
	
	font-size:10px;
	line-height:11px;
	font-weight:normal;
	
	margin-top:5px;
	margin-bottom:-4px;
}

h2.chapeau-catalogue{
	font-size:0.7em;
	line-height:0.3em;
	font-weight:normal;
	
	margin-top:5px;
	  margin-bottom:-4px;
}



h2#date{
	font-size:0.7em;
	line-height:1em;
	font-weight:normal;
}

h1#titre-fiche{

text-transform: uppercase;
font-weight:bold;
font-size:1.2em;
color:#FF0000;

	
	/*
	padding:0 0 0 0;
	
	
	
	line-height:7px;
	*/
	 margin-top:0px;
	 margin-bottom:-1px;
	
	
}

h1#sous-titre-fiche{

		

	
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	
	/* line-height:-5px;*/
	/* margin-top:0px; */
	
	 margin-top:4px;
	  margin-bottom:-1px;
}

h2#descriptif-fiche{
font-size:11px;
font-weight:bold;

/* padding:0 0 0 0;
		margin-top:10px;
		line-height:7px;
	*/
	 margin-top:5px;
	  margin-bottom:-1px;

}

h2#chapeau-fiche{
	font-size:10px;
	
	font-weight:normal;
	
	/*line-height:1em;*/

 margin-top:5px;
	  margin-bottom:-4px;
}

h2#date-fiche{
	font-size:10px;
	font-weight:normal;
	
		 margin-top:0px;

	/*
		line-height:1.2em;
		*/
		 margin-top:3px;
	  margin-bottom:-1px;
	
}


p.gras{
	font-size:0.8em;
	font-weight:bold;
	line-height:1.1em;
	
}

.rouge{
color:#FF0000;
}


p.spip{
	line-height:1.3em;

}

div#pied {

	float:left;
	/* text-align:left; */
	text-align:right;
	
	
	width: 868px;
	/*height:20px;*/
	/* background-color: #00ff00;   */

	margin-top:7px; 
	margin-bottom:5px;
	
	padding:0 0 0 0;
	
	font-size:11px;
	 
}

#haut_page{
float:left;
margin-left:201px;
	/* margin-left:200px; */
	/* margin-right:572px; */
	/* padding-right:582px;*/
}



#haut_page_fiche{
	/* margin-left:200px; */
	margin-right:440px;
}

#haut_page_precVide{
	/* margin-left:200px; */
	margin-right:512px;
}


#haut_page_suivVide{
	/* margin-left:200px; */
	position:relative;
	margin-right:512px;
}




#haut_page_projEnCrs{
	/* margin-left:200px; */
	margin-right:580px; 
}

.haut_page_listeoeuvre{
	/* margin-left:0px; */
	margin-right:778px;
	padding:0 0 0 0;
	text-align:right;
}

#haut_page_fiche_dern{
	margin-right:500px;


}

#precedent_pied{
	/* background-color:#3399CC; */
	 
	 /* margin-left:440px; */
	  margin-right:0px; 
	 
	/* text-align:right;*/
	 


}
#precedentVide_pied{
	 /* margin-left:68px; */
}


p {
	margin: 0 0 5px 0;
}

-->

a:link{
        color : #FF0000;
        font-family : Verdana, Helvetica, sans-serif;
        font-size : 10px;
		text-decoration:none;
		
}

a:visited{
        color : #FF0000;
        font-family : Verdana, Helvetica, sans-serif;
        font-size : 10px;
		text-decoration:none;
}

a:hover{
        color : #FFFFFF;
        background-color : #FF0000;
        font-family : Verdana, Helvetica, sans-serif;
        font-size : 10px;
}

p.textfield{
        font-style: normal;
        font-family: verdana;
        font-weight: normal;
        font-size: 10px;
}
p.spip{
        font-style: normal;
        font-family: verdana;
        font-weight: normal;
        font-size: 10px;
}
.textfield{
        font-style: normal;
        font-family: verdana;
        font-weight: normal;
        font-size: 10px;
}

#centre  li {
	
    list-style-type: disc;
	list-style-position:outside;
    list-style-image: url(../image/puce-gris.gif);
/* margin-left:30px; */
	text-indent:3px;
	/* padding-left:15px; */
   /*  list-style-position: inside; */
  
}


#centre  ul li{
	
    list-style-type: disc;
	list-style-position:outside;
    list-style-image: url(../image/puce-rouge.gif);
/* margin-left:30px; */
	text-indent:3px;
	/* padding-left:15px; */
   /*  list-style-position: inside; */
  
}

h4{
font-size:10px;

}