* {

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

    font-family: "Spartan";

}



.title{

    font-size: 50px;

    line-height: 1;

}

.fontLevel1{

    font-size: 50px;

    line-height: 2;

}

.fontLevel2{

    font-size: 40px;

    line-height: 2;

    

}

.fontLevel3{

    font-size: 20px;

    line-height: 3;

    font-weight: bold;

}

.fontLevel4{

    font-size: 15px;

    line-height: 1.6;

}

.colorGreen{

    color: #7fbc03;;

}

.colorBlack{

    color: black;

}

.colorWhite{

    color:white;

}

.fontLeft{

    text-align: left;

}



#millesime{            

    text-align: center;

}



#etiquette{

    background-image: url('../img/texture.jpg');

}

#logo {

    text-align: center;

    padding-bottom: 20px;

}      

#ellipse{

    position: relative;



}

#ellipse>a>img{

    position: relative;

    left: 80%;

    padding-top: 10px;



}



.wrapper {

    text-align: center;

    width: 80%;

    margin: 0 auto;

}

section{

    padding: 25px 0 25px 0;

}



.inline {

    vertical-align: top;

    display: inline-block;

    width: 50%;

    padding:20px;

    display: table-cell;

    vertical-align: middle;

}

.centrer{

    display: table;

}

.sousligner {

    border-bottom: 2px solid #7fbc03;

    width: 100%;

    display: block;

}



.caveat {

    font-family: "Caveat";

}



.spartan {

    font-family: "Spartan";

}



@media screen and (max-width: 992px) {

    .inline {

        width: 100%;

    }

    .centrer{

        display: block;

    }

    .inline{

        display: block;

        padding:0;

        

    }

    #etiquette>#logo>img {

        width:50%;

    }

    .fontCentrer{

        text-align: center;

    }

}