body
{
   width: 80%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("images/skeud1.jpg");
   background-repeat: repeat; 
   background-attachment : fixed;
}


/* L'en-tête */

#en_tete
{
   width:50%;
   height: 25%;
   background-image: url("");
   background-repeat: no-repeat;
   margin-bottom: 30px;
}

/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages2.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('images/topMenuImages2.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages2.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages2.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages2.png') 100% -90px no-repeat;}

/* Le corps de la page */


#corps
{
   margin-left: 40px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* 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: rgb(0,0,0);
   background-color: ; /* Une couleur de fond pour le corps */
   background-image: url("images/.jpg");
   background-repeat: ; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border-style:hidden; }
   

 /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: rgb(255,255,255);
   background-color: rgb(181,156,149);
   background-image: ;
   background-repeat: repeat-x;
   
   border-style:hidden; }
#page {
   margin: 0 auto;  /* zéro ou une autre valeure */
   width: %;
   max-width: 950px;
   min-width: 740px;
   }


p /* ... et les mots importants en rouge clignotant ! */
{
   color:white;
   font-size: 15px;
  max-width: 450px;

   
   background-image: url("images/a3.png");
}


h1
{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 1px rien ;
   text-align: ;
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   color: white;
   background-image: ;
   font-size: 40px;
   
}


h2
{
   width: 500px; /* On a indiqué une largeur (obligatoire) */
   border: 1px rien ;
  
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
   color: white;
   background-image: url("images/A3.png");
   font-size: 25px;
   
}
a
{
text-decoration: ;
color:yellow;
background-image:;
font-size: 16px;
margin: auto;
background-image: url("");	
 }
a:hover
{color: white;
background-image: ;
font-size: 16px;
}
q
{
   color:white;
  
   background-image: url("");

   font-size: large;
}
em
 {
   color:yellow;
   background-image: ;
   } 
   
 em:hover
{color:white;
background-image: ;
font-size: 16px;
} 
 
th
 {
   color:white;
   background-image: url("images/A3.png");
   } 
   
   
   td
 {
   color:white;
   background-image:url("images/A3.png");
   } 
   
   strong /* ... et les mots importants en rouge clignotant ! */
{
   color: yellow;
   text-decoration: blink;
   }
   
 #projectblank
	{
		width:365px;
		height:352px;
		float:left;
		margin:0px;
		padding:28px 0 0 0;
	}
#project
	{
		width:365px;
		height:352px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/projectsbg.jpg);
		background-repeat:no-repeat;
	}
#projectgallery
	{
		width:296px;
		height:295px;
		float:left;
		margin:0 0 0 69px;
		padding:0px;
	}
#project-pic
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 6px 0;
		padding:0px;
	}
.project-pic
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logo2.jpg);
		background-repeat:no-repeat;
	}
.project-pic:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/skipicture1.jpg);
		background-repeat:no-repeat;
	}		
#project-pic02
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 6px 6px 6px;
		padding:0px;
	}
.project-pic02
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/mlmlogo.jpg);
		background-repeat:no-repeat;
	}
.project-pic02:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/hover.jpg);
		background-repeat:no-repeat;
	}		
	
#project-pic03
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 6px 0;
		padding:0px;
	}
.project-pic03
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logo1.jpg);
		background-repeat:no-repeat;
	}
.project-pic03:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/petit.jpg);
		background-repeat:no-repeat;
	}			
#project-pic04
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 6px 0;
		padding:0px;
	}
.project-pic04
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(images/logoconcert.jpg);
		background-repeat:no-repeat;
	}
.project-pic04:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(images/aureconcert.jpg);
		background-repeat:no-repeat;
	}			
#project-pic05
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 6px 6px 6px;
		padding:0px;
	}
.project-pic05
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logoconcert.jpg);
		background-repeat:no-repeat;
	}
.project-pic05:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/nous2.jpg);
		background-repeat:no-repeat;
	}			
#project-pic06
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 6px 0;
		padding:0px;
	}
.project-pic06
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logoconcert.jpg);
		background-repeat:no-repeat;
	}
.project-pic06:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/batconcert.jpg);
		background-repeat:no-repeat;
	}			
#project-pic07
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
	}
.project-pic07
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logocreation.jpg);
		background-repeat:no-repeat;
	}
.project-pic07:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/crea1.jpg);
		background-repeat:no-repeat;
	}			
#project-pic08
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 6px 6px 6px;
		padding:0px;
	}
.project-pic08
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logocreation.jpg);
		background-repeat:no-repeat;
	}
.project-pic08:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/crea2.jpg);
		background-repeat:no-repeat;
	}			
#project-pic09
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
	}
.project-pic09
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/logocreation.jpg);
		background-repeat:no-repeat;
	}
.project-pic09:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/crea3.jpg);
		background-repeat:no-repeat;
	}