body{
    display: grid;
    width:100%;
    height: 100vh;
    grid-template:
    "header header " var(--header-height)
    "nav nav "   var(--nav-height)
    "Article Article " 5em
    "Aside Main " auto 
    "footer footer" var(--footer-height)
    / 1fr 2fr;
}   

/*  La définition des zones de la page  */

#pageHeader{grid-area: header;}
#mainNav{grid-area: nav}
#CommentSeRendre {grid-area: Article;}
#CSRInfo{GRID-area: Aside;}
#CSRImage{grid-area: Main;}
#pageFooter{grid-area: footer;}

/*  La définition des zones de la page pour un mobile */
@media screen AND (max-width: 760px){
    body{
    grid-template:
    "header" var(--header-height)
    "nav"  auto
    "Article" auto
    "Aside" auto
    "Main" auto
    "footer" var(--footer-height)
    / 1fr;   
    }
}
/*  Les Styles du site  */
article, aside, main{
    border-radius: 15px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.15);
    border: 1px inset var(--grisfonce);
    padding-bottom: 10px;
    margin-top:5px;
}

.Image_SeRendre{
    width:100%;        
    height: 100%;
}
.Image_SeRendre iframe{
    width: 100%;
    height:100%;
}