body{

    font-family: "Poppins", "Arial", sans-serif !important;

    margin:0px;

    padding:0px;

    color:#222;

}

h1{
    text-transform: uppercase;
    font-size:14px;
    text-align: center;
    font-size:40px;
    color:white;
    background-color: #14375F;
    padding:0px 5px;
    margin-bottom:0px;
    word-break: keep-all;
}

.chapeau{
    font-size:28px;
    text-transform: uppercase;
    text-align: center;
    padding:0px;
    margin:0px;
    margin-bottom:25px;
}

p{
    margin:15px 30px;
}
.p3{
    margin:5px 30px 0px 30px;
}

h2{
    text-align: left;
    margin-top:30px;
    margin-bottom:30px;
    font-size:20px;
}

h3{
    background-color: #ED2529;
    text-transform: uppercase;
    color:white;
    padding:3px 30px 3px 5px;
    margin:15px 0px 0px 0px;
    font-size:20px;
    display:inline-block;
    width:auto;
    clip-path: polygon(0 0,100% 0, calc(100% - 25px) 100%, 0% 100%);
    clear:both;
}

.separateur{
    width:85%;
    /*border:solid 1px grey;*/
    margin:40px 0px;
    margin-left:auto;
    margin-right:auto;
}

.invitation_details{
    margin-left:50px;
}

.invitation_details li{
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px 25px;
    padding-left:30px;
}

.invitation_details li:nth-child(1){    background-image: url('invitation-agris-assets/date.png');}
.invitation_details li:nth-child(2){    background-image: url('invitation-agris-assets/lieu.png');}
.invitation_details li:nth-child(3){    background-image: url('invitation-agris-assets/heure.png');}

.rouge{
    color:#ed2529;
}

/*-- header*/

#header{
    width:100%;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    background-color: #14375F;
}

.logos{
    /*height:70px;*/
    width:70%;
    height:auto;
    margin:0px;
}

.adresses{
    color:white;
    font-size: 10px;
    margin-left:0px;
    margin-right:3px;
    padding-left: 0px;
}

.adresses li:nth-child(1){    background-image: url('invitation-agris-assets/lieu.png');}
.adresses li:nth-child(2){    background-image: url('invitation-agris-assets/tel.png');}
.adresses li:nth-child(3){    background-image: url('invitation-agris-assets/mail.png');}
.adresses li{
    list-style-type: none;
    line-height: 14px;
    margin-bottom:2px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    padding-left:18px;
    background-color: #14375F;
    background-blend-mode: luminosity;
}
.cadeaux{
    margin:0px 0px 0px 30px;
    font-size:12px;
}
.cadeaux strong{
    text-transform: uppercase;
    font-size:18px;
}
.cadeaux li{
    list-style-type: none;
}

.remise{
    display:block;
    float:right;
    width:100px;
    background-color: #14375F;
    color:white;
    font-weight: 400;
    padding:5px 25px 5px 25px;
    text-align: center;
    margin:30px 0px 0px 0px;
    line-height:17px;
}
.remise sup{
    font-size:30px;
}
.remise strong{
    font-size:50px;
    line-height:25px;
}
.remise::after{
    display:block;
    content:"";
    clear:both;
}

#mainvp{
    position:absolute;
    overflow-x:hidden;
    width : 100vw;
    height:100vh;
    background-color:#FFF;
    background-image: url(invitation-agris-assets/background.jpg);
    background-repeat: no-repeat;
    background-position: center bottom -15%;
    background-size :100% auto;
    margin:0px;
    padding:0px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    min-width:375px;
    border:solid 1px grey;
}



@media screen and (min-width: 375px) {

    

}



 .form-container {
     max-width: 500px;
     margin: 0 auto;
     padding: 20px;
     border: 1px solid #ccc;
     border-radius: 5px;
     background-color: rgba(255,255,255,0.9);
 }

 .form_section{
    margin-bottom:10px;
 }

 input[type="text"], input[type="email"], input[type="tel"], input[type="number"]{
    padding: 8px;
    display: block;
    width: calc(100% - 50px);
 }
 input[type="number"]{
    width:50px;
    margin-left:auto;
    margin-right:auto;
    height:30px;
    font-size:20px;
    font-weight:bold;
    color:#14375F;
 }

 select{
    display:inline-block;
    width:auto;
    padding: 8px;
 }

 .error {
     color: #ED2529;
 }

 .success {
     color: #C0D335;
 }

.checkbox-container{

    line-height:25px;

}

.switch{
    position:relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    content:"";
    width:50px;
    height:25px;
    background:#ED2529;
    border-radius: 12px;
    opacity:0.5;
    cursor: pointer;
    top:8px;
}

.switch::before{
    content: "";
    display:block;
    height: 18px;
    width: 18px;
    margin-top:3px;
    margin-left:3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.switch:checked{
    opacity:1;
    background-color:#C0D335;
}

.switch:checked::before{
    transform: translateX(25px);
}

/*----RGPD*/

#rgpd_btn{
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}

#rgpd{
    display:none;
}

#rgpd.visible{
    display:block;
    margin:10px;
    background-color:#BBC;
    font-size:small;
    padding:10px;
}

#rgpd.visible h4{
    font-size:16px;
    text-transform: uppercase;
    text-align: center;
}



.submit_btn{
    display: block;
    border:none;
    padding:10px;
    font-size:18px;
    background-color: #444;
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: auto;
    cursor: pointer;
}