.topic-page nav {display:none;}
.wrapper-newletter{display: flex;justify-content: space-between; align-items: center;background:#E3F3FF; }
.wrapper-newletter .img{ flex: 1;font-size: 0;}
.wrapper-newletter .content {flex: 1.1;  padding: 20px;}
.wrapper-newletter h1{ text-transform: uppercase; margin: 10px 0 20px;font-size: 30px;}
.wrapper-newletter h2{ font-size:19px; font-weight: 500;padding: 0 20px;}
.wrapper-newletter .newsRecup .title{text-align: center;}
.wrapper-newletter #_newsOffre{text-align: center;margin-top: 60px;}
.wrapper-newletter .description{ font-size:25px; font-weight: 600;    text-align: center; margin-bottom: 2rem;}
.wrapper-newletter #_newsOffre{margin-top: 4rem;}
.wrapper-newletter #_newsOffre .bloc-champs{width: 100%;display: flex;justify-content: space-around;align-items: center;}
.wrapper-newletter #_newsOffre .inputs{display: flex; justify-content: center; width: 90%;}
.wrapper-newletter #_newsOffre .email-box { width: 100%;height: 50px;}
.wrapper-newletter #_newsOffre #newsletter-email{width: 68%;border:none;}
.wrapper-newletter #_newsOffre input::placeholder,
.wrapper-newletter #_newsOffre input::-webkit-input-placeholder {font-style: italic;opacity: 1;color: #383838;font-size: 20px;letter-spacing: 1px; }

.wrapper-newletter #_newsOffre .email-box-button{cursor:pointer;height: 50px; width: 53px; padding: 0; border: none medium;background-color: #383838;width: 200px;font-size: 20px;font-weight: 500;color: white}
.wrapper-newletter #_newsOffre .email-box-button:hover{color: #383838;background-color:#fff;border: 1px solid #383838;;}
.wrapper-newletter #_newsOffre button.buttonload {border: 16px solid #f3f3f3!important; border-top: 16px solid #383838!important; 
    background:none!important;  border-radius: 50%!important;  animation: spin 2s linear infinite!important;color:transparent!important}
    @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
.wrapper-newletter #_newsOffre label{display: none;}
.wrapper-newletter #_newsOffre .ChampsEmail{display:flex;}

.wrapper-newletter .content .success > p{font-size: 16px;}
.wrapper-newletter .content .success{display:none;}
.wrapper-newletter .content .success > p.green{color: #17A645; font-size: 18px; font-weight: 600; line-height: 32px; width:65%;margin: 8% auto;}
    
.wrapper-newletter .content .success .cta{ margin: auto; display: table;    padding: 17px 31px;background-color: #17A645;}
.wrapper-newletter .content .success .cta a{font-size: 13px; text-transform: uppercase; color: white;font-weight: 600;}
.wrapper-newletter .content label.error{    color: red;clear: both;width: 40%; margin: auto;}
.wrapper-newletter .ml{ font-size: 12px; text-align: center; margin-top: 3rem;}

 @media screen and (max-width:1279px) {
.wrapper-newletter .content { flex: 1;}
.wrapper-newletter h1{ font-size: 27px;}
} 
@media screen and (max-width:1023px) {
.wrapper-newletter{ flex-direction: column-reverse;}
.wrapper-newletter .img img{width: 100%;}
.wrapper-newletter .ChampsEmail {margin-top: 5%;}
.wrapper-newletter #_newsOffre { margin-top: 2rem; margin-bottom: 1rem;}
}
 @media screen and (max-width:768px) {
.wrapper-newletter #_newsOffre .inputs { width: 100%;}
.wrapper-newletter h2 {font-size: 17px;line-height: 26px;}
.wrapper-newletter #_newsOffre #newsletter-email{width: 75%;}
.wrapper-newletter #_newsOffre input::placeholder,
.wrapper-newletter #_newsOffre input::-webkit-input-placeholder {font-size: 15px;letter-spacing: 1px; }
.wrapper-newletter #_newsOffre .email-box-button{width: 150px;font-size: 16px;}
}