body {
    background:#f8f8f8;
}

ul li a {
    color:#e7361f;
}

ul li a:hover {
    color:#e7361f;
}

.clear {
    clear:both;
}
p {
    font-size: 16px;
    color: rgb(103, 106, 108);
}
ul li {
    font-size: 16px;
    color: rgb(103, 106, 108);
}
.bloc {
    background:#fff;
    border:1px solid #e7eaec;
    color:#676a6c;
    padding:20px;
    margin:10px;
    height: max-content;
}

.bloc h1 {
    color:#e7361f;
    text-decoration:underline;
    font-family: 'fedranine_regular';
    font-size:16pt;
    text-align:center;
    margin-bottom:25px;
}

.bloc p {
    font-family: 'sourcesanspro';
}

.bloc li {
    font-family: 'sourcesanspro';
}

.blocs.left, .bloc.left {
    width: calc(50% - 10px);
    float:left;
}

.blocs.right, .bloc.right {
    width: calc(50% - 10px);
    float:right;
}

.bloc.right .laureate a center {
    color: #e7361f !important;
    font-family: 'fedranine_regular';
}
.jury center {
    color: #e7361f !important;
    font-family: 'fedranine_regular';
}
.blocs.left .bloc:first-child {
    margin-bottom:20px;
}

#compte_a_rebours {
    color: #e7361f;
    font-family: 'fedranine_regular';
}

#compte p{
    color: #e7361f !important;
}

.laureate {
    float: left;
    width: calc(25% - 30px);
    line-height: 1.2;
    margin:15px;
}

.laureate center {
    min-height: 53px;
}

.jury {
    width:calc(16.66% - 30px);
    float:left;
    margin:15px;
}

.laureate img, .jury img {
    width:100%;
    border-radius:50%;
}

.content-img {
    width:100%;
    max-width:100px;
    margin:auto;
    border-radius:50%;
    margin-bottom:10px;
    background:#e7361f;
}

.laureate:hover img, .jury:hover img {
    opacity:0.3;
}

.laureate a, .jury a {
    color:#e7361f;
    text-decoration:none;
    font-family: 'fedranine_regular';
    font-size:11pt;
}

.fullwidth {
    width: calc(100% - 20px);
}

p#reglement {
    text-align:center;
    font-family: 'fedranine_regular' !important;
    font-size:14pt;
}

p#reglement a {
    color:#e7361f;
    text-decoration:underline;
    font-family: 'fedranine_regular' !important;
}

#teaser {
    margin:10px;
    width: calc(100% - 20px);
}

.bouton, .question {
    margin:20px 10px;
    text-align:center;
}

.bouton a {
    background:#e7361f;
    color:white;
    font-family: 'fedranine_regular';
    font-size:20pt;
    padding:10px 20px;
}

.bouton.candidater a {
    font-size: 30pt;
}

.question a {
    color:#676a6c;
    font-family: 'sourcesanspro';
    text-decoration:underline;
}

#top {
    min-height:100vh;
    background:url('../../images/poucesor2018/concours-2.png');
    background-size:cover;
    background-position:center center;
}

#top img {
    width:200px;
    margin-bottom:30px;
}

#top p {
    color:white;
    font-family: 'fedranine_regular';
    font-size:16pt;
    text-align:center;
}

#top .prix {
    width: 350px;
    background: white;
    padding: 10px;
    color: #e7361f;
    font-family: 'fedranine_regular';
    font-size: 14pt;
    text-align: center;
}

#top .bouton {
    margin: 40px 0px;
}

#top .bouton a {
    border: 2px solid white;
}

#top .content-top {
    padding-top:calc(50vh - 210px);
}

.car {
    color: #e7361f;
    font-family: 'fedranine_regular';
    font-size: 25pt;
    text-align: center;
    width: 450px;
    margin: 20px auto 10px auto;
}

.car p {
    font-family: 'fedranine_regular';
    font-size: 12pt;
    margin-bottom:0;
}

@media screen and (max-width:1200px) {
    .laureate a, .jury a {
        font-size:8pt;
    }

    .laureate center, .jury center {
        min-height:40px;
    }
}

@media screen and (max-width:991px) {
    .bloc, .bloc.left, .bloc.right, .blocs.left, .blocs.right {
        width:calc(100% - 20px);
        float:none;
        margin:10px;
    }

    .blocs.left, .blocs.right {
        width:100%;
        margin: 0;
    }

    .blocs.left .bloc:first-child {
        margin-bottom:inherit;
    }

    .bouton a {
        font-size: 11pt;
    }

    .bouton.candidater a {
        font-size: 20pt;
    }

    #teaser {
        width:max-content;
    }
}

@media screen and (max-width:767px) {
    .laureate, .jury {
        width: calc(50% - 30px);
    }
}

#playlist {
    margin-left: 10px;
    margin-top: 20px;
}