.main-wrapper {
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .main-wrapper .outer-newsletter-block {
    width: 100%;
    height: 290px; }
    .main-wrapper .outer-newsletter-block .inner-newsletter {
      width: 550px;
      height: 100%;
      margin: 0 auto;
      background-color: #ff6e46;
      border-radius: 45px;
      font-family: source-sans-pro;
      background-image: url(/media/image/d6e18bc21a9f10faa4a866a91ef1ceb535ec3ed2.svg); }
      .main-wrapper .outer-newsletter-block .inner-newsletter .inner-title, .main-wrapper .outer-newsletter-block .inner-newsletter .inner-text {
        text-align: center;
        color: #fff; }
      .main-wrapper .outer-newsletter-block .inner-newsletter .callback-message {
        font-weight: bold;
        text-align: center;
        margin-top: 30px; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .callback-message.success {
          color: #001e6f;
          padding: 30px; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .callback-message.error {
          color: #822424 !important;
          padding: 10px 30px 0 30px; }
      .main-wrapper .outer-newsletter-block .inner-newsletter .inner-title {
        padding: 35px 0 0 0;
        margin: 0;
        font-size: 32px;
        font-weight: bold; }
      .main-wrapper .outer-newsletter-block .inner-newsletter .inner-text {
        margin: 10px 0 0 0;
        font-size: 16px; }
      .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr {
        width: fit-content;
        margin: 0 auto;
        display: flex;
        flex-direction: row; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr .txt {
          color: #fff;
          margin-top: 15px;
          width: calc(100% - 50px); }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr label {
          color: #fff;
          margin: 10px 0 0 20px;
          font-size: 16px; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:not(:checked), .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:checked {
          position: absolute;
          left: 0;
          opacity: 0.01;
          /* Preparer le label */ }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:not(:checked) + label, .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:checked + label {
          /* permet de positionner la checkbox */
          position: relative;
          /* place pour la box */
          padding-left: 2.3em;
          font-size: 1.05em;
          line-height: 1.7;
          cursor: pointer; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"] {
          position: absolute;
          left: 0;
          opacity: 0.01; }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"] + label {
          position: relative;
          padding-left: 2.3em;
          font-size: 1.05em;
          line-height: 1.7;
          cursor: pointer;
          /* Aspect de la case */ }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:not(:checked) + label::before, .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:checked + label::before {
          content: '';
          position: absolute;
          left: 0;
          top: 4px;
          width: 1.1em;
          height: 1.1em;
          border: 1px solid #c7604b;
          background: #fff;
          border-radius: 0.2em;
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(203, 34, 237, .2);
          transition: all 0.275s;
          /* Aspect de la coche */ }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:not(:checked) + label::after, .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:checked + label::after {
          content: '✓';
          /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
          speak: never;
          position: absolute;
          top: 0.5em;
          left: 0.12em;
          font-size: 1.6em;
          color: #c7604b;
          line-height: 0;
          /* Petite transition */
          transition: all 0.2s;
          /* Aspect non cochée */ }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:not(:checked) + label::after {
          opacity: 0;
          transform: scale(0) rotate(45deg);
          /* Aspect cochée */ }
        .main-wrapper .outer-newsletter-block .inner-newsletter .inner-gdpr input[type="checkbox"]:checked + label::after {
          opacity: 1;
          transform: scale(1) rotate(0); }
      .main-wrapper .outer-newsletter-block .inner-newsletter form {
        width: 100%; }
        .main-wrapper .outer-newsletter-block .inner-newsletter form .fields {
          width: 100%;
          height: 70px; }
          .main-wrapper .outer-newsletter-block .inner-newsletter form .fields fieldset {
            width: 100%;
            height: 100%; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .fields fieldset legend {
              display: none; }
        .main-wrapper .outer-newsletter-block .inner-newsletter form .nickname {
          position: absolute;
          left: -1000px; }
        .main-wrapper .outer-newsletter-block .inner-newsletter form input {
          display: block;
          margin: 0 auto;
          border: none;
          border-radius: 45px;
          font-size: 16px; }
          .main-wrapper .outer-newsletter-block .inner-newsletter form input:focus {
            outline: none; }
        .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter {
          height: 50px;
          margin: 0 auto; }
          .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter input {
            width: calc(100% - 70px);
            max-width: 325px;
            height: 100%;
            margin: 27px auto 0 auto;
            color: #fff;
            background-color: rgba(199, 96, 75, .3);
            text-align: center;
            transition: all 0.2s; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter input::placeholder {
              color: #fff;
              opacity: 1; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter input:-ms-input-placeholder {
              color: #fff; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter input::-ms-input-placeholder {
              color: #fff; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .field.newsletter input:hover {
              padding: 1px 10px; }
        .main-wrapper .outer-newsletter-block .inner-newsletter form .buttons {
          width: 135px;
          height: 50px;
          margin: 30px auto 0 auto; }
          .main-wrapper .outer-newsletter-block .inner-newsletter form .buttons input {
            margin-top: 70px;
            width: 100%;
            height: 100%;
            padding-right: 22px;
            background-color: #ff6e46;
            color: #fff;
            border: solid #fff 1px;
            cursor: pointer;
            background-position: 87% center;
            background-size: 8px;
            background-repeat: no-repeat;
            background-image: url(/media/image/48a282d8db1a772348a7b8417a7c9079053a7695.svg);
            transition: all 0.2s; }
            .main-wrapper .outer-newsletter-block .inner-newsletter form .buttons input:hover {
              background-color: #fff;
              color: #ff6e46;
              background-position: 90% center;
              background-image: url(/media/image/c969b461c4669adbef3e1d14420acc2b9ef16c9a.svg); }

@media (max-width: 960px) {
  .main-wrapper .outer-newsletter-block {
    height: auto;
    margin-bottom: 30px; }
    .main-wrapper .outer-newsletter-block .inner-newsletter {
      margin-top: 40px;
      padding-bottom: 30px; }
      .main-wrapper .outer-newsletter-block .inner-newsletter .txt {
        width: calc(100% - 100px) !important; } }

@media (max-width: 480px) {
  .main-wrapper .outer-newsletter-block .inner-newsletter {
    width: calc(100vw - 40px); }
    .main-wrapper .outer-newsletter-block .inner-newsletter .inner-email .inner-input {
      width: calc(100vw - 80px); } }