*{margin:0;padding:0;font-weight:normal;}
*::-webkit-scrollbar{display:none;}
*{-ms-overflow-style:none;scrollbar-width:none;}
        
/*@font-face {font-family:"name";src:url(../fnt/name.ttf);}*/
/*@keyframes name {from {css} to {css}}*/

body {
    width: 100vw;
    height: 100vh;
    background: url(../img/back.jpg) center/cover no-repeat;
}

#header {
    width: 100%;
    height: 25%;
}

#title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70%;
}
#title .link {
    font-size: 7vw;
    font-weight: bold;
    font-variant: small-caps;
    color: #fff;
    text-decoration: none;
}

#menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 30%;
    font-size: 2.5vw;
    background: #fff;
}
.menuItem {
    text-decoration: none;
    color: #666;
}

.menuItem:hover {
    color: blue;
}

.menuItem.active {
    color: #000;
}

#content {
    width: 100%;
    height: 75%;
    background: rgba(255,255,0,.5);
    overflow: scroll;
}
.contentItem {
    margin-top: 2%;
    padding: 0 4%;
    text-align: justify;
    font-size: 2vw;
}
.contentTitle {
    width: 100%;
    font-size: 2.75vw;
    font-weight: bold;
}
.contentText {
    margin-top: 2%;
}
.contentList {
    margin-top: 2%;
    text-align: center;
    font-weight: bold;
}
.contentClause {
    margin-top: 2%;
    font-size: 1.5vw;
}
.contentGrid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2%;
}
.gridItem {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.gridItem span {
    width: 33.5%;
    padding: .25% 0;
    text-align: center;
    border: 1px solid #000;
    background: #fff;
}
.bold span {
    font-weight: bold;
    background: #ddd;
}

.end {
    margin-bottom: 2%;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#accueil .flex .contentText {
    width: 49%;
}
#accueil .flex .contentImage {
    margin-top: 2%;
    width: 49%;
    background: url(../img/merry.jpg) top/cover no-repeat;
    border-radius: .5vw;
}

#huiles .flex .contentText {
    width: 69%;
}
#huiles .flex .contentImage {
    margin-top: 2%;
    width: 29%;
    background: url(../img/huile.jpg) center/cover no-repeat;
    border-radius: .75vw;
}

#soins .contentItem .link {
    font-weight: bold;
    color:blue;
}