/* @font-face {
    font-family: "Merienda";
    src: url("./Merienda-Regular") format("woff");
   }
@font-face {
    font-family: "Ubuntu";
    src: url("./UbuntuBold-1YyB") format("woff");
    src: url("./UbuntuBoldItalic-Rg86") format("woff");
    src: url("./UbuntuItalic-Bpm8") format("woff");
    src: url("./UbuntuLight-8zBJ") format("woff");
    src: url("./UbuntuLightItalic-Ygw4") format("woff");
    src: url("./UbuntuMediumItalic-Myln") format("woff");
    src: url("./UbuntuMedium-rYwL") format("woff");
    src: url("./Ubuntu-n1M0") format("woff");
} */
   

/* background color */
.body
    {background: linear-gradient(#FFFFFF, #F5D6CD);
 background-repeat: no-repeat;
 background-size: cover;
 } 

/* .zone1 */
/* {background-color: red;} */
/* .zone2
{background-color: royalblue;} */
.zone3
{background: linear-gradient(#FFFFFF, #F6C7D2);}
.zone4
{background: linear-gradient(#FFFFFF, #F6C7D2);}
.zone5
{background: linear-gradient(#FFFFFF, #F6C7D2);}
/* .zone6
{background-color: burlywood} */
/* .zone7
{background-color: plum} */

/* background image */
#imageheader {
    background-image: url(couture_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
/* zone size  */
.image_header
{
    min-height: 50vh;
}

.image_slide
{
    min-height: 50vh;
}

.section_realisation {
    width: 140vh;
    min-height: 70vh;
}

.section_evenement {
    width: 140vh;
    min-height: 70vh;
}

.section_leclub {
    width: 140vh;
    min-height: 40vh;
}

.section_leclub_SM_zone{  min-height: 40vh;}


.section_information{
    width: 60%;
    min-height: 40vh;
    margin-bottom: 2vh;
}

.section_footer{
    min-height: 25vh;
}

.icons{
    height: 30px;
    width: 30px;
}

/* position relation-absolute */
.parent{
position: relative;
}
.child{
    position: absolute;
}

/* items of header */
.slogan{
    width: 70vh;
    color:grey;
    font-size: 5vh;
    margin-top: 20vh!important;
}

/* items of slide */
.h_image{
    max-height: 50vh; /* link with height of image_slide */
    min-width: 100%;
}

/* items of section réalisations-évènements */
.carte_grand{
    /* min-height: 56vh; link with height of section_realisation */
    background: linear-gradient(to left, #FFBDC8, white);
    margin: 2vh;
    overflow: auto;
    border-radius: 20px;
}
.carte_petit{
    min-height: 26vh; /* link with height of section_realisation*/
    margin: 2vh;
    overflow: auto;
    background: linear-gradient(to bottom, #FFBDC8, white);
    border-radius: 20px;
}
.carte_moyen{
    /* min-height: 26vh; link with height of section_realisation */
    background: linear-gradient(to left, #FFBDC8, white);
    margin: 2vh;
    overflow: auto;
    border-radius: 20px;
}
.carte_moyen_club{
    min-height: 50vh; /* link with height of section_realisation*/
    overflow: auto;
}

/* items of section 4 boutons */

#inscription{
  width: 25%;
  min-height: 25vh;
  background-color: greenyellow;
  text-align: center;
}
#planning
{
    width: 25%;
    min-height: 25vh;
    background-color: rgb(230, 186, 104);
    text-align: center;
}
#devenir
{
    width: 25%;
    min-height: 25vh;
    background-color: rgb(80, 137, 163);
    text-align: center;
}
#nouscontact
{
    width: 25%;
    min-height: 25vh;
    background-color: green;
    text-align: center;
}

.box{
    width: 25%;
    min-height: 25vh;
    background-color: green;
    text-align: center;
}

/* section footer */

footer{
    font-family: "Merienda", sans-serif;
    width: 100%;
}
/* navbar footer */
.navbar_footer{
    border: 1px black solid;
    background: linear-gradient(to bottom, white, #FFBDC8);
    width: 100%;
    z-index: 1;
    border-radius: 5vh;
    text-align: justify;
    align-items: center;
    padding: 2vh;
}
.c-flex-1-1-auto{
    flex: 1 1 auto;
}
.c-justify-content-unset{
    justify-content: unset !important;
}
.c-icone{
    height: 12vh;
    width: 12vh;
}
.c-nav-item{
    font-family: "Merienda", sans-serif;
    border: 1px #FF0000 solid;
    margin-left: 5vh;
    background: linear-gradient(to bottom, white, #FFBDC8);
    text-align: center;}
.n_cercle{
    width: 12vh;
    height: 12vh;
    z-index: 2;
    margin-left: 1vh;
    }
.color{
    background-color: #0085FC;
}
.goto_bouton{
    width: 10vh;
    height: 10vh;
    border-radius: 10vh;
    background: linear-gradient(to bottom, white, #FFBDC8);
    background-image: url(go_top.png);
    z-index: 2;
}

li {list-style-type: none;}

.n-icone{
    height: 5vh;
    width: 5vh;
}
.bouton{list-style-type: none;}

/* navbar footer dimanche */
.n_mt-8
{
    margin-top: 8vh;
}

.n_position_menu_footer
{
    margin-left: 5vw;
margin-top: 4vh;
}

.n_position_gotop_footer
{
    margin-left: 129vw;
    margin-top: -21vh;
}

.n_height_nav_footer_SM
{
    height: 18vh;
}

.n_position_logo_footer
{margin-top: -20vh;
    margin-left: 63vw;}

.n_size_logo_footer
{
    height: 22vh!important;
    width: 22vh!important;
    border-radius: 22vh!important;
}

.n_icons_positon_footer
{
    margin-top: -8vh;
}

 /* navbar header */

.navbar{
    border: 1px black solid;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    background: linear-gradient(to bottom, white, #FFBDC8);
    width: 90%;
    height:60px;
    z-index: 1;
    margin-left: -20px;
    margin-top: 75px;
    text-align: justify;
    align-items: center;
}
.nav-item{
    margin-left: 40px;
    background: linear-gradient(to bottom, white, #FFBDC8);
}

.cercle{
    width: 20vh;
    height: 20vh;
    z-index: 2;
}

.carre{
    border: 1px #FF0000 solid;
    text-align: center;
    background: linear-gradient(to bottom,#FFBDC8, white);
    min-width: 100px;
}
header{
    font-family: "Merienda", sans-serif;
}
.color{
    background-color: #0085FC;
}
.ms-3 {
    margin-left: 10% !important;
}

.margin_left_nav{
    margin-left: 10vw;
}

.pierre_button{
    margin-left: 70%;
}
.nav-link{
    padding: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 0;
}
.back_color_pierre{
    background: linear-gradient(to bottom, white, #FFF2FD);
}
.back_color_pierre_bas{
    background: linear-gradient(to bottom,#FFF2FD, #FFBDC8);
}