* {

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

}



.title{

    font-size: 50px;

    line-height: 1;

}

.black {
 color: black;
}

.fontLevel1{

    font-size: 50px;

    line-height: 2;

}

.bold {
    font-weight: bold;
}

.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;

}

.colorRed{

    color: #c95960;;

}

.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 #c95960;

    width: 100%;

    display: block;

}



.albert {

    font-family: 'Albert Sans';

}



.spartan {

    font-family: 'Albert Sans';

}

.two-block-content {display: inline-block; width: 50%; padding: 20px; vertical-align: middle; position: relative;}

@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;

    }
    
    .two-block-content {width: 100%;}

}