body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight:300;
    padding: 0;
    background-color: #ffffff;
    color: #000000;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Montserrat', 'Arial', sans-serif;
    text-align:center;

}
.img-responsive{display:inline-block;}
.shadow{box-shadow:0 0 20px 0 rgba(0,0,0,0.3)}


.pdf-logo{
    width:30px;
}
.info-pj{
    color:#ffffff;
    background-color:#363636;
    display:flex;
    flex-direction: row;
}
.info-pj a{
    width:100%;
    color:#ffffff;
    display:flex;
    flex-direction: row;
    justify-content: center;
}
header{
    background: transparent url(../2022-declaration-gex/images/01.jpg) no-repeat center center / cover;
    padding: 20px 0 0 0;
    position: relative;
    height: 482px;
}
hr{
    border-top: 1px solid #000000;
    width:30px;
}
h1{
    font-weight: 700;
    color: #ffffff;
    font-size:50px;
    line-height:1.3;
    /*margin: 290px 0 -100px 0;*/
}
h2{
    font-weight: 700;
}
h3{
    font-weight:700;
}
.header-title{
    background-color: #127133;
    margin-top: -280px;
    padding: 40px 70px;


}
.header-title p {
    color:#93cf45;
    text-transform: uppercase;
}

.justify-content-center{
    display:flex;
    justify-content:center;
}
.title-img{
    position: absolute;
    bottom: 35px;
}
header .img-title{
    width:250px;
    margin-bottom: 150px;
}
section#main{
    padding: 120px 0 130px 0;
}

section#main h2{
    font-size:18px;
    line-height:20px;
    font-weight:700;
    position:relative;
    padding-bottom:0;
    margin-top: 50px;
    margin-bottom:15px;
    text-align:center;
}
section#main .content>div>h2{
    margin-top: 100px;
}
section#main .content ul{
    list-style: none;
    padding-left: 30px;
}
section#main .content ul li{
    background: transparent url(../img/dcp-check-red.jpg) no-repeat left top;
    padding-left: 30px;
    margin-bottom: 5px;
    min-height: 25px;
}
section#main .content ul li::before{
    color:#127133;
}
section#main .content ul li > ul{
    margin-bottom: 5px;
    margin-top: 3px;
    list-style-type: ". ";
}
section#main .content ul li > ul > li{
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}
section#main .header-title .row{
    display: flex;
    justify-content: center;
}
section#main a {
    color: green;
    background-color: white;
    border-radius: 25px;
    width:25%;
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    text-transform: uppercase;
    margin:0 10px;
    text-decoration: none;
    min-width: 300px;
}
section#main a.download{
    background-color: #79b029;
    color:white;
}
section#main .header-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
section#main .header-title  .logo{
    width:20px;
    margin-top:0;
    margin-bottom:0;
    filter: invert(35%) sepia(10%) saturate(4097%) hue-rotate(90deg) brightness(90%) contrast(87%);
    margin-right: 10px;
}
section#main .header-title  .download .logo{
    filter: invert(100%) sepia(59%) saturate(142%) hue-rotate(108deg) brightness(113%) contrast(104%);
}
section#main .header-title .shield{
    max-width:144px;
    position: absolute;
    top: -75px;
    align-self: center;
}
.div-center{
    margin:0 auto;
}
section#example{
    margin-top:-50px;
}
section#example .card{
    text-align: center;
    min-height: 450px;
    padding:30px;
}
section#example .card img{
    height:150px;
}
section#example .card h4{
    color:#79b029;
    font-size:24px;
    font-weight:700;
}
section#example .card p{
    text-align:justify;
}

section#pricing{
    color:white;
    background: transparent url(../2022-declaration-gex/images/06.png) no-repeat center center / cover;
    padding: 100px 0 150px;
}
section#pricing hr{
    border-top: 1px solid #ffffff;
}
section#pricing h3{
    font-weight:bold;
}
section#pricing .price{
    font-size:110px;
}
section#pricing p {
    text-align:center;
}

section#adhesion{
    background-color: #f3f3ef;
}
section#adhesion h2{
    font-weight:bold;
    /*font-size:*/
}
section#adhesion .howto{
    text-align: center;
    margin-top: 35px;
    margin-bottom: 60px;
}
section#adhesion p{
    margin:0;
}
section#adhesion .green{
 color:#79b029;
}
section#adhesion .name{
    font-weight: bold;
}
.btn-adhesion{
    border-radius: 25px;
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    text-transform: uppercase;
    margin:25px 10px;
    background-color: #79b029;
    color:white;
    text-decoration: none;
}
.btn-adhesion:hover{
    text-decoration: none !important;
    color:white;
}
.btn-adhesion img{
    width:20px;
    margin-top:0;
    margin-bottom:0;
    filter: invert(100%) sepia(59%) saturate(142%) hue-rotate(108deg) brightness(113%) contrast(104%);
    margin-right: 10px;
}
section#adhesion .contact-block{
    display: flex;
    justify-content: center;
}
section#adhesion .card-contact{
    background-color: white;
    width: 30%;
    display: flex;
    margin: 25px;
    min-width: 350px;
}
section#adhesion .card-contact img{
    padding:10px;
}
footer{
    background-color:#f3f3ef;
    padding: 50px;
    text-align: left;
}
footer p{
    font-size:10px;
    line-height: 12px;
    color: #000000;
}

footer .legals p:first-of-type{
    color:#000000;
    font-size:12px;
}
@media (max-width: 992px){

    section#adhesion .contact-block{
        flex-direction: column;
    }
    section#adhesion .card-contact {
        align-self: center;
    }
}
@media (max-width: 768px){
    .header-title{
        padding:0 10px;
        margin-top: 0px;

    }
    .header-title h1{
        font-size: 35px;
        margin-top:50px;
    }
    section#main{
        padding: 0px 0 130px 0;
    }
    section#main .header-title .row{
        flex-direction: column;
    }
    section#main a{
        width:auto;
        margin:10px;
    }
}
@media (min-width:576px) {
    header h1{
        margin: 0px 0 -90px 0;
        font-size: 26px;
        line-height: 40px;
        height:150px;
        /*margin: 290px 0 -100px 0;*/
    }

    section#main h2{
        font-size:22px;
        line-height:24px;
    }
    section .form .choice input[type="text"] {
        width: 200px;
    }
    section .form .choice input[type="text"].input-md {
        width: 100%;
    }

    footer p{
        font-size: 10px;
        line-height: 14px;
    }
    footer .legals p:first-of-type{
        font-size:12px;
        font-weight: normal;
    }
    footer .rgpd p {
        font-size: 9px;
        line-height: 12px;
    }
}
@media (min-width:768px) {
    header{
        padding-top: 30px;
    }
    header h1{
        font-size: 32px;
        line-height: 40px;
        height:170px;
        padding: 40px 50px;
        margin: 0px 0 -100px 0;
    }
    header .img-title{
        margin-bottom: 170px;
    }

    form .guarantee .wpcf7-list-item-label{
        font-size: 14px;
        line-height: 18px;
    }
    section .form .choice input[type="text"].input-md {
        width: 400px;
    }

    footer p{
        font-size:11px;
        line-height: 16px;
    }
    footer .rgpd p {
        font-size: 10px;
        line-height: 12px;
    }
}
@media (min-width:992px) {
    body {
        font-size: 16px;
    }
    header{
        padding-top: 40px;
    }
    header .img-title{
        width:350px;
        margin-bottom: 240px;
    }
    header h1{
        font-size: 38px;
        line-height: 46px;
        height:175px;
        padding: 40px 75px;
        margin: 0px 0 -105px 0;
    }
    section#main h2{
        font-size:26px;
        line-height:30px;
    }

}
@media (min-width:1200px) {

    header h1{
        font-size: 44px;
        line-height: 48px;
        height:200px;
        padding: 50px 130px;
        margin: 0px 0 -120px 0;
    }

    section#main h2{
        font-size:30px;
        line-height:34px;
    }

    form .guarantee .wpcf7-list-item-label{
        font-size: 16px;
        line-height: 20px;
    }

}