/*Use _constantes to define global constant for the css like font-size, color and other scss global variables*/
.bold {
  font-weight: bold; }

.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 0.625rem; }

.pt-20 {
  padding-top: 1.25rem; }

.pbt-10 {
  padding-bottom: 0.625rem; }

.pbt-20 {
  padding-bottom: 1.25rem; }

/*Use _constantes to define global constant for the css like font-size, color and other scss global variables*/
.bold {
  font-weight: bold; }

.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 0.625rem; }

.pt-20 {
  padding-top: 1.25rem; }

.pbt-10 {
  padding-bottom: 0.625rem; }

.pbt-20 {
  padding-bottom: 1.25rem; }

div#inscription-nl {
  background-color: #f2f2f2;
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-around;
  font-size: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: relative; }
  div#inscription-nl .row {
    text-align: center; }
  div#inscription-nl span.titre {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    left: 5rem; }
    div#inscription-nl span.titre:before {
      content: '';
      display: inline-block;
      width: 40px;
      background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v6.png");
      height: 25px;
      position: absolute;
      background-position: 0px -98px;
      left: -3.125rem;
      top: -0.125rem; }
  div#inscription-nl span.success {
    position: absolute;
    right: 290px;
    width: 208px;
    padding: 10px;
    height: auto;
    border: 1px solid #555;
    top: 4rem;
    background: #fff;
    z-index: 2;
    cursor: default;
    display: none;
    transition: all ease-in-out 1s;
    right: 305px;
    width: 309px;
    font-size: 0.75rem; }
    div#inscription-nl span.success:before {
      margin-left: calc(50% - 20px);
      border-right: 10px solid transparent;
      border-bottom: 10px solid #555;
      border-top: 0;
      border-left: 10px solid transparent;
      top: -11px;
      bottom: auto;
      display: block;
      content: '';
      position: absolute; }
  div#inscription-nl input {
    font-size: 0.875rem;
    margin-top: auto;
    margin-bottom: auto;
    min-width: 15.625rem;
    margin-left: 6.25rem;
    margin-right: 0.625rem;
    padding: 0.5rem; }
  div#inscription-nl button {
    font-size: 1rem;
    color: #fff;
    background-color: #06aaee;
    padding: 0.5rem;
    border: 0;
    text-decoration: none;
    cursor: pointer; }
    div#inscription-nl button:hover {
      background-color: #45c5ff; }

#bloc-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 9999;
  border-bottom: 1px solid #cbcbcb;
  font-family: Arial, Helvetica;
  border-bottom: 0px; }
  #bloc-header .row {
    width: 100%;
    max-width: 100%;
    padding-left: .3125rem;
    padding-right: .3125rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
  #bloc-header .top {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    justify-content: space-between; }
    #bloc-header .top > .header-left.fr {
      margin-top: -8px; }
    #bloc-header .top > .header-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      #bloc-header .top > .header-left > .logo {
        height: 53px;
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 2; }
        #bloc-header .top > .header-left > .logo a {
          display: block;
          height: 100%; }
      #bloc-header .top > .header-left > .sloganName > .slogan-name {
        font-size: 13px;
        font-family: Arial;
        color: #646565;
        text-align: center;
        margin-top: -5px;
        margin-bottom: 5px; }
      #bloc-header .top > .header-left > .sloganName > .slogan-name.fr {
        margin-top: 2px;
        margin-bottom: 0px; }
      #bloc-header .top > .header-left > .sloganName > .slogan-name.it {
        margin-top: -5px;
        margin-bottom: 5px; }
      #bloc-header .top > .header-left > .sloganName > .slogan-name.es {
        margin-top: -5px;
        margin-bottom: 5px; }
    #bloc-header .top .slogan {
      margin-left: 1rem; }
    #bloc-header .top .baseline.ml-16 {
      margin-left: calc(50% - 434px);
      align-items: center;
      display: flex; }
      @media (max-width: 919px) {
        #bloc-header .top .baseline.ml-16 {
          display: none; } }
      #bloc-header .top .baseline.ml-16.it {
        margin-left: calc(50% - 490px); }
      #bloc-header .top .baseline.ml-16.es {
        margin-left: calc(50% - 535px); }
    #bloc-header .top .header-right {
      display: flex;
      flex-direction: row;
      right: 0;
      align-items: flex-end;
      margin-right: 5px; }
      #bloc-header .top .header-right .header-info {
        display: flex;
        flex-direction: column; }
        #bloc-header .top .header-right .header-info > .tel {
          color: #ff3635;
          font-size: 1.5rem;
          font-family: arial;
          font-weight: bold;
          text-align: right; }
        #bloc-header .top .header-right .header-info > .ouverture {
          text-align: right;
          line-height: 0.75rem;
          font-size: 0.75rem;
          font-weight: bold;
          color: #626262;
          font-family: arial; }
        #bloc-header .top .header-right .header-info > .header-button {
          display: flex;
          flex-direction: row;
          width: 100%;
          justify-content: flex-end;
          align-items: center; }
          #bloc-header .top .header-right .header-info > .header-button .header-icone {
            margin-left: 12px;
            height: 23px; }
          #bloc-header .top .header-right .header-info > .header-button > .aide-info {
            height: 23px;
            margin-top: 2px;
            margin-bottom: 4px; }
            #bloc-header .top .header-right .header-info > .header-button > .aide-info .header-newsletter {
              position: relative;
              display: inline-block; }
              #bloc-header .top .header-right .header-info > .header-button > .aide-info .header-newsletter::before {
                content: '';
                display: block;
                width: 1.4375rem;
                background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
                background-position: 26.125rem -0.3125rem;
                height: 1.4375rem;
                margin-left: auto;
                margin-right: auto;
                border-radius: 3.125rem;
                box-shadow: 0 0 3px #999;
                cursor: pointer; }
              #bloc-header .top .header-right .header-info > .header-button > .aide-info .header-newsletter::hover {
                background-color: #06aaee;
                background-position: -27.5rem -0.3125rem; }
            #bloc-header .top .header-right .header-info > .header-button > .aide-info > .header-help {
              position: relative;
              display: inline-block; }
              #bloc-header .top .header-right .header-info > .header-button > .aide-info > .header-help::before {
                content: '';
                display: block;
                width: 1.4375rem;
                background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
                background-position: -24.125rem -0.3125rem;
                height: 1.4375rem;
                margin-left: auto;
                margin-right: auto;
                border-radius: 3.125rem;
                box-shadow: 0 0 3px #999;
                cursor: pointer; }
              #bloc-header .top .header-right .header-info > .header-button > .aide-info > .header-help > .header-help-tooltip {
                visibility: hidden;
                width: 6.25rem;
                background-color: #fff;
                color: #000;
                text-align: center;
                border-radius: 5px;
                padding: 0px 0;
                position: absolute;
                z-index: 999;
                top: 100%;
                right: 0;
                margin-top: 17px;
                box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5); }
                #bloc-header .top .header-right .header-info > .header-button > .aide-info > .header-help > .header-help-tooltip > .help-info {
                  font-size: 0.875rem;
                  line-height: 1.4rem;
                  text-decoration: none;
                  color: #000;
                  margin: 0.1875rem 0.3125rem;
                  display: block; }
            #bloc-header .top .header-right .header-info > .header-button > .aide-info > .header-help:hover::before {
              background-color: #06aaee;
              background-position: -25.3125rem -0.3125rem; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif {
            margin-bottom: 8px;
            margin-top: 6px; }
            #bloc-header .top .header-right .header-info > .header-button > .header-notif::before {
              content: '';
              display: block;
              width: 1.4375rem;
              background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
              background-position: -32.1875rem -0.375rem;
              height: 1.4375rem;
              margin-left: auto;
              margin-right: auto;
              border-radius: 3.125rem;
              box-shadow: 0 0 3px #999;
              cursor: pointer; }
            #bloc-header .top .header-right .header-info > .header-button > .header-notif > .notification {
              visibility: hidden;
              background-color: #fff;
              color: #000;
              text-align: center;
              border-radius: 5px;
              min-height: 30px;
              padding: 0px 0;
              position: absolute;
              z-index: 999;
              top: 100%;
              right: 3px;
              margin-left: -22px;
              box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5);
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
              #bloc-header .top .header-right .header-info > .header-button > .header-notif > .notification > #default {
                margin: 0.625rem;
                display: block;
                font-size: 1rem;
                font-family: Arial;
                color: #232d37;
                -webkit-touch-callout: none;
                /* iOS Safari */
                -webkit-user-select: none;
                /* Safari */
                -khtml-user-select: none;
                /* Konqueror HTML */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* Internet Explorer/Edge */
                user-select: none;
                /* Non-prefixed version, currently supported by Chrome and Opera */ }
            #bloc-header .top .header-right .header-info > .header-button > .header-notif > #header-notif-number {
              display: none;
              width: 15px;
              height: 15px;
              background-color: #ff3635;
              border-radius: 100px;
              position: absolute;
              margin-top: -28px;
              margin-left: 16px;
              color: white;
              padding-top: 1px;
              font-size: 12px;
              font-weight: bold;
              text-align: center;
              -webkit-touch-callout: none;
              /* iOS Safari */
              -webkit-user-select: none;
              /* Safari */
              -khtml-user-select: none;
              /* Konqueror HTML */
              -moz-user-select: none;
              /* Firefox */
              -ms-user-select: none;
              /* Internet Explorer/Edge */
              user-select: none;
              /* Non-prefixed version, currently supported by Chrome and Opera */
              cursor: pointer;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.active .notification {
            visibility: visible; }
          #bloc-header .top .header-right .header-info > .header-button > .notification::active {
            visibility: visible; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.event.active::before {
            background-color: #06aaee;
            background-position: -35.375rem -0.375rem;
            cursor: pointer; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.event > #header-notif-number {
            display: block; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.active::before {
            background-color: #06aaee;
            background-position: -35.375rem -0.375rem;
            cursor: pointer; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.event::before {
            background-color: #fff;
            background-position: -33.75rem -0.375rem;
            cursor: pointer; }
          #bloc-header .top .header-right .header-info > .header-button > .header-notif.event.active::after, #bloc-header .top .header-right .header-info > .header-button .header-notif.active::after {
            content: "";
            width: 10px;
            height: 10px;
            transform: rotate(-45deg);
            background: #fff;
            position: absolute;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
            z-index: -1;
            bottom: -5px;
            right: 12px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
        #bloc-header .top .header-right .header-info .header-nl {
          border-radius: 3.125rem; }
          #bloc-header .top .header-right .header-info .header-nl:hover {
            background: #173753;
            color: #fff; }
          #bloc-header .top .header-right .header-info .header-nl:hover a {
            box-shadow: O;
            color: white; }
          #bloc-header .top .header-right .header-info .header-nl:hover .nl-icon {
            background-position: 24.4375rem -0.375rem; }
        #bloc-header .top .header-right .header-info .nl-link {
          color: #173753;
          display: flex;
          text-decoration: none;
          box-sizing: border-box;
          align-items: center;
          line-height: 23px;
          justify-content: center;
          border-radius: 3.125rem;
          padding: 5px 5px 5px 10px;
          height: 23px;
          font-size: .875rem;
          cursor: pointer;
          box-shadow: 0 0 3px #999; }
          #bloc-header .top .header-right .header-info .nl-link:visited {
            color: initial; }
        #bloc-header .top .header-right .header-info .nl-icon {
          display: inline-block;
          width: 1.4375rem;
          background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
          background-position: 26.125rem -0.375rem;
          height: 1.4375rem;
          box-sizing: border-box;
          margin-left: 5px; }
      #bloc-header .top .header-right .aide a.aide-info {
        font-size: 0.6875rem;
        line-height: 1.4rem;
        text-decoration: none;
        color: #626262; }
        #bloc-header .top .header-right .aide a.aide-info::before {
          content: '';
          width: 1.4rem;
          height: 1.4rem;
          color: #626262;
          margin-right: 0.4375rem;
          vertical-align: bottom;
          display: inline-block;
          background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
          background-repeat: no-repeat;
          cursor: pointer;
          background-position: -362px  -7px;
          margin-right: 0.1rem; }
      #bloc-header .top .header-right .separator {
        display: block;
        width: 2.688rem;
        background-image: url("/static/images/v4/pages/home/hp_ab_sprite-v7.png");
        background-position: -201px 4px;
        margin-left: 0.625rem;
        margin-top: 0.3125rem; }
      #bloc-header .top .header-right .callcenter {
        text-align: right;
        color: #626262;
        font-size: 0.625rem; }
        #bloc-header .top .header-right .callcenter .cc_prix {
          text-align: left;
          line-height: 1rem;
          font-size: 0.75rem; }
  #bloc-header nav {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0.97rem;
    font-size: 0.8rem; }
    #bloc-header nav a {
      text-decoration: none; }
    #bloc-header nav > ul {
      display: flex;
      margin: 0;
      padding: 0;
      list-style-type: none;
      justify-content: space-between; }
      #bloc-header nav > ul > li {
        padding: 0 0.144rem;
        position: relative;
        float: left;
        height: 37px;
        text-transform: uppercase;
        text-align: center;
        width: 100%; }
        #bloc-header nav > ul > li.no-border:after {
          content: ''; }
        #bloc-header nav > ul > li:hover {
          background-color: #fff; }
          #bloc-header nav > ul > li:hover > a {
            color: #ff3635; }
          #bloc-header nav > ul > li:hover > span.special-hover {
            color: #ff3635; }
          #bloc-header nav > ul > li:hover ul {
            display: block;
            text-align: left;
            min-width: 15rem;
            left: 0;
            font-size: 0.8rem;
            text-transform: initial;
            max-width: 15rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem; }
          #bloc-header nav > ul > li:hover:after {
            content: ''; }
        #bloc-header nav > ul > li:after {
          content: '|';
          position: absolute;
          top: 25%;
          right: -0.125rem;
          font-size: 1rem;
          color: #fff; }
        #bloc-header nav > ul > li > a {
          color: #fff;
          overflow: hidden;
          height: 37px;
          white-space: nowrap;
          padding: 0 1rem;
          font-size: 0.8125rem;
          font-weight: bold; }
          @media (max-width: 1199px) {
            #bloc-header nav > ul > li > a {
              font-size: 0.65rem; } }
          @media (max-width: 860px) {
            #bloc-header nav > ul > li > a {
              font-size: 0.55rem; } }
        #bloc-header nav > ul > li > ul {
          position: absolute;
          display: none;
          overflow: hidden;
          background: #fff;
          padding: 0;
          border-left: 1px solid #cecece;
          border-right: 1px solid #cecece;
          border-bottom: 1px solid #cecece; }
          #bloc-header nav > ul > li > ul > li {
            display: flex;
            float: none;
            background-color: rgba(255, 255, 255, 0.85);
            list-style: none;
            width: 85%;
            margin-left: auto;
            margin-right: auto;
            border-bottom: 1px solid #cbcbcb; }
            #bloc-header nav > ul > li > ul > li:last-child {
              border-bottom: none; }
            #bloc-header nav > ul > li > ul > li.topLien {
              border-bottom: none; }
              #bloc-header nav > ul > li > ul > li.topLien:hover {
                color: white !important; }
            #bloc-header nav > ul > li > ul > li > a, #bloc-header nav > ul > li > ul > li span.link-handler {
              padding-left: 0.625rem;
              padding-top: 0.5rem;
              padding-bottom: 0.5rem;
              color: #000 !important;
              width: 100%;
              text-overflow: ellipsis;
              overflow: hidden;
              text-transform: uppercase;
              padding-right: 0.9375rem;
              font-size: 0.7rem;
              cursor: pointer; }
              #bloc-header nav > ul > li > ul > li > a:hover, #bloc-header nav > ul > li > ul > li span.link-handler:hover {
                color: #ff3635 !important; }
              #bloc-header nav > ul > li > ul > li > a:before, #bloc-header nav > ul > li > ul > li span.link-handler:before {
                padding-right: 0.5rem;
                padding-left: 0.625rem; }
                #bloc-header nav > ul > li > ul > li > a:before:hover, #bloc-header nav > ul > li > ul > li span.link-handler:before:hover {
                  color: #ff3635; }
              #bloc-header nav > ul > li > ul > li > a.topLien, #bloc-header nav > ul > li > ul > li span.link-handler.topLien {
                text-align: center;
                border: 2px solid #cbcbcb;
                margin-bottom: 0.625rem;
                color: #cbcbcb;
                font-weight: bold; }
                #bloc-header nav > ul > li > ul > li > a.topLien:hover, #bloc-header nav > ul > li > ul > li span.link-handler.topLien:hover {
                  color: white !important;
                  background-color: #ff3635;
                  font-weight: bold; }
            #bloc-header nav > ul > li > ul > li:hover {
              color: #ff3635 !important; }
              #bloc-header nav > ul > li > ul > li:hover > a {
                color: #ff3635 !important; }
            #bloc-header nav > ul > li > ul > li:hover {
              color: #ff3635; }
        #bloc-header nav > ul > li > a {
          display: block;
          text-decoration: none;
          line-height: 37px; }
          #bloc-header nav > ul > li > a.nolink {
            cursor: default; }
        #bloc-header nav > ul > li > span {
          display: block;
          text-decoration: none;
          line-height: 37px;
          color: #fff;
          overflow: hidden;
          height: 37px;
          white-space: nowrap;
          padding: 0 1rem;
          font-size: 0.8125rem;
          font-weight: bold; }
          @media (max-width: 1199px) {
            #bloc-header nav > ul > li > span {
              font-size: 0.65rem; } }
          @media (max-width: 860px) {
            #bloc-header nav > ul > li > span {
              font-size: 0.55rem; } }
          #bloc-header nav > ul > li > span.nolink {
            cursor: default; }
          #bloc-header nav > ul > li > span:hover {
            background-color: #fff;
            cursor: pointer; }
            #bloc-header nav > ul > li > span:hover > span {
              color: #ff3635; }
        #bloc-header nav > ul > li:last-child:after {
          content: ''; }

#bloc-header nav > ul > li:last-child > ul {
  left: calc(100% - 15rem); }

.bg-color-white {
  background-color: #fff; }

.bg-color-transparent {
  background-color: #ff3635; }

.z-index-1 {
  z-index: 1; }