body {
    background-color: #F8F8F8;
    counter-reset: h2counter;
}

header {
    position: relative;
}

#boitePrincipale, #boitePrincipaleExo
{   
    margin: auto;
    font-family: 'Arial', Verdana, sans-serif;
}

#boitePrincipale {
    width: 620px;
}

#boitePrincipaleExo {
    width: 600px;
    display: flex;
}

h3
{
    color: grey;
    font-size: 1.2em;
    margin-bottom: 5px;
}

header
{
    position: relative;
}

header div
{
    display: inline-block;
}

/*nav
{
        display: inline-block;
        width: 166px;
        vertical-align: top;
}*/

section
{
    /*display: inline-block;*/
    width: 620px;
    /*height: 300px;*/
    border: 3px solid #D8D8D8;
    border-radius: 20px;
    margin-bottom: 15px;
    /*vertical-align: bottom;*/
    /*vertical-align: top;*/
}

#accueil
{
    width: 600px;
}
aside
{
    display: inline-block;
    text-align: justify;
    vertical-align: top;
    float: right;
    width: 580px;
}

footer
{
    text-align: center;
    background-color: lightgrey;
    border-radius: 5px;
    color: grey;
    font-size: .9em;
    margin-top: 6px;
    height: 1.3em;
}

footer a
{
    color: grey;
}

nav ul ul
{
    display: none;
}

nav ul li:hover > ul
{
    display: block;
}

nav ul
{
    background: #efefef; 
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 10px;
    border-radius: 10px;
    margin:0px;
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after
{
    content: ""; clear: both; display: block;
}

nav ul li
{
    float: left;
}

nav ul li:hover
{
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a
{
    color: #fff;
}

nav ul li a {
    display: block; padding: 5px 15px;
    color: #757575; text-decoration: none;
}

nav ul ul {
    background: #5f6975; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
nav ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
}
nav ul ul li a {
    padding: 5px 15px;
    color: #fff;
}	
nav ul ul li a:hover {
    background: #4b545f;
}
nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

.carre
{
    width: 75px;
    height: 75px;
    background-color: orange;
    border: 1px solid black;
}

.listeTC li
{
    padding: 10px;
}

ol.listeExercices{
    line-height: 150%;
}

.verbatim
{
    font-family: "Courier New", Courier, "Liberation Mono", monospace;
    font-size: 110%;
}

/*.listeDatesTablette, .listeTC
{
        display: none;
}*/


.listeDatesTablette li, .listeExercices li, .listeConstructionsEuclide li
{
    padding: 6px;
}

.exercicesDunSujet {
    list-style-type: none;
}

.listeConstructionsEuclideBookI {
    font-family: 'Arial', Verdana, sans-serif;
    color: #757575;
}

.euclidBookTitle {
    font-size: 110%;
}

.listeConstructionsEuclideBookI li {
    display: inline-block;
    width: 95px;
}

.listesPremieresPages li, .listePolycops li
{
    padding: 3px;
    list-style-type: none;
}

section ul li a {
    text-decoration: none;
}

section ul li ul li a {
    text-decoration: underline;
}

.listePolycops h3 {
    padding-bottom: 10px;
}

ol.listeExercices
{
    list-style-type:lower-alpha;
}

.enTeteExercice
{
    font-family: 'Arial', Verdana, sans-serif;
}

.miniaturePolycop {
    /*    z-index: -1;*/
    height: 120px;
    width: 100px;
    border: 1px solid black;
    position: relative;
    padding: 0px;
    display: inline-block;
}

.titrePolycopMiniature {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    width: 96px;
    position: absolute;
    top: 20px;
    left: 2px;
    text-align: center;
    display: inline-block;
}

.exercice {
    border: 3px solid #D8D8D8;
    border-radius: 20px;
    padding: 15px;
    text-align: justify;
}

.exercice p {
    line-height: 150%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.exercice h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

#polycopAvecMargeGauche {
    margin-left: 25px;
}

nav ul li a
{
    width: 80px;
    font-size: 1.5em;
}

nav ul li ul li a
{
    font-size: 1.25em;
}

#retour
{
    display:inline-block;
    float: right;
    font-size: 1.5em;
    font-weight: normal;
    color: grey;
    padding-right: 10px;
    padding-top: 30px;
}

.retourExo
{
    height: 40px;
    float: right;
    font-size: 1.1em;
    font-weight: normal;
    color: grey;
    padding-right: 10px;
    padding-top: 5px;
    text-align: center;
}

#retour a, .retourExo a
{
    color: grey;
    text-decoration: none;
}

#menuClasses
{
    /*display:inline-block;*/
    float: right;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-right: 0px;
    /*    vertical-align: top;*/
    margin-top: 17px;
    margin-right: 10px;
}

#enTete
{
    position: relative;
    top: -15px;
    font-size: 1.5em;
    font-weight: bold;
    color: #4D4D4D;
    height: 60px;
    width: 120px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    /*z-index:-1;*/
}

#anneeScolaire
{
    color: #DCDCDC;
    display: inline-block;
    font-size: .75em;
    position: relative;
    bottom:10px;
    left:40px;
    z-index:-1;
}

#illustrationAccueil {
/*    width: 500px;*/
}