body
{
    background-color: rgb(54, 54, 54);
    font-family: Calibri;
    color: white;
    text-align: center;
}
.header
{    
    background-color: rgb(77, 77, 77);
    margin-top:20px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 12px 12px 2px 1px rgb(34, 34, 34);
}
nav 
{
    border-top: 1px solid white;
}
.btn
{
    font-size:10px;
    border: 1px solid white;
    padding:5px;
    border-radius: 5px;
    box-shadow: 6px 6px 2px 1px rgb(34, 34, 34);
    transform: scale(1);
    transition-property: transform;
    transition-duration: 300ms;
}
ol
{
    padding: 0;
}
.btn:hover 
{
    border-color: rgb(255, 68, 21);
    transform: scale(1.05);
}
.img
{
    width: 200px;
    height: 200px;  
    margin-left: auto;
    margin-right: auto;  
}
.crumbs ol 
{
    list-style-type: none;
    padding: 0;
}
.crumb 
{
    display: inline-block;
    text-decoration: none;
}
.crumb a
{
    text-decoration: double;
}
a
{
    text-decoration: none;
    color: white;    
}
a:hover
{
    color:rgb(255, 68, 21);
}
.crumb a::after 
{
    display: inline-block;
    color: rgb(255, 255, 255);
    content: '';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
}
.conteneur
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.vignette
{    
    background-color: rgb(77, 77, 77);
    margin-top: 40px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    padding: 20px 0 40px;
    box-shadow: 12px 12px 2px 1px rgb(34, 34, 34);
    transform: scale(1);
    transition-property: transform;
    transition-duration: 300ms;
}
.vignette:hover
{
    transform: scale(1.05);
    background-color: rgb(92, 92, 92);
    border: 1px solid rgb(255, 68, 21);
}
.vignetteMenu
{
    display: inline-block;
    background-color: rgb(77, 77, 77);
    margin: 40px 20px 40px 20px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    padding: 60px 60px 40px 60px;
    box-shadow: 12px 12px 2px 1px rgb(34, 34, 34);
    transform: scale(1);
    transition-property: transform;
    transition-duration: 300ms;
}
.vignetteMenu:hover
{
    transform: scale(1.05);
    background-color: rgb(92, 92, 92);
    border: 1px solid rgb(255, 68, 21);
}
.vignette ul
{
    text-align: left;
}
.texte
{
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
}
.centrer
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.cache
{
    visibility: hidden;
    display: none;
}
.new
{
    width: 20px;
}
.footer
{    
    background-color: rgb(77, 77, 77);
    margin-top:20px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 12px 12px 2px 1px rgb(34, 34, 34);
}