*s{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);}

.introduction{
    width:80%;
    margin: 100px 10% 5% 10%;
    /*border: solid #AAA 1px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px #AAA;*/
    text-align: left;}

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

.box{
    width:80%;
    margin:100px 10% 100px 10%;}


/* SECTION vers les liens  dans .box */
.boxText{
    display: inline-block;
    vertical-align:top;
    width:40%;
    padding: 10px 4% 10px 4%;
    border: solid #3399ff 6px;
    border-radius: 15px;
    box-shadow: 2px 2px 3px #AAA;}

.boxBlank{
    vertical-align:top;
    display: inline-block;
    width: 20%;}

.boxImage{
    vertical-align:top;
    display: inline-block;
    width:20%}






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


#leftAside{
    background-color: white;
    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;
    }

a{text-decoration: none;}

.vList{
    margin: 30px 0% 5% 0%;
    border: solid #AAA 1px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    box-shadow: 2px 2px 3px #AAA;}
.vList h3{
    margin-top:  5px;
    margin-left: 10px;
    text-shadow: 2px 2px 3px #AAA;}
.vList p{
    color: black;}

.floating-box {
    vertical-align: top;
    display: inline-block;
    margin: 2%;}

.imgItem{
    width:15%;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #AAA;}

.paraItem{
    width:65%;}



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