*{
	margin:0;
	padding:0;
}

body
{
	width: 100%;
	text-align:center;
	margin: auto; /* Pour centrer la page */
	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	background-image: url("images/body.jpg");
	background-repeat: repeat-x;
	background-color: black;
	/* cursor: url(images/curseur.gif), auto; */
}

#container
 {
	text-align:left;
	margin:0 auto;
	width:940px;
}

/* L'en-tête */
#en_tete
{
	width: 940px;
	height: 217px;
	background-color: #FFFFFF;
	margin-left: 0px;
	border: 0px solid white;
}

#en_tete img
{
	border: 0px;
}

a
{
	font-family: candara, Arial, "Arial Black", Verdana, serif;
	font-size: large;
	color: rgb(200, 200, 200);
	text-decoration: none;
	text-align: center;
}

a:hover
{
	font-weight: bold;
	color: white;
	text-decoration: none;
}

table
{
	width:940px;
	height: 30px;
	background-color: black;
	margin-left: 0px;
	margin-bottom: 5px;
	border-collapse: collapse;
}

td
{
	width: 100px;
	border-bottom: 3px solid white;
	margin: 0px;
	text-align: center;
}

td:hover
{
   /*background-color: white;*/
   /*border: 5px inset white;*/
}

/* Le menu */
#menu
{
	width: 205px; /* Très important : donner une taille au menu */	
	height: 431px;
	padding-top: 0px;
	float: left; /* Le menu flottera à gauche */
	border-collapse: collapse;
	background-color: white;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
}

#menu a
{
	height: 30px;
	padding-left: 0px;
	color: rgb(200, 200, 200);
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
}

#menu a:hover
{
	font-weight: bold;
	color: white;
}

#menu table
{
	width: 205px; /* Très important : donner une taille au menu */	
	height: 30px;
	margin-top: 80px;
}

#menu tr
{
	background-image: url(images/.jpg);
	background-repeat: no-repeat;
}

#menu td
{
	width: 205px;
	background-image: url(images/r.jpg);
	background-repeat: no-repeat;
	background-color: white;
}

/* le portfolio*/
.portfolio
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: red;
	text-decoration: none;
}

.portfolio a
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color : red;
	text-decoration: none;
}

/* Le corps de la page */
#corps
{
	height: 415px;
	margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* 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 */
	padding-right: 20px;
	color: rgb(55, 66, 74);
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x; /* Une petite image de fond qui ne se répètera pas */
	overflow: auto;   
	border: 0px solid white;
	padding-top: 10px;
}
#corps h1
{
	padding-bottom: 10px;
	color: rgb(200, 56, 30);
	text-align: left;
	text-decoration: underline;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
	padding-bottom: 10px;
	height: 30px;
   	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a
{
	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: blink;
}

/* paragraphe du corps */
#corps p
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: justify; /* Ils seront justifiés */
	padding: 0px;
}

#corps span
{
   text-align: center; /* Ils seront justifiés */
   padding: 30px;
}

/* image corps */
#corps img
{
	border: none;
}

/* Le pied de page */

#pied_de_page
{
	padding-bottom: 20px;
	height: 30px;
	text-align: center;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: #FFFFFF;
	border: 0px solid white;
}

#pied_de_page a
{
	padding-bottom: 20px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* formulaire de contact*/
input, textarea
{
	font-family: candara, Arial, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
	background-color: #FFFF99;
}
 
label
{
	color: rgb(55, 66, 74); /* Colorer tous les labels */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
	font-family: candara, Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
	color: rgb(55, 66, 74);
	font-weight: bold;
}
 
fieldset
{
	margin-bottom: 15px; /* Une marge pour séparer les fieldset */
	background-color: rgb(164, 177, 186);
}
/* image contact */
#imagecontact
{
	padding-right: 10px;
	float: right; /* Le menu flottera à droite*/
	width: 250px; /* Très important : donner une taille au menu */
	border: 0px solid red;
}
/* coordonnées contact mise en page */
#contact
{
	height: 431px;
	float: right; /* Le menu flottera à gauche */
	width: 300px; /* Très important : donner une taille au menu */
	border: 0px solid white;
	border-collapse: collapse;
	background-color: white;
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x; /* Une petite image de fond qui ne se répètera pas */
}
.element_contact_titre
{
	padding-right: 10px;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	height:30px;
	color: red;
	text-align: right;
	text-decoration: underline;  
	margin-right: 0px;
	margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_contact
{
	padding-right: 10px;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: rgb(55, 66, 74);
   font-size: 20px;
   text-align: right;  
   margin-right: 0px;
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */
.element_contact_trait /* Tous les titres de menus */
{  
	text-align: right;
	height: 5px;
	padding-right: 10px;
   color: rgb(230, 0, 3);
   font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   background-color: red;
}

.element_contact h3 /* Toutes les titres h3 se trouvant dans un menu */
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: red;
}


/* image menu accueil */
#accueil
{
	height: 415px;
	margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* 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 */
	padding-right: 20px;
	color: rgb(55, 66, 74);
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-image: url(images/accueil.jpg);
	background-repeat: repeat-x; /* Une petite image de fond qui ne se répètera pas */
	overflow: auto;   
	border: 0px solid white;
	background-position: bottom;
	padding-top: 10px;
}

#accueil h1
{
	color: rgb(200, 56, 30);
	text-align: left;
	text-decoration: underline;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

/* corps et image de fond actu */
#corps_actu
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	height: 415px;
	margin-left: 210px; /* 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(55, 66, 74);
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-repeat: no-repeat; /* Une petite image de fond qui ne se répètera pas */
	border: 0px solid white;
	background-image: url(images/arriere_plan_actu.jpg);
	padding-top: 10px;
}

#corps_actu span
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: green;
}

#corps_actu h1
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: rgb(200, 56, 30);
	text-align: left;
	text-decoration: underline;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

#corps_actu h2 /* Tous les titres h2 du corps */
{
	height: 30px;
   	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

#corps_actu a
{
	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* paragraphe du corps */
#corps_actu p
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: justify; /* Ils seront justifiés */
	padding: 0px;
}

/* corps du menu print pour mettre une photo en fond */
#corps_print
{
	height: 415px;
	margin-left: 210px; /* 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 */
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: rgb(55, 66, 74);
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-repeat: no-repeat; /* Une petite image de fond qui ne se répètera pas */
	border: 0px solid white;
	background-image: url(images/print.jpg);
	padding-top: 10px;
}
#corps_print h1
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: rgb(200, 56, 30);
	text-align: left;
	text-decoration: underline;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

#corps_print h2 /* Tous les titres h2 du corps */
{
	padding-bottom: 10px;
	height: 30px;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
   	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps_print a
{
	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: blink;
}

/* paragraphe du corps */
#corps_print p
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: justify; /* Ils seront justifiés */
	padding: 0px;
}

/* corps du menu enseigne pour mettre une photo en fond */
#corps_enseigne
{
	height: 415px;
	margin-left: 210px; /* 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 */
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	color: rgb(55, 66, 74);
	background-color: #FFFFFF; /* Une couleur de fond pour le corps */
	background-repeat: no-repeat; /* Une petite image de fond qui ne se répètera pas */
	border: 0px solid white;
	background-image: url(images/enseigne.jpg);
	padding-top: 10px;
}
#corps_enseigne h1
{
	padding-bottom: 10px;
	color: rgb(200, 56, 30);
	text-align: left;
	text-decoration: underline;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps_enseigne h2 /* Tous les titres h2 du corps */
{
	height: 30px;
   	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps_enseigne a
{
	color: rgb(200, 56, 30);
	text-align: left;
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* paragraphe du corps */
#corps_enseigne p
{
	font-family: candara, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: justify; /* Ils seront justifiés */
	padding: 0px;
}

object
{
	width:720px; 
	height:420px
}