body
{
	margin: 15px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	
	background: url(../struc/background_1.jpg) ; background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: cover; 
	
	
}
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond  background: -moz-linear-gradient(left, blue, white);*/

div#conteneur
{
	width: 890px;
	text-align: left;
	border: 4px solid #ab4;
	background: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
 -webkit-box-shadow: 5px 5px 5px #111;
          box-shadow: 5px 5px 5px #111; 
 
} 



/* Une bordure autour de l'ensemble de la page,
et couleur blanche pour le fond de celle-ci */

h1#header
{
	height: 220px;
	background: url(../struc/titre11.jpg) no-repeat left top;
	position: relative ;
	top: -20px ;
	background-size: 890px 233px;
	background-repeat: no-repeat;  
    background-position: 0px 2px; 
}
/* Une image de fond correspondant aux 258 pixels
 de tout à l'heure, attention à bien compresser vos images */


div#contenu
{
	padding: 0 30px 0 100px;
	background: url(../struc/LOGO/vernierdance.png );
	background-size: 500px 178px;
	background-repeat: no-repeat;
	background-position: 220px 2px;
	img: width 20px;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-style: inherit;
}  

/* On ajoute un petit élément décoratif sur le côté
 de la page et on crée un espace à gauche et à droite du contenu */

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(../struc/little_danseuse.jpg) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}
/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne un couleur au texte et
  on met une bordure basse */

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color:  ;
}
/* De même que pour le titre h2, à ceci près qu'on
 ne donne pas d'image décorative cette fois ci */
div#contenu h4
{
      color: #006699 ;
      font-size: 18px;

}


div#contenu h5
{
      color: #66CC66 ;
      font-size: 20px;

}
div#contenu h6
{
      color: #006699 ;
      font-size: 16px;

}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 16px ;
	color: #336633 ;
}
/* On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */



/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */