*t{border: solid black 1px}

#topPage, div {display: block;}

a{
    text-decoration: none;
    text-shadow: 2px 2px 4px rgba(0, 102, 153, 0.5);
    color: rgb(0, 102, 153);}

#bandeHaut{
    background-color: #e6f5ff;
    margin: -140px 5% 5% 5%;
    position: fixed;
    display: block;
    width: 90%;
    border: solid #AAA 1px;
    border-radius: 10px;
    box-shadow: 5px 5px 6px #AAA;
    text-align: center;
    padding-top: 0px;
    margin-bottom: -50px;
    font-size: 130%;
    color:rgb(0, 102, 153);
    text-shadow: 2px 2px 3px rgba(0, 102, 153, 0.5);}

#semaines{
    display: block;
    border: solid #AAA 1px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px #AAA;);
    text-align: center;
    margin: 150px 10% 25px 10%;
    width:80%;}

#semGauche, #semDroite {
    margin-top: 0px;
    display: inline-block;
    vertical-align: text-top;
    width:39%;}

#separateur{
    margin-top: 20px;
    display: inline-block;
    vertical-align: text-top;
    width:1%;
    background-color: rgba(0, 102, 153, 0.9);
    box-shadow: 5px 5px 6px rgba(0, 102, 153, 0.5);
    border-radius: 10px;}


.skiPic{
    width:40%;
    border-radius: 10px;
    }

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

/*Type de paragraphe*/
p.box.event{background-color: rgba(255,153,0,   0.8);}

p.box.apDoc{border: solid #9966ff 7px; background-color:#eee6ff;}
p.box.cours{border: solid #0099ff 7px; background-color:#e6f5ff;}
p.box.TD   {border: solid #ff0000 7px; background-color:#ffe6e6;}
p.box.TP   {border: solid #33cc33 7px; background-color:#ebfaeb;}
p.box.R2P  {border: solid #ff9933 7px; background-color:#fff2e6;}

p.box.DS   {border: solid #9494b8 7px; background-color:#f0f0f5;}

p.box{
    width:95%;
    border-radius: 15px;
    padding: 10px 10px 10px 10px; }

/*p.box:hover{
    width:95%;
    box-shadow: 2px 2px 3px #AAA;
    border-radius: 15px;
    border-width: 10px;}*/





/* Boite pour une semaine */
.semaineBox{
    padding: 10px 10px 20px 10px;
    width:90%;
    border: solid #AAA 1px;
    box-shadow: 2px 2px 3px #AAA;
    border-radius: 5px;}

.colGauche{
    width:68%;
    display:inline-block;}

.colDroite{
    margin-left: 8%;
    width:20%;
    display: inline-block;
    vertical-align: top;}

.item.khole, .item.appDoc, .item.fiche{
    width:50%;}

.item.R2P, .item.DoC, .item.TP, .item.TD{
    width:75%;}

.item.khole:hover, .item.appDoc:hover, .item.fiche:hover{
    width:60%;}

.item.R2P:hover, .item.DoC:hover, .item.TP:hover, .item.TD:hover{
    width:85%;}




/*Bouton retour*/
#leftAside{
    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;
    }