/*banner*/
.cc-header-main {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    border-bottom: 2px solid #000000;
   
  
  }
  
  /*text banner*/
  
  .main-menu>.menu-item>a {
      display: block;
      z-index: 1;
      position: relative;
      text-transform: uppercase;
      font-family:  'Trebuchet MS', sans-serif;
      font-size: 30px;
      font-weight: 700;
      line-height: 75px;
      letter-spacing: 0;
      color: #000;
  }
  /*logo banner*/ 
  .main-logo img {
    z-index: 2;
    position: absolute;
    top: 60%;
    left: 0;
    height: 110px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .header-main {
    z-index: 1;
    position: relative;
    height: 100%;
    
  }
  .cc-block-content-classic {
    margin: 152px 0;
  }
  
  .mid{
 
    margin-left: 600px;
  }
  
  /*text gras*/
  .boldo{
    font-size: 200%;
    font-weight: bold;
    color: #000;
  }
  .boldo2{
    font-size: 300%;
    font-weight: bold;
    color: #000;
  } 
  /*text */
  .cssc-content>p{
    font-family: raleway,Helvetica,Arial,sans-serif;
  }
  
  
  .centered-container::before, .cc-main-content--player{
    background: rgb(243,247,253);
   border-bottom: solid 30px  rgb(243,247,253);
   margin-bottom: -30px ;
  }
  .centered-container {  background: rgb(243,247,253);
    border-bottom: solid 30px rgb(243,247,253);
    margin-bottom: -30px;}
 
  .main-content--player__inner{
    border-radius: 25px; 
    background: url("../img/plan1.png");
    color: rgba(255, 255, 255, 0.87);
  }
 
  /*border*/
  .header-main{
  border:2px, solid , black;
  }

  span{
    
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: inherit;
      font-size: 100%;
      vertical-align: baseline;
      outline: 0;
      background: transparent no-repeat top left;
      
  
  }
  /*plus d info */
  .vitality-button:before, .cookie-notice__inner a[data-cookie-action]:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    width: 100%;
    margin-left: 6px;
    border: 3px solid rgb(0, 0, 0);
    background-color:#a50503;
    transition: all .3s ease;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
  

  
  
  
  
  
  
  
  .block--social__inner{
    background-color: #a50503;
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
  }
  
  .tailleic{
  
    width: 48px;
  }
  
  
  
  
  
  
  
  .cc-block--teams{
    background-color: #a50503;
    border-top: 2px solid rgb(0, 0, 0);
    border-bottom: 2px solid rgb(0, 0, 0);
  }
  
  
  
  
  
  .footer-dark {
      padding:50px 0;
      color:#f0f9ff;
      background-color:#282d32;
     
    }
    
    .footer-dark h3 {
      margin-top:0;
      margin-bottom:12px;
      font-weight:bold;
      font-size:16px;
    }
    
    .footer-dark ul {
      padding:0;
      list-style:none;
      line-height:1.6;
      font-size:14px;
      margin-bottom:0;
    }
    
    .footer-dark ul a {
      color:inherit;
      text-decoration:none;
      opacity:0.6;
    }
    
    .footer-dark ul a:hover {
      opacity:0.8;
    }
    
    @media (max-width:767px) {
      .footer-dark .item:not(.social) {
        text-align:center;
        padding-bottom:20px;
      }
    }
    
    .footer-dark .item.text {
      margin-bottom:36px;
    }
    
    @media (max-width:767px) {
      .footer-dark .item.text {
        margin-bottom:0;
      }
    }
    
    .footer-dark .item.text p {
      opacity:0.6;
      margin-bottom:0;
    }
    
    .footer-dark .item.social {
      text-align:center;
    }
    
    @media (max-width:991px) {
      .footer-dark .item.social {
        text-align:center;
        margin-top:20px;
      }
    }
    
    .footer-dark .item.social > a {
      font-size:20px;
      width:36px;
      height:36px;
      line-height:36px;
      display:inline-block;
      text-align:center;
      border-radius:50%;
      box-shadow:0 0 0 1px rgba(255,255,255,0.4);
      margin:0 8px;
      color:#fff;
      opacity:0.75;
    }
    
    .footer-dark .item.social > a:hover {
      opacity:0.9;
    }
    
    .footer-dark .copyright {
      text-align:center;
      padding-top:24px;
      opacity:0.3;
      font-size:13px;
      margin-bottom:0;
    }