/* ____________________________*/
/* ____________________________*/
/* Grande grille */
/* ____________________________*/
/* ____________________________*/
.container_grandeGrid{
    display: grid;
    grid-template-rows: 32rem auto 5rem;
    row-gap: 1rem;
}
.item_grandeGrid_header{
    /* background-image: url(./../img/header_fils_et_fond_deroule_GE.svg);
    background-repeat: no-repeat;
    background-size: cover; */
    z-index: 1;
}
.item_grandeGrid_header_image{
    /* 20211204 Ajout */
    object-fit:fill;
}
.item_grandeGrid_main{
    width: 80%;
    /* 2021 11 max-width: 1900px; */
    margin-left: auto;
    margin-right: auto;
}
.item_grandeGrid_footer{
    /* margin-top: 5rem; */

}

/* ____________________________*/
/* ____________________________*/
/* Header */
/* ____________________________*/
/* ____________________________*/
.container_header{
    /* Size */
    /* width: 100%;
    height: 100%;
    max-width: 1900px; */
}
.container_header_row01_flex{
    /* Background */
    background-image: url(./../img/header_background.svg);
    background-repeat: no-repeat;
    background-size:contain;
    display: initial;
    z-index: 0;
    /* Flexbox */
    display: flex;
    flex-direction: row;
    justify-content:space-between; 
}
.item_header_bouton{
    margin-bottom: 2rem;
    width: 13%;
    position: sticky;
    display: initial;
    z-index: 1;
    /* Flexbox */
    align-self:flex-start;
    flex-grow:0;
}

.item_header_bouton_gauche{
    margin-left: 1rem;
    z-index: 3;
}
.item_header_bouton_droite{
    margin-right: 1rem;
    
}
.container_flex_horizontal_header_bouton_droite {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    justify-content: flex-end;
}
.item_header_bouton_milieu{
      
}
.item_header_habillage{
    grid-area: boutons;
    align-items:center;
    flex-grow:1;
    flex-shrink: 1;
}

.item_header_habillage-hide{
    display: initial;
    z-index: -1;
} 



/* Bouton header sous-division - Flex horizontal  */
.container_header_bouton_sous_division{
    /* display: initial;
    z-index: 0;
    /* 2021 11 19 position: fixed; 
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between; 
    width: 100%; */
}

/* Flex horizontal  */
.container_flex_horizontal{
    display: flex;
    flex-direction: row;
    flex-grow:0;
    align-items: center;
    justify-content:space-evenly;
    width: 100%;
}

.item_flex_horizontal{


}
.container_flex_horizontal_image_galerie{
    column-gap: 1rem;
    row-gap: 1rem;
    margin-top: 1rem;
}
.container_flex_horizontal_image_galerie_annees{
    background-color:#BEFCFD;
    border-radius: 1rem;
    /*2021 11 29  Ajout */
    padding-bottom: 1rem;
    padding-top: 1rem;
    /*2021 11 29  
    justify-content:center;
    margin-left: auto;
    margin-right: auto;
    width: unset;
    width: 80%;
    padding-top: 1rem;
    padding-bottom: 1rem; */
}
.item_flex_horizontal_image_galerie_annees{
    /* 2021 11 29 width: 10%; */
    flex-grow:inherit;
}


/* ____________________________*/
/* Navigation */
/* ____________________________*/
.container_liensNavigation{
    display: none;
    background-color: black;
    padding: 1rem;
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
}
.icon_Navigation{
display: initial;
}

/* Réseaux sociaux*/
/* ____________________________*/
.container_lien_RS{
    width: 100%;
    /* position: fixed; */
    /* flex */
    display: flex;
    flex-direction: row;
    row-gap: .5rem;
    column-gap: .5rem;
    align-items: center;
    justify-content:space-evenly;
}

.item_lien_RS{
    /* width: 1rem; */
}
.image_lien_RS{
    object-fit:cover;
    width: 2rem;
}

/* Langue */
.container_flex_langue{
    display: flex;
    width: 100%;
    flex-direction: row;
    column-gap: .5rem;
    row-gap: 1rem;
    align-items: center;
    justify-content:space-evenly;
    margin-top: 1rem;
}

.image_langue_blanc{
    object-fit:cover;
    border: .2rem solid #000;
    border-radius: .25rem;
    width: 1.5rem;

}
.image_langue_noir{
    object-fit:cover;
    border-radius: .25rem;
    width: 1.5rem;

}
/* ____________________________*/
/* ____________________________*/
/* Contenu - bloc génériques */
/* ____________________________*/
/* ____________________________*/
.video_immersive{
    margin-top: 30rem;
    max-height: 40rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align:center;
    object-fit:cover;

}
.container_Bloc{
    background-repeat: no-repeat;
    border-radius: 5rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
    row-gap: 1rem;
    justify-items: center;
    grid-template-rows: 4rem auto;
    /* Modif du 2021 11 29 */
    /* grid-template-columns: 10% 10% auto; */
    grid-template-columns: 10% 10% 80%;
    grid-template-areas:
    ". . ." 
    ". titre titre"
    ". contenu contenu";
}

.item_Bloc_Habillage_Legume{
    grid-area: legume;
    justify-self: end;
    align-self: start;
} 
.item_Bloc_Habillage_habillage{
    /* grid-area: habillage; */
    /* position: initial;
    z-index: -1; */
    /* justify-self: end;
    align-self: start; */
} 
.item_Bloc_Titre{
    grid-area: titre;
    justify-self: center;
    align-self: center;
    margin-top: 6rem;
    
}
.container_flex_vertival{
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    align-items: center;
    justify-content:space-evenly;
    width: 100%;
}
.item_flex_vertival{
    width: 100%;
}

.item_Bloc_Contenu{
    grid-area: contenu;
    margin-left: 2rem;
    margin-right: 2rem;
    width: 90%;
    
}
.container_Contenu_flex{  
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    /* flex-grow: 1;
	flex-shrink: 1; 
    flex-basis: 80%;  */

} 
.item_Contenu_flex{

}
/* renovation contenu bloc */
.container_Contenu_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    justify-items: center;
    grid-row-gap: 1.5rem;

} 
/* renovation */
.item_Contenu_grid {}


.container_iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
position: initial;
z-index: -1;
}
.item_iframe{
    object-fit:cover;
    width: 100%;
    /* 2021 11 29 Ajout */
    height: 20rem;
}
.item_iframe_video{
    height: unset;
    height: 40rem;
}

/* ____________________________*/
/* Formulaire */
/* ____________________________*/

.container_formulaire{
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items: center;
    width: 100%;
    row-gap: 1rem;
}

.item_formulaire{
    width: 100%;
    
}
.item_formulaire_checkbox{
    width: 5%;
}


/* ____________________________*/
/* Footer */
/* ____________________________*/
.item_grandeGrid_footer{
    /* background-color: #DBEA15; */
    position:inherit;
}
.container_footer_boutons{
    display: flex;
    flex-direction: row;
    justify-content:space-evenly;
    align-items: center;
  

}
.item_footer_boutons{
    background-color:#DBEA15;
    padding: 1rem;
    border-radius: .5rem;
    border: #28415B 0.1rem solid;

}

.item_footer_boutons:hover{
    background-color:#befcfd; 
    border:#28415B 0.15rem solid;
}

/* ____________________________*/
/* ____________________________*/
/* ____________________________*/
/* Bloc Contenu - Les classes spécifiques  */
/* ____________________________*/
/* ____________________________*/
/* ____________________________*/

/* ____________________________*/
/* ____________________________*/
/* Présentation du Festival*/
/* ____________________________*/
/* ____________________________*/
.container_Bloc_PresentationFestival{
    /* background-image: url(./../img/Cadre_fils_orange_bleuFonce_ge.svg); */
    background-color: #884A95;
    background-image: url(./../img/habillage_bloc_presentation_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;

}
.item_Bloc_Habillage_Legume_PresentationFestival{
} 
.item_Bloc_Titre_PresentationFestival{
}
.item_Bloc_Contenu_PresentationFestival{
}
/* renovation bloc contenu */
.container_Contenu_grid_PresentationFestival{
    grid-template-columns: 1fr 1fr;
    justify-items: center;
} 
/* renovation */
.item_Contenu_grid_PresentationFestival{
}
.container_flex_horizontal_programmation{
    display: flex;
    width: 100%;
    flex-direction: row;
    column-gap: .5rem;
    align-items: center;
    justify-content:space-evenly;
    margin-top: 1rem;
}

/* Bloc Programmation du Festival*/
/* ____________________________*/
/* ____________________________*/
.container_Bloc_Programation{
    background-color: #28415B;
    background-image: url(./../img/habillage_bloc_programmation_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.item_Bloc_Habillage_Legume_Programation{}
.item_Bloc_Titre_Programation{}
.item_Bloc_Contenu_Programation{}
.container_Contenu_Programation{}
.item_Contenu_Programation{}

/* Bloc Se Repérer*/
/* ____________________________*/
/* ____________________________*/
.container_Bloc_Reperer{
    background-color: #C51F6E;
    background-image: url(./../img/habillage_bloc_Reperer_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* Bloc Newsletter*/
/* ____________________________*/
/* ____________________________*/
/* .container_Bloc_newsletter{
    background-color: #03A04B;
    background-image: url(./../img/habillage_bloc_Newsletter_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
} */
/* Bloc Images*/
/* ____________________________*/
/* ____________________________*/
.container_Bloc_images{
    background-color: #F47203;
    background-image: url(./../img/habillage_bloc_Images_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.container_Bloc_inscription_festival{
    background-color: #047270;
    background-image: url(./../img/habillage_bloc_inscrition_festival_V2.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* Bloc Mentions Légales/
/* ____________________________*/
/* ____________________________*/
.container_Bloc_Mentions_Legales {
    background-repeat: no-repeat;
    border-radius: 3rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
    display: grid;
    row-gap: 1rem;
    justify-items: center;
    grid-template-rows: 4rem auto auto;
    grid-template-areas:
        "."
        "titre"
        "contenu";
    background-color: rgba(0, 0, 0, 0.678);
    color: white;
}

/* ____________________________*/
/* ____________________________*/
/* Point de rupture */
/* ____________________________*/
/* ____________________________*/
@media only screen and (max-width: 1680px){
    .container_grandeGrid {
        grid-template-rows: 29rem auto 5rem;
    }
    .item_Bloc_Titre{
        margin-top: 4rem;
    }
}
@media only screen and (max-width: 1500px){
    .container_grandeGrid {
        grid-template-rows: 26rem auto 5rem;
    }
    .container_header{
        /* grid-template-rows: 13rem auto; */
    }
    /* renovation */
    /* .item_Contenu_grid_PresentationFestival img{
        width: 90%;
    } */
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }

    .video_immersive{
        display: none;
    }
    /* renovation */
    /* .item_Contenu_grid_PresentationFestival img{
        width: 80%;
    } */
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
    /* Bloc */
    .container_Bloc{
        grid-template-rows: 2rem auto;
    }
    .item_Bloc_Titre{
        margin-top: 3rem;
    }
}
@media only screen and (max-width: 1024px){
    .container_grandeGrid {
        grid-template-rows: 19rem auto 5rem;
    }
    /* Header */
    .container_header{
    }
    .container_bouton_header{

    }
    .item_header_bouton_Navigation{
   
    }
    .item_header_bouton_Logo{
    }
    .item_header_bouton_RS{
   
    }
    .container_bouton_lien_RS{
        height: unset;
        width: 100%;
        justify-content:space-around;
        row-gap: 0.5rem;
    }
    .container_LiensNaviogation{
        display: initial;
    }
    .container_LiensNaviogation_show{
	    display: initial;
    }
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
    /* video */
    .video_immersive{
        display: none;
    }
    /* Main */
    .item_grandeGrid_main{
        width: 95%;
    }
    /* Bloc */
    .container_Bloc{
        border-radius: 2.5rem;
        grid-template-rows: 2rem auto;
    }
    .item_Bloc_Titre{
        margin-top: 3.5rem;
    }
    .item_Bloc_Habillage_Legume{
        width: 100%;
    }
    .item_Bloc_Contenu{
        /* 2021 11 29 margin-left: 0.5rem;
        margin-right: 0.5rem; */
    }

/* renovation */
    .container_Contenu_grid_PresentationFestival{
    }
    .item_BLoc_Habillage_Legume_PresentationFestival{
    } 
    .item_BLoc_Titre_PresentationFestival{
    }
    .item_BLoc_Contenu_PresentationFestival{
    }
    .container_Contenu_grid_PresentationFestival{
        grid-template-columns: 1fr;
    } 
    /* renovation */
    .item_Contenu_grid_PresentationFestival{
    }
    .item_Contenu_grid_PresentationFestival img{
        width: 80%;
    }
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
}
@media only screen and (max-width: 768px){
    .container_grandeGrid {
        grid-template-rows: 15rem auto 5rem;
    }
    .container_header{
        /* grid-template-rows: 8rem auto; */
    }
    /* Changement de direction */
    .container_flex_vertical_redirection_horizontal{
        flex-direction:column;
        row-gap: 2rem;
    }
    .container_flex_vertical_redirection_horizontal_reverse{
        flex-direction:column-reverse;
        row-gap: 2rem;
    }
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
    /* bloc */
    .container_Bloc{
        grid-template-rows: 2rem auto;
    }
    .item_Bloc_Titre{
        margin-top: 1.5rem;
    }
}
@media only screen and (max-width: 600px){
    .container_grandeGrid {
        grid-template-rows: 13rem auto 5rem;
    }
    .item_Bloc_Titre{
        margin-top: 1rem;
    }
    .container_lien_RS{

    }
    .container_flex_langue{

    }
}
@media only screen and (max-width: 375px){
    .container_grandeGrid {
        grid-template-rows: 10rem auto 5rem;
    }
    .container_header{
        /* grid-template-rows: 5rem auto; */
    }
    .item_grandeGrid_main{
        width: 95%;
    }
    .container_bouton_header{

    }
    .item_header_bouton_Navigation{
 
    }
    .item_header_bouton_Logo{
        
    }
    .item_header_bouton_RS{

    }
    .item_lien_RS{

    }
    .video_immersive{
        display: none;
    }

    .item_Bloc_Habillage_Legume {
        width: 100%;
    }

    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
    /* bloc */
    container_Bloc{
       grid-template-rows: 1rem auto;
    }
    .item_Bloc_Titre{
        margin-top: -1.25rem;
    }
}
@media only screen and (max-width: 320px){
    .container_grandeGrid {
        grid-template-rows: 9rem auto 5rem;
    }
    .container_header{
        /* grid-template-rows: 5rem auto; */
    }
    .container_flex_horizontal_langue{
        flex-direction: unset;
    }
    /* bloc */
    container_Bloc{
       grid-template-rows: 1rem auto;
    }
}