:root{

    --main-color:#31789e;
    --success-color: #5dbf4b;
    --danger-color: #f00;

    /* HEADER */
    --header-height:75px;
    --header-background:#ffeed1;
    --header-text-color:#634800;

    /* BUTTON */
    --button-background:#31789e;
    --button-border:none;
    --button-hover-background: #205b7b;
    --button-neutral-background: #000000;
    --button-text-color: #fff;

    --shadow:0px 0px 15px #777;

}








section:nth-child(2n+1){  
    /* SECTION */
    --section-background:#ecd9ac;    
    --section-background-2:#fff;
    --section-text-color:#040303;

    /* ARTICLE */
    --article-background:#ffffff;
    --article-hover-background:#777;

    /* CONTENT */
    
    --content-background:none;
    --content-text-color:#634800;
    --content-border:none;

        /* BUTTON */
    --button-background: #31789e;
    --button-border: none;
    --button-hover-background: #205b7b;
    --button-neutral-background: #000000;
    --button-text-color: #fff;

    --shadow:0px 0px 15px #777; 

}

section:nth-child(2n){ 

    /* HEADER */
    --header-height:75px;
    --header-background:#839f88;

    /* SECTION */
    --section-background:#ffeed1;
    --section-background-2:#fffaf1;
    --section-text-color:#040303;

    /* ARTICLE */
    --article-background:#ffffff;
    --article-hover-background:#777;

    /* CONTENT */
    --content-background:none;
    --content-text-color:#634800;
    --content-border:none;

    /* BUTTON */
    --button-background: #31789e;
    --button-border: none;
    --button-hover-background: #205b7b;
    --button-neutral-background: #000000;
    --button-text-color: #fff;

    --shadow:0px 0px 15px #777; 

}


@font-face {
    font-family: 'header';
    src: url(/3_domains/ikomenuiserie/medias/fonts/Limelight-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'body';
    src: url(/1_kernel/medias/fonts/Poppins-Regular.ttf) format('truetype');
}



header nav {
        background: linear-gradient(268deg, #ffeed1, #ecd9ac);
}
header nav .title a {
    margin:0 15px 0 0;
}

section#introduction {
    height:800px;
}

section#introduction > .media img.loaded {
    opacity: 0.5;
}

section#presentation > .media > img{
    opacity:0.1;
}
section#presentation > .content{
    border: 5px solid white;
    border-radius: 40px 0;
    margin:120px 0;
}

section#contact .phone svg{
    fill: var(--main-color);    
}
section#contact .phone h3{
    color: var(--main-color); 
    font-size: 1.8em;   
}



section article{
    border:8px solid white;

}
section article{
    transition: all 0.3s;
}
section article > p{
    margin:10px;
}
section article:hover{
    transform: scale(1.015);

}

section article > .bg > img{
    opacity:0.3;
}


section > .articles > article > img {
    max-height: 300px;
}

section > .content h2 {
    font-size: 2em;
}

section > .content p {
    font-size: 1.3em;
}



section > .media svg {
    stroke: none;
    fill: #ecd9ac;
    width: 100%;
    height:auto;
}




footer{
    background: #ecd9ac;
}