@font-face {

    font-family: 'glacial_bold';

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

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

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'glacial_regular';

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

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

    font-weight: normal;

    font-style: normal;



}



body

{

    background-color : #222222;

    color : white;

    font-family: "glacial_regular";
    position: relative;
    height: 85vh;

}

.logo-capitalibre
{
    width: 320px!important;
    display: block;
    margin: auto;
}

.section-titre
{
    padding-top: 15px!important;
    padding: 15px 10px!important;

}



*

{

    margin : 0;

    padding : 0;

    list-style : none;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

}



.back-newsletter
{
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
}



.bloc

{

    width : 50px;

    height : 50px;

    display: block;

}



header img

{

    width : 50px;

    /* height : 50px; */

    display : block;

    margin : auto;

}



main

{

    padding : 40px 20px;

}



main h1

{

    text-align: center;

    font-size: 22px;

    margin-bottom : 20px;

    font-family: "glacial_bold";

}



main p

{

    font-size: 14px;

    text-align: center;

    margin-bottom: 20px;;

}



main .gif-fleche

{

    width : 40px;

    margin: auto;

    display: block;

    margin-bottom: 30px;;

}



main form input[type="text"]

{

    width : 100%;

    padding : 12px 18px;

    margin-bottom: 20px;

    border-radius: 5px;

    font-size : 16px;

}

.input-mail::placeholder
{
    font-family: 'avenir';
}



main form input[type="text"].wrong

{

    border : 2px solid red;

}



::placeholder

{

    /* font-family: "glacial_regular"!important; */

    color : rgb(117,117,117);

}

.bg-rouge, footer
{
    background-color: #FFB000!important;
    color: white!important;
}

main form button

{

    padding : 10px 25px;

    text-transform: uppercase;

    color: white;

    background-color: red;

    font-family: "glacial_bold";

    border-radius: 5px;

    border : none;

    font-size: 20px;

    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);

    border: 1px solid rgba(0,0,0,0.2);

    display: block;

    margin: auto;

    margin-bottom: 40px;

    animation: rocking 2s infinite;

    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);

    transition: .2s;

}



main p.petit

{

    font-size: 10px;

    font-family: 'avenir';

}



@keyframes rocking

{

    0%

    {

        transform:rotate(0deg)

    }

    25%

    {

        transform:rotate(0deg)

    }

    50%

    {

        transform:rotate(2deg)

    }

    75%

    {

        transform:rotate(-2deg)

    }

    100%

    {

        transform:rotate(0deg)

    }

}

main
{
    min-height: auto!important;
}
.form_newsletter_v2
{
    display: none!important;
}
footer

{

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;

}



footer img

{

    width : 50px;

    height : 50px;

    margin: auto;

    display: block;

    margin-bottom: 20px;

}



footer p

{

    font-size: 12px;

    color: white;

    text-align: center;

}



footer p a

{

    text-decoration: none;

    color: white;

}