/** AJOUT DSI **/

#chapter #body-inner {
    padding-bottom: 3rem;
    max-width: 80%;
}

#body-inner {
    margin-bottom: 5rem;
}

/** TOOLS LINK **/
div.tools-link{
    display: inline-block;
    text-align: center;
}

div.tools-link.right{
    float: right;
}

.tools-link a{
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 
}

.tools-link img{
    margin: 17% 15% !important;
    width: 70%;
    height: 70%;
    transition: object-position .15s;
}

.tools-link  a:hover,
.tools-link  img:hover {
    object-position: left;
}

.tools-link p{
    text-align: center;
}

.tools-link img.visiateam{
    margin: 40% 15% !important;
    width: 70%;
    height: 20%;
    transition: object-position .15s;
}

/** TILES LINK **/
.tile { 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 
    max-width: 250px; 
    max-height: 250px; 
    margin: 10px; 
    text-align: center; 
    font-family: arial; 
    float: left; 
    padding: 5px; 
} 

.tile .content { 
    color: grey; 
    font-size: 0.9rem; 
    width:200px;
    overflow:hidden;
    height:80px; 
} 

.tile .action { 
    border: none; 
    outline: 0; 
    padding: 12px; 
    background-color: #F6F6F6; 
    text-align: center; 
    cursor: pointer; 
} 

.tile .action:hover { 
    opacity: 0.7; 
} 

.tile .action a { 
    text-decoration: none; 
    font-size: 1rem; 
}