/*--- PLACE YOUR CUSTOM STYLES HERE ---*/

.masterColor {
    color: #34bef2;
}
.grisFonce {
    color: #3d3d3d;
}

.shadow {
    text-shadow: 3px 3px 1px #808080;
}

.underline-gris {
    background-color: #3b3b3b;
    display: block;
    content: "";
    height: 2px;
    margin: 10px auto 0px;
    width: auto;
    left: -5px;
}

.carrouselLine1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.85em;
    letter-spacing: 2px; 
}

.carrouselLine3 {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
	font-size: 16px; 
	font-weight: 400;
    line-height: 1.8; 
}

.btn-ghost-masterColor {
    color: #ffffff;
    border-color: rgba(52,190,242,0.7); 
    background-color: rgba(52,190,242,0.9); 
    border-radius: 13px;
}
.btn-ghost-grisFonce {
    color: #ffffff;
    border-color: rgba(61,61,61,0.7); 
    background-color: rgba(61,61,61,0.9); 
    border-radius: 13px;
}


.niveau { position: relative; z-index: 2; }

.img-responsive {
    width: 100%;
}

.imgMax500 {
    max-width: 500px;
}

.justify-content-center {
      display: -webkit-flex; /* Safari */
  -webkit-justify-content: center; /* Safari 6.1+ */
  display: flex;
  justify-content: center;    
}

div.cube {
    width: 250px;
    margin: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: 1px #DCDCDC solid;
    text-align: center;
}

div.cube2 {
    width: 395px;
    margin: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: 1px #DCDCDC solid;
    text-align: center;
}

/*
.bac h4 {text-indent:-9999px;}
.bac:hover h4 {text-indent:inherit; color: #B00B0E;}
*/
.bac h4 {opacity:0.5;}
.bac:hover h4 {text-indent:inherit; color: #FFF;opacity:1;}


div.cubeSmall {
    width: 300px;
    margin: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top: 1px #DCDCDC solid;
    text-align: center;
}

div.cubeBloc {
  background-color: #ffffff;
  color: white;
  padding: 10px;
  font-size: 40px;
}

div.cubeBottom {
  background-color: #34bef2;
  padding: 3px;
}

div.cubeDescription {
    font-family: 'Open Sans', sans-serif;
    color: #7a7a7a;
	font-size: 11px; 
	font-weight: 600;
    line-height: 1.8; 
} 



.icon-rotate-90:before {

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

.icon-rotate-180:before {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}

.icon-rotate-270:before {

  -webkit-transform: rotate(270deg);

  -moz-transform: rotate(270deg);

  -ms-transform: rotate(270deg);

  -o-transform: rotate(270deg);

  transform: rotate(270deg);

  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.icon-flip-horizontal:before {

  -webkit-transform: scale(-1, 1);

  -moz-transform: scale(-1, 1);

  -ms-transform: scale(-1, 1);

  -o-transform: scale(-1, 1);

  transform: scale(-1, 1);

}

.icon-flip-vertical:before {

  -webkit-transform: scale(1, -1);

  -moz-transform: scale(1, -1);

  -ms-transform: scale(1, -1);

  -o-transform: scale(1, -1);

  transform: scale(1, -1);

}



/*--- Background Images ---*/

.bg-new {

    background-image: url(../img/backgrounds/bg-pageenconstruction.jpg);  

}

.bg-shortcodes {

    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  

}

.bg-light {

    background-image: url(../img/backgrounds/bg-light.jpg);  

}

.bg-shop {

    background-image: url(../img/backgrounds/bg-shop.jpg);  

}

.bg-about-me {

    background-image: url(../img/backgrounds/bg-about-me.jpg);  

}

.bg-restaurant-1 {

    background-image: url(../img/restaurant/bg-restaurant-1.jpg);  

}

.bg-restaurant-2 {

    background-image: url(../img/restaurant/bg-restaurant-2.jpg);  

}

.bg-pattern-1 {

    background-image: url(../img/backgrounds/bg-pattern-1.jpg);

}

.bg-pattern-2 {

    background-image: url(../img/backgrounds/bg-pattern-2.jpg);

}

.bg-pattern-3 {

    background-image: url(../img/backgrounds/bg-pattern-3.jpg);

}

.bg-pattern-4 {

    background-image: url(../img/backgrounds/bg-pattern-4.jpg);

}

.bg-music-1 {

    background-image: url(../img/music/bg-music-1.jpg);

}

.bg-photography-1 {

    background-image: url(../img/photography/bg-photography-1.jpg);

}

.bg-photography-2 {

    background-image: url(../img/photography/bg-photography-2.jpg);

}

.bg-photography-3 {

    background-image: url(../img/photography/bg-photography-3.jpg);

}

.bg-fitness-1 {

    background-image: url(../img/fitness/bg-fitness-1.jpg);

}

.bg-fitness-2 {

    background-image: url(../img/fitness/bg-fitness-2.jpg);

}

.bg-fitness-3 {

    background-image: url(../img/fitness/bg-fitness-3.jpg);

}

.bg-fitness-4 {

    background-image: url(../img/fitness/bg-fitness-4.jpg);

}

.bg-event-1 {

	background-image: url(../img/event/bg-event-1.jpg);  

}

.bg-event-2 {

	background-image: url(../img/event/bg-event-2.jpg);  

}

.bg-food-1 {

    background-image: url(../img/food/bg-food-1.jpg);  

} 

.bg-food-2 {

    background-image: url(../img/food/bg-food-2.jpg);  

} 

.bg-food-3 {

    background-image: url(../img/food/bg-food-3.jpg);  

}  

.bg-agency-1 {

	background-image: url(../img/agency/bg-agency-1.jpg);  

} 

.bg-agency-2 {

	background-image: url(../img/agency/bg-agency-2.jpg);  

} 

.bg-launching-1 {

    background-image: url(../img/launching/bg-launching-1.jpg);  

}

.bg-launching-2 {

    background-image: url(../img/launching/bg-launching-2.jpg);  

}

.bg-product-1 {

    background-image: url(../img/product/bg-product-1.jpg);  

}

.bg-product-2 {

    background-image: url(../img/product/bg-product-2.jpg);  

} 

.bg-education-1 {

    background-image: url(../img/education/bg-education-1.jpg);  

}

.bg-education-2 {

    background-image: url(../img/education/bg-education-2.jpg);  

} 

.bg-concepts-1 {

    background-image: url(../img/concepts/bg-concepts-1.jpg);  

}

.bg-video-1 {

    background-image: url(../img/video/bg-video-1.jpg); 

}

.bg-img-1 {

    background-image: url(../img/backgrounds/bg-1.jpg); 

}

.bg-img-2 {

    background-image: url(../img/backgrounds/bg-2.jpg); 

}

.bg-img-3 {

    background-image: url(../img/backgrounds/bg-3.jpg); 

}

.bg-img-4 {

    background-image: url(../img/backgrounds/bg-4.jpg);  

}

.bg-img-5 {

    background-image: url(../img/backgrounds/bg-5.jpg); 

} 

.bg-img-6 {

    background-image: url(../img/backgrounds/bg-6.jpg);  

}

.bg-img-7 {

    background-image: url(../img/backgrounds/bg-7.jpg); 

} 

.bg-img-8 {

    background-image: url(../img/backgrounds/bg-8.jpg);  

}    

.bg-img-9 {

    background-image: url(../img/backgrounds/bg-9.jpg);  

} 

.bg-img-10 {

    background-image: url(../img/backgrounds/bg-10.jpg);  

} 

.bg-img-11 {

    background-image: url(../img/backgrounds/bg-11.jpg);  

} 

.bg-img-12 {

    background-image: url(../img/backgrounds/bg-12.jpg);  

} 

.bg-img-13 {

    background-image: url(../img/backgrounds/bg-13.jpg);  

} 

.bg-img-14 {

    background-image: url(../img/backgrounds/bg-14.jpg);  

} 

.bg-img-15 {

    background-image: url(../img/backgrounds/bg-15.jpg);  

} 





/* XA */

.bg-img-XA1 {

    background-image: url(../img/bg-XA1.png); 

}

.bg-img-XA2 {

    background-image: url(../img/bg-XA2.png); 

}

.bg-img-XA3 {

    background-image: url(../img/bg-XA3.png); 

}

.bg-img-PROMOS {

    background-image: url(../img/bg-promosColor.png); 
	background-repeat: repeat;

}