/* ------------------- Media queries ------------------- */

@media all and (min-width: 1441px) and (max-width: 1600px) {
        .ct-inner {
padding-left: 7em;
padding-right: 7em;
}
}

@media all and (min-width: 1024px) and (max-width: 1440px) {


    .ct-inner {
padding-left: 7em;
padding-right: 7em;
}
    
    .cfa img {
        width:150px;
    }
    
    .cfa {
       font-size:12px; 
    }
    
    #depart section img {
        width:90%
    }
    
    #depart iframe {
    margin-right: 40px;
    float: left;
    width: 50%;
    height: 335px;
}
    
 
    
    
     #depart p {
        margin-top:0px;
    }
    
    h1 {
       font-size:30px!important;
       margin-top: 0px!important;
      
    }
    
    #depart h1{
          padding-top: 42px;
    }
    
    h2 {
        font-size:2em!important;
    }
    
    .header-cfa p {
        font-size:15px!important;   
    }
    
    #go {
        margin-top: 65px;
    }
    
    .lancement {
        margin-top: 15px;
    }
    
    .nav-site {
        width:3em;
        padding: 125px 0px;
    }
    
    .dotstyle li {
        margin: 12px 22px;
    }
    
        @media (min-width: 1024px) and (max-height: 768px) {
      
            .menu-wrap {
                font-size: 0.8em;
                width: 515px;
              -webkit-transform: translate3d(480px,0,0);
              transform: translate3d(480px,0,0);
              -webkit-transition: -webkit-transform 0.4s;
              transition: transform 0.4s;
              -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
              transition-timing-function: cubic-bezier(0.7,0,0.3,1);
            }
            .dotstyle li {
            margin: 8px 22px;
        }
            
            .wrapper1 {
                padding-top:10%;

            }


            .wrapper2 {
                padding-top:15%;

            }

            .wrapper3 {
                padding-top:10%;

            }
            
            .sections h3 {
              line-height: 2.3em;
                font-size: 1.1em
            }
            
        

    }
}

@media all and (max-width: 1024px)
{
    
        .ct-inner {
padding-left: 7em;
padding-right: 7em;
}
    
    body {
        font-size: 10px;
    }

    
   
    #title a {
        font-size:2em;
    }
    
    .cfa img {
        width:150px;
    }
    
    .cfa {
       font-size:10px; 
    }
    
    

    #depart iframe {
      margin-right: 20px;
      float: left;
      width: 40%;
      height: 215px;
}
    
    #depart p {
  margin-top: 0px; 
}
    
    #go {
  margin-top: 40px; 
    }
    
    h1 {
       font-size:30px!important;
       margin-top: 0px!important;
    }
    
    h1 strong {
  font-size: 2em;

}
    
    h2 {
        font-size:1.5em!important;
    }
    
    h2 span {
        margin-bottom:10px;
    }
    
    p {
        font-size:13px!important;
         margin: 0 0 10px;
        line-height: 1.3;
    }
    
 

    
    .nav-site {
        width:2em;
        padding: 125px 0px;
    }
    
    .dotstyle li {
        margin: 4px 12px;
    }
    
    .dotstyle li a {
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
  outline: none;
  border-radius: 50%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.3);
  text-indent: -999em;
  cursor: pointer;
  position: absolute;
  border: #ccc solid 3px;
}
    
    a.info:hover span {

  
    top: -10px; /* On positionne notre infobulle. */
    right: 20px;

    font-size: 12px;
    padding: 2px;

    border-radius: 3px;
    padding:5px;
}
    
    .left figure {
        width: 40%!important;
        margin-right: 0px;
        
    }
    
    .left figure img {
        width: 100%;
        
    }
    
    .right figure {
        width: 40%!important;
        margin-right: 0px;
        
    }
    
    .right figure img {
        width: 100%;
        
    }
    
  .btn-lg, .btn-group-lg>.btn {

  font-size: 14px!important;


}
}


@media all and (orientation:portrait) { 
  /* .nav-site {
       display:none;
   }

    .ct-inner {
        width:100%;
        padding: 0px 5%;
    }
    
    #depart {
        padding-top: 20%;
        
    }
    
    #depart iframe {
        margin:0 auto;
        width:100%;
        height: 500px;
    }
    
}
    */