.fiche_header_titre_wp {
    display: grid;
    grid-template-rows: auto;
    justify-content: center;
    padding-bottom: 20px;


    @media (min-width: 0px) and (max-width: 600px) {
        grid-template-columns: 1fr;
        padding-top: 40px;
    }
    @media (min-width: 600px) {
        grid-template-columns: minmax(10px, 10px) 580px 0px;
    }
    @media (min-width: 700px) {
        grid-template-columns: minmax(10px, 10px) 660px 0px;
    }
    @media (min-width: 800px) {
        grid-template-columns: minmax(10px, 10px) auto minmax(10px, 10px);
    }   
    @media (min-width: 900px) {
        grid-template-columns: minmax(10px, 10px) 860px minmax(10px, 10px);
    }
    @media (min-width: 1000px) {
        grid-template-columns: minmax(20px, auto) 950px minmax(10px, auto);
    }
    @media (min-width: 1100px) {
        grid-template-columns: minmax(20px, auto) 1020px minmax(20px, auto);
    }
    @media (min-width: 1200px) {
        grid-template-columns: minmax(20px, auto) 1100px minmax(20px, auto);
    }
    @media (min-width: 1300px) {
        grid-template-columns: minmax(20px, auto) 1200px minmax(20px, auto);
    }
    @media (min-width: 1400px) {
        grid-template-columns: minmax(20px, auto) 1300px minmax(20px, auto);
    }
    @media (min-width: 1500px) {
        grid-template-columns: minmax(20px, auto) 1400px minmax(20px, auto);
    }
    .fiche_header_wp_gauche {
        
        @media (min-width: 0px) and (max-width: 600px) {
        display: none;
        }
        @media (min-width: 600px) {
        grid-column: 1;
        }
    }
    .fiche_header_wp_gauche_carre {
        @media (min-width: 0px) and (max-width: 600px) {
        display: none;
        }
        @media (min-width: 600px) {
        grid-column: 1;
        grid-row: 4;
        }
    }
    .fiche_header_wp_droite {
        @media (min-width: 0px) and (max-width: 600px) {
        display: none;
        }
        @media (min-width: 600px) {
        grid-column: 3;
        }
    }

    .fiche_header_inner {
        @media (min-width: 0px) and (max-width: 600px) {
        grid-column: 1;
        grid-row: 1/3;
        }
        @media (min-width: 600px) {
        grid-column: 2;
        grid-row: 1/3;
        }
        display: grid;
        
        @media (min-width: 0px) and (max-width: 600px) {
        grid-template-columns: auto;
        grid-template-rows: auto auto; 
        }
        @media (min-width: 600px) {
        width: 575px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 700px) {
        width: 675px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 800px) {
        width: 780px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }   
        @media (min-width: 900px) {
        width: 860px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1000px) {
        width: 950px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1100px) {
        width: 1020px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1200px) {
        width: 1100px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1300px) {
        width: 1200px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1400px) {
        width: 1300px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1500px) {
        width: 1400px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1600px) {
        width: 1400px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1700px) {
        width: 1400px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
        @media (min-width: 1800px) {
        width: 1400px;
        grid-template-columns: auto;
        grid-template-rows: 40px auto;
        }
    }

    .fiche_header_titres {
        @media (min-width: 0px) and (max-width: 600px) {
            grid-column: 1;
            grid-row: 1;
            padding-bottom: 20px;
            padding-left: 10px;
        }
        @media (min-width: 600px) {
            grid-column: 1;
            grid-row: 2;
        }
        display: grid;
        align-content: start;
        gap: 0.75rem;


            h1 {
                max-width: 1000px;
                font-size: 55px;
                @media (min-width: 0px) and (max-width: 600px) {
                    font-size: 25px;  
                }
                @media (min-width: 600px) {
                    font-size: 25px;
                }
                @media (min-width: 700px) {
                    font-size: 30px;
                }
                @media (min-width: 800px) {
                    font-size: 30px;
                }   
                @media (min-width: 900px) {
                    font-size: 40px;
                }
                @media (min-width: 1000px) {
                    font-size: 40px;
                }
                @media (min-width: 1100px) {
                    font-size: 40px;
                }
                @media (min-width: 1200px) {
                    font-size: 50px;
                }
                @media (min-width: 1300px) {
                    font-size: 55px;
                }
                @media (min-width: 1400px) {
                    font-size: 55px;
                }
                @media (min-width: 1500px) {
                    font-size: 55px;
                }
                @media (min-width: 1600px) {
                    font-size: 55px;
                }
                @media (min-width: 1700px) {
                    font-size: 55px;
                }
                @media (min-width: 1800px) {
                    font-size: 55px;
                }
            }
            p {
                max-width: 475px;
            }
        }

    .fiche_header_img {
        @media (min-width: 0px) and (max-width: 600px) {
        grid-column: 1 / 4;
        grid-row: 2 / 3;
        padding-left: 10px;
        padding-right: 10px;
        }
        @media (min-width: 600px) {
        grid-column: 3 / 5;
        grid-row: 1 / 3;
        }
        overflow: hidden;
        .ds-media {
            @media (min-width: 600px) {
                height: 100%;
            }
        }
    }

    .fiche_header_infos {
        @media (min-width: 0px) and (max-width: 600px) {
        grid-column: 1 / 2;
        grid-row: 4;
        margin-top: -30px;
        }
        @media (min-width: 600px) {
        grid-column: 1;
        grid-row: 4;
        }
        display: grid;
        align-content: center;
        justify-content: end;
        
        @media (min-width: 0px) and (max-width: 700px) {
        gap: 7px;  
        }
        @media (min-width: 700px) {
        gap: 20px;
        }

        text-align: right;
        .fiche_header_infos_genre {
        font-weight: 900;
        
        }
    }
    .fiche_header_bandeau {
        @media (min-width: 0px) and (max-width: 600px) {
        grid-column: 1 / 3;
        grid-row: 4;
        margin-top: -30px;
        }
        @media (min-width: 600px) {
        grid-column: 1 / 4;
        grid-row: 4;
        }
        background-color: var(--c-backgroud-black);
    }

    .fiche_description > * {
        max-width: 640px;
        display: flex;
        flex-direction: column;
    }
    .fiche_description {
        .page-section--inner {
        @media (max-width: 599px) {
            padding-left: 10px;
            padding-right: 10px;
        }
        }
    }
}
