@import url(//db.onlinewebfonts.com/c/613892614aeefcecf1bba73e5289766d?family=ReklameScriptW00-Bold);
@font-face {font-family: "ReklameScriptW00-Bold"; src: url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.eot"); src: url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.woff") format("woff"), url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/613892614aeefcecf1bba73e5289766d.svg#ReklameScriptW00-Bold") format("svg"); }
*
{
    margin:0; padding:0;
    font-family: 'Titillium Web', sans-serif;
}
:root
{
    --primary : /*rgb(177, 36, 62)*/rgb(20, 20, 20);
    --second : /*#e6a100*/rgb(97, 97, 97);
    --trois : rgb(177, 36, 62);
}
.center {text-align: center;}
body
{
    color:white;
    background-color:var(--primary);
}
.card
{
    color:black;
}
.title
{
    font-family: "ReklameScriptW00-Bold";
    text-transform: uppercase;
    margin-top:40px;
}
.title::after
{
    content:'';
    display: block;
    width:100px;
    height:50px;
    background-image:url('../img/wave.png');
    background-position: center;
    background-size:100% 100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom:25px;
}
input[type="text"]:focus {
	outline:none;
}
.pop-up
{
    padding:20px;
    padding-top:50px;
    padding-bottom:50px;
    width:90%;
    position: absolute;
    top:0;
    left:50%;
    transform: translate(-50%,0%);
    z-index: 101;
    background-color:white;
    color:black;
    display: none;
    margin-bottom:140px;
}
.pop-up .title
{
    margin-top:0;
}
#pop-content img {max-width:100%;}
.blackscreen
{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:black;
    opacity: 0.4;
    z-index:100;
    display: none;
}