*t{border: solid black 1px}


#titre{
    background-color: #99e6bf;
    width:80%;
    margin: 30px 10% 5% 10%;
    border: solid #AAA 1px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px #AAA;
    text-align: center;}

.introBody{
    background: rgb(255, 255, 255);}

.introduction{
    width:80%;
    margin: 100px 10% 5% 10%;
    text-align: left;}

#mainBox{
    width:80%;
    margin: 50px 10% 5% 10%;
}

#leftColumn, {
    position: relative;
    background-color: white;
    display:inline-block;
    width:60%;}


#leftAside{                            /* Affichage bouton retour */
    padding: 20px 0px 20px 0px;
    text-align: center;
    position: fixed;
    right: 4.2%;
    bottom: 50px;
    width:150px;
    box-shadow: 5px 5px 6px #AAA;
    border: solid red 1px;
    border-radius: 20px;
    text-decoration: none;}

#leftAside:hover{
    text-decoration: none;
    background-color: white;/*rgba(255,0,0,.15);*/
    border: solid red 1px;
    border-radius: 20px;
    box-shadow: 1px 1px 3px #AAA;
    }



.sectionCours{                         /* Affichage des sections de Cours */
    width: 100%;}

.sectionBox{
    width: 40%;
    display: inline-block;
    margin: 10px 5px 10px 5px;}



.vertButton, .bleu, .rouge, .noir, .orange {
        min-width: 100px;
        padding: 0px 8px 0px 8px;
        height: 40px;
        line-height:40px;      /*Donner la même hauteur à la ligne qu'au conteneur*/
        margin: 5px 2% 5px 2%;
        display: inline-block;
        text-align: center;
        border: solid #888 1px;
        border-radius: 10px;
        box-shadow: 3px 3px 3px #AAA;}

.vertButton:hover, .bleu:hover, .rouge:hover, .noir:hover, .orange:hover{
        border: solid white 1px;
        box-shadow: 1px 1px 1px #AAA;}

.vertButton {background-color: #00cc99;}
.bleu {background-color: #6666ff;}
.rouge{background-color: red;}
.noir {background-color: grey;}
.orange {background-color: orange;}