*t{border: solid black 1px}


#titre{
    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);}

#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;
    background-color: white;
    z-index: +1;}

#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;}

#leftBox, #middleBox, #rightBox{
    position: relative;
    background-color: white;
    display:inline-block;
    width:66%;}

#middleBox{margin-left: 15%;}
#rightBox{margin-left: 30%;}

.partieTitre{
    position: absolute;
    margin-top:1%; 
    margin-left:15%;
    text-align: left;
    width:40%;}

#leftPic, #middlePic, #rightPic {
    position: relative;
    width: 50%;
    height: 50%;
    margin: 0% 10% 5% 10%;
    padding: 1% 1% 1% 1%;
    border: solid grey 2px;
    border-radius: 20px;
    box-shadow: 8px 8px 5px #AAA;
    -webkit-transition: margin 1s, border-radius 4s; /* For Safari 3.1 to 6.0 */
    transition: margin 1s, border-radius 4s;         /* For chrome */}


#leftPic:hover{
    position: relative;
    border: solid rgb(0, 150, 255) 5px;
    border-radius: 40px;
    margin: 5% 10% 0% 10%;
    box-shadow: 3px 3px 3px #AAA;}

#middlePic:hover{
    position: relative;
    border: solid green 5px;
    border-radius: 40px;
    margin: 5% 10% 0% 10%;
    box-shadow: 3px 3px 3px #AAA;}


#rightPic:hover{
    position: relative;
    border: solid red 5px;
    border-radius: 40px;
    margin: 5% 10% 0% 10%;
    box-shadow: 3px 3px 3px #AAA;}