.hauteurDePageCreations{
    /* margin-top: 70px; */
}
.zoneTitreCreations{
    margin: 20px 0;
}
.zoneTitreCreations .titreDeLaPage{
    color: #CA7032;
}
.zoneTitreCreations .traitReliant{
    height: 2px;
    width: 20%;
    background-color: #CA7032;
}
.zoneTitreCreations figcaption{
    font-size: 1.6em !important;
}
.sousMenuCreation nav{
    margin: 30px 0;
}
.sousMenuCreation nav{
    width: 100%;
}
.sousMenuCreation nav ul{
    display: flex;
    list-style: none;
    justify-content: space-between;
    font-family: 'Fredericka the Great';
    font-weight: 300;
    font-size: 1.2em;
    text-transform: uppercase;
}
.sousMenuCreation nav li{
    border: 2px solid #CA7032;
    border-radius: 50px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.grise{
    border: 2px solid #bfbdbd !important;
    background-color: #e2dcdc;
}
.grise a{
    color: white !important;
}
.sousMenuCreation a{
    color: black;
}
.sousMenuCreation a:hover{
    /* font-size: 1.3em; */
    font-weight: 600;
}
.sousMenuCreation a:visited{
    color: #CA7032;
}
.imgIntro{
    position: relative;
}
.imgPieuvreAttaque{
    width: 100%;
}


/* (inférieur à 1280) */
@media screen and (max-width: 1280px) {
    .sousMenuCreation nav ul{
        font-size: calc(0.55vw + 11px);
    }
}

/* (inférieur à 1024) */
@media screen and (max-width: 1024px) {
    main {
        max-width: 90vw;
    }
    .sousMenuCreation nav li {
        padding: 6px 8px;
    }
}

/* (inférieur à 600) */
@media screen and (max-width: 600px) {
    main {
        max-width: 90vw;
    }
    .sousMenuCreation nav ul{
        flex-wrap: wrap;
        justify-content: left;
    }
    .sousMenuCreation nav li {
        margin: 5px 10px;
    }
}


@media screen and (max-width: 412px) and (orientation: portrait) {
    .hauteurDePageCreations{
        height: 100vh;
    }
    .zoneTitreCreations .titreDeLaPage{
        font-size: 2.5em;
    }
    .zoomImage {
        display: none;
    }
    
    
}