body{ width: 800px; margin: auto; margin-top: 20px; margin-bottom: 20px; background-color: black}p{ text-align: justify; /* Ils seront justifiés */ font-family: Arial, Verdana, serif; font-size: 0.9em}.alinea{text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */}/* L'en-tête */#en_tete{ width: 811px; height: 201px; background-image: url("../images/header.jpg"); background-repeat: no-repeat; margin-bottom: 10px;}/* Le menu */#menu{ float: left; width: 190px;}/* Pour définir le hover des images du menu */a.menu_accueil{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_accueil1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_accueil:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_accueil2.gif); /* source de l'image d'arrivée */ } a.menu_concept{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_concept1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_concept:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_concept2.gif); /* source de l'image d'arrivée */ } a.menu_styliste{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_styliste1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_styliste:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_styliste2.gif); /* source de l'image d'arrivée */ } a.menu_ouacheter{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_ouacheter1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_ouacheter:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_ouacheter2.gif); /* source de l'image d'arrivée */ } a.menu_contact{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_contact1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_contact:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_contact2.gif); /* source de l'image d'arrivée */ } a.menu_soirees{ /* définition de la classe "menu_concept" de la balise <a> */ display: block; /* la balise a doit être en bloc */ width: 135px; /* largeur de l'image réactive */ height: 32px; /* hauteur de l'image réactive */ background-image: url(../images/menu_soirees1.gif); /* source de l'image de départ */ background-repeat: no-repeat; }a.menu_soirees:hover { /* définition de la classe "menu_concept" de la balise <a> au survol */ background-image: url(../images/menu_soirees2.gif); /* source de l'image d'arrivée */ } /* FIN - Pour définir le hover des images du menu */.element_menu{ background-color: black; background-image: url("images/backgroundmenu/topleft.gif"); background-repeat: repeat-x; background-position: top left; border: 2px solid black; margin-bottom: 200px;}/* Quelques effets sur les menus */.element_menu h3{ color: #B3B3B3; font-family: Arial, "Arial Black", "Times New Roman", Times, serif; text-align: center;}.element_menu ul{ list-style-image: url("images/puce.png"); padding: 0px; padding-left: 20px; margin: 0px; margin-bottom: 5px;}.element_menu a /* Couleur des liens dans le menu */{ color: #ff00f6;}/* Le corps de la page */#corps{ margin-left: 195px; margin-bottom: 20px; padding: 5px; color: white; /* Couleur de la police */ background-color: black; background-image: url("images/motif.png"); background-repeat: repeat-x; border: 2px solid black;}#corps h1{ color: #B3B3B3; text-align: center; font-family: Arial, "Arial Black", "Times New Roman", Times, serif;}#corps h2{ height: 30px; background-image: url("images/titre.png"); background-repeat: no-repeat; padding-left: 30px; color: #B3B3B3; text-align: left;}/* 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: #B3B3B3; background-color: black; background-image: url("images/motif.png"); background-repeat: repeat-x; border: 2px solid black;}