/* - - - - - - - - - - - - - - - - - 2021 - - - */
/* - - - - - - - - - - - - - - - - - 2021 - - - */
/* - - - - - - - - - - - - - - - - - 2021 - - - */

  .container {
    position: relative;
    width: 100% !important;
    max-width: 1500px !important;
  }


  .container-barre-haute {
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 50%, rgba(94,170,170,1) 90%, rgba(2,77,115,1) 100%);
  }

  .row-barre-haute { height:250px; }
  .row-barre-haute-page { height:120px !important;  }
  
  .bouton-haut-facebook { position:absolute; top:0; left:0; z-index:5; }
  .bouton-haut-connexion { position:absolute; top:0; right:0; z-index:5; }

  .logo { 
    position: absolute; top:50%; left:20%; z-index:5; 
    width: auto; height:150px;
  }
  .logo-slider-page {
    top:40% !important; left:50%; height:70px;
  }
  .logo-img { width:auto; height:100%; }

  /* - - -  VOS AVANTAGES slider | va-slider */
  .va-slider {
    position: absolute; top:0%; left:0%; z-index:2;
    width:100%; height:250px; 
    overflow: hidden;
  }

  .va-slider-page { display:none !important; }
  
  .va-slider .va-support-haut {
    position: absolute; top:-50%; left:35%; z-index:5;
    width: 570px; height: 600px;
    background-color: transparent;
    transform: rotate(180deg);
    opacity:0;
  }
  
  .va-slider .va-support-haut-2 {
    position: absolute; top:-45%; left:35%; z-index:3;
    width: 570px; height: 600px;
    background-color: transparent;
    transform: rotate(-14deg);
    opacity:0;
  }
  
  .va-slider .va-support-haut-3 {
    position: absolute; top:-35%; left:35%; z-index:2;
    width: 570px; height: 600px;
    background-color: transparent;
    transform: rotate(-14deg);
    opacity:0;
  }
  
  .va-slider .va-ensavoirplus {
  position: absolute; bottom:5%; right:0%; z-index:10;
  display: inline-block;
  width:auto; height:auto;
  background: rgba(5, 68, 104,1); color:white;
  padding:3px 5px;
  opacity:0;
  }
  .va-slider .va-ensavoirplus a { color:white; font-size:12px; }
  
  .va-slider .titre {
  position: absolute; top:25%; left:34%; z-index:10;
  font:600 30px "philosopherregular", Arial, sans-serif;
  background: transparent; color:white;
  padding:5px 10px;
  opacity: 0;
  }
  
  .va-slider .texte-petit {
    position: absolute; bottom:100px; left:40%; z-index:10;
    display: inline-block; width:auto;
    font:600 20px "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
  }
  .va-slider .texte-grand {
    position: absolute; bottom:15px; left:50%; z-index:10;
    display: inline-block; width:auto;
    font:600 26px "philosopherregular", Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
  }
  
  .tp-01, .tp-02, .tp-03, .tp-04, .tp-05,
  .tg-01, .tg-02, .tg-03, .tg-04, .tg-05
  {
    opacity:0;
  }
  
  .tg-02 { text-transform: lowercase; }