@charset "UTF-8";

/*

$font-size-base: 16px;

$line-height-base: 1.4;

$brand-primary: #34A4A1;

$brand-secondary: #34A4A1;

$text-color: 						$brand-primary;

$link-color:						$brand-primary;

$link-hover-color:					$brand-primary;

$font-size-base:					14px;

$line-height-base:					1.4;

$grid-gutter-width: 30px;

$font-family-base:					$font-family;

*/

@font-face {

  font-family: "Frente";

  src: url('../../../fonts/FrenteH1-Regular-webfont.eot?#iefix');

  src: url('../../../fonts/FrenteH1-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../fonts/FrenteH1-Regular-webfont.woff') format('woff'), url('../../../fonts/FrenteH1-Regular-webfont.ttf') format('truetype'), url('../../../fonts/FrenteH1-Regular-webfont.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "icomoon";

  src: url('../../../fonts/icomoon.eot?#iefix');

  src: url('../../../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../../../fonts/icomoon.woff') format('woff'), url('.../../../fonts/icomoon.ttf') format('truetype'), url('../../../fonts/icomoon.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "icomoon2";

  src: url('../../../fonts/icomoon2.eot?#iefix');

  src: url('../../../fonts/icomoon2.eot?#iefix') format('embedded-opentype'), url('../../../fonts/icomoon2.woff') format('woff'), url('../../../fonts/icomoon2.ttf') format('truetype'), url('../../../fonts/icomoon2.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* @see https://github.com/jkphl/svg-sprite/blob/master/README.md */

/* @see https://github.com/AdamBrodzinski/Retina-Sprites-for-Compass */

/* Exemple d'tilisation des sprites PNG :

.demo-container {



	position: relative;



	.demo-element {



		content: '';

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -(round(image-width('sprite-png/image-name-with-extension.png') / 2));



		// Ajout automatique des propriétés "background", "width" et "height" avec mediaquery qui va bien

		@include retina-sprite('image-name-without-extension');

	}

}*/

#homepage-slider .homeslider-description .ax_slider_desc .slide_btn .btn:before {

  display: inline-block;

  position: relative;

  top: 1px;

  text-transform: none;

  font-style: normal;

  font-weight: 400;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



/******************************************************************************

						Home Page Slider

*******************************************************************************/

#homepage-slider {

  height: 400px;

}

#homepage-slider #homeslider {

  margin: 0 auto;

  padding: 0;

  height: 100%;

}

#homepage-slider .homeslider-description {

  padding: 10px;

  cursor: pointer;

}

#homepage-slider .homeslider-description .ax_slider_desc {

  float: right;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background: #000;

  height: 310px;

  width: 310px;

  color: #FFF;

  text-align: center;

  padding: 60px 30px 0;

  margin-top: 35px;

}

#homepage-slider .homeslider-description .ax_slider_desc .slide_title {

  text-transform: uppercase;

  font-size: 24px;

  letter-spacing: 2px;

  margin-bottom: 18px;

}

#homepage-slider .homeslider-description .ax_slider_desc .slide_btn .btn {

  color: #FFF;

  border-color: #FFF;

  background: none;

  border-radius: 0;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-top: 25px;

  display: inline-block;

}

#homepage-slider .homeslider-description .ax_slider_desc .slide_btn .btn:before {

  content: "";

  font-family: 'icomoon';

  top: 0px;

  font-size: 7px;

  padding-right: 5px;

}

#homepage-slider .homeslider-description h2 {

  font-size: 2.7em;

  color: white;

  margin: 0;

  padding: 0;

}

#homepage-slider .homeslider-description p {

  width: 50%;

  font-size: 1.15em;

  line-height: 1.3em;

  padding: 0.5em 0;

  color: white;

}

#homepage-slider .homeslider-description button {

  font-size: 1.2em;

  text-transform: uppercase;

}

@media (max-width: 1200px) {

  #homepage-slider .homeslider-description {

    padding: 20px;

    font-size: 0.8em;

  }

}

@media (max-width: 768px) {

  #homepage-slider .homeslider-description {

    padding: 30px;

    font-size: 0.7em;

  }

  #homepage-slider .homeslider-description p {

    font-size: 1.5em;

  }

}

@media (max-width: 480px) {

  #homepage-slider .homeslider-description {

    padding: 30px;

    font-size: 0.5em;

  }

  #homepage-slider .homeslider-description p {

    font-size: 1.7em;

  }

}



/*****************************************************************************

						BXSlider Styles

********************************************************************************/

#homepage-slider .homeslider-container {

  position: relative;

  height: 100%;

}

#homepage-slider .homeslider-image {

  position: absolute;

  left: 0;

  top: 0;

}

#homepage-slider .homeslider-description {

  position: absolute;

  left: 0;

  top: 0;

}

#homepage-slider .bx-wrapper {

  position: relative;

  padding: 0;

  height: 100% !important;

  *zoom: 1;

}

#homepage-slider .bx-wrapper a {

  display: block;

  height: 100%;

}

#homepage-slider .bx-wrapper img {

  display: block;

  max-width: 100%;

  height: auto;

}

#homepage-slider .bx-wrapper .bx-viewport {

  width: 100%;

  height: 100% !important;

}

#homepage-slider .bx-wrapper .bx-pager,

#homepage-slider .bx-wrapper .bx-controls-auto {

  position: absolute;

  bottom: 10px;

  width: 100%;

}

#homepage-slider .bx-wrapper .bx-loading {

  min-height: 50px;
/*MODIF ABLINK
  background: url(../../../img/homeslider/bx_loader.gif) center center no-repeat #fff;*/
  background: url(../../../img/bx_loader.gif) center center no-repeat #fff;
/* FIN MODIF*/
  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2000;

}

#homepage-slider .bx-wrapper .bx-pager {

  text-align: center;

  font-size: .85em;

  font-family: "Lato", sans-serif;

  font-weight: bold;

  color: #666;

  padding-top: 20px;

  z-index: 99;

}

#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,

#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

  display: inline-block;

  *zoom: 1;

  *display: inline;

}

#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {

  background: #FFF;

  text-indent: -9999px;

  display: block;

  width: 16px;

  height: 16px;

  margin: 0 2px;

  outline: 0;

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  border: 3px solid #FFF;

}

#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,

#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {

  background: #4c545c;

}

#homepage-slider .bx-wrapper .bx-prev {

  right: 60px;

}

#homepage-slider .bx-wrapper .bx-prev:after {

  content: "\f053";

}

#homepage-slider .bx-wrapper .bx-next {

  right: 10px;

}

#homepage-slider .bx-wrapper .bx-next:after {

  content: "\f054";

}

#homepage-slider .bx-wrapper .bx-controls-direction a {

  position: absolute;

  bottom: 10px;

  outline: 0;

  width: 52px;

  height: 52px;

  text-indent: -9999px;

  z-index: 9999;

  border: 2px solid #fff;

}

#homepage-slider .bx-wrapper .bx-controls-direction a:before {

  height: 48px;

  width: 48px;

  display: block;

  background: #fff;

  content: ".";

  opacity: 0.14;

  text-indent: -9999px;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

}

#homepage-slider .bx-wrapper .bx-controls-direction a:after {

  display: block;

  width: 48px;

  height: 48px;

  color: #fff;

  text-indent: 0;

  text-align: center;

  font-size: 21px;

  font-family: "FontAwesome";

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  padding: 16px 0 0 0;

}

#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {

  background: #333;

  opacity: 0.83;

}

#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {

  display: none;

}

#homepage-slider .bx-wrapper .bx-controls-auto {

  text-align: center;

}

#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {

  display: block;

  text-indent: -9999px;

  width: 10px;

  height: 11px;

  outline: 0;

  background: url(../../../img/homeslider/controls.png) -86px -11px no-repeat;

  margin: 0 3px;

}

#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,

#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {

  background-position: -86px 0;

}

#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {

  display: block;

  text-indent: -9999px;

  width: 9px;

  height: 11px;

  outline: 0;

  background: url(../../../img/homeslider/controls.png) -86px -44px no-repeat;

  margin: 0 3px;

}

#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,

#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {

  background-position: -86px -33px;

}

#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  text-align: left;

  width: 80%;

}

#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}

#homepage-slider .bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  background: #666 \9;

  background: rgba(80, 80, 80, 0.75);

  width: 100%;

}

#homepage-slider .bx-wrapper .bx-caption span {

  color: #fff;

  font-family: "Lato", sans-serif;

  display: block;

  font-size: .85em;

  padding: 10px;

}



.ie8 #homepage-slider .bx-wrapper .bx-controls-direction a:before {

  background: #333;

}