/* Général */

html {

  scroll-behavior:smooth

}

.fw600 { font-weight: 600; }

.fw700 { font-weight: 700; }

.help-hover:hover { cursor: help; }

body.transparent {

    background-color: transparent !important;

  }

  .img-responsive {

      height: auto !important;

          margin: 0 auto;

  }

  .article_content .img-responsive {

    /*box-shadow: 1px 1px 12px #555 !important;*/

    box-shadow: 0 1px 1px rgb(0 0 0 / 11%), 0 2px 2px rgb(0 0 0 / 11%), 0 4px 4px rgb(0 0 0 / 11%), 0 6px 8px rgb(0 0 0 / 11%), 0 8px 16px rgb(0 0 0 / 11%) !important;

  }

  .divider-line {

      background: #e5e9ea;

      width: 100%;

      height: 1px;

      margin: 40px auto;

      display: block;

      clear: both;

      position: relative;

          display: none;

  }

  .number {

      background: #3498db;

      width: 26px;

      height: 26px;

      font-size: 14px;

      color: #fff;

      font-weight: 600;

      line-height: 26px;

      text-align: center;

      -webkit-border-radius: 26px;

      -moz-border-radius: 26px;

      border-radius: 26px;

      float: left;

      margin-right: 10px;

  }

  /* Entête */

  #header {

      padding: 0px 0;	

      border-bottom: 1px solid #e5e9ea;

    height: 90px;

  }

  #header ul.social {

    margin-top: 30px;

  }

  ul.social {

      background: none;

      list-style-type: none;

      margin: 0;

      padding: 0;

  }

  ul.social li {

      background: #bdc3c7;

      width: 26px;

      height: 26px;

      margin-right: 1px;

      -webkit-border-radius: 26px;

      -moz-border-radius: 26px;

      border-radius: 26px;

      -moz-transition: all 0.3s ease;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease;

      transition: all 0.3s ease;

      list-style-type: none;

      display: inline-block;

  }

  ul.social li:hover {

      background: #3498db;

  }

  #header img.logo {

    max-height: 90px !important;

  }

  #header a.logo {

  height: 90px;

  display: table-cell;

  vertical-align: middle;

  }

  .navbar-brand {

    padding-top: 13px;

  }

  /* Menu */

  #menu {

      background: #f8f8f8;

      margin-bottom: 20px;

      border-bottom: 3px solid #dfe6eb;

  }

  #menu .navbar-default {

      border: none;

  }

  #menu .navbar {

      margin-bottom: 0px;

  }

  @media (min-width: 768px) {

      .navbar-right {

          position: absolute;

          right: 0;

      }

  }

  /* Accroche */

  #accroche {

      padding-bottom: 15px;

  }

  #accroche h1 {

      margin-top: 0;

  }

  /* Home search form */

  /*#searchForm {

      background: #f3f7f8;

      padding: 30px 0;

      border: 1px solid #e5e9ea;

      border-width: 1px 0 1px 0;

      margin-bottom: 20px;

  }*/

  .form-group-lg {

      min-width: 50%;

      max-width: 98%;

  }

  #searchInput {

      width: 100%;

      background-color: white !important;

  }

  span.twitter-typeahead .tt-dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0 0 0;

    margin: 2px 0 0;

    list-style: none;

    font-size: 14px;

    text-align: left;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    background-clip: padding-box;

    width: 100%;

    min-width: 340px;

  }

  span.twitter-typeahead .tt-suggestion > p {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: normal;

    line-height: 1.42857143;

    color: #333333;

    white-space: nowrap;

  }

  span.twitter-typeahead .tt-suggestion > p a {

    color: #333333;

    text-decoration: none;

    display: block;

  }

  span.twitter-typeahead .tt-suggestion > p a:hover {

    color: #333333;

    text-decoration: none;

  }

  span.twitter-typeahead .tt-suggestion > p:hover,

  span.twitter-typeahead .tt-suggestion > p:focus {

    color: #ffffff;

    text-decoration: none;

    outline: 0;

    background-color: #428bca;

  }

  span.twitter-typeahead .tt-suggestion > p:hover .text-muted,

  span.twitter-typeahead .tt-suggestion > p:focus .text-muted{

    color: #ffffff;

  }

  span.twitter-typeahead .tt-suggestion > p:hover a,

  span.twitter-typeahead .tt-suggestion > p:focus a{

    color: #ffffff;

  }

  

  span.twitter-typeahead {

    width: 100%;

  }

  .input-group span.twitter-typeahead {

    display: block !important;

  }

  .input-group span.twitter-typeahead .tt-dropdown-menu {

    top: 40px !important;

  }

  .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {

    top: 44px !important;

  }

  .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {

    top: 28px !important;

  }

  .tt-suggestions .tt-suggestion:last-child {

      padding: 0;

      background-color: #eee;

  }

  .tt-suggestions .tt-suggestion:last-child p{

      padding: 0;

      background-color: #eee;

      margin:0px;

  }

  .tt-suggestions .tt-suggestion:last-child p a {

      padding: 10px 20px;

      

  }

  /* Etat des services */ 

  .status-service {

    float: left;

  width: 40px;

  border-radius: 20px;

  height: 40px;

  margin-right: 10px;

  }

  .service {

    line-height: 40px;

    margin: 0 0 10px 0;

    padding: 5px;

    border-radius: 5px;

    background: #f5f5f6;

    cursor: pointer;

  }

  .status-service.bg-success {background-color: #00a651;}

  .status-service.bg-danger {background-color: #cc2424;}

  

  /* Titre accueil */

  .title-accueil {

    margin-top: 0;

  }

  /* Pub Content */

  /*.pub-content {

    border-radius: 5px;

    background: #f5f5f6;

    padding: 40px 0;

  }*/

  /* Liste débuter */

  #start-list li {

      margin-bottom: 20px !important;

      display: block;

      overflow: hidden;

  }

  /* Footer */

  #footer {

      background: #f3f7f8;

      padding: 30px 0;

      border-top: 1px solid #e5e9ea;

      margin-top: 20px;

  }

  #footer h5 {

      font-weight: 600;

  }

  #footer p {

      color : #677273;

  }

  #telFooter,

  #tchatFooter {

      font-size: 18px;

      display: block;

  }



  /*Footer V3*/

  #footerV3 {

    background: #1b46a0;

    color: #fff;

    padding: 60px 0 30px;

    position: relative;

    z-index: 100;

  }



  #footerV3 .flex-footer {

    display: flex;

    flex-wrap: wrap;

    gap: 40px 0; 

  }



  #footerV3 .flex-footer div[class*='flex-content'] {

    width: 20%;

    padding: 0 40px;

  }



  #footerV3 .flex-footer div[class*='flex-content']:first-child {

    padding: 0 40px 0 0;

  }



  #footerV3 .flex-footer div[class*='flex-content']:last-child {

    padding: 0 0 0 40px;

  }



  #footerV3 .flex-footer div[class*='flex-content'] h5,
  #footerV3 .flex-footer div[class*='flex-content'] div.title_footer_menu {

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    padding: 0 0 24px;

    margin: 0;

  }



  #footerV3 .flex-footer div.flex-content1 img {

    margin: 0 0 10px;

  }



  #footerV3 ul {

    padding: 0;

  }



  #footerV3 ul li {

    font-size: 15px;

    line-height: 22px;

    padding: 0 0 8px;

    margin: 0 0 0 15px;

    position: relative;

  }



  #footerV3 ul li::before {

    content: '';

    position: absolute;

    top: 7px;

    left: -15px;

    background: url(../img/article/chevron.svg);

    width: 6px;

    height: 10px;

  }

  #footerV3 ul.share li { margin: 0 0 0 25px; }

  #footerV3 ul.share li::before { top: 4px !important; left: -25px !important; }

  #footerV3 ul.share li.facebook::before { background: url(https://aide.lws.fr/public/img/article/share_logos/facebook.svg); background-size: cover; width: 16px; height: 16px; }

  #footerV3 ul.share li.twitter::before { background: url(https://aide.lws.fr/public/img/article/share_logos/twitter.svg); background-size: cover; width: 16px; height: 16px; }

  #footerV3 ul.share li.instagram::before { background: url(https://aide.lws.fr/public/img/article/share_logos/instagram.svg); background-size: cover; width: 16px; height: 16px; }

  #footerV3 ul.share li.youtube::before { background: url(https://aide.lws.fr/public/img/article/share_logos/youtube.svg); background-size: cover; width: 16px; height: 16px; }

  #footerV3 ul.share li.pinterest::before { background: url(https://aide.lws.fr/public/img/article/share_logos/pinterest.svg); background-size: cover; width: 16px; height: 16px; }



  #footerV3 ul li,

  #footerV3 a {

    color: #fff;

  }



  #footer-bottom {

    background: #103685;

    color: #fff;

    text-align: center;

  }



  #footer-bottom p {

    line-height: 40px;

    margin: 0;

  }



  @media (max-width: 1499px){

    #footerV3 .flex-footer div[class*='flex-content'] {

      padding : 0 20px;

    }



    #footerV3 .flex-footer div[class*='flex-content']:first-child {

      padding: 0 20px 0 0;

    }



    #footerV3 .flex-footer div[class*='flex-content']:last-child {

      padding: 0 0 0 20px;

    }

  }



  @media (max-width: 1199px){

    #footerV3 .flex-footer div[class*='flex-content'] {

      width: 25%;

    }



    #footerV3 .flex-footer div[class*='flex-content']:first-child {

      width: 100%;

      padding: 0;

    }



    #footerV3 .flex-footer div[class*='flex-content']:nth-child(2) {

      padding: 0 20px 0 0;

    }



    #footerV3 .flex-footer div[class*='flex-content']:last-child {

      padding: 0 0 0 20px;

    }

  }



  @media (max-width: 767px){

    #footerV3 .flex-footer div[class*='flex-content'] {

      width: 50%;

    }

    #footerV3 .flex-footer div[class*='flex-content'] h5,
    #footerV3 .flex-footer div[class*='flex-content'] div.title_footer_menu {

      text-align: center;

    }

    #footerV3 .flex-footer div[class*='flex-content'] ul {

      max-width: max-content;

      margin: auto;

    }

    #footerV3 .flex-footer div[class*='flex-content'] ul li {

      width: 210px;

    }

    #footerV3 .flex-footer div[class*='flex-content']:first-child {

      padding: 0 20px;

    }

    #footerV3 .flex-footer div[class*='flex-content']:nth-child(2),

    #footerV3 .flex-footer div[class*='flex-content']:nth-child(4) {

      padding: 0 20px 0 0;

    }

    #footerV3 .flex-footer div[class*='flex-content']:nth-child(3),

    #footerV3 .flex-footer div[class*='flex-content']:last-child {

      padding: 0 0 0 20px;

    }

  }



  @media (max-width: 545px){

    #footerV3 .flex-footer div[class*='flex-content'] {

      width: 100%;

      padding: 0 20px !important;

    }

    #footerV3 .flex-footer div[class*='flex-content'] h5,
    #footerV3 .flex-footer div[class*='flex-content'] div.title_footer_menu {

      text-align: left;

    }

    #footerV3 .flex-footer div[class*='flex-content'] ul {

      max-width: 100%;

      margin: 0;

    }

    #footerV3 .flex-footer div[class*='flex-content'] ul li {

      width: auto;

    }

  }



  /* Liste des catégories */

  #list-categ a.btn {

      margin: 0 10px 10px 0; 

  }

  

  /* Menu categorie */

  #menu-categorie .nav-pills>li.active>a, #menu-categorie .nav-pills>li.active>a:hover, #menu-categorie .nav-pills>li.active>a:focus {

  color: #fff;

  background-color: #428bca;

  }

  

  .margintop20 {

      margin-top:20px;

  }

  .margintop3 {

      margin-top:3px;

  }

  

  #menu-categorie .nav-pills>li>a {

  border-radius: 0px;

  }

  

  #menu-categorie a {

  color: #000;

  text-decoration: none;

  }

  

  #menu-categorie a:hover {

  color: #000;

  text-decoration: none;

  }

  

  

  #menu-categorie  .nav-stacked>li+li {

  margin-top: 0px;

  margin-left: 0;

  border-bottom:1px solid #dadada;

  border-left:1px solid #dadada;

  border-right:1px solid #dadada;

  }

  #menu-categorie  .nav-stacked>li:first-child {

  border:1px solid #dadada;

  }

  #menu-categorie  .nav-stacked>li.active {

  border:none;

  }

  

  .active2 {

      border-right:4px solid #428bca;

  }

  

  /* CUSTOM TAB */ 

  

  /* custom inclusion of right, left and below tabs */

  

  .tabs-below > .nav-tabs,

  .tabs-right > .nav-tabs,

  .tabs-left > .nav-tabs {

    border-bottom: 0;

  }

  

  .tab-content > .tab-pane,

  .pill-content > .pill-pane {

    display: none;

  }

  

  .tab-content > .active,

  .pill-content > .active {

    display: block;

  }

  

  .tabs-below > .nav-tabs {

    border-top: 1px solid #ddd;

  }

  

  .tabs-below > .nav-tabs > li {

    margin-top: -1px;

    margin-bottom: 0;

  }

  

  .tabs-below > .nav-tabs > li > a {

    -webkit-border-radius: 0 0 4px 4px;

       -moz-border-radius: 0 0 4px 4px;

            border-radius: 0 0 4px 4px;

  }

  

  .tabs-below > .nav-tabs > li > a:hover,

  .tabs-below > .nav-tabs > li > a:focus {

    border-top-color: #ddd;

    border-bottom-color: transparent;

  }

  

  .tabs-below > .nav-tabs > .active > a,

  .tabs-below > .nav-tabs > .active > a:hover,

  .tabs-below > .nav-tabs > .active > a:focus {

    border-color: transparent #ddd #ddd #ddd;

  }

  

  .tabs-left > .nav-tabs > li,

  .tabs-right > .nav-tabs > li {

    float: none;

  }

  

  .tabs-left > .nav-tabs > li > a,

  .tabs-right > .nav-tabs > li > a {

    min-width: 74px;

    margin-right: 0;

    margin-bottom: 3px;

  }

  

  .tabs-left > .nav-tabs {

    float: left;

    margin-right: 19px;

    border-right: 1px solid #ddd;

  }

  

  .tabs-left > .nav-tabs > li > a {

    margin-right: -1px;

    -webkit-border-radius: 4px 0 0 4px;

       -moz-border-radius: 4px 0 0 4px;

            border-radius: 4px 0 0 4px;

  }

  

  .tabs-left > .nav-tabs > li > a:hover,

  .tabs-left > .nav-tabs > li > a:focus {

    border-color: #eeeeee #dddddd #eeeeee #eeeeee;

  }

  

  .tabs-left > .nav-tabs .active > a,

  .tabs-left > .nav-tabs .active > a:hover,

  .tabs-left > .nav-tabs .active > a:focus {

    border-color: #ddd transparent #ddd #ddd;

    border-right-color: #ffffff;

  }

  

  .tabs-right > .nav-tabs {

    float: right;

    margin-left: 19px;

    border-left: 1px solid #ddd;

  }

  

  .tabs-right > .nav-tabs > li > a {

    margin-left: -1px;

    -webkit-border-radius: 0 4px 4px 0;

       -moz-border-radius: 0 4px 4px 0;

            border-radius: 0 4px 4px 0;

  }

  

  .tabs-right > .nav-tabs > li > a:hover,

  .tabs-right > .nav-tabs > li > a:focus {

    border-color: #eeeeee #eeeeee #eeeeee #dddddd;

  }

  

  .tabs-right > .nav-tabs .active > a,

  .tabs-right > .nav-tabs .active > a:hover,

  .tabs-right > .nav-tabs .active > a:focus {

    border-color: #ddd #ddd #ddd transparent;

    border-left-color: #ffffff;

  }

  

  /* Page Article */

  .part-title {

      margin: 0px 0 0 0; /* 20px */

          visibility: hidden;

          font-size: 0px;

          display: none;

  }

  .marginnone {

      margin: 0;

  }

  #rater_bloc .starrr {

      color : rgb(255, 182, 0);

  }

  .starrr {

    line-height: 39px;

  }

  #text-rater {

      display: none;

  }

  

  /* Page Résultat */

  #result-list small,  #result-list p{

    margin-left: 36px;

  }

  /* Page Contact */

  .form-horizontal .control-label.label-help {

    font-weight: normal;

    text-align: left;

    margin-left: 0;

    padding-left: 0;

  }

  .input-help {

    font-size: 14px;

  }

  .form-group.form-group-help {

    margin-right: 0;

    margin-left: 0;

  }

  #ndd_input, #is_client {

    display: none;

  }

  span.country {

  display: inline-block;

  width: 28px;

  height: 20px;

  margin-top: -3px;

  margin-right: 5px;

  line-height: 20px;

  vertical-align: text-top;

  background-image: url("../img/flags.png");

  background-position: 26px 26px;

  background-repeat: no-repeat;

  }

  span.country.fr {

  background-position: 0 -382px;

  }

  span.country.be {

  background-position: 0 -361px;

  }

  span.country.ch {

  background-position: 0 -107px;

  }

  /* Popover */

  .popover {

    max-width: none;

    font-weight: normal;

  line-height: initial;

  text-align: center;

  font-size: 14px;

  }

  

  /* Modal content */

  .modal-content iframe {

    border: none;

    overflow-x : hidden;

    width: 100%;

    height: 800px;

  }

  /* min content */

  .content-min {

    min-height: 550px;

  }

  /* Bouton Top */

  /*.top-link, .top-link:link, .top-link:visited, .top-link:hover {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);

    border: 1px solid #D7D7D7;

    bottom: 10px;

    color: #FFFFFF;

    font-family: "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;

    font-size: 15px;

    font-weight: bold;

    margin-left: 570px;

    padding: 5px 8px;

    position: fixed;

    text-decoration: none;

    width: 50px;

    z-index: 13;

    display: none;

  }

  .top-link:before {

    border-bottom: 10px solid #D7D7D7;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    content: "";

    display: block;

    height: 0;

    margin: 0 auto 3px;

    width: 0;

  }*/

  

  #header.header2 a.logo {

    max-height:53px; height:53px;

  }

  #header.header2 a.logo img.logo {

    max-height: 40px !important;

    margin-top: 3px;

    padding-top: 5px !important;

  }

  .pophelp { 

    margin-left: 8px;

    font-size: 16px;

    line-height: 26px;

    top: 5px;

  }

  #header.header2 ul.social {

  margin-top: 5px;

  }

  #header.header2 {

    height : 56px;

  }

  #header.header2 .header_margin {

    margin-left: -30px;

    margin-right: 30px;

  }

  @media (max-width: 767px) {

    #header.header2 .header_margin {

      margin-left: -15px;

      margin-right: 30px;

    }

  }

  #header ul.social li.nobackground {

    width: auto;

    background: none;

    margin-right: 5px;

  }

  #header ul.social li.nobackground span.status {

    display: block;

    width: 26px;

    height: 26px;

    border-radius: 26px;

    background: #4BC828;

    margin-right: 10px;

    float: left;

    margin-top: 6px;

  }

  #header ul.social li.nobackground span.status.danger {

    background: #c91414;

  }

  #header ul.social li.nobackground span.status.info {

    background: #3f86ff;

  }

  #header ul.social li.nobackground span.status.warning {

    background: #FFB55A;

  }

  .starvote {

    color:gold;margin-right:5px;

  }

  .starvote i {

    font-size: 1.5em;

  }

  #menu.menu2 {

    margin-bottom: 0px;

    position: relative;

    z-index: 10;

  }

  

  /*#header ul.social li.nobackground a span {

    display: inline-block;

  }*/

  #header ul.social li.nobackground a {

  line-height: 38px;

  }

  .blocbundle  .roundedbloc {

    display: block;

    width: 100px;

    height: 100px;

    margin: 0 auto;

    background-color: rgb(52, 152, 219);

    text-align: center;

    border-radius: 98px;

    border: 4px solid white;

    color: white;

    font-size: 43px;

    line-height: 90px;

    position: relative;

    top: -50px;

  }

  .blocbundle h2 {

    text-align: center;

  font-size: 24px;

    position: relative;

    top: -50px;

  }

  .blocbundle p {

    position: relative;

    top: -30px;

    text-align: center;

  font-size: 18px;

  }

  .blocbundle {

    margin: 50px 0 0 0;

    padding: 0 10px;

    position: relative;

    margin-bottom: 30px;

  }

  

  .blocbundle .blocbundle_container{

    border: 3px solid #DFE6EB;

    border-radius: 6px;

    -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  -ms-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  padding: 0 14px 20px 14px;

  }

  .blocbundle .blocbundle_container:hover{

    border-color: #3498db;

  }

  .col-md-12.blocbundle {

    margin-top: 30px;

  }

  .searchForm2 input#searchInput {

    height: 45px;

  }

  .searchForm2 input[type="text"] {

    max-width: 1000px;

  }

  @media screen and (max-width: 768px) {

    .searchForm2 input[type="text"] {

      max-width: 100%;

    }

    .input-group {

      width: 90%;

      display: block;

      margin: 0 auto;

    }

  }

  .row.m30 {

    margin-left: -30px;

    margin-right: -30px;

  }

  #searchForm.searchForm2 {/*background: #222 url("../img/bg2.jpg") no-repeat;

  background-size: cover;

  /*background: none;*/

    background: url("../img/grid.png");

  }

  #searchForm.searchForm2 input {

    height: 45px;

  }

  #searchForm {

    position: relative;

    text-align: right;

  }

  #searchForm a {

    margin-left: 20px;

    font-weight: 600;

    color: #1C469D !important;

    font-size: 15px !important;

    line-height: 56px;

  }

  #searchForm a:hover {

    text-decoration: none;

  }

  @media (max-width: 991px) {

    #searchForm > a:last-of-type { display: none; }

  }

  #searchForm a > img {

    margin-right: 10px;

  }

  #searchForm a > img.no-margin {

    margin-right: 0;

  }

  #searchForm .container {

    position: relative;

    z-index: 2;

  }

  .overlay {

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  position: absolute;

  /*background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);*/

  background: url("../img/bg2.jpg") center no-repeat;

  background-size: cover;

  z-index: 1;

  opacity: 0.75;

  }

  #searchForm.searchForm2.nobg, #searchForm.searchForm2.nobg .overlay {

    background: none;

    border: none;

    padding: 0;

  }

  /* Contact2 */

  .bloccontact {

    border: 3px solid #DFE6EB;

    border-radius: 6px;

    padding: 10px;

  }

  .bloccontact.blocemail {

    padding: 35px 35px;

  }

  .bloccontact.blocemail a.btn {

    margin-top: 20px;

  }

  .bloccontact.blocemail h3 {

    margin-top: 5px;

    margin-bottom: 20px;

  }

  /*.bloccontact i {

    display: block;

    margin: auto;

    text-align: center;

    font-size: 60px;

    color: #297DBF;

    margin-bottom: 10px;

  }*/

  #btn_live_chat_container {

    visibility: hidden;

    position: absolute;

    display: none;

  }

  .blocs-3-contact .bloccontact {

    height: 280px;

  }

  .blocs-3-contact .blocbundle .blocbundle_container {

    height: 335px;

  }

  #phone-number-container h3{

    margin-top: 0;

  }

  #contact-mail .bloccontact {

    padding: 35px;

  }

  #sous-categorie-container {

    display: none;

  }

  #list-faq-container {

    display: none;

    background: #F8F8F8;

  padding: 20px;

  margin-top: 20px;

  margin-bottom: 35px;

  }

  #list-faq {

    margin-bottom: 15px;

  }

  .faq-item {

    background: white;

    margin-bottom: 8px;

    font-size: 14px;

  }

  .faq-item a {

    display: block;

  padding: 10px 16px;

  }

  .faq-item a:hover {

    text-decoration: none;

    color:white;

  background: #2B7FC1;

  }

  #contact-mail-form {

    display: none;

  }

  .bloc-category {

    background: #F3F3F3;

    border-right: 2px solid white;

    border-bottom: 2px solid white;

    position: relative;

    z-index: 0;

  }

  .bloc-category:hover {

    background: white;

    -moz-box-shadow: 0px 0px 5px 0px #656565;

  -webkit-box-shadow: 0px 0px 5px 0px #656565;

  -o-box-shadow: 0px 0px 5px 0px #656565;

  box-shadow: 0px 0px 5px 0px #656565;

  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);

    z-index: 1;

  }

  .bloc-category a{

    display: block;

    text-align: center;

    font-size: 16px;

    padding-top: 35px;

    height: 170px;

    padding-bottom: 40px;

    color : #2452b1;

  }

  .bloc-category a i{

    font-size: 50px;

  }

  .bloc-category a:hover{

    background: white;

    text-decoration: none;

  }

  /**/

  #callstate, #calltext, #livetchatstate, #livetchattext  {

    float: left;

    margin-top: 10px;

    text-align: left;

  }

  #callstate, #livetchatstate {

    padding: 5px 12px;

    font-size: 20px;

    color: #ffffff;

    background: #4BC828;

    border-radius: 3px;

    margin-right: 10px;

  }

  #livetchattext  {

      line-height: 38px;

  }

  #callstate.success, #livetchatstate.success  {

    background: #4BC828;

  }

  #callstate.warning, #livetchatstate.warning  {

    background: #FFB55A;

  }

  #callstate.danger, #livetchatstate.danger  {

    background: #c91414;

  }

  /*Etat des services*/

  .success {

    color: #4BC828;

  }

  .danger {

    color: #c91414;

  }

  .info {

    color: #3f86ff;

  }

  .warning {

    color: #FFB55A;

  }

  

  /* Service Statut */

  

  .service-status-categories {

      background: #F8F8F8;

      text-align: left;

      color: #1C469D;

      padding-top: 30px;

      padding-left: 15px;

      min-height: 550px;

      margin-bottom: -99999px;

      padding-bottom: 99999px;

      font-size: 16px;

  }

  

  @media all and (max-width: 1199px) {

      .service-status-categories {

          font-size: 14px;

      }

  }

  

  @media all and (max-width: 991px) {

      .lead {

          font-size: 14px!important;

      }

  }

  

  @media all and (max-width: 349px) {

      .large {

          display: none;

      }

      .small {

          display: inherit;

      }

  }

  @media all and (min-width: 350px) {

      .large {

          display: inherit;

      }

      .small {

          display: none;

      }

  }

  

  .lead{

      font-size: 16px;

  }

  

  .service-status-categories .list-group-item {

      background-color: none;

      background: none;

      border: none;

      /*font-size: 16px;*/

  }

  .service-status-categories .list-group-item.service-status-header {

      font-weight: 600;

      color: black;

      /*font-size: 16px;*/

  }

  .service-status-legend {

      padding: 10px 15px;

  }

  .service-status-message {

      padding: 20px;

      margin: 15px 0;

      background-color: #FFF;

  }

  .service-status-message h3 {

      margin-top: 0;

  }

  .service-status-message p {

      margin: 20px 0;

  }

  

  /* Service Statut */

  

  .breadcrumb {

    margin-top: 20px;

  }

  a.home {

    padding-top: 0;

    padding-bottom: 0;

    line-height: 50px;

  }

  a.home i {

    font-size: 18px;

    position: relative;

    top: 2px;

  }

  form {

    position : relative;

    z-index: 1;

  }

  form i.fa-pulse,form i.fa-spin {

    position: absolute;

  z-index: 2;

  font-size: 26px;

  top: 10px;

  right: 14px;

  color: #918F8F;

  }

  span.accroche {

  display: table-cell;

  vertical-align: middle;

  font-size: 15px !important;

  color: #010101 !important;

  line-height: 56px;

  white-space: nowrap;

  padding-left: 30px;

  }

  @media (max-width: 1240px) AND (min-width: 1200px) {

    span.accroche { padding-left: 15px; }

  }

  @media (max-width: 1199px){

    span.accroche { display: none; }

  }

  h1.contact-head small{

    font-size: 20px;

  line-height: 30px;

  display: inherit;

  }

  .h100 {

    min-height: 100px;

    max-height: 100px;

    overflow: hidden;

  }

  .nopadding {

    padding: 0;

  }

  .blocbundle .blocbundle_container.contact_iframe {

    padding-bottom: 0;

  }

  .blocs-2-contact-iframe .blocbundle .blocbundle_container {

    height: 292px;

  }

  .blocbundle .alert p, .blocbundle p.help-block, .blocbundle p.text-muted {

    top: 0;

    font-size: 14px;

    text-align: left;

  }

  #rappelModal .modal-sm {

    width: 400px;

  }

  #blocrappel, #bloclivetchat {

    display: none;

  }

  /* WHOIS */ 

  #whoisContainer {

    position: relative;

  }

  

  /*CSS ARTICLE*/

  #content-article {

    margin: 40px 0 20px;

  }

  #content-article h1 {

      font-size: 40px;

      line-height: 50px;

      font-weight: 600;

      font-family: Open Sans !important;

      margin-left: -15px;

      margin-top: 15px;

      color: #002778 !important;

  }

  #content-article h2 {

      margin-top: 80px;

      font-size: 20px; /*22px*/

      font-family: Open Sans !important;

  }

  #content-article h3 {

    font-size: 20px;

    line-height: 32px;

    font-weight: 600;

    padding-bottom: 10px;

    padding-left: 30px;

  }

  

  #content-article td a {

      color: #FFFFFF!important;

      font-size: 13px!important;

      font-weight: 700;

  }



  div.sommaire { 

    background-color: #F2F3F4;

    padding: 30px;

    border-radius: 10px;

    margin-left: -15px;

    margin-right: -15px;

  }



  div.sommaire p {

    font-size: 22px !important;

    line-height: 32px !important;

    font-weight: 600 !important;

    color: #002778 !important;

  }



  div.sommaire ul.summary-list {

    margin: 15px 0 0 !important;

    padding: 0;

  }



  div.sommaire ul.summary-list li a {

    font-size: 18px !important;

    line-height: 28px !important;

    font-weight: 600 !important;

    color: #0088C4 !important;

    text-decoration: none;

  }



  #content-article div.sommaire ul.summary-list li a:hover {

    text-decoration: underline !important;

  }



  div.sommaire ul.summary-list li {

    margin-top: 7px;

  }



  ul.sub_menu_h3 { margin-bottom: 10px !important; }

  ul.sub_menu_h3 li { margin: 3px 0 0 !important; }

  ul.sub_menu_h3 li:first-of-type { margin-top: 13px !important; }

  #content-article ul.sub_menu_h3 li a { font-size: 16px !important; }



  #content-article h2.anchor {

    font-size: 25px;/*30*/

    line-height: 38px;/*40*/

    font-weight: 600;

    color: #1C469D;

    text-decoration: none !important;

    margin: 40px 0 15px !important;

  }



  #content-article h2.anchor {

    font-size: 25px;/*30*/

    line-height: 38px;/*40*/

    font-weight: 600;

    color: #1C469D;

    text-decoration: none !important;

    margin: 40px 0 15px !important;

  }



  #content-article h3.anchor {

    font-size: 19px;/*30*/

    line-height: 28px;/*40*/

    font-weight: 600;

    color: #1C469D;

    text-decoration: none !important;

    margin: 25px 0 10px !important;

  }



  @media (max-width: 767px){

    #content-article h2.anchor {

      font-size: 26px;

      line-height: 34px;

    }

  }



  #content-article p {

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: #27293B;

    margin-bottom: 25px;

  }



  #content-article p strong {

    color: #002778;

    font-weight: 600;

  }



  #content-article p img {

    margin: 45px auto !important;

    max-width: 100%;

    height: auto !important;

  }



  /*#content-article p img:hover {

    cursor: pointer;

    transform: scale(1.2);

  }*/



  #content-article a {

    font-size: 18px !important;

    line-height: 32px;

    color: #0088C4 !important;

    text-decoration: underline !important;

  }



  #content-article a:hover {

    text-decoration: none !important;

  }



  #content-article a.btn_modify_answer{

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

  

    text-decoration: none !important;

  

    background: #fff;

    color: #000 !important;

    border: 2px solid #3497E8;

    border-radius: 4px;

    margin-left: 11px;

    padding: 3.5px 15px 3.5px;

    font-size: 14px !important;

    line-height: 19px;

    font-weight: 700;

  }



  #content-article ul,

  #content-article ol {

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: #27293B;

    margin: -10px 0 25px;

  }



  #content-article ul li,

  #content-article ol li {

    margin-bottom: 5px;

  }



  #content-article ul li strong,

  #content-article ol li strong {

    color: #002778;

    font-weight: 600;

  }



  #content-article hr {

    margin: 40px 0;

    border-top: 1px solid #C5C7CB;

  }



  #content-article pre {

    font-size: 16px;

    line-height: 32px;

  }



  #content-article table {

    margin: 0 auto 20px;

  }



  #content-article table tr td,

  #content-article table tr th {

    font-size: 16px;

    line-height: 32px;

    font-weight: 400;

    color: #27293B;

    text-align: left;

    border: 1px solid;

  }



  #content-article table tr td img.nb-bs {

    box-shadow: none !important;

  }



  #content-article table.content-center tr td:not(:first-of-type) {

    text-align: center;

  }



  #content-article span.btn-primary {

    font-size: 16px;

    line-height: 32px;

  }



  div#content-avis div.row_avis {

    background: #F2F3F4;

    border-radius: 10px;

    padding: 20px 15px;

  }



  div#content-avis div.row_avis.open {

    border-radius: 10px 10px 0 0;

    border: 1px solid #D5D9E3;

    border-bottom: none;

  }



  div#content-avis div.row_avis p {

    font-size: 18px;

    line-height: 32px;

    color: #002778;

    margin: 0 !important;

    display: inline-block;

  }



  div#content-avis div#rater_bloc {

    display: inline-block;

    margin: 0 15px;

  }



  @media (max-width: 1649px){

    div#content-avis div.row_avis p:first-child { display: block; }

    div#content-avis div#rater_bloc { margin: 0 15px 0 0; }

    .row_avis { height: auto !important; max-height: 85px; }

  }



  @media (max-width: 991px){

    div#content-avis div.row_avis div { padding: 0; }

  }



  @media (max-width: 545px){

    div#content-avis div.row_avis div { display: block; text-align: center; float: none; }

    div#content-avis div.row_avis div.col-sm-4 { margin-bottom: 10px; }

    .row_avis { display: block !important; max-height: 180px; }

  }



  div#content-avis div#rater_bloc div#stars {

    padding-top: 0;

    line-height: 32px;

  }



  div#content-avis img.see {

    margin: 0 10px 0 0 !important;

    width: 25px;

    height: 14px;

  }



  @media (max-width: 1250px){

    div#content-avis img.see {margin: 0 2px 0 0 !important; }

  }



  @media (max-width: 1199px) {

    div.col-sm-3.text-right strong { white-space:pre; }

    div.col-sm-3.text-right strong::before { content: '\A'; }

  }



  div#content-avis p.thumb {

    padding-left: 10px;

  }



  div#content-avis p.thumb img {

    margin: 0 8px 0 0 !important;

    width: 20px;

    height: 20px;

  }



  div#content-avis p.thumb img:not(.no_select):hover {

    cursor: pointer;

  }



  div.similar_article {

    display: flex;

    flex-wrap: wrap;

    margin-right: -30px;

    margin-left: -30px;

    margin-top: 50px;

  }



  div.similar_article div.bloc_similar {

    padding-left: 20px; 

    text-align: left;

    transition: transform 0.5s;

    width: 100%;

  }



  div.similar_article h3 {

    display: block;

    width: 100%;

    padding: 0 0 30px 0 !important;

    margin: 0 !important;

  }



  div.similar_article a {

    width: calc(100% / 4);

    padding-right: 15px;

    border-left: 5px solid #1997E8;

    transition: transform 0.5s;

  }



  @media (max-width: 1199px){

    div.similar_article a { width: calc(100% / 2); }

    div.similar_article { gap: 30px 0; }

  }



  @media (max-width: 450px){

    div.similar_article a { width: 100%; }

  }



  div.similar_article a:hover {

    cursor: pointer;

    transform: scale(1.1);

  }



  #content-article div.similar_article div.bloc_similar p.time {

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    color: #727784;

    margin-bottom: 10px;

  }



  #content-article div.similar_article div.bloc_similar p.title {

    max-width: 267px;

    font-size: 18px;

    line-height: 32px;

    font-weight: 600;

    margin-bottom: 0;

  }



  div.article_info {

    margin-right: -30px;

    margin-left: -30px;

  }



  div.article_info span.tag {

    padding: 4px 15px;

    border-radius: 15px;

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    color: #002778;

    text-shadow: none;

    white-space: pre-wrap;

    background: rgba(25, 151, 232, 0.25);

    margin-right: 15px;

  }



  @media (max-width: 767px){

    div.article_info span.tag {

      display: block;

      margin-bottom: 10px;

      width: max-content;

      max-width: 100%;

      text-align: center;

    }

  }



  span.release,

  span.writer,

  span.time_read {

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

    color: #727784;

    margin-right: 20px;

  }



  span.writer {

    text-transform: capitalize;

  }



  div.social_share {

    position: fixed;

    top: 227px;

    left: 2.5%;

    z-index: 99;

  }



  @media (max-width: 1199px) {

    div.social_share { left: 2%; }

  }



  @media (max-width: 767px) {

    div.social_share { display: none; }

  }



  @media (max-width: 410px) {

    .article_info { text-align: center; }

    div.article_info span.tag { margin: 0 auto 15px; }

    span.time_read { display: block; margin-top: 5px; }

    span.writer, span.time_read { margin-right: 0; }

  }



  div.social_share a {

    display: block;

    text-align: center;

    line-height: 0;

  }



  div.social_share img {

    max-width: 20px;

    max-height: 20px;

    height: auto;

    width: auto;

    margin-bottom: 30px;

    transition: opacity 0.5s;

  }



  div.social_share a:hover img {

    opacity: 0.4;

    cursor: pointer;

  }



  #copiedLink {

    position: fixed;

    top: 215px;

    left: 80px;

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    white-space: nowrap;

    height: 34px;

    border-radius: 3px;

    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);

    background-color: #16bc55;

    text-align: center;

    padding: 7px 5px 0;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    z-index: 5;

  }



  #non {

    margin-left: -15px;

    margin-right: -30px;

    background: #FAFAFA;

    border: 1px solid #D5D9E3;

    border-top: none;

    border-radius: 0 0 10px 10px;

    padding: 30px;

  }



  #content-article #non p.title-form {

    font-size: 18px;

    line-height: 32px;

    font-weight: 600;

    color: #1C469D;

    margin-bottom: 10px;

  }



  #content-article #non p {

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #202020;

    margin-bottom: 0;

  }



  #content-article #non a {

    font-size: 16px !important;

    line-height: 26px !important;

  }



  #content-article #non p a {

    text-decoration: underline !important;

  }



  #content-article #non form label {

    color: #202020;

    font-size: 16px;

    line-height: 26px;

    font-weight: 600;

  }



  #content-article #non form button {

    margin-top: 10px;

  }



  @media (max-width: 991px){

    #content-article #non form button { position:relative; left: 50%; transform:translateX(-50%); }

  }



  #content-article #non form label.lab_mail {

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    color: #202020;

    margin-top: 15px;

    display: inline-block;

    width: calc(100% - 20px);

    vertical-align: top;

  }



  #content-article #non form #check-rgpd {

    display: inline-block;

    margin-top: 15px;

    vertical-align: text-top;

    top: 2px;

    position: relative;

  }



  #oui {

    margin-left: -15px;

    margin-right: -30px;

    background: #D8FFF3;

    margin-top: 20px;

    border-radius: 32px;

  }



  #content-article #oui p {

    font-size: 18px;

    line-height: 32px;

    color: #007847;

    padding: 15px 30px;

    margin-bottom: 0;

  }



  #content-article #oui p strong {

    color: #007847;

  }



  #content-article #oui p img.check {

    width: 18px;

    height: 13px;

    display: inline-block;

    margin: 0 10px 0 0 !important;

    vertical-align: middle;

    position: relative;

    top: -2px;

  }



  .bup_droite {

    background: #FFF !important;

    padding-top: 40px;

  }



  .title_droite {

    font-size: 16px !important;/*22*/

    line-height: 24px;/*32*/

    font-weight: 600;

    color: #1C469D;

  }

  p.title_droite, p.mini { margin-bottom: 0; }

  img.cat_droite_svg { margin-top: 40px; }

  #barre_droite_id img.img-responsive { margin-top: 12px !important; }



  #erreur_mail, #erreur_check, #erreur_comment {

    font-size: 13px !important;

    color: #dc3545 !important;

  }

  form.comm_form input:focus,

  form.comm_form textarea:focus {

    background-color: #fff;

    border-color: #86b7fe;

    border-radius: 4px;

    outline: 0;

    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);

  }

  form.comm_form input.error-form:focus,

  form.comm_form textarea.error-form:focus {

    border-color: #dc3545;

    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);

  }

  /*FIN CSS ARTICLE*/

  



  /* Renouvellement */

  #renew {

      font-size: 15px;

      border-radius: 0px 5px 5px 0px;

  }

  @media all AND (max-width: 767px) {

      

      #renew {

          margin-top: 15px;

          border-radius: 5px !important;

      }

      .input_renew {

          border-radius: 5px !important;

      }

      #content-listing h1 {

          font-size: 28px;

      }

  }

  

  @media all AND (max-width: 420px) {

      

      #content-listing h1 {

          font-size: 22px;

      }

  }

  

  

  /*table img*/

  td img {

      margin:0 auto !important;

  }

  

  .bgwhite {

      background: white;

  }

  

  /* Sommaire */

  #sommaire-article.fixed {

      position: fixed;

      top: 30px;

      z-index: 10;

  }

  #sommaire-article ul {

      padding: 10px 0;

  }

  #sommaire-article ul li ul {

      padding: 0;

  }

  #sommaire-article strong {

      font-size: 16px;

  }

  #sommaire-article a {

      position:relative;

      display: inline-block;

      width: 100%;

      padding: 5px 10px;

      border-left: 2px solid transparent;

  }

  #sommaire-article a.active, #sommaire-article a:hover {

      text-decoration: none;

      border-color: #1C469D;

      background: #eee;

  }

  

  #sommaire-article ul li ul li a {

      padding-left: 15px;

  }

  #sommaire-article strong.active:before, #sommaire-article li.active:before  {

      content: "";

      background: pink;

      position: absolute;

      width: 10px;

      height: 10px;

  }

  

  /*ALGOLIA*/

  .aa-input-container {

    display: block;

    position: relative;width:40%;     margin: 0 auto;

  }

  .search-input-container .btn{ /*#search-input-container*/

      background: #ff6628;

      /*background: repeating-linear-gradient(#ff6628, #ffffff 100%);*/

      height: 46px;

      width: 50px;

      margin: 0px -1px 0px 0px;

      right: 0px;

      top: 23px;

      border-radius: 0px 5px 5px 0px;

      transition: opacity 1s;

      opacity: 1;  

  }

  .search-input-container .btn:hover{ /* #search-input-container ! */

      transition: opacity 1s;

      opacity: 0.7;  

  }

  .transition-width {	

      /* Syntaxe standard */

      transition-property: width, background;

      transition-duration: 2s;

      transition-timing-function: linear;

      transition-delay: 1s;

      

      /* Hack Safari */

      -webkit-transition-property: width, background;

      -webkit-transition-duration: 2s;

      -webkit-transition-timing-function: linear;

      -webkit-transition-delay: 1s;    

  }

  

  

  @media all AND (max-width: 1199px) {

      .aa-input-container {

          width: 60%;

      }

  }

  @media all AND (max-width: 768px) {

      .aa-input-container {

          width: 80%;

      }

  }

  .aa-input-search {

    width: 100%;

    border: 1px solid rgba(228, 228, 228, 0.6);

    padding: 12px 28px 12px 12px;

    margin-bottom: -10px;

    box-sizing: border-box;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none; 

    border-radius:23px;

  }

  #aa-search-input2 { font-size: 16px; line-height: 26px; color: #73757B; z-index: 97; }

    .aa-input-search::-webkit-search-decoration, .aa-input-search::-webkit-search-cancel-button, .aa-input-search::-webkit-search-results-button, .aa-input-search::-webkit-search-results-decoration {

      display: none; }

  .aa-input-search:focus-visible { outline: none; }

  svg.search-input-icon.btn {

    z-index: 99;

    position: absolute;

    top: 19px;

    right: 10px;

    fill: #000;

    width: 46px;

    height: 46px;

  }

  @media (max-width: 545px){

    svg.search-input-icon.btn { display: none; }

  }

  .aa-input-icon {

    height: 16px;

    width: 16px;

    position: absolute;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    fill: #e4e4e4;

      margin-top: 5px;

  }

  .aa-dropdown-menu {

    background-color: #fff;

    border: 1px solid rgba(228, 228, 228, 0.6);

    min-width: 300px;

    margin-top: 10px;

    box-sizing: border-box; }

  .aa-dropdown-menu a{

    text-decoration: none;color:#545454; }

  .aa-dropdown-menu a em{

    font-style: normal;color:#1195F5; }

  .aa-suggestion {

    padding: 12px;

    cursor: pointer;

  }

  .aa-suggestion + .aa-suggestion {

      border-top: 1px solid rgba(228, 228, 228, 0.6);

  }

    .aa-suggestion:hover, .aa-suggestion.aa-cursor {

      background-color: rgba(241, 241, 241, 0.35); }

    .algolia-autocomplete {

        width: 100%;

    }

    

  /* MENU CATEGORIE */

  #tree {

      width: 100%;

  }

  

  #tree > li {

      border-bottom: 1px solid #ccc;

  }

  

  #tree  li > a {

      color: #000;

      text-decoration: none;

  }

  

  #tree  li > a:before {

      content: "\f054";

      font-family: "FontAwesome";

      color: #52c2de;

      padding-right: 4px;

      font-weight: bold;

  }

  

  #tree  li >a.active:before {

      content: "\f078";

  }

  

  #tree li ul {

      display: none;

      list-style: none;

      padding-left: 35px;

  }

  

  

  /**** Ajout du 30/01/2019 ****/

  

  @media all AND (min-width: 768px) {

      #list_lang {

          display: block;

      }

  }

  

  @media all AND (max-width: 767px) {

      #list_lang {

          display: none;

      }

  }

  

  #menu_lang {

    position: relative;

    display: inline-block;

    list-style: none;

    margin-top: -3px;

    margin-bottom: auto;

    padding-left: 0;

  }

  

  #menu_lang:hover {

      cursor:pointer;

  }

  

  #menuTranslate {

      color: white;

      font-size: 20px;

  }



  #menuTranslate:hover,

  #menuTranslate:focus {

    text-decoration: none;

  }

  

  #menuTranslate > i {

      position: relative;

      font-size: 20px;

  }

  

  #menuTranslate > i:before {

      position: absolute;

      top: -13px;

      left: 5px;

  }

      

  #ss_menu_lang {

      list-style: none;

      background: white;

      position: absolute;

      top: 56px;

      right: -40px;

      z-index: 9999;

      width: 170px;

      padding-left: 0px;

      box-shadow: 0px 1px 15px 0px #000;

  }



  #ss_menu_lang a {

    margin-left: 0;

    line-height: 30px;

    text-align: left;

  }

  

  @media all AND (max-width: 991px) {

      #ss_menu_lang {

          right: 0;

      }

      #menu_lang:before {

          content: "";

      }

  }

  

  #ss_menu_lang:before {

      position: absolute;

      top: -24px;

      right: 16px;

      border: 1px solid transparent;

      border-top-color: transparent;

      border-right-color: transparent;

      border-bottom-color: white;

      border-left-color: transparent;

      content: " ";

      height: 0;

      width: 0;

      pointer-events: none;

      border-width: 12px;

  }

  

  #ss_menu_lang li.first {

      /*padding: 20px 20px 10px;*/

      margin-top: 10px;

  }

  

  #ss_menu_lang li {

      padding: 10px 20px;

      background: white;

      color: black;

  }

  

  #ss_menu_lang li:hover {

      background: #175bb5;

      color: white;

  }

  

  #ss_menu_lang li.last {

      /*padding: 10px 20px 20px;*/

      margin-bottom: 10px;

  }

  

  a.glink img {

      margin-right: 15px;

  }

  

  #top_nav .shortcuts > div > a.shortcut {

      color: #fff;

      font-family: 'Open Sans',sans-serif;

      font-weight: 600;

      font-size: 14px;

      text-decoration: none;

  }

  

  #menu_lang > li > a {

      text-decoration: none;

  }

  

  #top_nav .shortcuts {

      padding: 10px 0;

  }

  

  #header font {vertical-align: top !important;}

  

  @media all AND (max-width: 1070px) {

      span.account {display: none;}

  }

  

  @media all AND (min-width: 1071px) {

      span.account {display: inline-block;}

  }

  

  @media all AND (max-width: 767px) {

      span.account {display: inline-block;}

  }

  

  

  /**** Logo ****/

  

  @media (max-width: 1410px) {

      #header.header2 a.logo img.logo {max-width: 150px;}

  }

  

  @media (max-width: 767px) {

      #header.header2 a.logo img.logo {max-width: none;}

  }

  

  @media (max-width: 380px) {

      #header.header2 a.logo img.logo {max-width: 160px;}

  }

  

  

  

  /**** CGV Modal ****/

  .cgv_modal {

      text-align: justify !important;

  }

  .cgv_modal p {

      font-size: 13px !important;

  }

  .cgv_modal span {

      font-weight: bold !important;

  }

  

  .cgv_modal ul li {

      font-size: 13px !important;

      list-style: disc;

  }

  

  .cgv_modal table {

      margin: auto;

  }

  

  .cgv_modal table tr td {

      border : 1px solid #ececec;

      padding: 15px;

  }

  

  @media (min-width:1201px){

      .modal-dialog.modal-dialog-xl {width:1150px !important;}

  }

  

  @media (min-width:991px) AND (max-width: 1200px){

      .modal-dialog.modal-dialog-xl {width:940px !important;}

  }

  

  @media (min-width:768px) AND (max-width: 990px){

      .modal-dialog.modal-dialog-xl {width:715px !important;}

  }

  

  h3.cgv {

      font-size: 20px;

  }

  

  p.lead.fs14 {

      font-size: 14px;

      line-height: 10px;

      margin: 0 0 10px;

  }

  

  p.lead.fs14 a {

      text-decoration: underline;

  }

  

  p.lead.fs14 a:hover {

      text-decoration: none;

  }

  

  #old_cgv:hover {

      cursor: pointer;

  }

  

  #top{display: none !important;}

  

  /*BOUTON TOP*/

  .top-link{

      position: fixed;

      bottom: 130px;

      right: -100px;

      padding: 7px 7px 9px;

      background-color: #1A5EBE;

      border-top-left-radius: 5px;

      color: #fff;

      transition: .2s;

      z-index: 99999;

      border: 2px solid #fff;

      border-right: none;

      border-bottom-left-radius: 5px;

  }

  .top-link:hover{    

      background: none repeat scroll 0 0 #4082DE;

  }

  

  /* Vidéo Youtube */

  @media all AND (min-width: 1200px){

      .embed-responsive.embed-responsive-16by9{

          max-width: 855px;

          padding-bottom: 480px !important;

          margin:auto;

      }

  }

  @media all AND (min-width: 992px) AND (max-width: 1199px){

      .embed-responsive.embed-responsive-16by9{

          max-width: 700px;

          padding-bottom: 394px !important;

          margin:auto;

      }

  }

  

  /* New CSS for Widget CGV */

  .new_cgv h2 {font-size: 24px; font-weight: 400; margin: 8px 0; line-height: 1.2em; margin-bottom: 30px;}

  .new_cgv h2.mt50 {margin-top: 50px;}

  .new_cgv h3 {margin-top: 30px; font-size: 17px; line-height: 27px; color: #118af5; font-weight: 600;}

  .new_cgv .elements {padding-top: 5px; border-bottom: 1px solid #ececec;}

  .new_cgv .elements p {text-align: inherit !important; font-size: 15px !important; line-height: 25px !important;}

  .new_cgv .elements span.left {display: inline-block; width: 85%;}

  .new_cgv .elements span.right {float: right;}

  #old_cgv {margin-top: 50px !important;}

  .old-condition {margin-bottom: 30px;}

  #puce:before {color: #118af5;}

  

  /* New CSS pour le formulaire commentaire */

  form.comm_form { margin-top: 30px; }

  @media (max-width: 767px) {

    form.comm_form { width: 100%; }

  }

  

  /* New CSS for Blockquote Article */

  blockquote { 

    padding: 20px 20px 20px 75px; 

    background-image:url('../svg/guillemets.svg'); 

    background-size: 35px;/*2.5%*/ 

    background-position: 28px 18px; 

    background-repeat:no-repeat; 

    min-height: 30px; 

    border-left: 0; 

    color: #fff; 

    background-color: #F2F3F4 !important; 

    border-radius: 10px;

    margin: 0 0 25px;

  }



  blockquote p {

    font-size: 18px !important;

    line-height: 32px !important;

    font-style: italic !important;

    margin-bottom: 10px !important;

    color: #002778 !important;

  }



  blockquote p:last-child {

    margin-bottom: 0 !important;

  }



  /* New CSS for Pre Code */

  section.article_content pre { margin: 0 0 30px; }



  /* Menu 2022 */

  .nav>li>a {

    position: relative;

    padding: 15px 30px !important;

    font-size: 15px;

    line-height: 25px;

    font-weight: 600;

    /*border-right: 1px solid #fff;*/

  }

  .nav>li>a:after {

    position: absolute;

    content: '';

    width: 1px;

    height: 40%;

    background: #fff;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

  }

  .navbar-nav > li + li::before,

  .nav>li.active>a:after,

  .nav > li:last-of-type > a:after {

    display: none;

  }



  @media (max-width: 991px){

    .nav > li:nth-child(3) > a:after {

      display: none;

    }

  }



  @media (max-width: 767px) {

    #menu-principal { margin-right: -30px !important; }

    .nav>li>a:after { display: none; }

    .navbar-nav .open .dropdown-menu>li>a,

    .navbar-nav .open .dropdown-menu .dropdown-header {

      padding: 10px 15px 10px 25px;

    }

  }



  img.caret_white { margin-left: 8px; }

  .dropdown-menu li a { font-size: 16px; line-height: 26px; }

  @media (min-width: 768px) {

    .navbar-header.hidden-sm { display: none; }

  }



  #algolia-autocomplete-listbox-0 { top: 50% !important; z-index: 96 !important; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }

  div.aa-suggestion:first-child { padding-top: 40px; }

  #aa-search-input2[aria-expanded = 'true']{

    border-radius: 23px 23px 0 0;

  }

  #searchForm.search_menu {

    margin-right: -30px;

  }

  #searchForm.search_menu form {

    z-index: 99;

    display: none;

    position: absolute;

    width: 500px;

    right: 0;

    opacity:0;

    transition:visibility 0.3s linear,opacity 0.3s linear;

  }

  img.loupe_search {

    width: 18px;

    height: auto;

    top: 50%;

    position: relative;

    transform: translateY(-50%);

  }

  img.loupe_search:hover {

    cursor: pointer;

  }

  #searchForm.search_menu .search-input-icon { top: 55% !important; }

  #aa-search-input { border-radius: 23px; z-index: 97; border: 1px solid rgba(228, 228, 228, 0.6); }

  #aa-search-input:focus-visible { outline: none; }

  #aa-search-input[aria-expanded = 'true']{

    border-radius: 23px 23px 0 0;

  }

  #search-input-container-header div.aa-dataset-1 div.aa-suggestion {

    text-align: left !important;

  }

  #search-input-container-header div.aa-dataset-1 div.aa-suggestion:first-child {

    padding-top: 30px !important;

  }

  #search-input-container-header div.aa-dataset-1 div.aa-suggestion a { 

    font-size: 14px !important;

    line-height: 20px !important;

  }

  #search-input-container-header div.aa-dataset-1 div.aa-suggestion a span strong {

    margin-left: -20px;

  }

  .menu_search_loupe { z-index: 98; }

  @media (min-width: 768px) {

    #searchForm { z-index: 97; }

    #header.header2 { position: relative; z-index: 99; }

    #searchForm.search_menu { position: absolute; right: 30px; }

  }

  ul.nav.navbar-nav { position: relative; z-index: 97; }

  @media (max-width: 767px) {

    div.content-min > section { margin-top: 0 !important; }

    #searchForm.search_menu { padding: 15px 0; border-top: 1px solid #fff; margin: 0; width: 100%; height: 80px !important; }

    #searchForm.search_menu form { opacity: 1; visibility: visible; display: block; left: 0; text-align: center; width: 90%; margin: auto; }

    img.loupe_search { display: none; }

    #menu-principal { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }

    /*#menu.menu2 .navbar-default .navbar-nav>li>a { padding: 15px 30px 15px 45px !important; }*/

    /*.navbar-default .navbar-nav .open .dropdown-menu>li>a { padding-left: 45px !important; }*/



    #menu.menu2 .container,

    #menu.menu2 .container-fluid { padding: 0 !important; }

    #menu-principal ul { margin: 7.5px 0 !important; }

    #menu.menu2 .navbar-default .navbar-toggle { right: 15px !important; top: -52px !important; }

    #aa-search-input[aria-expanded = 'true'] { border-radius: 23px !important; }

    div.aa-dataset-1 { display: none; }

  }



  #menu-principal ul { 

    min-width: 1px;

    min-height: 55px;

  }



  #searchForm.search_menu.middle_form {

    width: 100%;

  }

  #searchForm.search_menu.middle_form form {

    left: 50%;

    transform: translateX(-50%);

  }



p > br { display: none; }

.article_content p > br { display: block; }

div.service-status-message p > br {display: block;}

#content-article ul.no_margin { margin: 0px 0 25px; }

#content-article div.embed-responsive { margin: 50px auto; }

.bup_droite.barre_droite_no_article { background: #F8F8F8 !important; }

.bup_droite.barre_droite_no_article.no_grey { background: #fff !important; }





/******************************************/

/**  Module Questions Réponses Dynamqie  **/

/******************************************/



/* Bloc Question et Réponses */

#content-article hr.dyn_hr { 

  margin: 65px auto 0; 

  width: 50%; 

  border-width: 2px;

  border-color: #3497E8;

}

div.top_question_answer { 

  margin-top: 40px;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

}

div.top_question_answer div.title {

  font-size: 24px;

  font-weight: 600;

  line-height: 33px;

  color: #1C459A;

  margin-left: -15px;

}

#content-article div.top_question_answer div.ask_question a.btn {

  background: #fff;

  color: #000 !important;

  border: 2px solid #3497E8;

  border-radius: 4px;

  font-size: 14px !important;

  text-decoration: none !important;

  line-height: 19px;

  font-weight: 700;

  margin: 0 -15px 0 0;

}

div.question_answer { 

  margin-top: 20px;

}

div.question_answer div.elem_question { 

  /*border: 1px solid #1e49bb;*/

  border: 1px solid #ccc;

  /*border-top: 5px solid #3497E8;*/

  border-radius: 4px;

  padding: 15px;

  background: #fff;

  color: #000;

  /*box-shadow: rgb(0 0 0 / 15%) 2.4px 2.4px 3.2px;*/

  box-shadow: 0px 3px 8px #00047526;

}

div.question_answer div.elem_question:not(:first-child) {

  margin-top: 30px;

}

div.question_answer div.elem_question div.question_part {

  display: flex;

  max-width: 100%;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: center;

}

div.question_answer div.elem_question div.author_question,

div.question_answer div.elem_question div.number_answer {

  font-size: 14px;

  white-space: nowrap;

}

div.question_answer div.elem_question div.number_answer:hover {

  cursor: pointer;

}

div.question_answer div.elem_question div.content_question {

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

  color: #000;

  padding: 0 40px;

}

div.question_answer div.elem_question div.question_part div.author_question {

  padding: 15px;

  border-radius: 4px;

  background-color: #F2F3F4;

  font-size: 14px;

  line-height: 19px;

}

div.question_answer div.elem_question div.question_part div.author_question span.time_left {

  display: block;

  margin-top: 5px;

}

div.question_answer div.elem_question div.question_part div.number_answer { 

  text-align: center;

  padding: 8px 15px;

  border: 2px solid #3497E8;

  border-radius: 4px;

  font-size: 14px !important;

  text-decoration: none !important;

  line-height: 19px;

}

div.question_answer div.elem_question div.button_answer {

  margin: 10px auto 0;

  text-align: center;

}

div.question_answer div.elem_question div.button_answer button.btn {

  background: #fff;

  color: #000;

  border: 2px solid #3497E8;

  border-radius: 4px;

  font-size: 14px !important;

  text-decoration: none !important;

  line-height: 19px;

  font-weight: 700;

}

div.question_answer div.elem_question div.button_answer button.btn:focus,

div.question_answer div.elem_question div.button_answer button.btn:hover { 

  outline: none;

  box-shadow: rgb(52 151 232 / 15%) 2.4px 2.4px 3.2px;

}

div.question_answer div.elem_question div.answer_part {

  margin-top: 20px;

}

div.question_answer div.elem_question div.answer_part div.answer {

  border: 1px solid #CCCCCC;

  border-radius: 4px;

  padding: 15px;

  background: #F2F3F4;

  color: #000;

}

div.question_answer div.elem_question div.answer_part div.answer:not(:first-child) {

  margin-top: 20px;

}

div.question_answer div.elem_question div.answer_part div.answer div.author_answer {

  font-size: 14px;

  line-height: 19px;

}

div.question_answer div.elem_question div.answer_part div.answer div.content_answer {

  margin: 15px 0;

  font-size: 16px;

  line-height: 28px;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility {

  font-size: 14px;

  line-height: 19px;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility button.btn {

  background: #fff;

  color: #000;

  border: 2px solid #3497E8;

  border-radius: 4px;

  margin-left: 11px;

  padding: 3.5px 15px 3.5px;

  font-size: 14px;

  line-height: 19px;

  font-weight: 700;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility button.btn:focus {

  outline: none;

  box-shadow: rgb(52 151 232 / 15%) 2.4px 2.4px 3.2px;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility button.btn:nth-child(2) {

  margin-left: 6px;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility span.text-green {

  color: #008000; font-weight: 600;

}

div.question_answer div.elem_question div.answer_part div.answer div.utility span.text-red {

  color: #f00; font-weight: 600;

}

div.question_answer button.btn:hover {

  background: #f6f6f6;

}



@media (max-width: 1499px) AND (min-width: 1200px) {

  div.question_answer div.elem_question div.question_part { flex-wrap: wrap; gap: 30px 0; }

  div.question_answer div.elem_question div.question_part div.author_question { order: 1; }

  div.question_answer div.elem_question div.content_question { order: 3; width: 100%; padding: 0; text-align: center; }

  div.question_answer div.elem_question div.question_part div.number_answer { order: 2; }

}



@media (max-width: 991px) {

  div.question_answer div.elem_question div.question_part { flex-wrap: wrap; gap: 30px 0; }

  div.question_answer div.elem_question div.question_part div.author_question { order: 1; }

  div.question_answer div.elem_question div.content_question { order: 3; width: 100%; padding: 0; text-align: center; }

  div.question_answer div.elem_question div.question_part div.number_answer { order: 2; }

}



@media (max-width: 767px) {

  div.question_answer div.elem_question div.answer_part div.answer div.content_answer { font-size: 16px; }

  div.question_answer div.elem_question div.answer_part div.answer div.utility { margin-top: 20px; }

}



@media (max-width: 599px) {

  div.top_question_answer { flex-direction: column; align-items: center; }

  div.top_question_answer div.ask_question { margin-top: 15px; }

}



@media (max-width: 450px) {

  div.question_answer div.elem_question div.content_question { font-size: 18px; }

}



/* Formulaire Publish Question */

div.publish_question {

  margin-top: 20px;

  border: 1px solid #CCCCCC;

  /*border-top: 5px solid #3497E8;*/

  border-radius: 4px;

  padding: 15px;

  background: #fff;

  color: #000;

  /*box-shadow: rgb(0 0 0 / 15%) 2.4px 2.4px 3.2px;*/

  box-shadow: 0px 3px 8px #00047526;

}

h3.publish_title {

  margin: 40px 0 0 -15px;

  text-align: left;

  font-size: 24px;

  line-height: 33px;

  font-weight: 600;

  color: #1C459A;

}

div.publish_question form#form_dyn_ask_submit {

  margin-top: 0;

}

div.publish_question label {

  font-size: 18px;

  line-height: 28px;

  font-weight: 600;

}

div.publish_question div.form-group {

  margin-right: 0;

  margin-left: 0;

  margin-bottom: 20px;

}

div.publish_question input,

div.publish_question textarea {

  /*box-shadow: rgb(0 0 0 / 15%) 2.4px 2.4px 3.2px;*/

  resize: none;

  border: 1px solid #000000;

  border-radius: 4px;

}

div.publish_question textarea {

  font-size: 16px;

  line-height: 24px;

  padding: 10px 15px;

}

div.publish_question input {

  padding: 15px;

  font-size: 16px;

  line-height: 24px;

  height: 42px;

}

div.publish_question button {

  margin: auto;

  font-size: 14px;

  line-height: 19px;

  font-weight: 700;

  background: #fff;

  color: #000;

  border: 2px solid #3497E8;

  border-radius: 4px;

}



div.publish_question button:focus,

div.publish_question button:hover {

  outline: none;

  box-shadow: rgb(52 151 232 / 15%) 2.4px 2.4px 3.2px;

}



div.publish_question div.form_checked {

  display: table;

}



div.publish_question div.form_checked * {

  vertical-align: middle;

}



div.publish_question input.custom_checkbox{

  margin: 0 10px 0 3px;

  transform: scale(1.5);

}



div.publish_question label.label_checkbox {

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 0;

}



@media (max-width: 450px) {

  div.publish_question h3 { font-size: 20px; line-height: 28px; text-align: center; }

}





/* Modale Dynamique Questions Réponses */

div.modal_dynamique div.modal-dialog { width: 50%; }

div.modal_dynamique div.modal-content { border-top: 5px solid #3497E8; }

div.modal_dynamique div.modal-header { display: flex; flex-direction: row; justify-content: space-between; }

div.modal_dynamique h5.modal-title { font-size: 24px; font-weight: 600; }

div.modal_dynamique div.content_question { margin-top: 10px; }

div.modal_dynamique div.content_question p.author_question { font-size: 13px; }

div.modal_dynamique div.content_question p.content_question { font-size: 20px; font-weight: 600; }

div.modal_dynamique div.content_answer { margin-top: 20px; }

div.modal_dynamique div.content_answer div.answer { background: #f8f8f8; padding: 15px 20px; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; }

div.modal_dynamique div.content_answer div.answer:not(:first-child) { margin-top: 10px; }

div.modal_dynamique div.content_answer div.answer div.author_answer { font-size: 14px; line-height: 19px; }

div.modal_dynamique div.content_answer div.answer div.c_answer { font-size: 16px; line-height: 28px; margin: 15px 0; }

div.modal_dynamique div.content_answer div.utility { margin-top: 0; font-size: 14px; line-height: 19px; }

div.modal_dynamique div.content_answer div.utility button { background: #fff; color: #000; border: 2px solid #3497E8; border-radius: 4px; margin-left: 11px; padding: 3.5px 15px 3.5px; font-size: 14px; line-height: 19px; font-weight: 700; }

div.modal_dynamique div.content_answer div.utility button:focus,

div.modal_dynamique div.content_answer div.utility button:hover { outline: none; box-shadow: rgb(52 151 232 / 15%) 2.4px 2.4px 3.2px; }

div.modal_dynamique div.content_answer div.utility button:nth-child(2) { margin-left: 6px; }

div.modal_dynamique div.content_answer div.utility button span.text-green { color: #008000; font-weight: 600; }

div.modal_dynamique div.content_answer div.utility button span.text-red { color: #f00; font-weight: 600; }

div.modal_dynamique div.publish_answer { margin-top: 30px; background: #f8f8f8; padding: 15px; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; }

div.modal_dynamique div.publish_answer textarea { margin-bottom: 5px; border: 1px solid #000000; border-radius: 4px; resize: none; font-size: 16px; line-height: 24px; padding: 10px 15px; }

div.modal_dynamique div.publish_answer label { font-size: 18px; line-height: 28px; font-weight: 600; }

div.modal_dynamique div.publish_answer input { padding: 15px; font-size: 16px; line-height: 24px; height: 42px; border: 1px solid #000000; border-radius: 4px; }

div.modal_dynamique div.publish_answer div.form-group { margin-right: 0; margin-left: 0; }

div.modal_dynamique div.publish_answer button { margin: 5px auto 0; font-size: 14px; line-height: 19px; font-weight: 700; background: #fff; color: #000; border: 2px solid #3497E8; border-radius: 4px; }

div.modal_dynamique div.publish_answer button:focus,

div.modal_dynamique div.publish_answer button:hover { outline: none; box-shadow: rgb(52 151 232 / 15%) 2.4px 2.4px 3.2px; }



@media (max-width: 1499px) AND (min-width: 1200px) {

  div.modal_dynamique div.modal-dialog { width: 75%; }

}



@media (max-width: 1199px) AND (min-width: 991px) {

  div.modal_dynamique div.modal-dialog { width: 80%; }

}



@media (max-width: 990px) AND (min-width: 768px) {

  div.modal_dynamique div.modal-dialog { width: 85%; }

}



@media (max-width: 767px) {

  div.modal_dynamique div.modal-dialog { width: 95%; margin: 10px auto; }

}



/***************************/

/*** CSS Modale Resultat ***/

/***************************/



.modal_dynamique div.container-modal { text-align: center; }

.modal_dynamique div.container-modal p { color: #333; font-size: 16px; }

.modal_dynamique div.container-modal button { color: #fff; font-weight: 600; border: 0; border-radius: 3px; padding: 7px 15px; margin: 10px 5px; background-color: rgb(0, 105, 92); }

.success-animation { margin: 10px auto 30px; }

.checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position:relative; top: 5px; right: 5px; margin: 0 auto !important; }

.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #fff; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

.error-animation,

.warning-animation { display:inline-block; position: relative; width:150px; }

.red-stroke { stroke: #FF6245; }

.yellow-stroke { stroke: #FFC107; }

.circular circle.path { stroke-dasharray: 330; stroke-dashoffset: 0; stroke-linecap: round; opacity: 0.4; animation: 0.7s draw-circle ease-out; }

.cross { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 54px; left: 54px; width: 40px; height: 40px; }

.cross .first-line { animation: 0.7s draw-first-line ease-out; animation-delay: -0.25s; }

.cross .second-line { animation: 0.7s draw-second-line ease-out; }

.alert-sign { stroke-width:6.25; stroke-linecap: round; position: absolute; top: 40px; left: 68px; width: 15px; height: 70px; animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-delay: 0.15s; }

.alert-sign .dot { stroke:none; fill: #FFC107; }

.modal_dynamique[data-result='success'] .error-animation,

.modal_dynamique[data-result='success'] .warning-animation { display: none; }

.modal_dynamique[data-result='success'] div.container-modal button { background-color: rgb(0, 105, 92); }

.modal_dynamique[data-result='error'] .success-animation,

.modal_dynamique[data-result='error'] .warning-animation { display: none; }

.modal_dynamique[data-result='error'] div.container-modal button { background-color: #e74c3c; }

.modal_dynamique[data-result='warning'] .error-animation,

.modal_dynamique[data-result='warning'] .success-animation { display: none; }

.modal_dynamique[data-result='warning'] div.container-modal button { background-color: #34495e; }



@keyframes stroke {

    100% {

        stroke-dashoffset: 0;

    }

}



@keyframes scale {

    0%, 100% {

        transform: none;

    }



    50% {

        transform: scale3d(1.1, 1.1, 1);

    }

}



@keyframes fill {

    100% {

        box-shadow: inset 0px 0px 0px 30px #4bb71b;

    }

}



@keyframes draw-first-line {

    0% {

        stroke-dasharray: 0,56;

        stroke-dashoffset: 0;

    }



    50% {

        stroke-dasharray: 0,56;

        stroke-dashoffset: 0;

    }



    100% {

        stroke-dasharray: 56,330;

        stroke-dashoffset: 0;

    }

}



@keyframes draw-second-line {

    0% {

        stroke-dasharray: 0,55;

        stroke-dashoffset: 1;

    }



    50% {

        stroke-dasharray: 0,55;

        stroke-dashoffset: 1;

    }



    100% {

        stroke-dasharray: 55,0;

        stroke-dashoffset: 70;

    }

}



@keyframes alert-sign-bounce {

    0% {

        transform: scale(0);

        opacity: 0;

    }



    50% {

        transform: scale(0);

        opacity: 1;

    }



    100% {

        transform: scale(1);

    }

}





/* Alert in article */

#content-article div[class^="alert_"] {

	position: relative;

	font-size: 20px;

	line-height: 32px;

	border-radius: 7px;

	padding: 30px;

	margin-bottom: 30px;

}

#content-article div.alert_warning,

#content-article div.alert_success {	padding-left: 75px; }

#content-article div.alert_warning::before,

#content-article div.alert_success::before { position: absolute; content: ''; width: 30px; height: 28px; top: 30px; left: 30px; }



#content-article div.alert_warning {	background: #FFEFE2; border: 2px solid #FF6600; }

#content-article div.alert_warning::before { background: url(../img/article/tips/attention.svg); }

#content-article div.alert_warning a { color: #FF6600; border-bottom: none; }

#content-article div.alert_warning a:hover { border-bottom: 1px solid #FF6600; }



#content-article div.alert_success {	background: #E4F9F1; border: 2px solid #007847; }

#content-article div.alert_success::before { background: url(../img/article/tips/promo.svg); }

#content-article div.alert_success a { color: #007847; border-bottom: none; }

#content-article div.alert_success a:hover { border-bottom: 1px solid #007847; }



#content-article div.alert_info { background: #E2F1FF; border: 2px solid #1C469D; }



#content-article div[class^="alert_"] ul { padding: 0 0 0 20px; margin-left: 0; }

#content-article div[class^="alert_"] ul li { text-align: left; }

#content-article div[class^="alert_"] ul li::before { background: #000; top: 12px; }

#content-article div[class^="alert_"] p:last-child { padding-bottom: 0; margin-bottom: 0; }



/* Tips in article */

#content-article div.alert_more_info { background: #E2F1FF; border: 2px solid #1C469D; text-align: center; }

#content-article div.alert_more_info hr { border: 1px solid rgba(30, 73, 155, 0.4); margin: 30px 0; }



#content-article div.alert_tips { background: #E4F9F1; border: 2px solid #007847; text-align: center; }

#content-article div.alert_tips hr { border: 1px solid rgba(0, 120, 71, 0.4); margin: 30px 0; }



#content-article div.alert_related_readings { background: #EEFAFF; border: 2px solid #1A86E6; text-align: center; }

#content-article div.alert_related_readings hr { border: 1px solid rgba(26, 134, 230, 0.4); margin: 30px 0; }

#content-article div.alert_related_readings a { color: #1A86E6; border-bottom: none; }

#content-article div.alert_related_readings a:hover { border-bottom: 1px solid #1A86E6; }



#content-article div.alert_more_info .title,

#content-article div.alert_tips .title,

#content-article div.alert_related_readings .title { font-size: 22px; line-height: 34px; font-weight: 700; text-align: center; padding: 0; margin: 0; }



#content-article div.alert_more_info .title::before { position: relative; top: 8px; content: url(../img/article/tips/plus_infos.svg); margin-right: 15px; }

#content-article div.alert_tips .title::before { position: relative; top: 6px; content: url(../img/article/tips/trucs_et_astuces.svg); margin-right: 15px; }

#content-article div.alert_related_readings .title::before { position: relative; top: 8px; content: url(../img/article/tips/lectures_associees.svg); margin-right: 15px; }





/* Bordered Bloc in article */

#content-article div.bborder { display: block; padding: 30px; border: 3px solid; border-radius: 10px; transition: box-shadow 0.5s; }

#content-article div.bborder p.title { font-size: 18px; line-height: 32px; font-weight: 600; color: #000; text-decoration: underline; padding: 0; }

#content-article div.bborder ul,

#content-article div.bborder ol { margin-top: 20px; padding-bottom: 0; }

#content-article div.bborder ul li:last-child,

#content-article div.bborder ol li:last-child { padding-bottom: 0; }

#content-article div.bborder ul + *,

#content-article div.bborder ol + * { padding-top: 20px; }

#content-article div.bborder *:first-child { padding-top: 0; margin-top: 0; } 

#content-article div.bborder *:last-child { padding-bottom: 0; margin-bottom: 0; } 

#content-article div.bborder.green { border-color: #03C04A; }

#content-article div.bborder.green:hover { box-shadow: 0px 5px 15px rgba(3,192,74,0.25); }

#content-article div.bborder.red { border-color: #F00; }

#content-article div.bborder.red:hover { box-shadow: 0px 5px 15px rgba(255,0,0,0.25); }

#content-article div.bborder.orange { border-color: #F60; }

#content-article div.bborder.orange:hover { box-shadow: 0px 5px 15px rgba(255,102,0,0.25); }

#content-article div.bborder.blue { border-color: #1E499B; }

#content-article div.bborder.blue:hover { box-shadow: 0px 5px 15px rgba(30,73,155,0.25); }





/* Custom BTN in article */

#content-article a.custom_btn { padding: 8px 40px; max-width: 100%; font-weight: 600; margin: auto; display: block; width: fit-content; margin-bottom: 30px; text-transform: uppercase; text-decoration: none !important; border-radius: 7px; transition: all 0.5s ease-in-out; }

#content-article a.custom_btn:hover { border-bottom: 0; transform: scale(1.05); }

#content-article a.custom_btn.txt_black { color: #000 !important; }

#content-article a.custom_btn.txt_white { color: #FFF !important; }

#content-article a.custom_btn.bg_green { background-color: #28A745; box-shadow: rgba(40, 167, 69, 0.35) 0px 5px 15px }

#content-article a.custom_btn.bg_blue { background-color: #1C469D; box-shadow: rgba(28, 70, 157, 0.35) 0px 5px 15px; }

#content-article a.custom_btn.bg_red { background-color: #DC3545; box-shadow: rgba(220, 53, 69, 0.35) 0px 5px 15px; }

#content-article a.custom_btn.bg_orange { background-color: #F60; box-shadow: rgba(255, 102, 0, 0.35) 0px 5px 15px; }

#content-article a.custom_btn.bg_yellow { background-color: #FFC107; box-shadow: rgba(255, 193, 7, 0.35) 0px 5px 15px; }

#content-article a.custom_btn.bg_white { background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }