@font-face {

    font-family: 'glacial';

    src: url('../fonts/glacialindifference-regular-webfont.woff2') format('woff2'),

         url('../fonts/glacialindifference-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'avenir';

    src: url('../fonts/avenir-next-lt-pro-medium.woff2') format('woff2');

    font-weight : normal;

    font-style : normal;



}



*

{

    margin: 0;

    padding: 0;

    font-family: 'avenir';

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

}



.bg-rouge

{

    background-color: #ff0000;

}



.bg-blanc

{

    background-color: #ffffff;

}



.bg-noir

{

    background-color: #222222;

}



.txt-rouge

{

    color : #ff0000;

}



.txt-blanc

{

    color: #ffffff;

}



.txt-noir

{

    color: rgb(22, 22, 22);

}



.txt-centre

{

    text-align: center;

}



.txt-droite

{

    text-align: right;

}



.txt-gauche

{

    text-align: left;

}



.d-none

{

    display: none;

}

.d-block

{

    display: block;

}



.d-flex

{

    display: flex;

}



.txt-gras

{

    font-weight: bold;

}



.txt-italic

{

    font-style: italic;

}



.txt-basic

{

    font-style:normal;

    font-weight: normal;

}



main

{

    min-height: 110vh;

}







h2

{

    margin-bottom: 20px;

}



a

{

    text-decoration: none;

    color: rgb(22, 22, 22);



}