* {
     box-sizing: border-box;
     outline: none;
     padding: 0;
     margin: 0;
 }
 
 body {
     background: #e5e5e5;
     font-family: Arial, sans-serif;
     background-size: cover;
 }
 
 a {
     color: #000;
 }
 
 a:hover {
     color: #e5e5e5;
 }
 
 .form-group-message .m_system {
     width: 100%;
     display: inline-block;
     padding: 10px;
     margin-bottom: 10px;
     text-align: left
 }
 
 .form-group-message .m_system .loading {
     width: 20px;
     margin-right: 10px;
 }
 
 .d-none {
     display: none !important;
 }
 
 .form-group-message {
     font-size: 14px;
     margin-bottom: 0;
     line-height: 1.6;
     text-align: left;
 }
 
 .form-group-message .m_infos {
     background: rgba(255, 210, 59, 0.20) !important;
     padding-left: 20px;
     color: #EB7E00;
 }
 
 .form-group-message .m_infos a,
 .form-group-message .m_infos a:hover {
     color: #EB7E00;
     text-decoration: underline;
 }
 
 .form-group-message .m_alerte {
     background: rgba(168, 37, 23, 0.20) !important;
     padding-left: 20px;
     color: #B70900;
 }
 
 .form-group-message .m_alerte a,
 .form-group-message .m_alerte a:hover {
     color: #B70900;
     text-decoration: underline;
 }
 
 .form-group-message .m_valide {
     background: rgba(0, 132, 20, 0.20) !important;
     padding-left: 20px;
     color: #008414;
 }
 
 .form-group-message .m_valide a,
 .form-group-message .m_valide a:hover {
     color: #008414;
     text-decoration: underline;
 }
 /********************/
 
 #gestion_newsletters {
     max-width: 670px;
     margin: 50px auto;
     background: #fff;
     min-height: 320px;
 }
 
 #gestion_newsletters.border {
     border-top: 10px solid #000;
     border-bottom: 10px solid #000;
     display: flex;
     align-items: center;
 }
 
 #gestion_newsletters .titre {
     font-size: 24px;
     text-align: center;
     line-height: 60px;
     font-weight: 500;
     background-color: #000;
     color: #fff;
 }
 
 #gestion_newsletters .content {
     font-size: 18px;
     text-align: center;
     line-height: 30px;
     color: #000;
     padding: 35px;
     width: 100%;
 }
 
 #gestion_newsletters.border .content {
     font-size: 22px;
     line-height: 38px;
 }
 
 #gestion_newsletters .content p {
     margin-bottom: 25px;
 }
 
 #gestion_newsletters.border .content p:last-child {
     margin-bottom: 0;
 }
 
 #gestion_newsletters .content input {
     outline: none !important;
     box-shadow: none !important;
     width: 0 !important;
     position: absolute !important;
     z-index: -1;
     opacity: 0;
 }
 
 #gestion_newsletters .content .custom-switch .custom-control-label {
     display: flex;
     width: 100%;
     justify-content: center;
 }
 
 #gestion_newsletters .content .custom-switch .custom-control-label div {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     background: #17A400;
     border-radius: 10px;
     line-height: 24px;
     width: 170px;
     max-width: 100%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 55px;
 }
 
 #gestion_newsletters .content .custom-switch .custom-control-label div.ins {
     color: #fff;
     background: #ff0000;
 }
 /*******************/
 
 @media only screen and (max-width: 680px) {
     body {
         padding-left: 10px;
         padding-right: 10px;
     }
 }
 
 @media only screen and (max-width: 380px) {
     #gestion_newsletters .titre {
         font-size: 22px;
     }
 }