.body_maquette {
    width:90%;
    max-width: 1024px;
    margin: 0 auto;
    border:0px solid green;
}
.cadre {
    display: grid;
    grid-template-columns: 20% 50% 30%;
    grid-template-rows: 50px 320px 40px 20px 30px;
    border-bottom:0px solid green;
}
.nom {
    display: grid;
    grid-column: 2/3;
    grid-row: 1/2;
    border:0px solid green;
    justify-items: center;
    align-content: center;
    font-size: 20px;
    font-weight: 600;
    color:mediumblue;
}
.mage {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;
    max-height: 94%;
    max-width: 96%;
    overflow: hidden;
    padding:1px;
    object-fit: scale-down;
    margin: auto;
    border-radius: 8px;
    box-shadow: 6px 6px 12px gray;
}
.commentaire {
    display: grid;
    grid-column: 3/4;
    grid-row: 2/3;
    font-size: 14px;
    text-align: justify;
    padding: 0 8px;
    border:0px solid green;
}
.egami {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;
    max-height: 245px;
    max-width: 94%;
    margin: auto auto;
    border: 0px solid green;
}
.la_video {
    display: grid;
    height: 245px;
    border:0px solid green;
}
.retour {
    display: grid;
    grid-column: 3/4;
    grid-row: 5/6;
    text-align: right;
    padding-right: 30px;
    border:0px solid blue;
}
.autre {
    display: grid;
    grid-column: 3/4;
    grid-row: 3/4;
    text-align: center;
    font-size: 14px;
}

input {
    font-size:16px;
    padding:2px 4px;
}

.lesboutons {
    display:flex;
    width:740px;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 4px;
    cursor: pointer;
    justify-content: space-between;
}
.item {    
    border-radius: 6px;
    padding: 4px 7px;
    cursor: pointer;
    /*box-shadow: 1px 1px 5px gray;*/
}
.clic {
    padding: 2px 8px;
}
.date_courte {
    display: block;
    width:90%;
    text-align: center;
    font-size: 14px;
    font-style: italic;
}