body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   /*background-image: url("images/fonds/fondbod.png"); */ 
   background-repeat : repeat-y repeat-x;
   background-color : black;
}

img 
{
border : 0px black;
}
hr
{
color : silver ; 
}
																	#en_tete
{
   width: 756px;
   height: 140px;
   background-image: url("images/fonds/bandeau.png");
   background-color :black;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top : 0px;
   padding-top : 0px ; 
   border-right : 3px solid white;
border-left : 3px solid white; 
   }
																	#menu
{
background-image : url("images/fonds/menu.png");	
   width: 678px;	
   margin-top : -10px ;
   padding-top : 5px;
    padding-bottom : 5px;
   margin-bottom : 0px ;
   background-color : grey ;
   height : 30px;
   margin-left : 0px ; 
   padding-left : 78px;  /*décalage droite gauche*/
  font-family: trebuchet MS, "Times New Roman", Times, serif;
   border-right : 3px solid white;
border-left : 3px solid white;
}
															#bismenu
{
background-image : url("images/fonds/bismenu.png");	
background-color : black ;
   background-repeat: repeat-x repeat-y ;
   float: right;
   width: 130px;
   margin-top : -50px;
   margin-left: 758px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   position : fixed ;
      border-right : 3px solid white;
border-top : 3px solid white;
border-bottom : 3px solid white;
overflow : auto ; 
}
															#corps
{
width : 746px ; 
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: silver;
   background-color: black; /* Une couleur de fond pour le corps */
   background-image: url("images/fonds/fondcorps.png");
   background-repeat: repeat-y; /* Une petite image de fond qui se répètera horizontalement en haut */   
	border-right: 3px solid white; /* BORDURES */
   border-left: 3px solid white; 
   font-family: Trebuchet MS, "Arial Black", "Times New Roman", Times, serif;
}
															#textflottantdroite
{
float: right;
width: 520px;
text-align : justify ;
margin-right : 20px ; 
margin-bottom : -20px /*pour que le texte suivant ne soit pas coupé */
}	
															#textcorps
{
 width :580px ; 
text-align : justify ;
margin-right : 10px ;
margin-top : 270px;
margin-left : 10px   
}	
															#textliensexpositions
{
 width :580px ; 
margin-right : 10px ;
margin-left : 10px ;
color : silver ; 
}																
																	#atelier
{
   float: left;
   width: 130px;
   margin-top : 0px;
   margin-left: 10px ;
}
																	#atelier2
{
   float: right;
   width: 300px;
   margin-top : 0px;
   margin-left: 10px ;
}
.element_menu
{
   background-color: black;
   background-image: url("images/fonds/fondmenu.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   border-right : 0px ;
   margin-bottom: 10px;
   font-size : 15px ;
   color : silver ; 
}

.element_menu h3 /* Tous les titres de menus */
{    
   color: silver;
   font-family: trebuchet MS, "Times New Roman", Times, serif;
   text-align: left;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 10px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   color : white ; 
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: silver;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
      color: silver;
  } 
   
																	

.element_bismenu
{
   background-color: black;
   background-image: url("images/fonds/fondbismenu.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   border-left : 0px ;
   margin-bottom: 10px;
   font-size : 10px
}

.element_bismenu h3 /* Tous les titres de menus */
{    
   color: silver;
   font-family: trebuchet MS, "Times New Roman", Times, serif;
   text-align: left;
}

.element_bismenu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 10px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_bismenu a /* Tous les liens se trouvant dans un menu */
{
   color: white;
   font-size : 13px
}

.element_bismenu a:hover /* Quand on pointe sur un lien du menu */
{
      color: silver;  
}
																

#corps h1 /* Tous les titres h1 du corps */
{
   color: silver;
   text-align: center;
   font-family:   Trebuchet MS,"Arial Black","Times New Roman", Times, serif;
	font-weight : bolder ;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   font-family: Trebuchet MS, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 60px;
   color: black;
   text-align: left;
   color : silver ; 
}
																#corps h3 /* Tous les titres h3 du corps */
{
   height: 30px;
   font-family: Trebuchet MS, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   padding-left: 60px;
   color: silver;
   text-align: left;
}
#corps p
{
text-align : justify ;
margin-left : 10px ;
margin-right : 20px ;
color : silver ;
}
												/*TABLEAUX*/
		table/* Le tableau en lui-même */
{
   margin: left; /* Centre le tableau */
   border: 2px  black;
   margin-bottom:10px ;
   background-image : url("images/fonds/fondtableaux.png");
     border-top : 2px solid black ;
  border-right: 2px solid black; /* BORDURES */
   border-left: 2px solid black; 
   border-bottom : 2px solid black;

}


		td /* Les cellules normales */
{
   /*border: 1px solid black ;*/
   font-size : 15px ;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   width: 200px;
   height : 150px;
   font-family: Comic Sans MS, Times, "Times New Roman", serif;
}
#corps strong
{
font-family : Trebuchet MS, "Comic Sans MS", "Times", "Times New Roman", serif;
font-weight : normal ;
font-size : 16px ;
}
.souligne
{
text-decoration : underline
}

																	#pied_de_page
{
width: 746px;
   padding: 5px;
   clear: both;
   text-align: center;
   font-family : Trebuchet MS, Times, "Times New Roman", serif;
   color: silver ;
   background-image: url("images/fonds/fondpiedpage.png");
   background-color : black;
   background-repeat: repeat-y;
   	border-right: 3px solid white; /* BORDURES */
   border-left: 3px solid white; 
}

.imageflottante
{
float:left;
margin-right : 5px;
}

.important 														/*LES CLASS*/
{
color : red;
font-size: 14px;
font-family : trebuchet MS;
text-indent: 30px;
text-align : justify;
width : 100%;

position: absolute;
   left: 230px;
   top: 180px;
}
.loose
{
text-align:right;
color:green;
}
																/* LES LIENS*/
a
{
color : silver;
text-decoration : none;
font-size : 20px

}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: silver; /* Le lien sera écrit en vert quand on pointera dessus */
}   
   
a:active /* Quand le visiteur clique sur le lien */
{
   background-color: white;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
 
   }