@import "all.css";

/* Corps de page */
body
{background-color: black;
 color: white;
}


/* En-tête */
#En-tete
{height: 60px;
 background-color: black;
 background-image: url("./img/hk/banniere.jpg");
 background-repeat: no-repeat;
 background-position: right;
}
#En-tete h1
{color: yellow;
}


/* Menu en haut */
#Menu_top
{height: 25px;
 color: black;
 font-size: medium;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px solid white;
 background-color: black;
 background-image: url("./img/hk/menu_bar.gif");
 background-repeat: no-repeat;
 background-position: right;
}
#Menu_top a:visited
{color: #88b8ff;
 font-size: medium;
 font-weight: bold;
}
#Menu_top a
{color: aqua;
 font-weight: bold;
 text-decoration: none;
 font-variant: small-caps;
}
#Menu_top a:hover
{color: aqua;
 font-size: medium;
 font-weight: bold;
 text-decoration: underline overline;
}
#Menu_top a:focus
{color: aqua;
 font-size: medium;
 font-style: italic;
 font-weight: bold;
 text-decoration: underline overline;
}



/* Menu à gauche */
#Menu_gauche
{float: right;
 position: relative;
 margin: 10px;
 margin-left: 30px;
 margin-top: 50px;
 padding-top: 10px;
 padding-bottom: 10px;
 border: 5px double yellow;
}
#Menu_gauche h3
{color: red;
 text-align: center;
 font-size: medium;
 font-weight: bold;
 font-variant: small-caps;
 margin-top: 5px;
 margin-left: 0px;
 margin-bottom: -15px;
}
#Menu_gauche a
{color: aqua;
 text-decoration: none;
 font-variant: small-caps;
}
#Menu_gauche a:visited
{color: #88b8ff;
}
#Menu_gauche a:hover
{color: aqua;
 text-decoration: underline overline;
}
#Menu_gauche ul
{color: white;
 list-style-type: none;
 text-align: center;
}


/* Contenu */
#Contenu
{margin-left: 40px;
 margin-right: 300px;
}
#Contenu h1
{color: red;
}
#Contenu h2
{text-indent: 30px;
 color: red;
 font-style: italic;
 font-family: Georgia, serif;
}
#Contenu h3
{text-indent: 50px;
 color: red;
 font-weight: bold;
 font-style: italic;
}
#Contenu h4
{text-indent: 10px;
 color: white;
 text-decoration: underline;
}

#Contenu p
{text-indent: 30px;
 color: white;
 text-align: justify;
}
#Contenu ul
{color: white;
 text-align: justify;
}
#Contenu a
{color: aqua;
 text-decoration: none;
}
#Contenu a:visited
{color: #88b8ff;
 text-decoration: underline;
}
#Contenu a:hover
{color: aqua;
 text-decoration: underline overline;
}
#Contenu a[href^="http"]
{display: inline;
 padding-right: 14px;
 background: transparent url("./img/external_white.svg") center right no-repeat;
}
#Contenu .figure
{background-color: white;
}
#Contenu .news
{color: white;
 text-decoration: none;
 font-style: normal;
 border-bottom: 2px solid white;
 border-left: 2px solid white;
 margin-top: 15px;
 margin-left: 80px;
 margin-right: 200px;
}
#Contenu .news h5
{text-align: center;
 margin: 5px;
}
#Contenu .topic
{float: left;
}
#Contenu .topic a:hover p
{color: aqua;
}
#Contenu .subsection
{border: none;
}
#Contenu .subsection h4
{border-bottom: 1px solid white;
 border-left: 1px solid white;
 color: yellow;
 background-color: black;
}
#Contenu .dl
{border: 1px solid white;
 background-image: url("./img/bg/menu_bar.gif");
}




/* Pied de page */
#Pied_page
{border-top: 1px solid red;
 border-bottom: 1px solid red;
 background-color: black;
 }
#Pied_page p
{color: red;
 font-variant: small-caps;
 text-decoration: none;
 }