.safari5 *{
  -webkit-transform: none !important;
  -webkit-transition: none !important;
}

.b-wrapper{
  /*padding: 75px 0 30px 0;*/
}

/*-----------------------------------------------------------------------------------*/
/*	Fade
/*-----------------------------------------------------------------------------------*/
.b-link-fade{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}

.b-link-fade .b-wrapper{z-index:1;}
.b-link-fade .b-top-line{z-index:0}
.b-link-fade .b-wrapper, .b-link-fade .b-top-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  visibility:hidden; /* lt-ie9 */
}

.b-link-fade .b-top-line{
  background: #74c9be;
}

.b-link-fade .b-wrapper, .b-link-fade .b-top-line{
  transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  overflow: hidden;
  opacity:0;
}

.b-link-fade:hover .b-wrapper, .b-link-fade:hover .b-top-line{
  opacity:1;
  visibility:visible; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/
/*	Flow
/*-----------------------------------------------------------------------------------*/
.b-link-flow{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------------*/


.b-link-flow .b-wrapper{z-index:1;}
.b-link-flow .b-top-line{z-index:0}
.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  visibility:hidden; /* lt-ie9 */
  cursor: pointer;
}
/*------------------------------------- COULEUR HOVER BG ---------------------------------------------*/
.b-link-flow .b-top-line{
  background: black;
  height: 188px;
  border-radius: 4px 4px 4px 4px /4px 4px 4px 4px;
}

.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
  transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  -webkit-transform:scale(0);
  opacity:0;
}

.b-link-flow:hover .b-wrapper, .b-link-flow:hover .b-top-line{
  transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
  opacity:1;
  visibility:visible; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/
/*	Delay
/*-----------------------------------------------------------------------------------*/
.b-delay03{
  transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -ms-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  -webkit-transition-delay:0.3s !important;
}
/*-----------------------------------------------------------------------------------*/

.b-delay06{
  transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -ms-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  -webkit-transition-delay:0.6s !important;
}

.b-delay09{
  transition-delay:0.9s !important;
  -moz-transition-delay:0.9s !important;
  -ms-transition-delay:0.9s !important;
  -o-transition-delay:0.9s !important;
  -webkit-transition-delay:0.9s !important;
}

.b-delay12{
  transition-delay:1.2s !important;
  -moz-transition-delay:1.2s !important;
  -ms-transition-delay:1.2s !important;
  -o-transition-delay:1.2s !important;
  -webkit-transition-delay:1.2s !important;
}

.b-delay15{
  transition-delay:1.5s !important;
  -moz-transition-delay:1.5s !important;
  -ms-transition-delay:1.5s !important;
  -o-transition-delay:1.5s !important;
  -webkit-transition-delay:1.5s !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
  text-decoration:none;
}
.b-from-top{
  position:relative;
  top:-100%;
  margin-top: 70px;
}
.b-from-bottom{
  position:relative;
  bottom:-100%;
}
.b-animate{
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  visibility:hidden; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/

/* lt-ie9 */
.b-animate-go:hover .b-animate{
  visibility:visible;
}

.b-from-left{
  position:relative;
  left:-100%;
}

.b-animate-go:hover .b-from-left{
  left:0;
}

.b-from-right{
  position:relative;
  right:-100%;
}

.b-animate-go:hover .b-from-right{
  right:0;
}


.b-animate-go:hover .b-from-top{
  top:0;
}

.b-animate-go:hover .b-from-bottom{
  bottom:0;
}

.b-scale{
  position:relative;
  transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  -webkit-transform:scale(0);
}

.b-animate-go:hover .b-scale{
  transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
}

.b-opacity{
  opacity:0;
}

.b-animate-go:hover .b-opacity{
  opacity:1;
}

.b-animate-go:hover .b-cw-90,.b-animate-go:hover .b-cw-180,.b-animate-go:hover .b-ccw-90,.b-animate-go:hover .b-ccw-180{
  transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  -webkit-transform:rotate(0);
}

.b-animate-go .b-cw-90{
  transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}

.b-animate-go .b-cw-180{
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

.b-animate-go .b-ccw-90{
  transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}

.b-animate-go .b-ccw-180{
  transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
}

/*-----------------------------------------------------------------------------------*/
/*	Transparency
/*-----------------------------------------------------------------------------------*/
.b-opacity-10:hover .b-top-line,
.b-opacity-10:hover .b-top-line-up,
.b-opacity-10:hover .b-bottom-line, 
.b-opacity-10:hover .b-bottom-line-up, 
.b-opacity-10:hover .b-line1,
.b-opacity-10:hover .b-line2,
.b-opacity-10:hover .b-line3,
.b-opacity-10:hover .b-line4,
.b-opacity-10:hover .b-line5
{
  opacity: .1;
}

.b-opacity-20:hover .b-top-line,
.b-opacity-20:hover .b-top-line-up,
.b-opacity-20:hover .b-bottom-line, 
.b-opacity-20:hover .b-bottom-line-up, 
.b-opacity-20:hover .b-line1,
.b-opacity-20:hover .b-line2,
.b-opacity-20:hover .b-line3,
.b-opacity-20:hover .b-line4,
.b-opacity-20:hover .b-line5
{
  opacity: .2;
}

.b-opacity-30:hover .b-top-line,
.b-opacity-30:hover .b-top-line-up,
.b-opacity-30:hover .b-bottom-line, 
.b-opacity-30:hover .b-bottom-line-up, 
.b-opacity-30:hover .b-line1,
.b-opacity-30:hover .b-line2,
.b-opacity-30:hover .b-line3,
.b-opacity-30:hover .b-line4,
.b-opacity-30:hover .b-line5
{
  opacity: .3;
}

.b-opacity-40:hover .b-top-line,
.b-opacity-40:hover .b-top-line-up,
.b-opacity-40:hover .b-bottom-line, 
.b-opacity-40:hover .b-bottom-line-up, 
.b-opacity-40:hover .b-line1,
.b-opacity-40:hover .b-line2,
.b-opacity-40:hover .b-line3,
.b-opacity-40:hover .b-line4,
.b-opacity-40:hover .b-line5
{
  opacity: .4;
}

.b-opacity-50:hover .b-top-line,
.b-opacity-50:hover .b-top-line-up,
.b-opacity-50:hover .b-bottom-line, 
.b-opacity-50:hover .b-bottom-line-up, 
.b-opacity-50:hover .b-line1,
.b-opacity-50:hover .b-line2,
.b-opacity-50:hover .b-line3,
.b-opacity-50:hover .b-line4,
.b-opacity-50:hover .b-line5
{
  opacity: .5;
}

.b-opacity-60:hover .b-top-line,
.b-opacity-60:hover .b-top-line-up,
.b-opacity-60:hover .b-bottom-line, 
.b-opacity-60:hover .b-bottom-line-up, 
.b-opacity-60:hover .b-line1,
.b-opacity-60:hover .b-line2,
.b-opacity-60:hover .b-line3,
.b-opacity-60:hover .b-line4,
.b-opacity-60:hover .b-line5
{
  opacity: .6;
}

.b-opacity-70:hover .b-top-line,
.b-opacity-70:hover .b-top-line-up,
.b-opacity-70:hover .b-bottom-line, 
.b-opacity-70:hover .b-bottom-line-up, 
.b-opacity-70:hover .b-line1,
.b-opacity-70:hover .b-line2,
.b-opacity-70:hover .b-line3,
.b-opacity-70:hover .b-line4,
.b-opacity-70:hover .b-line5
{
  opacity: .7;
}

.b-opacity-80:hover .b-top-line,
.b-opacity-80:hover .b-top-line-up,
.b-opacity-80:hover .b-bottom-line, 
.b-opacity-80:hover .b-bottom-line-up, 
.b-opacity-80:hover .b-line1,
.b-opacity-80:hover .b-line2,
.b-opacity-80:hover .b-line3,
.b-opacity-80:hover .b-line4,
.b-opacity-80:hover .b-line5
{
  opacity: .8;
}

.b-opacity-90:hover .b-top-line,
.b-opacity-90:hover .b-top-line-up,
.b-opacity-90:hover .b-bottom-line, 
.b-opacity-90:hover .b-bottom-line-up, 
.b-opacity-90:hover .b-line1,
.b-opacity-90:hover .b-line2,
.b-opacity-90:hover .b-line3,
.b-opacity-90:hover .b-line4,
.b-opacity-90:hover .b-line5
{
  opacity: .9;
}

/* Disable transparency for twist and flip */

.b-link-twist.b-opacity-10:hover .b-top-line,
.b-link-twist.b-opacity-10:hover .b-top-line-up,
.b-link-twist.b-opacity-10:hover .b-bottom-line, 
.b-link-twist.b-opacity-10:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-10:hover .b-line1,
.b-link-twist.b-opacity-10:hover .b-line2,
.b-link-twist.b-opacity-10:hover .b-line3,
.b-link-twist.b-opacity-10:hover .b-line4,
.b-link-twist.b-opacity-10:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-20:hover .b-top-line,
.b-link-twist.b-opacity-20:hover .b-top-line-up,
.b-link-twist.b-opacity-20:hover .b-bottom-line, 
.b-link-twist.b-opacity-20:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-20:hover .b-line1,
.b-link-twist.b-opacity-20:hover .b-line2,
.b-link-twist.b-opacity-20:hover .b-line3,
.b-link-twist.b-opacity-20:hover .b-line4,
.b-link-twist.b-opacity-20:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-30:hover .b-top-line,
.b-link-twist.b-opacity-30:hover .b-top-line-up,
.b-link-twist.b-opacity-30:hover .b-bottom-line, 
.b-link-twist.b-opacity-30:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-30:hover .b-line1,
.b-link-twist.b-opacity-30:hover .b-line2,
.b-link-twist.b-opacity-30:hover .b-line3,
.b-link-twist.b-opacity-30:hover .b-line4,
.b-link-twist.b-opacity-30:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-40:hover .b-top-line,
.b-link-twist.b-opacity-40:hover .b-top-line-up,
.b-link-twist.b-opacity-40:hover .b-bottom-line, 
.b-link-twist.b-opacity-40:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-40:hover .b-line1,
.b-link-twist.b-opacity-40:hover .b-line2,
.b-link-twist.b-opacity-40:hover .b-line3,
.b-link-twist.b-opacity-40:hover .b-line4,
.b-link-twist.b-opacity-40:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-50:hover .b-top-line,
.b-link-twist.b-opacity-50:hover .b-top-line-up,
.b-link-twist.b-opacity-50:hover .b-bottom-line, 
.b-link-twist.b-opacity-50:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-50:hover .b-line1,
.b-link-twist.b-opacity-50:hover .b-line2,
.b-link-twist.b-opacity-50:hover .b-line3,
.b-link-twist.b-opacity-50:hover .b-line4,
.b-link-twist.b-opacity-50:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-60:hover .b-top-line,
.b-link-twist.b-opacity-60:hover .b-top-line-up,
.b-link-twist.b-opacity-60:hover .b-bottom-line, 
.b-link-twist.b-opacity-60:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-60:hover .b-line1,
.b-link-twist.b-opacity-60:hover .b-line2,
.b-link-twist.b-opacity-60:hover .b-line3,
.b-link-twist.b-opacity-60:hover .b-line4,
.b-link-twist.b-opacity-60:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-70:hover .b-top-line,
.b-link-twist.b-opacity-70:hover .b-top-line-up,
.b-link-twist.b-opacity-70:hover .b-bottom-line, 
.b-link-twist.b-opacity-70:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-70:hover .b-line1,
.b-link-twist.b-opacity-70:hover .b-line2,
.b-link-twist.b-opacity-70:hover .b-line3,
.b-link-twist.b-opacity-70:hover .b-line4,
.b-link-twist.b-opacity-70:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-80:hover .b-top-line,
.b-link-twist.b-opacity-80:hover .b-top-line-up,
.b-link-twist.b-opacity-80:hover .b-bottom-line, 
.b-link-twist.b-opacity-80:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-80:hover .b-line1,
.b-link-twist.b-opacity-80:hover .b-line2,
.b-link-twist.b-opacity-80:hover .b-line3,
.b-link-twist.b-opacity-80:hover .b-line4,
.b-link-twist.b-opacity-80:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-90:hover .b-top-line,
.b-link-twist.b-opacity-90:hover .b-top-line-up,
.b-link-twist.b-opacity-90:hover .b-bottom-line, 
.b-link-twist.b-opacity-90:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-90:hover .b-line1,
.b-link-twist.b-opacity-90:hover .b-line2,
.b-link-twist.b-opacity-90:hover .b-line3,
.b-link-twist.b-opacity-90:hover .b-line4,
.b-link-twist.b-opacity-90:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-10:hover .b-top-line,
.b-link-flip.b-opacity-10:hover .b-top-line-up,
.b-link-flip.b-opacity-10:hover .b-bottom-line, 
.b-link-flip.b-opacity-10:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-10:hover .b-line1,
.b-link-flip.b-opacity-10:hover .b-line2,
.b-link-flip.b-opacity-10:hover .b-line3,
.b-link-flip.b-opacity-10:hover .b-line4,
.b-link-flip.b-opacity-10:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-20:hover .b-top-line,
.b-link-flip.b-opacity-20:hover .b-top-line-up,
.b-link-flip.b-opacity-20:hover .b-bottom-line, 
.b-link-flip.b-opacity-20:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-20:hover .b-line1,
.b-link-flip.b-opacity-20:hover .b-line2,
.b-link-flip.b-opacity-20:hover .b-line3,
.b-link-flip.b-opacity-20:hover .b-line4,
.b-link-flip.b-opacity-20:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-30:hover .b-top-line,
.b-link-flip.b-opacity-30:hover .b-top-line-up,
.b-link-flip.b-opacity-30:hover .b-bottom-line, 
.b-link-flip.b-opacity-30:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-30:hover .b-line1,
.b-link-flip.b-opacity-30:hover .b-line2,
.b-link-flip.b-opacity-30:hover .b-line3,
.b-link-flip.b-opacity-30:hover .b-line4,
.b-link-flip.b-opacity-30:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-40:hover .b-top-line,
.b-link-flip.b-opacity-40:hover .b-top-line-up,
.b-link-flip.b-opacity-40:hover .b-bottom-line, 
.b-link-flip.b-opacity-40:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-40:hover .b-line1,
.b-link-flip.b-opacity-40:hover .b-line2,
.b-link-flip.b-opacity-40:hover .b-line3,
.b-link-flip.b-opacity-40:hover .b-line4,
.b-link-flip.b-opacity-40:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-50:hover .b-top-line,
.b-link-flip.b-opacity-50:hover .b-top-line-up,
.b-link-flip.b-opacity-50:hover .b-bottom-line, 
.b-link-flip.b-opacity-50:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-50:hover .b-line1,
.b-link-flip.b-opacity-50:hover .b-line2,
.b-link-flip.b-opacity-50:hover .b-line3,
.b-link-flip.b-opacity-50:hover .b-line4,
.b-link-flip.b-opacity-50:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-60:hover .b-top-line,
.b-link-flip.b-opacity-60:hover .b-top-line-up,
.b-link-flip.b-opacity-60:hover .b-bottom-line, 
.b-link-flip.b-opacity-60:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-60:hover .b-line1,
.b-link-flip.b-opacity-60:hover .b-line2,
.b-link-flip.b-opacity-60:hover .b-line3,
.b-link-flip.b-opacity-60:hover .b-line4,
.b-link-flip.b-opacity-60:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-70:hover .b-top-line,
.b-link-flip.b-opacity-70:hover .b-top-line-up,
.b-link-flip.b-opacity-70:hover .b-bottom-line, 
.b-link-flip.b-opacity-70:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-70:hover .b-line1,
.b-link-flip.b-opacity-70:hover .b-line2,
.b-link-flip.b-opacity-70:hover .b-line3,
.b-link-flip.b-opacity-70:hover .b-line4,
.b-link-flip.b-opacity-70:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-80:hover .b-top-line,
.b-link-flip.b-opacity-80:hover .b-top-line-up,
.b-link-flip.b-opacity-80:hover .b-bottom-line, 
.b-link-flip.b-opacity-80:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-80:hover .b-line1,
.b-link-flip.b-opacity-80:hover .b-line2,
.b-link-flip.b-opacity-80:hover .b-line3,
.b-link-flip.b-opacity-80:hover .b-line4,
.b-link-flip.b-opacity-80:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-90:hover .b-top-line,
.b-link-flip.b-opacity-90:hover .b-top-line-up,
.b-link-flip.b-opacity-90:hover .b-bottom-line, 
.b-link-flip.b-opacity-90:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-90:hover .b-line1,
.b-link-flip.b-opacity-90:hover .b-line2,
.b-link-flip.b-opacity-90:hover .b-line3,
.b-link-flip.b-opacity-90:hover .b-line4,
.b-link-flip.b-opacity-90:hover .b-line5
{
  opacity: 1;
}