// Small screens
/* Define mobile styles */
@media only screen { 
  .proxima{
    font-family: "proxima-nova-condensed",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 6vw;
    }
   .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
color: #333;
background: #FFF;

}
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    color:#FFF;

}

} 
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  .slide {
    
    height: 300px;
    
}

  .proxima{
    font-family: "proxima-nova-condensed",sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 6vw;
    } 
   .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
color: #333;
background: #FFF;

}
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    color:#FFF;

}
}

// Medium screens
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
   .slide {
    
    height: 300px;
    
}
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 5vw;
      }
   .top-bar {
    background: #FFF;
    
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }


}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
  .slide {
    
    height: 300px;
    
}
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 5vw;
      } 
  .top-bar {
    background: #FFF;
   
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }
}


// Large screens
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 3vw;
      }
   /*section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }

}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 3vw;
      } 

   /*section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }

}
// XLarge screens
 /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 3vw;
      } 
/*section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }
   

}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
  .proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 3vw;
      } 
/*section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }
   

}

// XXLarge screens
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { 
.proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 2vw;
      } 

  /* section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }
}
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) { 
.proxima{
      font-family: "proxima-nova-condensed",sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 2vw;
      } 

   /*section {

  min-height: 500px;
  }*/
  .top-bar {
    background: #FFF;
    }
    
    .top-bar.expanded {
      background: #FFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
     
      background: #FFF; }
    .top-bar-section .dropdown li a {
        color: #333;
        background: #FFF; }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: #333;
        background: #F3F3F3; }
    .top-bar-section .dropdown li label {
       
        background: #333333; }
}




.accordion .fi-plus{
  display:inline;
}
.accordion .fi-minus{
  display:none;
}
.accordion .active .fi-plus{
  display:none;
}
.accordion .active .fi-minus{
  display:inline;
}

.panel_contact {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2f2f2;
height: 100%;


}







.left-off-canvas-menu-contact {
-webkit-backface-visibility: hidden;
width: 15.625rem;
top: 0;
bottom: 0;
position: absolute;
/*overflow-y: auto;*/
background: #333333;
z-index: 1001;
box-sizing: content-box;
transition: transform 500ms ease 0s;
-webkit-overflow-scrolling: touch;
-ms-transform: translate(-100%, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
overflow: hidden;
-ms-overflow-style: none;
}

.left-off-canvas-menu-contact::-webkit-scrollbar { 
     display: none; 
 } 







textarea {
  resize: none;
}


#map_canvas {
        width: 100%;
        height: 600px;
        background-color: #CCC;
      }
#wrapper { position: relative; }
#over_map { position: absolute; top: 10px; left: 10px; z-index: 99; }
/*.left-off-canvas-toggle {
  padding-left: 30px;
}*/
.container_map { position: relative; margin: auto; }

#row_contact {
  width: 100%;

  }

.title-area {
padding-right: 40px;
padding-left : 10px;
  }

.top-bar-section .has-dropdown > a:after {
    border-color: #00a299 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.top-bar-section .has-dropdown:hover > a:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.vcard {
  border: none;}

.small i { font-size: 0.8rem; }
.medium i { font-size: 1rem; }
.large i { font-size: 2rem; vertical-align: top; }

.off-canvas-fixed {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
}

.move-left > .off-canvas-fixed {
  height: 100%;
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0);
}

.right-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  margin-right: -15.625rem;
  /* vh UNITS NICER THAN JS LISTENER */
  /* height: 100vh; */
  /* (BUT LESS SUPPORTED) */
}

blockquote, blockquote p {

color: #FFF;
margin-right: 20px;
}

blockquote cite {
color: #FFF;
}


.slide {
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
    min-height: 300px;
    background-position: left center;
    background-repeat: no-repeat;
   
  
    /*padding: 130px 0;
    
    background-attachment: fixed;*/
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   
    
    
    
    background-size: cover;
    
    box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}






.parallaxbg1 {
    position:absolute;
    left:40px;
    top:100px;
    /*font-size:28px;*/
    /*color:rgba(51,51,51,0.3);*/
    color: #222222;
}


.parallaxbg2 {
    position:relative;
    left:40px;
    top:100px;
    /*font-size:28px;*/
    /*color:rgba(51,51,51,0.3);*/
    color: white;
}
.responsive_img {
  min-width: 100%;
  height: auto;

}
.wrapper
{
  max-width:60em;
  margin:0 auto
  *zoom:1;
}
.wrapper:after { content:''; display:table; clear:both; }


.footer
{
  overflow:hidden;
  perspective:300px; transform-style:preserve-3d;
}

.footer_block
{
  padding:5% 1.5em;
  transform-origin:center bottom;
  background:#606060;
  color:#b0b0b0;
}

.footer a { color:#b0b0b0; }
.footer a:hover { color:white; }

.top-bar {
  background: #FFF;
}


.top-bar-section li:not(.has-form) a:not(.button) {

background: #FFF;

}

.top-bar-section li.active:not(.has-form) a:not(.button) {
color:#FFF;
background: #00a299;

}
.top-bar-section ul li {
background: #FFF;



}

.top-bar-section ul li > a {


color: #333;

}

.top-bar.expanded .title-area {
      background: #FFF; }
.top-bar.expanded {
      background: #FFF; }

a {
  color: #00a299;}

a:hover {
  color: #017a7a;}

button, .button {
  background-color: #00a299;}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #017a7a;}


.top-slide {
  position: relative;
  }



.top-bar .toggle-topbar.menu-icon a {
        
        color: #00a299;
         }
.top-bar .toggle-topbar.menu-icon a span::after {
          
          box-shadow: 0 0px 0 1px #00a299, 0 7px 0 1px #00a299, 0 14px 0 1px #00a299;
          }
.top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px #017a7a, 0 7px 0 1px #017a7a, 0 14px 0 1px #017a7a; }
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: white;
        background-color: #555555;
        background: #017a7a; }
.fix_button_group{
  display: inline-block;
}

.top-bar-section ul li:hover:not(.has-form) > a {
      background: #00a299;
       }
.top-bar-section li.hover > a:not(.button) {
      background: #00a299; }
.top-bar-section li:not(.has-form) a:not(.button):hover {
        
        background: #00a299; }

/*.accordion dd > a {
    min-height: 82px;
}*/
@media only screen and (min-width: 40.063em){
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
color: #333;
background: #F3F3F3;
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
color: white;

background-color: #017a7a;
background: #017a7a;
}
}
dd > a.button {
    display: inline-block;

}
.label {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem 0.25rem;
  }
section {
  padding-top: 10px;
  padding-bottom: 10px;
  }
p, .button, .accordion .accordion-navigation > a, .accordion dd > a, .pricing-table .description, .top-bar-section ul li > a {
  font-size: 1.1rem;
  }
.top-bar-section ul li > a.button {
  background-color: #00a299;


   }

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  
  background-color: #017a7a;

   }
    .reseau {
  border-top:5px solid #003399;
   }

   .developpement {
  border-top:5px solid #BF0B00;
  
   }.management {
  border-top:5px solid #6CA900;
  
   }.bureautique {
  border-top:5px solid #FFCC00;
   }
   
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  .left-off-canvas-menu{
    width: 15.625rem;
    }   
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
  .left-off-canvas-menu{
    width: 25.625rem;
    }   
}


/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
  .left-off-canvas-menu{
    width: 45.625rem;
    }   
}


/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
  .left-off-canvas-menu{
    width: 55.625rem;
    }   
}


/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { 
  .left-off-canvas-menu{
    width: 65.625rem;
    }   
}

.icone_calendrier, .icone_duree, .icone_lieu, .icone_tarif, .icone_cheque{
    /*font-size: 2rem;*/
    color: #00a299;
    margin-right: 5px;
    vertical-align: bottom;

    }   
    
    .icone_inscription{
        color: #fff;
    margin-right: 5px;
    vertical-align: bottom;
    }
    
    .accordion .accordion-navigation > a, .accordion dd > a {
        padding: 0.5rem;
    }
    
    
    /*.off-canvas-wrap, .inner-wrap {
    min-height: 100%;
}*/

/*.off-canvas-wrap{  
    height: 100%;
    overflow-y: auto;
}*/

button.tiny2, .button.tiny2{
    padding-top: 0.325rem;
    padding-right: 1rem;
    padding-bottom: 0.1875rem;
    padding-left: 1rem;
    font-size: 0.7875rem;
}



   .grand{
       font-size: 1.1rem;
   }

.slick-slider {
-ms-touch-action: pan-y; 
touch-action: pan-y;
}

.application_ent {
  border-top:5px solid #cc0066;
   }

   .developpement_ent {
  border-top:5px solid #d53814;
  
   }.management_ent {
  border-top:5px solid #8dc15b;
  
   }.bureautique_ent {
  border-top:5px solid #e8bd00;
   }
   .efficacite_ent {
  border-top:5px solid #7659a1;
  
   }.systeme_ent {
  border-top:5px solid #009ee3;
   }
   .reseau_ent {
  border-top:5px solid #003399;
   }
   
   
   .reseau, .developpement, .management, .bureautique, .application_ent, .developpement_ent, .management_ent, .bureautique_ent, .efficacite_ent, .reseau_ent {
  margin-left: 2px;
  margin-right: 2px;
   }
   
   .confiance{
       margin: auto;
       max-width: 150px;
       max-height: 150px;
       padding-top: 50px;
   }
   
 
   
   
   
   .off-canvas-wrap {
       -webkit-backface-visibility: visible;
   }
   
   .inner-wrap {
       -webkit-backface-visibility: visible;
   }
   
   .topbar-breakpoint { font-family: "/only screen and (min-width:40em)/"; width: 60em; }
   
   .cook {
  position: fixed;
  padding-top:30px;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  z-index: 999999999999999999;
}

video {
    position: relative;
    z-index: 1;
}

#over_video {
    position: absolute;
    right: 25px;
   bottom: 25px;
    z-index: 2;
    
    
}

.fi-volume-strike, .fi-volume, .fi-play, .fi-pause  {
  cursor: pointer;
  color: #FFF;
  font-size: 150%;

  }
.fi-play, .fi-pause  {

 padding-right: 20px;

 }