@import "all.css";

/* Corps de page */
body
{background-image: url("./img/desirs/desirsdavenir.jpg");
 background-size: 100% 100%;
 background-repeat: no-repeat;
}


/* En-tête */
#En-tete
{height: 60px;
 border: none;
}
#En-tete h1
{text-transform: uppercase;
}




/* Menu en haut */
#Menu_top
{color: white;
 border: none;
 background-image: none;
}
#Menu_top a:visited
{color: silver;
 font-size: medium;
 font-weight: bold;
 text-decoration: none;
}
#Menu_top a
{color: white;
 font-size: medium;
 font-weight: bold;
 text-decoration: none;
}
#Menu_top a:hover
{color: white;
 font-size: medium;
 font-weight: bold;
 text-decoration: none;
 background-color: red;
}
#Menu_top a:focus
{color: yellow;
 font-size: medium;
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
}




/* Menu à gauche */
#Menu_gauche .sous-menu
{border: 0px solid black;
 border-radius: 10px;
 background-color: rgba(256,0,0,0.4);
 margin-bottom: 10px;
}
#Menu_gauche h3
{color: white;
 margin-top: 5px;
 margin-left: 10px;
 margin-bottom: -15px;
 font-size: medium;
 font-family: "Arial Black", Arial, serif;
}
#Menu_gauche a:visited
{color: gray;
 font-size: small;
 text-decoration: none;
 font-family: "Arial Black", Arial, serif;
}
#Menu_gauche a
{color: white;
 font-size: small;
 text-decoration: none;
 font-family: "Arial Black", Arial, serif;
}
#Menu_gauche a:hover
{color: yellow;
 font-size: small;
 text-decoration: none;
 font-family: "Arial Black", Arial, serif;
}
#Menu_gauche a:focus
{color: yellow;
 font-size: small;
 text-decoration: none;
 font-style: italic;
 font-family: "Arial Black", Arial, serif;
}
#Menu_gauche ul
{list-style-type: square;
 color: white
}



/* Contenu */
#Contenu
{margin-left: 180px;
 margin-right: 20px;
}

#Contenu h1
{color: red;
 font-size: xx-large;
 font-family: "Arial black", Arial, Verdana, serif;
}
#Contenu h2
{text-indent: 30px;
 color: black;
 font-size: x-large;
 font-style: italic;
 font-family: Georgia, serif;
}
#Contenu h3
{text-indent: 50px;
 color: black;
 font-weight: bold;
 font-size: x-large;
 font-style: italic;
 font-family: "Arial black", Arial, Verdana, serif;
}
#Contenu h4
{text-indent: 10px;
 color: black;
 font-size: large;
 text-decoration: underline;
 font-family: "Arial black", Arial, Verdana, serif;
}

#Contenu p
{text-indent: 30px;
 color: black;
 text-align: justify;
 font-size: medium;
 font-family: Georgia, serif;
}
#Contenu a:visited
{color: gray;
 text-decoration: underline;
 font-family: Georgia, serif;
}
#Contenu a
{color: white;
 text-decoration: underline;
 font-family: Georgia, serif;
}
#Contenu a:hover
{color: yellow;
 text-decoration: underline;
 font-family: Georgia, serif;
}
#Contenu a:focus
{color: yellow;
 text-decoration: underline;
 font-style: italic;
 font-family: Georgia, serif;
}

#Contenu .cursus
{margin-left: 150px;
}
#Contenu .note
{text-indent: 0px;
 font-size: x-small;
 max-width: 500px;
}
#Contenu .photo
{margin-top: 20px;
 margin-right: 30px;
 margin-bottom: 20px;
 float: left;
 border: none;
}
#Contenu .figure
{margin-left: 180px;
}
#Contenu .figleg
{color: black;
 text-indent: 0px;
 font-size: small;
 font-style: italic;
 margin-left: 160px;
 max-width: 300px;
}
#Contenu .presenteur
{text-indent: 30px;
 color: black;
 text-align: justify;
 font-size: medium;
 text-decoration: underline;
 font-family: Georgia, serif;
}




/* Pied de page */
#Pied_page
{height: 15px;
 position: relative;
 clear: both;
 margin-top: 50px;
 border-top: 2px ridge black;
 border: none;
 }
#Pied_page p
{color: black;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, serif;
 font-size: small;
 font-style: italic;
 text-align: center
 }