/* En vert, commentaires qui permettent d'aider à comprendre le code mais qui n'ont aucune conséquence sur la page WEB */
body {      /* mise en page concernant toute la page WEB (programmée dans la partie <body>*/
	margin: 0px;     /* marge extérieure nulle, la page WEB s'affiche sur tout l'écran */
	font-family: Arial;         /* type de police */
	font-size: 20px;            /* taille de la police */
}
img {    /* mise en page concernant toutes les balises <img> */
	float: center;   /* le texte entoure l'image qui est positionnée à gauche */
	margin-right: 40px;   /* marge extérieure droite de l'image */
}
video {    /* mise en page concernant toutes les balises <video> */
	float: right;    /* le texte entoure la vidéo qui est positionnée à droite */
	margin-right: 100px;    /* marge extérieure droite de la vidéo */
	margin-left: 100px;    /* marge extérieure droite de la vidéo */
}

ul {     /* mise en page concernant toutes les balises <ul> */
	list-style-type: square;    /* forme de la puce en début de ligne */
}
h1 { /* mise en page concernant toutes les balises <h1> */
	font-size: 40px;
	color: rgb(20,50,160);   /* la couleur du texte (titre) est composée de rouge=20/255, vert=50/255 et bleu=160/255 */
	text-align: center;
}
#entete-de-page { /* mise en page concernant la partie "entete-de-page" */
	padding: 20px;   /* marges haute et basse */
	background-image: url("images/plateau.jpg");
	font-size: 60px;
	font-weight: 800;       /* épaisseur des lettres (de 100 à 900 max) */
	font-variant: small-caps;      /* texte écrit en petites majuscules */
	text-align: center;
	color: rgb(225,225,225);
}
#menu ul
{
	margin:0;
	padding:0;
	line-height:30px;
	
	
}

#menu li
{
	list-style:none;
	float:left;
	position:relative;
	background-color:rgb(220,220,220); /* couleur de case sans la souris*/
}
#menu ul li a
{
	color: rgb(0,0,0);
	text-decoration:none;
	width:632px; /*largeur des cases du menu*/
	height:35px; /*hauteur des cases du menu*/
	display:block;
	text-align:center;
	border:1px solid rgb(0,0,0);
	text-shadow:1px 1px 1px #ff0000;
}
#menu ul ul
{
	position:absolute;
	top:31px;
	visibility:hidden;
}
#menu ul li:hover ul
{
	visibility:visible;
}
#menu li:hover
{
	background-color: rgb(224,175,255);
}
#menu ul li ul a:hover
{
	color:#FFF;
	background-color: rgb(224,175,255);
}

#bloc-menu {  /* mise en page concernant la partie "bloc-menu" */ 
	background-color: rgb(100,180,220);   /* couleur de fond en rouge vert bleu*/
	float: center;    /* texte centré dans la cellule du menu*/
}
#contenu {
	padding: 100px 100px;     /* marges haute et basse = 1 px et marges gauche et droite = 40 px */
	background-color: rgb(224,175,255); /* couleur de fond */
}

#pied-de-page {
	padding: 50px 0px;
	background-image: url("images/image pied de page.jpg");            /* image de fond */
	font-size: 18px;
	font-weight: 900;       /* épaisseur des lettres (de 100 à 900 max) */
	text-align: center;
	color: rgb(255,0,0);
	
	
}

	