/*
Theme Name: Eurosima
Theme URI: http://www.eurosima.com
Description: Le thème officiel pour le site de Eurosima.com
Version: 1.0
Author: ohmyweb
Author URI: http://www.ohmyweb.fr
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700|Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);


/*--font-icons--------------------------------------*/
@font-face {
  font-family: "eurosima";
  src:url("assets/fonts/eurosima.eot?v=1.0");
  src:url("assets/fonts/eurosima.eot?v=1.0#iefix") format("embedded-opentype"),
    url("assets/fonts/eurosima.woff?v=1.0") format("woff"),
    url("assets/fonts/eurosima.ttf?v=1.0") format("truetype"),
    url("assets/fonts/eurosima.svg?v=1.0#eurosima") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "eurosima" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "eurosima" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quote:before {
  content: "\61";
}
.icon-android-pin:before {
  content: "\62";
}
.icon-android-more-horizontal:before {
  content: "\63";
}
.icon-android-close:before {
  content: "\64";
}
.icon-android-warning:before {
  content: "\65";
}
.icon-android-arrow-dropdown:before {
  content: "\66";
}
.icon-android-arrow-dropleft:before {
  content: "\67";
}
.icon-android-arrow-dropright:before {
  content: "\68";
}
.icon-android-arrow-dropup:before {
  content: "\69";
}
.icon-android-chat:before {
  content: "\6a";
}


::-moz-selection { /* Code for Firefox */
  background: #45c6d2;
  color:#fff;
  }
::selection {
  background: #45c6d2;
  color:#fff;
  }

 html,body {
  margin:0;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  background: #fff;
  color: #4b4b4b;
}
body {position: relative; width: 100%; overflow-x: hidden;}
h1, h2, h3, h4, h5 {font-weight: 400;}

/* Alignements WordPress */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.gallery a.thumbnail img {
  max-height: 168px;
  width: auto;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

b, strong {font-weight: 700;}
a {color: #c7a770; text-decoration: none;}
:focus {outline: 0;  outline-offset: 0;}
a:hover, a:active, a:focus {color: #45c6d2; text-decoration: none; outline: none; outline-offset: 0;}
p {letter-spacing: 1px;}
.clearspace {clear: both; margin-top: 30px; }
.blockspace {margin-top: 30px;}
.blockspace-big {margin-top: 30px; margin-bottom: 30px;}
.imgfull{
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.lead-big {font-size: 2em; text-transform: uppercase; margin-bottom: 30px; }
.lead-big {font-size: 18px; text-transform: uppercase;}
.black {color: #303030!important}
.gold {color: #c7a770!important;}
.blue {color: #45c6d2!important;}
.semi_bold {font-weight: 500!important;}
hr {display: block; width: 100%; border-color: #cdcdcd; margin: 30px 0;}
.img-border {border:1px solid #c7a770;}
.fade-img {opacity: 0.8;  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.fade-img:hover {opacity: 1;}
@keyframes fade-on {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes zoomIn_homeTitle {
  0% {
  transform: translate(-50%, -30%);
            opacity: 0;
    -webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	-o-filter:blur(10px);
	filter:blur(10px);
  }
  50% {
    transform: translate(-50%, -50%);
            opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%);
            -webkit-filter:blur(0px);
			-moz-filter:blur(0px);
			-ms-filter:blur(0px);
			-o-filter:blur(0px);
			filter:blur(0px);
            opacity: 1;
  }
}
@keyframes zoomIn_homeTitle {
  0% {
  transform: translate(-50%, -30%);
  opacity: 0;
    -webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	-o-filter:blur(10px);
	filter:blur(10px);
  }
  50% {
    transform: translate(-50%, -50%);
            opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%);
     -webkit-filter:blur(0px);
			-moz-filter:blur(0px);
			-ms-filter:blur(0px);
			-o-filter:blur(0px);
			filter:blur(0px);
            opacity: 1;
  }
}
@-webkit-keyframes zoomIn_air_zoneTitle {
  0% {
  transform: translateY(30%);
            opacity: 0;
    -webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	-o-filter:blur(10px);
	filter:blur(10px);
  }
  50% {
    transform: translateY(0);
            opacity: 0.5;
  }
  100% {
    transform: translateY(0);
     -webkit-filter:blur(0px);
			-moz-filter:blur(0px);
			-ms-filter:blur(0px);
			-o-filter:blur(0px);
			filter:blur(0px);
            opacity: 1;
  }
}
@keyframes zoomIn_air_zoneTitle {
  0% {
  transform: translateY(30%);
  opacity: 0;
    -webkit-filter:blur(10px);
	-moz-filter:blur(10px);
	-ms-filter:blur(10px);
	-o-filter:blur(10px);
	filter:blur(10px);
  }
  50% {
    transform: translateY(0);
            opacity: 0.5;
  }
  100% {
    transform: translateY(0);
     -webkit-filter:blur(0px);
			-moz-filter:blur(0px);
			-ms-filter:blur(0px);
			-o-filter:blur(0px);
			filter:blur(0px);
            opacity: 1;
  }
}
@-webkit-keyframes zoomIn_slider{
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes zoomIn_slider {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
 @keyframes show_element {
    from {
      opacity: 0;
      -webkit-filter:blur(10px);
    	-moz-filter:blur(10px);
    	-ms-filter:blur(10px);
    	-o-filter:blur(10px);
    	filter:blur(10px);
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      -webkit-filter:blur(0px);
			-moz-filter:blur(0px);
			-ms-filter:blur(0px);
			-o-filter:blur(0px);
			filter:blur(0px);
      transform: translateY(0);
    }
  }
  @keyframes show_display {
    from {
      opacity: 0;
      display: none;
    }
    1% {
      opacity: 0;
      display: inline-block;
    }
    100% {
      opacity: 1;
      display: inline-block;
    }
  }
.animation_element, .animation_element-loop {
  transform: translateY(30px);
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
.animation_element.in-view, .animation_element-loop.in-view {
  -webkit-animation-name: show_element;
          animation-name: show_element;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
      }


/*---- header nav --------------------------------------------------*/

.navbar-custom {
    padding: 5px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: rgba(255,255,255,0.9);
    /*border-bottom: 1px solid #eee;*/
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom.opaque {padding: 2px 0;}
.navbar-custom .navbar-brand {
  display: inline-block;
  width: 150px;
  height: 100%;
  margin: 10px 0px 10px 15px!important;
  padding: 0;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom.opaque .navbar-brand {width: 120px;}
.navbar-custom .navbar-brand > img {
  height: auto; max-height: 100%; margin: 0 auto;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom .navbar-brand > img:hover { -webkit-filter: blur(1px); filter: blur(1px); opacity: 0.7;}
.navbar-custom .nav {margin: 5px 0;}
.navbar-custom .nav>li>a {
  color: #303030; font-size: 16px; text-transform: uppercase;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.navbar-custom.opaque .nav>li>a {font-size: 14px;}
.navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover {
  color: #45c6d2;
    text-decoration: none;
    background-color: transparent;
}
.navbar-custom .nav>li>a.menu-toggle.toggle {
  padding: 15px; margin: 0; font-size: 24px;
}
.navbar-custom.opaque .nav>li>a.menu-toggle.toggle {padding: 10px 15px;}
.navbar-custom .newsletter {display: block; color: #c7a770!important;}
.navbar-custom .newsletter:hover {color: #45c6d2!important;}
.navbar-custom .newsletter::before {content: "\f1d9"; font-family: "FontAwesome"; margin-right: 10px;}
.navbar-custom.opaque .newsletter {padding: 10px 15px;}
.navbar-custom .small-btn {display: inline-block; padding: 5px 10px; margin: 10px 5px; border:1px solid #303030; text-align: center;}
.navbar-custom .small-btn:hover {border:1px solid #45c6d2;}
.navbar-custom.opaque .small-btn {padding: 5px 10px; margin: 5px 5px;}
.navbar-right .shopping-cart span { display: inline-block; text-align:center; font-size: 12px; vertical-align: middle; background-color: #c7a770; border-radius: 50%; width: 20px; height: 20px; }
.navbar-right .shopping-cart a:hover span { background-color: #45c6d2; color: #fff; }


#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  width: 250px;
  max-width: 100%;
  height: 100%;
  transform: translateX(250px);
  /*overflow-y: auto;
  overflow-x: hidden;*/
  background: #222;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper.active {
  top: 0;
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
#sidebar-wrapper::before {
  content: "";
  position: fixed; top: 0; right: 0; height: 100%; width: 0;
  background-color: rgba(34,34,34,0);
  -webkit-transition: all 1s ease 0.3s;
  -moz-transition: all 1s ease 0.3s;
  -ms-transition: all 1s ease 0.3s;
  -o-transition: all 1s ease 0.3s;
  transition: all 1s ease 0.3s;
}
#sidebar-wrapper.active::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
  width: 900%;
  background-color: rgba(34,34,34,0.7);
  -webkit-transition: all 1s ease 0.3s;
  -moz-transition: all 1s ease 0.3s;
  -ms-transition: all 1s ease 0.3s;
  -o-transition: all 1s ease 0.3s;
  transition: all 1s ease 0.3s;
}

#sidebar-wrapper:not[.active] .btn-hide { display: none;}
#sidebar-wrapper.active .btn-hide {
  display: block; position: fixed; top: 0; right: 250px; bottom: 0; height: 100%; width: 2000px;
}
.btn-cross {
    display: inline-block; position: absolute; top: 5px; right: 5px; width: 45px; height: 45px;
    border: 1px solid #555;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.btn-cross::before, .btn-cross::after {
  content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 20px; background-color: #fff;
  -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.btn-cross::before {transform: translate(-50%, -50%) rotate(45deg);}
.btn-cross::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-cross:hover, .btn-cross:focus, .btn-cross:active {
    color: #45c6d2;
    border-color: #45c6d2;
}
.btn-cross:hover::before, .btn-cross:hover::after {transform: translate(-50%, -50%) rotate(180deg);}}


.btn-light {
    border-radius: 0;
    padding: 10px 10px 7px;
    color: #fff;
    font-size: 26px;
    line-height: 0px; text-align: center;
    background-color: transparent;
    border:1px solid #555;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
    color: #45c6d2;
    border-color: #45c6d2;
}
.toggle {margin: 5px 5px 0 0;}

.sidebar-nav {
    position: absolute; top: 0; width: 250px; max-width: 100%;
    margin: 0; padding: 0; list-style: none;
}
.sidebar-nav > .sidebar-brand { height: 55px; display: inline-block;}
.sidebar-nav > .sidebar-brand > a:hover {background: transparent; opacity: 0.7;}
.sidebar-nav > .sidebar-brand img { margin: 10px 0 0 15px; height: 40px;}
.sidebar-nav .country-selector {
  margin-left: 15px;
  display: flex;
  align-items: center;
}
.sidebar-nav .country-selector label {
  border: 1px solid #fff;
  text-indent: 0;
  line-height: 0;
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-nav .country-selector .wglanguage-name::before {
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-nav .country-selector li {
  border:1px solid #fff;
  text-indent: 0;
}
.sidebar-nav .country-selector li a {
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-nav .country-selector li a::before {
  margin: 0;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
    -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.1);
}
.sidebar-nav li .newsletter {display: block; color: #c7a770!important; margin: 60px 0 15px; position: relative; text-transform: uppercase;}
.sidebar-nav li .newsletter:hover {background: transparent;}
.sidebar-nav li .newsletter::after {content: ""; display: block; position: absolute; top: -15px; left: 5px; right: 5px; border-bottom: 1px solid #444;}
.sidebar-nav li .small-btn {display: block; text-indent: 0; padding: 0 10px; margin: 0 5px; border:1px solid #444; text-align: center; text-transform: uppercase;}


#sidebar-wrapper .switch-lang {
  position: absolute;
  bottom: 0;
  padding: 15px;
}



/*header
-----------------------------------------------------------*/
/* home carousel
------------------------------------------------------*/
#carousel-home {
  position: relative;
  margin-top: 76px;
  height: 550px; overflow: hidden;
}
#carousel-home .item {
  height: 550px; overflow: hidden;
}
#carousel-home .item .imgcontainer {
  height: 550px;
  background-position: center; background-repeat: no-repeat; background-size: cover;
}
#carousel-home .item .imgcontainer {
  -webkit-animation-name: zoomIn_slider;
          animation-name: zoomIn_slider;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
      }
#carousel-home .item::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(255,255,255,0.4);
  z-index: 1;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8%;
    font-size: 50px;
    color: #fff;
    text-align: center;
    text-shadow:none;
    background-color: transparent;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 200;
}
.carousel-control.left, .carousel-control.right {background-image: none;}
.carousel-control .fa {
  position: absolute;
    top: 50%;
    transform: translateY(-50px);
}
.carousel-control.left .fa {left: 20%;}.carousel-control.right .fa {right: 20%;}
.carousel-caption {
  position: absolute; width: 100%; top: 50%; margin: auto; padding:40px 0; bottom: auto; left: 50%; transform: translate(-50%, -50%);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  z-index: 100;
  -webkit-filter: blur(10px);
          filter: blur(10px);
          opacity: 0;
  -webkit-animation-name: zoomIn_homeTitle;
          animation-name: zoomIn_homeTitle;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
      }
.slider_title {
  display: block; margin: 0 auto; text-align: center;
}
.slider_title > * {
  display: inline-block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 15px; max-width: 100%;
  font-family: 'Lato', sans-serif; font-size: 60px; color: #303030; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; text-align: center; line-height: 1em;
  overflow: hidden;
  z-index: 2;
}
.slider_title > * > strong {display: block; position: relative; font-weight: 900; line-height: initial;}
.slider_title .end_title::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #45c6d2;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: -10px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}
.slider_title .end_title::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #45c6d2;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: -15px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}
.slider_title > * > small {
  letter-spacing: 5px; font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; line-height: 1em;
  display: inline-block;  margin: 0 auto 5px; clear: both;
  position: relative;
  z-index: 2;
}
.slider_title > * > small.small {letter-spacing: 4px; font-size: 21px; font-weight: 300; line-height: 1em;}
.slider_title > * > span {
  letter-spacing: 2px; font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; line-height: 1.2em;
  display: block;  margin: 5px auto ; clear: both; padding-bottom: 5px;
  position: relative;
  z-index: 2;
}
.slider_title > * > span.spacing {letter-spacing: 4px;}
.slider_title > * > span.spacing.big {letter-spacing: 7px; font-size: 28px;}
.slider_title > * > span::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #45c6d2;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: -10px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}
.slider_title > * > span::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #45c6d2;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: -15px;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}
.slider_title > * > i {
  letter-spacing: 4px; font-size: 18px; font-weight: 300; font-family: 'Oswald', sans-serif; font-style: normal; line-height: 1em;
  display: block;  margin: 30px auto ; clear: both;
  position: relative;
  z-index: 2;
}

.slider_title > * > small::before,
.slider_title > * > small::after {
  content: "";
  width: 1000%;
  height: 1px;
  background: #45c6d2;
  position: absolute;
  right: 100%; margin: 0 20px;
  z-index: 1;
  top: .5em;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}
.slider_title > * > small::after {
  left: 100%;
}


/*copyright ---------------------------------------------------*/
.copyright {position: relative;}
.copyright::after {
  content: "​‌© " attr(data-copyright); position: absolute; bottom: 5px; right: 5px;
  font-size: 10px; color: #fff; text-shadow: 1px 1px #000;
}


/* main - centent ----------------------------------------------*/
#main {position: relative; width: 100%; float: left;}
.section_double {position: relative;}
.section_double > .row > section {height: 100%;}
section {padding:60px 0;}
section:last-child.section_grey,
section:last-child.section_gold {margin-bottom: 60px;}
section.section_grey {background-color: #f4f4f4;}

section.section_gold {background-color: #eee3d0;}
.air_zone {
  position: relative; padding:150px 0; display: block; text-align: center;
  background-position: center; background-repeat: no-repeat; background-size: cover;
}
.air_zone::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 0;
}
.air_zone blockquote {
  display: inline-block; position: relative;  width: auto; overflow: hidden;
  letter-spacing: 5px; font-size: 24px; font-weight:400; color: #45c6d2; text-transform: uppercase;
  padding: 0; margin: 0 auto; border:none; text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  opacity: 0;
  z-index: 10;
}
.air_zone blockquote.animation_element-loop.in-view {
  -webkit-animation-name: zoomIn_air_zoneTitle;
          animation-name: zoomIn_air_zoneTitle;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
}
.air_zone blockquote > span {display: block;}
.air_zone blockquote > small {
  display: inline-block; position: relative; margin: 0 auto; margin-bottom: 5px;
  font-size: 18px; color: #fff;
}
.air_zone blockquote > small.lead {font-size: 70px; line-height: 1em;}
.air_zone blockquote > small.small {font-size: 16px; font-family: 'Lato', sans-serif; letter-spacing: 0;}
.air_zone blockquote > small::before,
.air_zone blockquote > small::after {
  content: "";
  width: 50%;
  height: 1px;
  border-radius: 5px;
  background: #45c6d2;
  position: absolute;
  right: 100%; margin: 0 20px;
  z-index: 1;
  top: .6em;
}
.air_zone blockquote > small::after {
  left: 100%;
}
.air_zone blockquote > small.small::before,
.air_zone blockquote > small.small::after { width: 20px;}
.air_zone blockquote > strong {
  font-family: 'Lato', sans-serif; font-size: 31px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;
  display: block; margin: 0 auto 30px; position: relative;
}
.air_zone blockquote > strong::before {
  content: "";
  width: 80%;
  height: 1px;
  border-radius: 5px;
  background: #45c6d2;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: -15px;
}
.air_zone blockquote > strong::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #45c6d2;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: -19px;
}
.air_zone blockquote > img {padding: 15px 0;}
.air_zone blockquote a {color:#45c6d2;}
.air_zone blockquote a:hover {color:#fff;}
.air_zone blockquote .btn-normal {color: #fff;}

/*------ breadcrumb ----------------------------------------------------------*/
.breadcrumb {position: relative; padding:0; margin-bottom:0px; list-style: none; background-color: transparent; border-radius: 0px; }
.breadcrumb .seopress-breadcrumb {transform: translate(20px, -50%);}
.fiche-emploi-content .seopress-breadcrumb {transform: translate(25px, -50%);}
.seopress-breadcrumb {
  position: absolute; top: 0; left: 0; transform: translate(0, -50%);
}
.seopress-breadcrumb > ol {padding: 0 0 0 15px; margin-left: 5px; letter-spacing: 2px; height: 27px; background-color: #fff; border-radius: 4px;}
.seopress-breadcrumb > ol > li {text-transform: uppercase; padding: 5px 10px; display: inline-block!important; font-size: 12px;}
.seopress-breadcrumb > ol > li:first-child {
  position: absolute; top:-2px;  left: 0; transform: translate(-50%);
  text-indent: -9999px;  padding: 0; margin-right: -3px!important;
}
.seopress-breadcrumb > ol > li:first-child > a {font-size: 0; position: relative; display: block; width: 35px; height: 35px; margin-right: 0px;}
.seopress-breadcrumb > ol > li:first-child > a::before {
  content: ""; display: block; position: absolute; width: 35px; height: 35px; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);
  background-color: #fff;
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -o-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.seopress-breadcrumb > ol > li:first-child > a::after {
  content: ""; display: block; position: absolute; width: 15px; height: 15px; top: 50%; left: 50%; transform: translate(-50%, -50%) ;
  background: url(assets/images/back_home.svg) no-repeat center; background-size: contain;
  opacity: 0.2;
}
.seopress-breadcrumb > ol > li:first-child > a:hover::after { opacity: 0.6;}
.seopress-breadcrumb > ol > li:first-child > a:hover::before {background-color: #45C1CC;}
.seopress-breadcrumb > ol > li:last-child {font-weight: 600;}
.breadcrumb-item.remove-separator:before { content:''; }



/*--head titles style-------------------------------------*/
.head_title {
  display: block; margin: -15px 0 60px; text-align: center; width: 100%; float: left;
}
.head_title.smaller { margin: 5px 0 30px;}
.head_title > * {
  display: inline-block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 15px; max-width: 100%;
  font-family: 'Lato', sans-serif; font-size: 48px; line-height: 48px; font-weight: 900; text-transform: uppercase; color: #303030; letter-spacing: 1px;
  overflow: hidden;
}
.head_title.smaller > * {font-size: 26px; line-height: 36px; letter-spacing: 1px;}
.head_title.medium > * {font-size: 36px; letter-spacing: 0px;}
.head_title.gold > * {color: #c7a770!important;}
.head_title > * > small {
  letter-spacing: 4px; font-size: 16px; font-weight: 300; font-family: 'Oswald', sans-serif;
  display: inline-block;  margin: 0 auto 5px; clear: both;
  position: relative;
  z-index: 2;
}
.head_title.gold > * > small {color: #c7a770!important;}
.head_title > * > span {display: block; position: relative;}
.head_title > *::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: 5px;
}
.head_title > *::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: 0;
}
.head_title > * > small::before,
.head_title > * > small::after {
  content: "";
  width: 1000%;
  height: 1px;
  background: #c7a770;
  position: absolute;
  right: 100%; margin: 0 20px;
  z-index: 1;
  top: .5em;
}
.head_title > * > small::after {
  left: 100%;
}
.head_title.dark {color: #303030;}
.head_title.dark > *::before,
.head_title.dark > *::after {background: #303030;}

.head_title.no_section {margin: 60px 0 0 0;}


/* title normal -------------------------------------------*/
.title {
  display: block; margin: 15px auto 20px; position: relative; padding: 0; padding-bottom: 15px;
  font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; color: #303030;
}
.title::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: 5px;
}
.title::after {
  content: "";
  width: 50px;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
}
.title.no_section {margin: 60px 0 0 0;}

/*--- chiffres----------------------------------*/
.chiffre {
  padding: 0px 10px; margin-bottom: 15px; width: 100%;
  background-color: #c7a770; display: block; border: 1px solid #c7a770;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chiffre:hover {background-color: #fff;}
.chiffre > strong {
  display: inline-block; vertical-align: middle; padding-right: 15px;
  color: #fff; font-family: 'Lato', sans-serif; font-size: 60px; letter-spacing: 1px; font-weight: 900;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chiffre:hover > strong {color: #303030;}
.chiffre > span {
  position: relative; display: inline-block;
  color: #303030; font-size: 14px; text-transform: uppercase; line-height: 16px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chiffre:hover > span {color: #c7a770;}
.chiffre > span::after {content: ""; position: absolute; bottom: -10px; left: 0; height: 3px; width: 40px; background-color: #fff;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chiffre:hover > span::after {background-color: #303030;}


/*- article style -------------------------------------------------------------------*/
.section_grey .article::before {background-color: #fff;}
.single-directory .page-header span.lead {text-transform: uppercase;}
.article {
  display: block; padding: 0; position: relative; margin: 30px 0; float: left; width: 100%;
}
/*.article:first-child {margin-top: 0;}*/
.article::before {
  content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 52%;
  background-color: #f4f4f4;
  z-index: 0;
}
.article .article_img {
  display: block;  min-height: 70px;  overflow: hidden;
    position: absolute; padding: 0px;
    left: 0px;  top: 50%; transform: translateY(-50%);
  z-index: 1;
}
.article .article_img > img {
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
.article .article_img:hover > img {transform: scale(1.05);  -webkit-filter: grayscale(40%) brightness(1.1);/* -webkit-filter: brightness(1.25); -webkit-filter:; -webkit-filter: contrast(130%);*/ }
.article .article_img::after {
    content: '';
    position: absolute;
    top: 10px; right: 10px; bottom: 10px; left: 10px;
    border:1px solid rgba(255,255,255,0.5);
    pointer-events: none;
}
.article .article_txt {
  position: relative; float: right;
    padding: 40px 40px;
    z-index: 2;
}
.article .article_txt.txt_space { padding: 100px 40px;}
.article .article_txt > header > * {
  display: block; position: relative; padding: 0; padding-bottom: 30px; margin: 0; margin-bottom: 40px;
  font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 900; text-transform: uppercase;
  z-index: 1;
}
.article .article_txt > header > *::before {
  content: "";
  width: 140%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; bottom: 0;
  z-index: 3;
}
.article .article_txt > header > *::after {
  content: "";
  width: 40%;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  right: 0;  bottom: -5px;
}
.article .article_txt > p {
  font-size: 16px; line-height: 26px; text-align: justify;
}

.article.img-right::before {left: 0; right: 52%;}
.article.img-right .article_img {right: 0px; left: auto;}
.article.img-right .article_txt { float: left;}

.article.img-right .article_txt > header > *::before { left: 0; right: auto;}
.article.img-right .article_txt > header > *::after { left: 0; right: auto;}
.article .article_txt.col-md-12 { background-color: #f4f4f4;}
.article .article_txt.col-md-12 > header > *::before { width: 100%;}
.article .article_txt.col-md-12 > header > *::after { left: 0; right: auto;}


/*----- article-simple --------------------------------------------*/

.article_simple { margin: 30px 0;  }
.article_simple p {line-height: 25px;}

/*----- article-full-width --------------------------------------------*/

.article_full_width { margin: 145px 0; }

/*-- fiche_profil --------------------------------------------------*/
.fiche_profil { margin: 15px 0 30px; }
.fiche_profil .fiche_profil-content {
  display: block; position: relative; background-color: #fff; text-align: center; height: 560px;
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
-o-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
.section_grey .fiche_profil-content {
  display: block; background-color: #fff; text-align: center; box-shadow: none;
}
.fiche_profil-content figure {position: relative; width: 100%; /*height: 260px; overflow: hidden;*/}
.fiche_profil-content figure::before {
  content: ""; display: block;
  position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
  background-color: rgba(255,255,255,0.3);
  z-index: 0;
}
/*.fiche_profil-content figure img { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); }*/
.fiche_profil-content .fiche_profil-title_container {
  position: relative; margin: -40px 15px 0; display: block; ; /*height: 140px transform: translateY(-40px);*/
  background-color: #fff; padding:10px;
  text-transform: uppercase; color: #cdcdcd; font-size: 14px; font-weight: 300; text-align: center;
}
.fiche_profil-content .fiche_profil-title_container .fiche_profil-title {font-size: 18px; letter-spacing: 0px; font-weight: 400; color: #303030;}
.fiche_profil-content .fiche_profil-title_container span {display: block; padding-bottom:5px; }
.fiche_profil-content .fiche_profil-title_container a {color:#cdcdcd; padding: 5px; }
.fiche_profil-content .fiche_profil-title_container a:hover {color:#c7a770; }
.fiche_profil-content p {padding: 0 15px 15px; margin-top:10px; line-height: 25px; height:140px; }
.fiche_profil-content .btn-normal {position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); margin:0 auto; white-space: nowrap;}

/*fiche size */
.fiche_profil {height: 560px;}
.fiche_profil .fiche_profil-content {height: 560px;}
.fiche_profil.simple {height: 350px;}
.fiche_profil.simple .fiche_profil-content {height: 350px;}

/*--popup profil detail ---*/
.fiche_profil-content.white-popup p:first-child {padding: 0; margin-top:80px; line-height: 23px; height: auto;}
.fiche_profil-content.white-popup p {margin: 0; height: auto;}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 30px 25px;
  width: auto;
  max-width: 420px;
  margin: 0 auto;
}
.white-popup.auto_size {
  max-width: 1000px;
}
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
button.mfp-close, button.mfp-arrow {background-color: #fff;}

/*- woocommerce ------------------------------------------*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
display: inline-block; padding: 10px 15px; margin: 15px auto; border: 1px solid #c7a770;
color: #303030; font-size: 16px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
border-radius: 0!important;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
background-color: #c7a770; color: #fff; font-size: 16px; font-weight: 400;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #c7a770; color: #fff;
}
.woocommerce .cart-subtotal {font-size: 22px;}
.woocommerce .order-total strong .woocommerce-Price-amount.amount {font-size: 22px;}
.woocommerce table.shop_table th { font-size: 22px; }
.woocommerce td.actions {border-top: none !important; padding-top: 30px !important;}
.woocommerce .actions .coupon #coupon_code { width: 220px; }

.woocommerce .input-text { padding: 12px; }
.woocommerce form .form-row .input-checkbox { position: relative !important; }
#order_review.woocommerce-checkout-review-order { margin-top: 45px; }
.woocommerce .woocommerce-form-row .button {
  background-color: #c7a770;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 15px;
  border-radius: 0;
  text-align: center;
   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woocommerce .woocommerce-form-row .button:hover, .woocommerce .woocommerce-form-row .button:focus {
  background-color: #303030;
  color: #fff;
  border-color: #303030;
}
#user_login {
  padding: 10px 15px;
  border: 1px solid #303030;
  color: #303030;
}


/*- publicite ------------------------------------------*/
.pub_container {margin: 15px 0 30px;}
.pub_container-col-6 { position: absolute; right: 15px; top: 0; height: 315px; overflow: hidden; margin: 0 0 25px; }
.pub_container-col-6 + article {clear: both;}
.pub_container-300_250 {margin-bottom: 15px; overflow: hidden; text-align: center;}

/*-- tabs ----------------------------------------------------------------*/

.nav.nav-tabs {
  text-align: center; border-bottom: 1px solid #303030; margin-bottom: 15px;
}
.nav.nav-tabs>li {
    float: none; display: inline-block;
    margin: 0 auto -1px;
}
.nav.nav-tabs>li>a {
    margin-right: 2px; padding: 10px 15px; position: relative;
    line-height: 1.42857143; font-size: 24px; text-align: center; text-transform: uppercase; font-weight: 400; letter-spacing: 1px;
    border: 1px solid #303030; color: #303030;
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav.nav-tabs>li>a:hover {background-color: #ddd;}
.nav.nav-tabs>li.active>a, .nav.nav-tabs>li.active>a:focus, .nav.nav-tabs>li.active>a:hover {
  color: #fff;
    cursor: default;
    background-color: #303030;
    border: 1px solid #303030;
    border-bottom-color: transparent;
}
.nav.nav-tabs>li.active>a::after {
  content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0;
  border-style: solid;
  border-width: 10px 30px 0 30px;
  border-color: #303030 transparent transparent transparent;
}

/*--- tabs timeline ---------------------------------------*/

#slider_timeline.nav.nav-tabs.timeline {
  text-align: center; border-bottom: none; margin-bottom: 40px; position: relative; width: 100%; height: 69px; display: inline-block;
}
#slider_timeline.nav.nav-tabs.timeline::before {
  content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -5px; height: 4px; width: 100%; background-color: #c7a770;
}
#slider_timeline.nav.nav-tabs.timeline .slick-list { height: 90px; padding-top: 10px;}
#slider_timeline.nav.nav-tabs.timeline li {
    float: left; /*display: inline-block; width: 20%;*/
    margin: 0; position: relative;
}
#slider_timeline.nav.nav-tabs.timeline *:focus {outline: none;  outline-offset: 0;}
/*.nav.nav-tabs.timeline li:first-child, .nav.nav-tabs.timeline>li:last-child {
    display: block; position: absolute; bottom: -11px; width: 15px; height: 15px;  margin: 0;
    background-color: #fff; border:2px solid #c7a770;
    transform: rotate(-45deg);
}*/
#slider_timeline.nav.nav-tabs.timeline li:first-child {left: 0px;} #slider_timeline.nav.nav-tabs.timeline>li:last-child {right: 0px;}
#slider_timeline.nav.nav-tabs.timeline li>a {
  margin: 0; padding: 0; position: relative; display: inline-block; height: 45px;
  font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 900; text-transform: uppercase; letter-spacing: 0; line-height: 45px; text-indent: -5px;
  border:none; color: #303030;
  border-radius: 0;
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#slider_timeline.nav.nav-tabs.timeline li>a::after {
  content: ''; display: block; position: absolute;  left: -40px; top: 50%; transform: translateY(-50%);
  width: 20px; height: 20px; background-color: #303030;
  border:5px solid #c7a770;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#slider_timeline.nav.nav-tabs.timeline li>a::before {
  content: ''; display: block; position: absolute;  left: -18px; bottom: 10px;
  width: 0px; height: 2px; background-color: #c7a770;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
}
#slider_timeline.nav.nav-tabs.timeline li>a:hover { background-color: transparent; color: #c7a770; }
#slider_timeline.nav.nav-tabs.timeline li>a:hover::after {background-color: #c7a770;}
#slider_timeline.nav.nav-tabs.timeline li.active>a,
#slider_timeline.nav.nav-tabs.timeline li.active>a:focus,
#slider_timeline.nav.nav-tabs.timeline li.active>a:hover {
  color: #c7a770; padding-bottom: 15px; height: 45px; line-height: 30px;
  cursor: default;
  background-color: transparent;
  border: none;
  border-bottom-color: transparent;
  outline: none;
  outline-offset: 0;
}
#slider_timeline.nav.nav-tabs.timeline li.active>a::after {
  background-color: #c7a770; transform: rotate(90deg) translateY(-50%);  top: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#slider_timeline.nav.nav-tabs.timeline li.active>a::before { width: 130%;}

.tab-pane.active {
  opacity: 0;
  -webkit-animation-name: zoomIn_air_zoneTitle;
          animation-name: zoomIn_air_zoneTitle;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
}
#slider_timeline .slick-prev, #slider_timeline .slick-next {
  width: 25px; height: 25px; top: 59px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    outline: none;
    border:none;
    background-color: transparent;
    z-index: 100;
}
#slider_timeline .slick-prev::before, #slider_timeline .slick-next::before {
  content: ''; position: absolute; top: 0; left: 0;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #fff;  border:2px solid #c7a770;
  transform: rotate(-45deg);
}
#slider_timeline .slick-prev {left: 0px;} #slider_timeline .slick-next {right: 0px;}
#slider_timeline .slick-prev::after {
    content: "\f104";
}
#slider_timeline .slick-next::after {
    content: "\f105";

}
#slider_timeline .slick-prev::after, #slider_timeline .slick-next::after {
    position: absolute; display: block; height: 25px; width: 25px; top: 0; left: 0;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 25px;
    color: #303030;
    z-index: 100;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#slider_timeline .slick-prev:hover::after, #slider_timeline .slick-next:hover::after {color: #c7a770;}
#slider_timeline .slick-disabled {cursor: default;}
#slider_timeline .slick-disabled::after, #slider_timeline .slick-disabled:hover::after {color: #e6e6e6;}

/*--marks_link----------------------------------------*/
.marks_link {
  display: block; margin: 15px 0;
  color: #303030; font-size: 18px; font-weight: 300; text-transform: uppercase; text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.marks_link > img {
  margin: 0 auto 15px;
  border: 2px solid #d7d7d7;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.marks_link:hover > img {border: 2px solid #45c6d2;}


/*--- actu ---------------------------------------------------------------------*/
.section_grey .actu {background-color: #fff!important;}
.actu {
  display: block; padding: 15px; position: relative; margin: 0 0 40px;
  background-color: #f4f4f4; font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.actu:hover {
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-o-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
}
.actu .actu_imglink,
.actu.smaller .actu_imglink-autosize {
  display: block;
    height: 160px; width: 100%;
    margin-bottom: 15px;
    border: 1px solid #f4f4f4;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.actu.smaller .actu_imglink {height: 120px;}
.actu.smaller .actu_imglink-autosize {height: auto;}
.actu .actu_imglink > img {
  width: 100%; position: absolute; top: 50%; left: 0;
  transform: scale(1) translateY(-50%);
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
.actu .actu_imglink-autosize > img {
  width: 100%;
  transform: scale(1);
  opacity: 0.9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
.actu .actu_imglink:hover > img{transform: scale(1.03) translateY(-50%); opacity: 1;}
.actu .actu_imglink-autosize:hover > img {transform: scale(1.03); opacity: 1;}
.actu .actu_txt {height: 180px; margin-bottom: 10px; overflow-y: hidden;}
.actu.smaller .actu_txt {height: 160px;}
.actu.smaller .actu_txt span.heading {display:block; font-weight: 400; margin-bottom: 10px; margin-top: -10px;}
.actu.smaller .actu_txt.smaller {height: 120px;}
.actu time {
  color: #808080; font-size: 13px; font-weight: 300;
}
.actu .actu_title > * {
  padding-bottom: 5px;
  color: #303030; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.actu .actu_title:hover > * {color: #c7a770;}
.actu p {margin-bottom: 30px;}
.actu .btn-normal { position: absolute; margin: 0; bottom: 0; left: 50%; transform: translate(-50%, 50%); }
.actu .actu_txt.smaller + .btn-normal { font-size: 14px; letter-spacing: 0;}

/*.actu.ecoride_or, .actu.ecoride_silver, .actu.ecoride_bronze {margin-top: 30px;}
.actu.ecoride_or::after, .actu.ecoride_silver::after, .actu.ecoride_bronze::after {
  content: ""; display: block; position: absolute; width: 40px; height: 40px; top: -20px; left: 50%; transform: translate(-50%, 0) rotate(45deg);
  background: url(assets/images/ecoride_label.svg) no-repeat center; background-size: contain;
}
.actu.ecoride_or::after {background-color: #c7a770;}
.actu.ecoride_silver::after {background-color: #ccc;}
.actu.ecoride_bronze::after {background-color: #c98763;}*/


/*--- albums/gallery/image-grid ---------------------------------------------------------------------*/
#image-grid .item.first-item { clear: both; }
#image-grid .item { float: left; margin-bottom: 10px; }


#ecoride_or .actu, #ecoride_silver .actu, #ecoride_bronze .actu {margin-top: 30px;}
#ecoride_or .actu::after, #ecoride_silver .actu::after, #ecoride_bronze .actu::after {
  content: ""; display: block; position: absolute; width: 40px; height: 40px; top: -20px; left: 50%; transform: translate(-50%, 0) rotate(45deg);
  background: url(assets/images/ecoride_label.svg) no-repeat center center; background-size: 97%;
}
#ecoride_or .actu::after {background-color: #dfc766;}
#ecoride_silver .actu::after {background-color: #ccc;}
#ecoride_bronze .actu::after {background-color: #b66c44;}

.actu.innov_award {margin-top: 40px;}
.actu.innov_award::before {
  content: ""; display: block; position: absolute; width: 40px; height: 40px; top: -20px; left: 50%; transform: translate(-50%, 0) rotate(45deg);
  background-color: #c7a770; z-index: 10;
}
.actu.innov_award::after {
  content: attr(data-innov-award); display: block; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); width: 60px; height: 30px;
  color: #fff; font-size: 16px; text-align: center; padding: 3px 5px; z-index: 11;
}
.adherer_block {
  display: block; padding: 15px 30px; position: relative; margin: 0;
  background-color: #c7a770; font-size: 16px; font-weight: 500; color: #fff; text-align: center;
}
.adherer_block .head_title {margin: 0 auto 20px;}

/*-- actu liste no-img-----------------------------------------*/
.actu.list_no_img {
  display: block; padding: 15px; padding-left:85px;  position: relative; margin: 0 0 40px 70px;
}
.actu.list_no_img .actu_txt {height: auto;}
.actu.list_no_img time {
  display: inline-block; position: absolute; left: -70px;
  padding: 15px; min-width: 140px; background-color: #c7a770;
  color: #fff; font-size: 36px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 900; line-height: 36px; text-align: center;
}
.actu.list_no_img time > small {font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: block; padding-bottom: 5px;}
.actu.list_no_img time > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}
.actu.list_no_img .actu_title > * { padding-bottom: 0; margin-bottom: 0;}
.actu.list_no_img .actu_title:hover > * {color: #c7a770;}
.actu.list_no_img .actu_subtitle {color: #303030; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 300;}
.actu.list_no_img .actu_subtitle:hover {color: #c7a770;}
.actu.list_no_img p {margin-bottom: 30px; margin-top: 15px;}
.actu.list_no_img .btn-normal { position: absolute; margin: 0; bottom: 0; left: auto; right: 15px; transform: translateY(50%);}

/* ecoride ------*/
.border_box {
    border: 1px solid #eee; background-color: #fff; display: block;
    padding: 15px; position: relative;
    position: relative;
}
.border_box.ecoride_or, .border_box.ecoride_silver, .border_box.ecoride_bronze {margin-top: 40px; padding-top: 40px;}
.border_box.ecoride_or::after, .border_box.ecoride_silver::after, .border_box.ecoride_bronze::after {
  content: ""; display: block; position: absolute; width: 80px; height: 80px; top: -40px; left: 50%; transform: translate(-50%, 0) rotate(45deg);
  background: url(assets/images/ecoride_label.svg) no-repeat center; background-size: contain;
}
.border_box.ecoride_or::after {background-color: #c7a770;}
.border_box.ecoride_silver::after {background-color: #ccc;}
.border_box.ecoride_bronze::after {background-color: #c98763;}



/*--- agenda -------------------------------------------------------------*/
.section_double #agenda {position: absolute; float: right; right: 0; top: 0; bottom: 0;}
.agenda_pushs {margin: 0 0 30px 0; padding: 0; float: left; width: 100%; display: block;}
.agenda_pushs li {
  list-style: none; float: left;
  padding: 15px 10px; display: block; margin: 1px 0; width: 100%;
  background-color: #fff; border-left: 10px solid #e0c9a2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.agenda_pushs li:hover {color: #fff; background-color: #d7bf96; border-left: 20px solid #c7a770; width: 100%;}
.agenda_pushs li div {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.agenda_pushs li:hover div {color: #fff;}
.agenda_pushs li time[datetime] {
  font-size: 36px; font-family: 'Lato', sans-serif; color: #c7a770; text-transform: uppercase; font-weight: 900; line-height: 36px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.agenda_pushs li:hover time[datetime] {color: #fff;}
.agenda_pushs li time[datetime] > small {font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: block;}

.agenda_pushs li  div:last-child .agenda_pushs-title {
  display: block; margin: 0; padding-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 21px; font-family: 'Lato', sans-serif; color: #303030; text-transform: uppercase; font-weight: 900;
}
.agenda_pushs li  div:last-child > time::before {content: "\f017"; font-family: "FontAwesome"; margin-right: 5px; font-size: 1.2em;}


/*- events    -------------------------------------------------
-----------------------------------------------------------------------------*/

#envents_list {display: block; width: 100%; float: left;}
#envents_list .start_events_list { display: inline-block; transform: translateY(-60px) rotate(-45deg); margin-left: 7px; margin-top: -35px;}
#envents_list .start_events_list::after {
  content: ""; display: inline-block; position: absolute; bottom: -37px; left: -23px; height: 30px; width: 1px; transform: rotate(45deg);
  background-color: #303030;
}
#envents_list .start_events_list .events_list_arrow {
  display: inline-block; border: 2px solid #c7a770; width: 50px; height: 50px; float: left;
  color: #303030; font-size: 30px; text-align: center;
}
#envents_list .start_events_list .events_list_arrow::after {content: "\f104"; display: inline-block; font-family: "FontAwesome"; transform: rotate(-45deg);}
#envents_list .start_events_list .events_list_label {
  display: inline-block; height: 50px; width: 100px; background-color: #303030; float: left; margin-left: 5px; padding: 7px;
  color: #fff; font-family: "Lato", sans-serif; font-size: 16px; line-height: 16px; font-weight:600; text-transform: uppercase;
}
#envents_list .end_events_list {display: block; margin: 15px 0 0 25px; float: left;}
#envents_list .end_events_list  > span {
  position: relative; display: inline-block; width: 50px; height: 50px;
  color: #fff; font-size: 36px; font-weight: 900; text-align: center; line-height: 25px;
}
#envents_list .end_events_list > span::before {
  content: ""; position: absolute; display: inline-block; width: 50px; height: 50px; top: 0; left: 0; transform: rotate(45deg);
  background-color: #c7a770; z-index: -1;
}
#envents_list .end_events_list > span::after {content: "..."; font-family: "Lato", sans-serif; z-index: 1;}

/*event ------------------*/
/*#envents_list .event {
  display: block; padding: 40px 0; position: relative; margin: 30px 0; float: left; width: 100%;
}*/
#envents_list .event {display: block; padding: 40px 0; position: relative; margin: 30px 0; margin-left: 50px; width: calc(100% - 50px); float: left; }
#envents_list .event:first-of-type {margin-top: 0;}
#envents_list .event::before {
  content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 32%;
  background-color: #f4f4f4;
  z-index: 0;
}
#envents_list .event::after {
  content: ''; position: absolute; bottom: -80px; left: 0px; width: 1px; height: 110px;
  background-color: #303030;
}
#envents_list .event:last-of-type::after {
  content: ''; position: absolute; bottom: -15px; left: 0px; width: 1px; height: 40px;
  background-color: #303030;
}
#envents_list .event .event_img-container {position: relative; padding: 0; z-index: 3;}
#envents_list .event .event_img-container .date {
  display: inline-block; position: absolute; top: 29px; left: -70px;
  padding: 0; width: 140px; height: 140px;
  color: #fff; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 900; line-height: 36px; text-align: center;
  z-index: 2;
}
#envents_list .event .event_img-container .date::before {
  content: ""; display: block; position: absolute; top: 0; left: 0;
  transform: rotate(45deg); width: 140px; height: 140px; background-color: #c7a770;
  z-index: -1;
}
#envents_list .event .event_img-container .date time:only-of-type {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px;}
#envents_list .event .event_img-container .date time:only-of-type > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}
#envents_list .event .event_img-container .date time:only-of-type > span > small {
  font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: block; padding-bottom: 5px;
}
#envents_list .event .event_img-container .date time:not(:only-of-type) {display: block; position: relative; margin:0 auto; font-size: 30px; }
#envents_list .event .event_img-container .date time:not(:only-of-type) > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}
#envents_list .event .event_img-container .date time:not(:only-of-type) > span > small {
  font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: inline-block; padding: 0 5px 0  0;
}
#envents_list .event .event_img-container .date > small {display: block; font-size: 12px; line-height: 0px; margin: 5px 0 0;}
#envents_list .event .event_img-container .date > hr {border-color: #fff; margin: 10px auto 5px; width: 30px;}
#envents_list .event .event_img-container .event_img {
  display: block;
    min-height: 70px;
    max-height: 450px;
    overflow: hidden;
    position: relative;
    padding: 0px;
    left: 0px;
    top: 50%;
  z-index: 1;
}
.event .event_img-container .event_img > img {
  width: 100%;
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
#envents_list .event .event_img-container .event_img:hover > img {transform: scale(1.05);  -webkit-filter: grayscale(40%) brightness(1.1);/* -webkit-filter: brightness(1.25); -webkit-filter:; -webkit-filter: contrast(130%);*/ }

#envents_list .event .event_txt { position: relative; padding: 0px 40px; color: #303030;  z-index: 2;}
#envents_list .event .event_txt.col-md-12 {  padding-left: 130px; background-color: #f4f4f4; z-index: 1;}
#envents_list .event .event_txt > .title_content > * {
  display: block; position: relative; padding: 0; padding-bottom: 30px; margin: 0; margin-bottom: 40px;
  font-family: 'Lato', sans-serif; font-size: 36px; font-weight: 900; text-transform: uppercase;
  z-index: 1;
}
#envents_list .event .event_txt > .title_content > *::before {
  content: "";
  width: 140%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; bottom: 0;
  z-index: 3;
}
#envents_list .event .event_txt > .title_content > *::after {
  content: "";
  width: 40%;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  right: 0;  bottom: -5px;
}
#envents_list .event .event_txt > p {
  font-size: 16px; line-height: 35px; text-align: justify;
}

#envents_list .pagination-container {margin-top: -50px; text-align: center;}
#envents_list .pagination-container > nav {margin: 0 auto; display: inline-block;}

/**** event_page --------------------*/
.event_page-carousel .imgcontainer {-webkit-filter: blur(10px); filter: blur(10px);}
#event_page {margin-top: -500px;}
#event_page .event_page-content {
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 40px rgba(0,0,0,.1);
  box-shadow: 0 0px 40px rgba(0,0,0,.1);
}
#event_page .event_page-imgcontainer { display: block; width: 100%; text-align: center; }
#event_page .event_page-content .event_page_header {position: relative; display: block;}
#event_page .event_page-content .event_page_header .date {
  display: inline-block; position: absolute; top: -70px; left: 50%; transform: translateX(-50%);
  padding: 0; width: 140px; height: 140px;
  color: #fff; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 900; line-height: 36px; text-align: center;
  z-index: 2;
}
#event_page .event_page-content .event_page_header .date::before {
  content: ""; display: block; position: absolute; top: 0; left: 0;
  transform: rotate(45deg); width: 140px; height: 140px; background-color: #c7a770;
  z-index: -1;
}
#event_page .event_page-content .event_page_header .date time:only-of-type {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px;}
#event_page .event_page-content .event_page_header .date time:only-of-type > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}
#event_page .event_page-content .event_page_header .date time:only-of-type > span > small {font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: block; padding-bottom: 5px;}
#event_page .event_page-content .event_page_header .date time {display: block; position: relative; margin:0 auto; font-size: 30px; }
#event_page .event_page-content .event_page_header .date time > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}
#event_page .event_page-content .event_page_header .date time > span > small {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: inline-block; padding: 0 5px 0 0;}
#event_page .event_page-content .event_page_header .date > small {display: block; font-size: 12px; line-height: 0px; margin: 5px 0 0;}
#event_page .event_page-txt {padding: 15px 30px;}
#event_page .event_page-txt .btn-normal.highlight.big {float: right; position: relative; z-index: 2;}
.btn-normal.highlight.big.newsletter-light { right: 190px !important; background-color: #fff; border: 1px solid #000; color: #000; font-weight: 100; }
/* --- filter events -------- */
.form-filter-event { margin-bottom: 30px; }
.form-filter-event .form-control { text-transform: uppercase; font-size: 15px; padding: 5px 25px 5px 5px !important; background-position: 90% 50% !important; }
.form-filter-event .btn-filter { font-size: 13px; margin: 0; vertical-align: middle; padding: 7px 15px; }



/*--- actions_list ------------------------------------------------------------**/


#envents_list.actions_list .start_events_list { display: inline-block; transform: translateY(-30px) rotate(-45deg); margin-left: 26px; margin-top: -35px;}
#envents_list.actions_list .start_events_list::after {
  content: ""; display: inline-block; position: absolute; bottom: -37px; left: -23px; height: 30px; width: 1px; transform: rotate(45deg);
  background-color: #303030;
}



/* slider
----------------------------------------------------------------------------------*/

.slider_articles .slick-prev, .slider_articles .slick-next,
.slider_4_element .slick-prev, .slider_4_element .slick-next {
  display: none!important;
}
.slider_articles .slick-dots,
.slider_4_element .slick-dots {
  position: relative;
    display: block;
    width: 100%;
    padding: 0; margin: 15px 0;
    list-style: none;
    text-align: center;
}
.slider_articles .slick-dots li,
.slider_4_element .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    cursor: pointer;
}
.slider_articles .slick-dots li button,
.slider_4_element .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slider_articles .slick-dots li[aria-hidden="true"] button::before,
.slider_4_element .slick-dots li[aria-hidden="true"] button::before {
  content: ""; display: block; width: 20px; height: 20px; background-color: #303030; transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider_articles .slick-dots li[aria-hidden="false"] button::before, .slider_articles .slick-dots li[aria-hidden="true"] button:hover::before,
.slider_4_element .slick-dots li[aria-hidden="false"] button::before, .slider_4_element .slick-dots li[aria-hidden="true"] button:hover::before {
  content: ""; display: block; width: 20px; height: 20px; background-color: #c7a770; transform: rotate(-45deg);
}

/*-- slider_logo-----------------------------------------------*/
.slider_logo {padding: 0 30px; max-width: 100%;}
.slider_logo a {opacity: 1; padding: 0 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.slider_logo a:hover {opacity: 0.7;}
.slider_logo .slick-prev, .slider_logo .slick-next {
  font-size: 0;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slider_logo .slick-prev {left: 0px;} .slider_logo .slick-next {right: 0px;}
.slider_logo .slick-prev::before {
    content: "\f104";
}
.slider_logo .slick-next::before {
    content: "\f105";
}
.slider_logo .slick-prev:before, .slider_logo .slick-next:before {
    font-family: "FontAwesome";
    font-size: 25px;
    line-height: 1;
    color: #303030;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.slider_logo .slick-prev:hover:before, .slider_logo .slick-next:hover:before {color: #c7a770;}


/* v_tabs-services -------------------------------------------------------------------------------------*/
#v_tabs-services { position: relative; min-height: 470px; line-height: 470px;   }
#v_tabs-services .nav.nav-tabs {
  display: inline-block;
    float: none;
    vertical-align: middle; text-align: center;
  border: none;
  margin-bottom: 0;
}
#v_tabs-services .nav.nav-tabs>li {
    float: none;
    display: block;
    margin: 30px 0;
}
#v_tabs-services .nav.nav-tabs>li>a, #v_tabs-services .nav.nav-tabs>li>a:focus {
    margin-right: 0;
    padding: 0;
    position: relative;
    line-height: 1.42857143; font-size: 30px; text-align: left; text-transform: uppercase; font-weight: 900; color: #303030; letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    border: none;
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#v_tabs-services .nav.nav-tabs>li>a>small {
  font-size: 20px; letter-spacing: 1px; font-weight: 300; text-align: center;
  display: inline-block; transform: rotate(-90deg); padding-left: 6px;
}
#v_tabs-services .nav.nav-tabs>li>a::after {
  content: ''; position: absolute; top: 51%; left: 0; width: 0; height: 1px;
  background-color: #c7a770;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#v_tabs-services .nav.nav-tabs>li>a:hover {
    color: #c7a770;
    background-color: transparent;
}
#v_tabs-services .nav.nav-tabs>li.active>a, #v_tabs-services .nav.nav-tabs>li.active>a:hover {
    color: #c7a770; letter-spacing: 5px;
    cursor: default;
    background-color: transparent;
    border: none;
}
#v_tabs-services .nav.nav-tabs>li.active>a::after {
  width: 110%; left: 30px;
  bottom: auto;
    transform: translateX(0);
    height: 1px;
    border: none;
}

#v_tabs-services .tab-content { border:1px solid #eee; min-height: 470px; line-height: 470px; float: right; }
#v_tabs-services .tab-content .tab-pane.active {
   line-height: 30px; display: inline-block; float: none; vertical-align: middle; padding: 60px 60px; font-size: 16px; text-align: center;
  }


/*-- carrousel -------------------------------------------------------------*/

/*
#carousel-services {margin: 0 ; overflow: hidden;}

#carousel-services .item {padding: 15px; height: 100%; border:1px solid #eee;}
#carousel-services .item > div {
    display: inline-block;
    float: none;
    vertical-align: middle; text-align: center;
  }
#carousel-services .item .txt_block { padding: 20px 30px; line-height: 26px; font-size: 16px;  }
#carousel-services .item .row + .row  {margin-top: 30px; margin-bottom: -15px;}
#carousel-services .carousel-control {
    position: absolute;
    top: 50%; transform: translateY(-50%);
    bottom: auto;
    left: 0;
    width: auto; padding: 25px 10px;
    font-size: 25px; line-height: 20px;
    color: #303030;
    text-align: center;
    text-shadow:none;
    background-color: rgba(0,0,0,0.1);
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 200;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#carousel-services .carousel-control.right {left: auto; right: 0;}
#carousel-services .carousel-control:hover {background-color: rgba(199,167,112,0.2); color: #c7a770;}
#carousel-services .carousel-control .fa {
  position: static;
    top: 0;
    transform: translateY(0);
}
#carousel-services .carousel-control.left .fa {left: 20%;}#carousel-services .carousel-control.right .fa {right: 20%;}
*/

/*--- filter
-----------------------------------------------------------------------------------------------------*/
.filter { background-color: #f4f4f4; display: block; margin-bottom: 15px; border: 1px solid #e6e6e6;}
.section_grey .filter { background-color: #fff; display: block; margin-bottom: 15px; border: 1px solid #e6e6e6;}
.filter .btn-filter  {
  display: block;  padding: 10px 15px;
  font-family: 'Lato', sans-serif; font-size: 18px; color: #303030; text-transform: uppercase; font-weight: 900;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*.filter .btn-filter:hover { color: #c7a770; background-color: rgba(255,255,255,0.2);}
.filter .btn-filter[aria-expanded="false"]::after {
  content: "\f107"; font-family: "FontAwesome"; font-size: 24px; line-height: 24px; color: #c7a770;
  display: inline-block; float: right;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter .btn-filter[aria-expanded="true"]::after {
  content: "\f107"; font-family: "FontAwesome"; font-size: 24px; line-height: 24px; color: #c7a770;
  display: inline-block; float: right; transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/
.filter .collapse{
  border-top: 2px solid #e6e6e6; padding: 15px 0;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
 }
.filter h6 {font-size: 16px; text-transform: uppercase; font-weight: 400; margin-top: 2px;}

/*-- checkbox---------*/

.filter input[type=checkbox],
.filter input[type=radio] {
  opacity: 0;
  float:left;
}

.filter input[type=checkbox] + label,
.filter input[type=radio] + label {
  margin: 0 0 0 30px;
  position: relative;
  cursor: pointer;
  font-size: 15px; text-transform: uppercase; font-weight: 300; color: #9a9a9a;
  float: left; overflow: visible!important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter input[type=radio] + label {text-transform: none;}
.filter input[type=checkbox]:first-child  + label,
.filter input[type=radio]:first-child  + label {margin: 0 0 0 27px;}

.filter input[type=checkbox] + label::before,
.filter input[type=radio] + label::before {
  content: '';
  position: absolute;
  left: -25px;
  top: 4px;
  width: 15px;
  height: 15px;
  display: block;
  background-color: transparent;
  border: 2px solid #9a9a9a;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.filter input[type=checkbox] + label::after,
.filter input[type=radio] + label::after {
  content: '\f00c'; font-family: "FontAwesome"; color: #f4f4f4; font-size: 10px; text-align: center; font-weight: 300; line-height: 12px;
  position: absolute;
  left: -25px;
  top: 5px;
  width: 15px;
  height: 15px;
  display: block;
  z-index: 1;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.filter input[type=radio] + label::before, .filter input[type=radio] + label::after { border-radius: 50%;}
.filter input[type=checkbox] + label:hover, .filter input[type=checkbox]:checked + label,
.filter input[type=radio] + label:hover, .filter input[type=radio]:checked + label {color: #c7a770;}
.filter input[type=checkbox] + label:hover::before,
.filter input[type=radio] + label:hover::before {border: 2px solid #c7a770;}
.filter input[type=checkbox]:checked + label::before,
.filter input[type=radio]:checked + label::before {
  border: 2px solid #c7a770; background-color: #c7a770;
}
.filter input[type=checkbox]:checked + label::after,
.filter input[type=radio]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.filter .form-group  select {background-color: #f4f4f4;}

.filter .form-group .search-name { border:2px solid #9a9a9a; margin-left: 30px; padding: 5px 10px !important; }

/* tags  ----------------------------------------------*/
.tags {
  position: relative; display: inline-block; padding: 10px 15px; margin: 0px 15px 15px 0; background-color: #303030;
  color: #c7a770; font-size: 12px; font-weight: 400; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.tags:hover {background-color: #4b4b4b; color: #fff;}
.tags::after {
  content: "\f00d"; font-family: "FontAwesome"; color: #fff; margin-left: 10px; font-size: 16px;
}
.tags.clear-all {background-color: #c7a770; color: #303030;}
.tags.clear-all:hover {background-color: #c7a770; color: #fff;}
.tags.clear-all::after {display: none;}

/*--- pagination-----------------------------------------------------------*/
.pagination { margin: 30px 15px 30px 0; border-radius: 0px; display: inline-block; float: left;}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #303030;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #303030;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #c7a770;
    border-color: #c7a770;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #e6e6e6;
    cursor: default;
    background-color: transparent;
    border-color: #e6e6e6;
}
.pagination + select {display: inline-block!important; width: auto; float: left; margin: 36px 15px 0;}


/* fiche entreprise -----------------------------------------*/
#map {display: none;}
.acf-map {
  height: 400px;
  margin: 0;
  width: 800px;
}
.highlight_block-gold {
  display: block; float: left; width: 100%; padding: 40px 60px; margin: 30px auto;
  background-color: #c7a770; color: #fff; font-size: 16px;
}
.highlight_block-gold .title { font-size: 30px;}
.highlight_block-gold .title::before, .highlight_block-gold .title::after {background-color: #303030;}
.highlight_block-gold address {line-height: 30px!important;}
.highlight_block-gold address a {color: #fff;}
.highlight_block-gold .socials { margin-top: 10px; }
.highlight_block-gold .fb-btn,
.highlight_block-gold .goog-btn,
.highlight_block-gold .twit-btn,
.highlight_block-gold .vimeo-btn {color: #fff; border-color: #fff; margin-top: 15px;}
.highlight_block-gold .fb-btn:hover,
.highlight_block-gold .goog-btn:hover,
.highlight_block-gold .twit-btn:hover,
.highlight_block-gold .vimeo-btn:hover {color: #c7a770; background-color: #fff}


/*- employement portal ---------------------------------------------------------------------*/

.portal_block {
  position: relative; height: 300px; padding: 3px; overflow: hidden;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.portal_block > a {
  display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:3px;
  text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 0;
}
.portal_block > a::before {
  content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index: 5;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.portal_block > a:hover::before { background-color: rgba(69,198,210,0.3);}
.portal_block > a::after {
  content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; transform: translate(-50%, -50%) rotate(45deg);
  background-color: rgba(69,198,210,0.3);  z-index: 6;
   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.portal_block > a:hover::after { top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%) rotate(0deg); background-color: rgba(69,198,210,0);}
.portal_block > a div {position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 10;}
.portal_block > a div::before, .portal_block > a div::after {
   content: ""; display: block; position: absolute; bottom:-20%; left: 50%; width: 30px; height: 6px; transform: translate(-50%, 0) rotate(0deg);
  background-color: #fff;  z-index: 6;
   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.portal_block > a:hover div::after {transform: translate(-50%, 0) rotate(90deg);}
.portal_block > a div .portal_title {font-size: 40px; font-family: "Lato", sans-serif; color: #fff; font-weight: 900; text-transform: uppercase;}
.portal_block > a div p {
  font-size: 18px; color: #45c6d2; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.portal_block > a:hover div p {color: #fff;}
.portal_block-small {padding: 3px;}


/* liste jobs --------------------------------------------------------------------*/
#liste_job {margin-top: 30px;}
.job_container {
  display: block; padding: 15px; position: relative; margin: 0 0 15px; float: left; width: 100%;
  background-color: #fff; font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.job_container:hover {
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-o-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
}
.job_container .job_imglink {
  display: block;
    height: auto; width: 100%; min-height: 62px;
    background: #fff url(assets/images/job_img_nologo.png) no-repeat center;
    margin-bottom: 15px; padding: 10px;
    border: 1px solid #303030;
    position: relative;
}
.job_container .job_imglink > img {width: 100%; background-color: #fff;}
.job_container .job_imglink > span {
  display: inline-block; margin: 0 auto; padding: 1px 5px; position: absolute; bottom: 0; left: 50%; max-width: 100%; transform: translate(-50%, 50%); background-color: #fff;
  font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #303030; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.job_container.product .job_imglink > span { font-size: 22px; top:0; position: relative; display: block; text-align: center; transform: none; left: 0; }
.job_container .job_imglink:hover > span {color: #fff; background-color: #303030;}
.job_container.product .job_imglink:hover > span {color: #000; background-color: #fff;}
.job_container time {
  color: #808080; font-size: 13px; font-weight: 300;
}
.job_container .job_title > * {
  padding-bottom: 15px; position: relative; margin-top: 0;
  color: #303030; font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.job_container .job_title:hover > * {color: #c7a770;}
.job_container .job_title > *::before {
  content: "";
  width: 110%;
  height: 1px;
  border-radius: 5px;
  background: #303030;
  position: absolute;
  right: 0; left: 0;
  z-index: 0;
  bottom: 5px;
}
.job_container .job_title > *::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #303030;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
}
.job_container p.lead {color: #9a9a9a; margin-bottom: 15px;}
.job_container .btn-normal {  display: block; margin: 20px 0 0 0;}

/* side_bar_liste_job -------------------------------------*/
#side_bar_liste_job {margin-top: 30px;}
.block-job_seeker, .block-compagny, .block-project {
  padding: 30px 50px; margin-bottom: 15px; text-transform: uppercase;
}
.block-job_seeker {color: #fff; background-color: #45c6d2;}
.block-compagny {color: #fff; background-color: #c7a770;}
.block-project {color: #9a9a9a; background-color: #fff;}
.block-job_seeker .job_seeker-title, .block-compagny .compagny-title, .block-project .project-title {
  position: relative; margin: 0 0 15px 0; font-size: 34px; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-weight: 900;
}
.block-project .project-title {color: #303030;}
.block-job_seeker .job_seeker-title::before, .block-compagny .compagny-title::before, .block-project .project-title::before {
  content: ''; display: block; position: absolute; top: 0; left: -20px; bottom: 0; width: 6px; height: 100%;
  background-color: #fff;
}
.block-project .project-title::before {background-color: #303030;}
.block-job_seeker > p, .block-compagny > p, .block-project > p { margin: 15px 0 0 0; }


/* fiche-emploi -------------------------------------------------------------------*/
section.hover_header {position: relative; overflow-x: hidden; margin-top: -400px; padding-bottom: 100px; z-index: 1;}
section.hover_header #fiche-emploi { margin-right: 50px;}
#fiche-emploi .side_bar .head-fiche-emploi {height: 350px;}
#fiche-emploi .side_bar .head-fiche-emploi .img-job {width: 100%; border:1px solid #303030;}
#fiche-emploi .side_bar .head-fiche-emploi .btn-dark {width: 100%; position: relative; padding-left: 40px; margin-top: 15px; text-align: left;}
#fiche-emploi .side_bar .head-fiche-emploi .btn-dark > i {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); font-size: 21px;}
#fiche-emploi .liste-postes_similaire .actu {margin-bottom: 15px;}
#fiche-emploi .liste-postes_similaire .actu .actu_title > * {font-size: 18px;}
#fiche-emploi .liste-postes_similaire .actu.smaller .actu_txt.smaller {height: auto;}

#fiche-emploi .fiche-emploi-content {
  padding:50px; position: relative;
  background-color: #fff; -webkit-box-shadow: 0 0px 40px rgba(0,0,0,.1); box-shadow: 0 0px 40px rgba(0,0,0,.1);
}
#fiche-emploi .fiche-emploi-content .head_title {margin-top: 30px;}
#fiche-emploi .fiche-emploi-content .head_title > div {
  display: inline-block; margin: 0 auto; position: relative; padding: 0; max-width: 100%;
  overflow: hidden;
  z-index: 2;
}
#fiche-emploi .fiche-emploi-content .head_title > div > h1 {
  display: block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 30px; max-width: 100%;
  font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 900; text-transform: uppercase; color: #303030; letter-spacing: 1px;
  overflow: hidden;
}
#fiche-emploi .fiche-emploi-content .head_title > div > span {
  letter-spacing: 3px; font-size: 16px; font-weight: 300; font-family: 'Oswald', sans-serif;
  display: inline-block;  margin: 0 auto; clear: both;
  position: relative;
  z-index: 2;
}
#fiche-emploi .fiche-emploi-content .head_title > div > h1::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: 5px;
}
#fiche-emploi .fiche-emploi-content .head_title > div > h1::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  left: 40%;
  z-index: 1;
  bottom: 0;
}
#fiche-emploi .fiche-emploi-content .head_title > div > span::before,
#fiche-emploi .fiche-emploi-content .head_title > div > span::after {
  content: "";
  width: 1000%;
  height: 0.5px;
  background: #c7a770;
  position: absolute;
  right: 100%; margin: 0 20px;
  z-index: 1;
  top: 50%;
}
#fiche-emploi .fiche-emploi-content .head_title > div > span::after {left: 100%;}
#fiche-emploi .fiche-emploi-content .date {
  display: inline-block; position: absolute; top: 20px; right: -50px; transform: rotate(45deg);
  padding: 15px; width: 100px; height: 100px; background-color: #c7a770;
  color: #fff; font-size: 36px; font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 900; line-height: 36px; text-align: center;
}
#fiche-emploi .fiche-emploi-content .date time {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);}
#fiche-emploi .fiche-emploi-content .date time > small {font-size: 14px; font-family: 'Oswald', sans-serif; line-height: 16px; font-weight: bold; display: block; padding-bottom: 5px;}
#fiche-emploi .fiche-emploi-content .date time > span {font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 18px; font-weight: 300; display: block;}

#fiche-emploi .fiche-emploi-content .fiche-emploi-tags {display: block; width: 100%; float: left; margin: -15px 0 30px; }
#fiche-emploi .fiche-emploi-content .fiche-emploi-tags span { margin: 0 5px; }

#fiche-emploi .fiche-emploi-content .txt-border {padding-left: 25px; border-left: 6px solid #f4f4f4; color: #9a9a9a; margin: 15px 0; text-align: justify;}
#fiche-emploi .fiche-emploi-content .txt-border .title-normal {margin-top: 0; text-transform: uppercase; font-size: 20px;}
#fiche-emploi .fiche-emploi-content .btn-normal.highlight { position: absolute; bottom: 0; right: 0; transform: translateY(140%); margin: 0;}
body.single-publication .head_title { margin-top: 0px !important; margin-bottom: 15px !important; }
.img-publication { margin-bottom: 15px; }

/*form*/
body.single-job_listing .gform_fields li.gfield {

}
body.single-job_listing .gform_fields li.gfield .gfield_label {
  display: none;
}
/*important to surclass GravityForm*/
body.single-job_listing .gform_fields li.gfield input {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  background-color: transparent !important;
  color: #303030 !important;
  text-transform: uppercase !important;
  padding: 0 0 6px 0 !important;
  padding-bottom: 6px !important;
  margin-bottom: 15px !important;
  border: none !important;
  border-bottom: 2px solid #ccc !important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
 body.single-job_listing .gform_fields li.gfield textarea {
  font-family: 'Lato', sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  background-color: transparent !important;
  color: #303030 !important;
  text-transform: uppercase !important;
  padding: 15px !important;
  margin-top: 30px;
  margin-bottom: 15px !important;
  border:2px solid #ccc!important;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}
body.single-job_listing .gform_fields li.gfield input#input_4_8 {
  font-size: 13px !important;
  width: 100% !important;
}
body.single-job_listing .gform_fields li.gfield input:hover, body.single-job_listing .gform_fields li.gfield input:focus,
body.single-job_listing .gform_fields li.gfield textarea:hover, body.single-job_listing .gform_fields li.gfield textarea:focus {
  border-color: #c7a770!important;
}


.share_page {
  position: absolute; top: 150px; right: -25px; width: 50px; height: 50px;
  overflow: visible; z-index: 100;
  color: #303030; text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.share_page:hover {width: 100px; height: 150px;}
.share_page::after {
  content: ''; display: block; position: absolute; top: 0; right: 0;  width: 100%; height: 100%; transform: rotate(45deg);
  background-color: #fff; border: 1px solid #E6E6E6; z-index: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.share_page:hover::after {
  transform: rotate(0deg);
}
.share_page > i {
  display: inline-block; position: absolute; top: 15px; right: 15px;  font-size: 21px; z-index: 10;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.share_page:hover > i {top: 10px; transform: translateY(0);}
.share_page > ul {position: absolute; top: 40px; right: 0px; width: 100%; padding: 0 15px; z-index: 10; display: none; opacity: 0;}
.share_page:hover > ul {
  display: inline-block; opacity: 1;
  -webkit-animation-name: show_display;
          animation-name: show_display;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
 -webkit-animation-play-state: running;
          animation-play-state: running;
        }
.share_page > ul li, .share_page > ul li a { list-style: none; display: block; text-align: center;}


/* liste etudes --------------------------------------------------------------------*/
#liste_etudes {margin-top: 30px;}
.etude_container {
  display: block; padding: 15px; position: relative; margin: 0 0 15px; float: left; width: 100%;
  background-color: #fff; font-size: 14px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.etude_container:hover {
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
-o-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
}

.etude_container time {
  color: #808080; font-size: 13px; font-weight: 300;
}
.etude_container .etude_title > * {
  padding-bottom: 15px; position: relative; margin-top: 0;
  color: #303030; font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.etude_container .etude_title:hover > * {color: #c7a770;}
.etude_container .etude_title > *::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #303030;
  position: absolute;
  right: 0; left: 0;
  z-index: 0;
  bottom: 5px;
}
.etude_container .etude_title > *::after {
  content: "";
  width: 20%;
  height: 5px;
  border-radius: 0px;
  background: #303030;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
}
.etude_container p.lead {color: #9a9a9a; margin-bottom: 15px;}
.etude_container .price {color: #c7a770; display: block; font-size: 30px; font-weight: 400; text-align: right; margin-bottom: 15px;}
.etude_container .btn-normal, .etude_container .btn-normal.highlight  {  display: block; margin: 5px 0 0 0;}

.fiche-etude .price {color: #c7a770; display: block; font-size: 30px; font-weight: 400; text-align: center; margin: -15px 0 15px 0;}


/*--------- albums galerie photo--------------- ------------------------------------*/

header.header_no_img {
  position: relative; display: block; width: 100%; float: left; padding: 60px 0 30px; margin: 100px 0 30px;
}

#albums .album a { position: relative; display: block; overflow: hidden; margin: 15px auto;}
#albums .album a::before {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.02) 61%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.02) 61%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.02) 61%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#albums .album a::after {
    content: "\f002"; position: absolute; top: 0; left: 0; right: 0; opacity: 0;
    font-family: "FontAwesome"; font-size: 14px; text-align: center; color: #fff; z-index: 2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#albums .album a:hover::after {top: 50%; transform: translateY(-50%); opacity: 1;}
#albums .album a .caption {
    position: absolute; bottom: 10px; left: 10px; right: 10px;
    color: #fff; text-align: center; font-size: 18px; font-weight: 300; text-shadow: 0 1px 2px rgba(0,0,0,.3); z-index: 10;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#albums .album a:hover .caption { bottom: 0; transform: translateY(100%); opacity: 0; }
#albums .album a:hover::before { background-color: #000; opacity: 0.3; }

#image-grid .item a {position: relative; overflow: hidden; display: block;}
#image-grid .item a::before {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: #000; opacity: 0;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#image-grid .item a:hover::before { opacity: 0.3; }
#image-grid .item a::after {
    content: "\f002"; position: absolute; top: 0; left: 0; right: 0; opacity: 0;
    font-family: "FontAwesome"; font-size: 14px; text-align: center; color: #fff; z-index: 2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#image-grid .item a:hover::after {top: 50%; transform: translateY(-50%); opacity: 1;}

/* BTN & util **
**********************
-------------------------------------------------------------------*/

.btn-normal {
  display: inline-block; padding: 10px 15px; margin: 15px auto; border: 1px solid #c7a770;
  color: #303030; font-size: 16px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
  border-radius: 0!important;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-normal:hover {background-color: #c7a770; color: #fff;}
 .btn-normal > .gold {padding-left:5px;}
.btn-normal:hover > .gold {color: #fff!important;}
.btn-normal.highlight {
  background-color: #c7a770; color: #fff; font-size: 16px; font-weight: 400;}
.btn-normal.highlight:hover {background-color: #303030; color: #fff; border-color: #303030;}
.btn-normal.big {font-size: 18px; font-weight: 900; padding: 15px 20px;}
.large {display: block; width: 100%; margin: 15px 0;}
.btn-normal:not(.large) + .btn-normal:not(.large) { margin-left: 15px; }
.btn-normal.btn_blue {border-color: #45c6d2;}
.btn-normal:hover.btn_blue {border-color: #45c6d2; background-color: #45c6d2;}

.btn-normal.direct-download { float: right; margin-top: 30px; padding: 8px 15px; }

.btn-edit-post {
  float: right;
  font-size: 12px;
}

.btn-dark {
  display: inline-block; padding: 10px 15px; margin: 5px auto; border: 1px solid #303030; background-color: #303030;
  color: #fff; font-size: 16px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-dark:hover {background-color: transparent; color: #303030;}
.btn-dark-o {
   display: inline-block; padding: 10px 15px; margin: 5px auto; border: 1px solid #303030; background-color: transparent;
  color: #303030; font-size: 16px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-dark-o:hover {background-color: #303030; color: #c7a770;}
.btn_line {
  display: block; width: 100%; position: relative; float: left; margin: 30px 0; text-align: center; overflow: hidden;
}
.btn_line > a {
  display: inline-block; padding: 10px 15px; margin: 0 auto; border: 1px solid #45c6d2; position: relative;
  color: #303030; font-size: 16px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn_line > a:hover {background-color: #45c6d2; color: #fff;}
.btn_line > a::before,
.btn_line > a::after {
  content: "";
  width: 500%;
  height: 1px;
  border-radius: 5px;
  background: #303030;
  position: absolute;
  right: 100%; margin: 0 15px;
  z-index: 1;
  top: 1.3em;
}
.btn_line > a::after {left: 100%;}
.btn_line.gold > a {border: 1px solid #c7a770;}
.btn_line.gold > a:hover {background-color: #c7a770; color: #fff;}
.btn_line.gold > a::before,
.btn_line.gold > a::after {background: #c7a770;}

.btn-big {
  display: inline-block; position: relative; padding: 15px 50px 15px 15px; margin: 15px auto 0; border: 3px solid #9a9a9a;
  color: #9a9a9a; font-size: 18px; font-weight: 900; letter-spacing:1px; text-align: left; text-transform: uppercase;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-big:hover {background-color: #9a9a9a; color: #fff;}
.btn-big > i { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 24px;}
.btn-big.white {border: 3px solid #fff; color: #fff;}
.btn-big.white:hover {background-color: #fff; color: #303030;}


.blockquote-custom {
  display: inline-block; position: relative;  width: auto; overflow: hidden;
  font-family: 'Lato', sans-serif; color: #c7a770; letter-spacing: 0px; font-size: 21px; font-weight:900; text-transform: uppercase; text-align: center;
  padding: 0; margin: 0 auto; border:none; text-shadow: none;
  z-index: 10;
}
.blockquote-custom::before {
  content:"a"; font-family: "eurosima"; text-transform: none; display: block; text-align: center; font-size: 40px; line-height: 40px;
  margin: 10px auto 15px;
}
.blockquote-custom > footer{margin-top: 30px; font-family: 'Oswald', sans-serif; font-size: 14px; letter-spacing: 0px; font-weight: 300; color: #c1c1c1;}
.blockquote-custom > footer:before {display: none;}
.blockquote-custom > footer > cite {display: block; font-size: 18px; letter-spacing: 0px; font-weight: 400; color: #303030; font-style: normal;}

.page-header { padding-bottom: 0;   margin-top: 0px; margin-bottom:40px;   border-bottom: none;}

.list-arrows { padding: 0; } .list-arrows li {list-style: none;}
.list-arrows li::before {content: "\f0da"; font-family: "FontAwesome"; color: #c7a770; padding-right: 10px;}


/*share-links--------------------*/
.social-btn {
  display: inline-block;
  padding: 6px; margin: 0 5px; width: 40px; height: 40px;
  border: 1px solid #c7a770; border-radius: 50%;
  color: #c7a770; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn:hover {color: #fff; background-color: #c7a770;}
.social-btn.white {
  display: inline-block;
  padding: 6px; margin: 0 5px; width: 40px; height: 40px;
  border: 1px solid #fff; border-radius: 50%;
  color: #fff; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn.white:hover {color: #c7a770; background-color: #fff;}
/*.fb-btn::after  {content: '\f09a'; font-family: "FontAwesome";}
.goog-btn::after {content: '\f0d5'; font-family: "FontAwesome";}
.twit-btn::after {content: '\f099'; font-family:"FontAwesome";}
.vimeo-btn::after {content: '\f27d'; font-family: "FontAwesome";}*/

/*-----forms-------------*/

.gform_wrapper.gf_browser_chrome .gform_body {width: 100%!important;}

.form-group input, .form-group  select, .form-group textarea{
  border-radius: 0px;
  margin-bottom: 0; padding: 10px 15px!important;
    border: 1px solid #303030;
    background-color: transparent;
    color: #303030; font-family: 'Lato', sans-serif;
}
.form-group select {
  background: url("assets/images/arrow_select.png") no-repeat 98% 50%;
  -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.form-control:focus {
    border-color: #45c6d2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
}
.form-group.big-form input, .form-group.big-form  select, .form-group.big-form textarea{
  border-radius: 0px;
  margin-bottom:0;
  padding: 15px 10px; height: 55px;
    border: 2px solid #303030;
    background-color: transparent;
    color: #303030; font-family: 'Lato', sans-serif; font-weight: 400;
}
.form-control.big-form:focus {
    border-color: #45c6d2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
}
.form-group.big-form .input-group input {border-right: none;}
.form-group.big-form .input-group-btn {
    position: relative;
    font-size: 0;
    height: 55px;
    white-space: nowrap;
}
.form-group.big-form .input-group-btn .btn {
    position: relative;
    padding: 15px 10px; height: 55px;
    border: 2px solid #303030;
    border-left: none;
    background-color: transparent;
    color: #303030;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 400;
    line-height: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.form-group.big-form .input-group-btn .btn:hover {color: #45c6d2;}

/*-----forms_bottom_line-----------------------------------*/
/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label.gfield_label { display:none; }
.gform_wrapper .top_label li.gfield.gf_centered_input {padding: 0;}
.gform_wrapper .top_label li.gfield.gf_centered_input > div.ginput_container { max-width: 350px; margin: 0 auto!important; }
#newsletter_modal .gform_wrapper {margin: 0; max-width: 100%;}
#newsletter_modal .gform_wrapper .gform_footer { padding: 0px; margin: 16px 0 0; clear: both; width: 100%; text-align: center;}

body.page-template-template-join .gform_wrapper ul li.gfield {margin: 20px 0!important;}
body.page-template-template-join .gform_wrapper ul li.gfield.no_marg-bottom {margin-bottom: 0!important;}
body.page-template-template-join .gform_wrapper ul li.gfield.form_block_white {
  padding: 30px 15px; background-color: #fff; display: block; margin: 20px auto; text-align: center;
}
.gform_wrapper .top_label li.gfield.form_block_white ul.gfield_checkbox,
.gform_wrapper .top_label li.gfield.form_block_white ul.gfield_radio {
    display: inline-block; margin: auto; width: 37%; max-width: 100%;
}
.gform_wrapper .top_label li.gfield.form_block_white .gfield_label {
    display: inline-block; text-align: center;
    margin: 15px auto 20px;
    position: relative;
    padding: 0;
    padding-bottom: 15px;
    font-family: 'Lato', sans-serif;
    font-size: 28px!important;
    font-weight: 600;
    text-transform: uppercase;
    color: #303030;
    clear: both;
}
.gform_wrapper .top_label li.gfield.form_block_white .gfield_label::before {
  content: ""; width: 100%; height: 1px;
  border-radius: 5px; background: #c7a770;
  position: absolute; right: 0; left: 0;
  z-index: 1; bottom: 5px;
}
.gform_wrapper .top_label li.gfield.form_block_white .gfield_label::after {
  content: ""; width: 40px; height: 5px;
  border-radius: 0px; background: #c7a770;
  position: absolute; left: 50%; transform: translateX(-50%);
  z-index: 1;
  bottom: 0;
}
.gform_wrapper .top_label li.gfield .gfield_label, .gf_title {
    display: inline-block;
    margin: 15px auto 0px;
    position: relative;
    padding: 0;
    padding-bottom: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #303030;
    clear: both;
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    font-size: .95em!important;
}
body.page-template-template-join .gform_footer { text-align: center; }


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


.forms_bottom_line .form-group input{
  background-color: transparent;
  color: #303030;
  font-size: 1.4em;
  text-transform: uppercase;
  padding: 0 0 5px 0!important;
  margin-bottom: 5px;
  border: none;
  border-bottom: 2px solid #ccc;
  box-shadow: none;
  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.forms_bottom_line .form-group input:hover, .forms_bottom_line .form-group input:focus{ border-bottom: 2px solid #c7a770;}


.forms_bottom_line .filter {    background-color: transparent;
    display: block;
    margin-bottom: 15px;
    border: none;
}
.forms_bottom_line .filter input[type=checkbox] {opacity: 0; float: left; position: absolute;}
/*.forms_bottom_line .filter input[type=checkbox] + label {margin: 5px 0;}*/
.forms_bottom_line .filter input[type=radio] { margin-bottom: 5px;}
.forms_bottom_line .filter input[type=radio] + label {font-size: 16px;}
.forms_bottom_line .filter input[type=radio]:checked + label {font-weight: 400!important;}
.forms_bottom_line {font-size: 16px;}
.forms_bottom_line .gfield_label {font-size: 18px!important;}
.forms_bottom_line .title {font-size: 21px; padding-bottom: 15px!important; margin: 30px 0 15px!important; border: none!important;}
.forms_bottom_line .title::before, .forms_bottom_line .title::after {content: ""!important;}


.has-success .checkbox, .has-success .checkbox-inline,
.has-success .control-label, .has-success .help-block,
.has-success .radio, .has-success .radio-inline,
.has-success.checkbox label, .has-success.checkbox-inline label,
.has-success.radio label, .has-success.radio-inline label {color: #6bc76c;}
.has-success .form-control {border-color: #6bc76c;}
.has-success .form-control-feedback {color: #6bc76c;}
.has-success .form-control:focus {
    border-color: #60c761;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60c761;
}

.has-error .checkbox, .has-error .checkbox-inline,
.has-error .control-label, .has-error .help-block,
.has-error .radio, .has-error .radio-inline,
.has-error.checkbox label, .has-error.checkbox-inline label,
.has-error.radio label, .has-error.radio-inline label {color: #f96d6a;}
.has-error .form-control { border-color: #f96d6a;}
.has-error .form-control-feedback { color: #f96d6a; font-size: 16px; line-height: 36px;}
.has-error .form-control:focus {
  border-color: #da110d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da110d;
}


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

section#subheading {
  background-color: #f4f4f4;
}
section#form input {
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  color: #818181;
  font-size: 16px;
  font-weight: 300;
  padding: 8px;
}
section#form .gform_wrapper ul.gform_fields li.gfield {
  margin-right: 0;
  padding-right: 0;
  position: relative;
}
li#field_10_11.formula-wrapper, li#field_11_11.formula-wrapper {
  width: 100%;
}
#gform_10 .gform_footer.top_label, #gform_11 .gform_footer.top_label {
  text-align: center;
}
li#field_2_13.formula-wrapper, li#field_2_14.formula-wrapper, li#field_9_13.formula-wrapper, li#field_9_14.formula-wrapper  {
  height: 610px;
}
li#field_2_13.formula-wrapper:before, li#field_2_14.formula-wrapper:before, li#field_9_13.formula-wrapper:before, li#field_9_14.formula-wrapper:before {
  background-color: #F4F4F4;
  content:'';
  width: 999999px;
  height: 100%;
  left: -999px;
  *top: -60px;
  *bottom: -60px;
  position: absolute;
  z-index: -1;
}
li#field_2_13.formula-wrapper, li#field_9_13.formula-wrapper {
  margin-bottom: 30px !important;
  margin-left: -180px !important;
  margin-top: 120px !important;
  width: 450px;
}
li#field_2_14.formula-wrapper, li#field_9_14.formula-wrapper  {
  margin-bottom: 30px !important;
  margin-right: -180px !important;
  margin-top: 120px !important;
  width: 450px;
}
li#field_2_15, li#field_9_15 {
  position: relative;
}
li#field_2_15:before, li#field_9_15:before {
  background-color: #F4F4F4;
  content:'';
  width: 999999px;
  height: 100%;
  left: -999px;
  top: -60px;
  position: absolute;
  z-index: -1;
}
.gform_wrapper .formula-wrapper {
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
  box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
  display: inline-block;
  padding: 20px !important;
  vertical-align: top;
}
.gform_wrapper .formula-wrapper:hover, .gform_wrapper .formula-wrapper:focus {
  border: 1px solid #ceb383;
}
.gform_wrapper .formula-wrapper < li label {
  background-color: #fff;
  border: 1px solid #ceb383;
  color: #000;
  padding: 8px 14px !important;
  text-transform: uppercase;
  text-align: center;
}
.gform_wrapper .formula-wrapper h3 {
  border-bottom: 1px solid #ceb383;
  color: #ceb383;
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 48px;
  padding-bottom: 6px;
  position: relative;
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.gform_wrapper .formula-wrapper h3:before {
  content:'';
  position: absolute;
  bottom: -5px;
  left: 0;
  background-color: #ceb383;
  width: 45px;
  height: 5px;
}
.gform_wrapper .formula-wrapper ul {
  margin-bottom: 30px;
  margin-top: 30px;
}
.gform_wrapper .formula-wrapper .gfield_description p {
  font-size: 17px;
}
.gform_wrapper .formula-wrapper .gfield_description ul {
  padding-left: 0;
}
.gform_wrapper .formula-wrapper .gfield_description ul li {
  font-size: 17px;
  list-style-type: none;
  margin-bottom: 10px;
  padding-left: 10px;
}
.gform_wrapper .formula-wrapper .gfield_description ul li:before {
    color: #ceb383;
    content: '\f00c';
    display: inline-block;
    font-family: 'FontAwesome';
    padding-right: 15px;
}
span.or {
  color: #ceb383;
  font-weight: 400;
}
.gform_wrapper .formula-wrapper .ginput_container_radio li label {
  color: #000;
  font-size: 17px;
  font-weight: 600;
}
@media(max-width: 1200px) {
  li#field_2_13.formula-wrapper, li#field_2_14.formula-wrapper, li#field_9_13.formula-wrapper, li#field_9_14.formula-wrapper {
    height: 630px;
    width: 400px;
  }
}
@media(max-width: 990px) {
  li#field_2_13.formula-wrapper, li#field_9_13.formula-wrapper {
    margin-left: 0 !important;
  }
  li#field_2_13.formula-wrapper, li#field_2_14.formula-wrapper, li#field_9_13.formula-wrapper, li#field_9_14.formula-wrapper {
    width: 360px;
  }
}
@media(max-width: 750px) {
  li#field_2_13.formula-wrapper, li#field_2_14.formula-wrapper, li#field_9_13.formula-wrapper, li#field_9_14.formula-wrapper {
    display: block;
    height: auto !important;
    width: 100%;
  }
}


/* modal-------------------------------------------*/
.modal_custom .modal-content {
    position: relative;
    background-color: rgba(255,255,255,0.9);
    color: #303030; font-size: 14px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:none;
    border-radius:0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
}
.modal_custom .close {font-size: 30px; line-height: 20px;}
.modal_custom .modal-header {
    padding: 15px;
    border-bottom: none;
    text-align: center;
}
.modal_custom .modal-title {
    color: #c7a770; font-size: 24px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase;
}
.modal_custom .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}


/* back to top
----------------------------------------------------------------*/

.cd-top {
  display: inline-block;
  width: 40px; height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border: 1px solid #45c6d2;
  color: #45c6d2; text-align: center; font-size: 24px;
  overflow: hidden;
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  z-index: 20;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after {content: '\f106'; font-family: "FontAwesome";}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .8;
}
.no-touch .cd-top {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.no-touch .cd-top:hover {
  background-color: #45c6d2; color: #fff;
  opacity: 1;
}



/*  footer
-----------------------------------------------------------*/
footer { display: block; width: 100%; float: left; background-color: #fff; font-size: 16px; color: #737373; }
footer .small a {color: #737373;} footer .small a:hover {color: #c7a770;}
footer .container {
  padding-top: 160px; position: relative;
}
footer .container::before {
  content: ""; display: block; position: absolute; top: 90px; left: 0; right: 0; height: 1px;  background: #303030;
 }
 footer .container::after {
   content: ""; display: block; position: absolute; height: 140px; width: 250px; top: 10px; left: 50%; transform: translateX(-50%);
   background:#fff url(assets/images/logo-footer-eurosima.svg) center 30% no-repeat; background-size: 80%;
}
footer .footer_title {
  display: block; margin: 30px auto 20px; position: relative; padding: 0; padding-bottom: 15px;
  font-family: 'Lato', sans-serif; font-size: 21px; line-height: 21px; font-weight: 900; text-transform: uppercase; color: #303030;
  overflow: hidden;
}
footer .footer_title::before {
  content: "";
  width: 100%;
  height: 1px;
  border-radius: 5px;
  background: #c7a770;
  position: absolute;
  right: 0; left: 0;
  z-index: 1;
  bottom: 5px;
}
footer .footer_title::after {
  content: "";
  width: 30%;
  height: 5px;
  border-radius: 0px;
  background: #c7a770;
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
}
footer .footer_title.simple {margin-bottom:10px; }
footer .footer_title.simple::before, footer .footer_title.simple::after {display: none;}
footer .lead {margin-bottom:5px; }
footer .btn-normal {margin: 10px 0; font-size: 14px; padding: 10px;}
footer ul {padding: 0;}
footer ul li {list-style: none; padding: 5px 0;}
footer ul li a {
  position: relative; padding: 2px 0;
  color: #737373;
}
footer ul li a:hover {color:#737373; }
footer ul li a::after {
  content: ""; display: block;
  position: absolute; bottom: 0; left: 0; width: 0; height: 1px;
  background-color: #c7a770;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer ul li a:hover::after { width: 100%;}



/* RESPONSIVE CSS
-------------------------------------------------- */
@media screen and (max-width: 1200px) {

  .chiffre > strong {display: inline-block; font-size: 50px; letter-spacing: 0px;}

  .article {display: block; padding: 0; position: relative; margin: 30px 0; float: left; width: 100%; }
  .article .article_img { top: 40px; transform: translateY(0); }

  /*fiche size */
  .col-md-4.fiche_profil,
  .col-md-4.fiche_profil .fiche_profil-content {height: 510px;}
  .col-md-3.fiche_profil,
  .col-md-3.fiche_profil .fiche_profil-content {height: 360px;}

  .single-surf-summit .col-md-3.fiche_profil,
  .single-surf-summit .col-md-3.fiche_profil .fiche_profil-content {height: 560px;}

  .fiche_profil-content p { height:auto; }

  .blockquote-custom { font-size: 18px; word-wrap: break-word;}

  .adherer_block { margin-top: 30px ;}

  .actu .actu_title > * {font-size: 18px;}
  .actu.smaller .btn-normal { font-size: 14px; letter-spacing: 0; padding: 10px 5px; width: 70%}

  #envents_list .start_events_list {transform: translateY(-25px) rotate(-45deg); }
  #envents_list .event:first-of-type {margin-top: 35px;}
  #envents_list .event::after {bottom: -85px; height: 180px;}
  #envents_list .event:last-of-type::after {height: 140px;}

  .block-job_seeker, .block-compagny, .block-project { padding: 20px 40px; }
  .block-job_seeker .job_seeker-title, .block-compagny .compagny-title, .block-project .project-title { font-size: 30px; letter-spacing:0;}
  .block-job_seeker .btn-big, .block-compagny .btn-big, .block-project .btn-big {font-size: 16px; letter-spacing: 0; font-weight: 400;}

}
@media screen and (max-width: 991px) {
  .chiffre > strong {display: inline-block; font-size: 50px; letter-spacing: 0px;}
  aside.air_zone blockquote {letter-spacing: 3px; font-size: 21px;}
  aside.air_zone blockquote > strong {font-size: 26px; margin: 0 auto 30px;}

  #directory_content .page-header img { margin: 0 auto; }
  .article {display: block; padding: 15px 0;}
  .article::before {display: none;}
  .article .article_img { top: 0; transform: translateY(0); position: relative; }
  .article .article_txt {
    position: relative; float: left; right: auto; top: auto; transform: translateY(-30px); display: block;
      padding: 30px 40px; margin: 0 30px;
      color: #303030; background-color: #f4f4f4;
      z-index: 2;
  }
  .article .article_txt > header > *::before {width: 100%;}
  .article .article_txt > header > *::after { left: 0; }

  /*fiche size */
  .col-md-4.fiche_profil {height: 460px;}
  .col-md-4.fiche_profil .fiche_profil-content {height: 460px;}
  .col-md-3.fiche_profil {height: 340px;}
  .col-md-3.fiche_profil .fiche_profil-content {height: 340px;}
  .fiche_profil-content p { font-size: 12px; }


  #envents_list.actions_list .start_events_list { transform: translateY(-65px) rotate(-45deg); margin-left: 40px; margin-top: -35px;}

  #envents_list .start_events_list {transform: translateY(-105px) rotate(-45deg); margin-left: 25px; }
  #envents_list .end_events_list {display: block; margin: 15px 0 0 40px; float: left;}
  #envents_list .event {display: block; padding: 0px 15px; margin: 15px 0;}
  #envents_list .event:first-of-type { margin-top: 0px;}
  .event::before {display: none;}
  #envents_list .event::after {bottom: -10px; left: 65px; height: 40px;}
  #envents_list .event:last-of-type::after { bottom: 0px; left: 65px; height: 40px;}
  #envents_list .event .event_img-container .date {left: -20px;}
  #envents_list .event .event_img-container {padding: 0; padding-left: 50px; padding-right: 50px; margin-left: auto; }
  #envents_list .event .event_img-container .event_img { display: inline-block; min-height: 250px;}
  #envents_list .event .event_img-container .event_img > img {width: auto; min-width: 250px;}
  #envents_list .event .event_txt {
    position: relative; float: left; right: auto; top: auto; transform: translateY(-50px); display: block;
      padding: 30px 40px; margin: 0;
      color: #303030; background-color: #f4f4f4;
      z-index: 2;
  }
  #envents_list .event .event_txt > .title_content > *::before {width: 100%;}
  #envents_list .event .event_txt > .title_content > *::after { left: 0; }
  #envents_list .pagination-container {margin-top:0;}
  #event_page .event_page-txt .btn-normal.highlight.big {float: right; margin-top: -60px; }

  .pub_container-col-6 { position: static; right: auto; top: auto; height: 315px; overflow: hidden; margin: 0 0 25px; }

  .section_double #agenda {position: static; float: left; right:  auto; top:  auto; bottom: auto;}

  #v_tabs-services {min-height: auto; line-height: inherit; text-align: center;}
  #v_tabs-services .nav.nav-tabs {padding: 0; margin: 0 auto;}
  #v_tabs-services .nav.nav-tabs>li {margin: 15px 5px; float: none; display: inline-block; text-align: center; }
  #v_tabs-services .nav.nav-tabs>li>a, #v_tabs-services .nav.nav-tabs>li>a:focus { font-size: 20px; letter-spacing: 0px;}
  #v_tabs-services .nav.nav-tabs>li>a>small { font-size: 14px; letter-spacing: 0px; padding-left: 5px;}
  #v_tabs-services .nav.nav-tabs>li>a::after {
  content: ''; position: absolute; top: 5px; left: 25px; width: 1px; height: 0px;
  background-color: #c7a770;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#v_tabs-services .nav.nav-tabs>li.active>a, #v_tabs-services .nav.nav-tabs>li.active>a:hover {letter-spacing: 5px;}
#v_tabs-services .nav.nav-tabs>li.active>a::after { width: 1px; left: 25px; height: 250%; bottom: auto; transform: translateX(0); border: none;}
#v_tabs-services .tab-content { min-height: auto; line-height: inherit;}
#v_tabs-services .tab-content .tab-pane.active { line-height: 30px; padding: 60px 30px;}

.job_container {margin: 15px 0 30px; padding: 15px 0 20px;}
.job_container .job_txt {z-index: 10;}
.job_container .job_imgblock {position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; width: auto; padding: 0; z-index: 0;}
.job_container .job_imglink { border: none; position: relative; min-height: auto; background: none; padding: 0; }
.job_container .job_imglink > img {display: none; }
.job_container .job_imglink > span { margin: 0 auto; position: absolute; bottom: 0; left: auto; right: 0; transform: translate(0, 50%); padding: 3px 5px;}
.job_container .btn-normal {  display: block; margin:0; position: absolute; bottom: 0; left: 0; transform: translateY(50%); font-size: 14px; padding: 5px 10px;}
.job_container .job_title > *::before { width: 100%;}
.block-job_seeker .job_seeker-title, .block-compagny .compagny-title, .block-project .project-title { font-size: 30px; letter-spacing: 0;}

section.hover_header {margin-top: -500px;}
section.hover_header #fiche-emploi { margin-right: -15px;}
#fiche-emploi .side_bar .head-fiche-emploi {height: auto; text-align: center;}
#fiche-emploi .side_bar .head-fiche-emploi .img-job {width: auto; }
#fiche-emploi .side_bar .head-fiche-emploi .btn-dark {width: auto; position: relative; padding-left: 40px; text-align: center; margin:15px auto; }
#fiche-emploi .side_bar .head-fiche-emploi .btn-dark > i {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); font-size: 21px;}
#fiche-emploi .fiche-emploi-content {padding: 50px 15px; margin-top: 30px;}
#fiche-emploi .fiche-emploi-content .date {
  display: block; position: relative; top: auto; right: auto; transform: rotate(0deg); padding: 15px; width: 100%; height: auto; float: left; margin-top: -15px;
  background-color:transparent;
  color: #9a9a9a; font-size: 18px; text-transform: uppercase; font-weight: 300; line-height: initial; font-family: 'Oswald', sans-serif;
}
#fiche-emploi .fiche-emploi-content .date time {display: inline-block; position: relative; top: auto; left: auto; transform: translate(0, 0) rotate(0deg);}
#fiche-emploi .fiche-emploi-content .date time > small {font-size: 18px; font-family: 'Oswald', sans-serif; line-height: initial; font-weight: 300; display: inherit; padding: 0 5px;}
#fiche-emploi .fiche-emploi-content .date time > span {font-size: 18px; font-family: 'Oswald', sans-serif; line-height: initial; font-weight: 300; display: inherit;}
#fiche-emploi .fiche-emploi-content .head_title { margin-top: 30px;}
.share_page { top: -25px; right: 50%; transform: translateX(50%);}
.fiche-emploi-content .seopress-breadcrumb { position: relative; display: block; margin: 15px; transform: translate(0, 0);}
.fiche-emploi-content .seopress-breadcrumb ol {height: auto;}
.fiche-emploi-content .seopress-breadcrumb ol li {font-size: 10px;}

.etude_container .price {text-align: left; margin: 15px 0;}

}
@media (min-width: 768px) and (max-width: 991px) {

}

@media screen and (max-width: 768px) {
  .title_slider {font-size: 45px;}
  .title_slider span:first-child {font-size: 18px;}
  .title_slider span:last-child {font-size: 16px;}

  .head_title > * {font-size: 36px; line-height: 38px; letter-spacing: -1px; word-wrap: break-word;}
  .head_title > * > small {letter-spacing: 4px; font-size: 14px;}

  .article .article_txt {
      padding: 20px 20px; margin: 0 15px;
  }
  .article .article_txt > header > * { font-size: 24px; }
  .article .article_txt > p { font-size: 14px; line-height: 26px; text-align: justify;}

  aside.air_zone blockquote {width: 90%; letter-spacing: 3px; font-size: 21px;}

  .actu .actu_title > * {font-size: 18px;}

  .fiche_profil { margin: 15px 0 30px; height: auto!important;}
  .fiche_profil-content {height: auto!important; padding-bottom: 15px;}
  .fiche_profil-content figure img {width: 100%;}

  .actu.list_no_img { display: block; padding: 15px; padding-left:15px; padding-top:85px;  position: relative; margin: 70px 0 40px 0; }
  .actu.list_no_img .actu_txt {height: auto; text-align: center;}
  .actu.list_no_img time {display: inline-block; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 0; padding: 15px;}
  .actu.list_no_img .btn-normal { position: absolute; margin: 0; bottom: 0; left: auto; right: 50%; transform: translate(50%,50%);}

  .agenda_pushs li div { display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
  /*.agenda_pushs li time[datetime] > small {display: inline-block;}*/
  .agenda_pushs li  div:last-child .agenda_pushs-title { display: block; white-space: normal;}

  #envents_list { padding-top: 100px; }
  #envents_list .start_events_list { transform: translateY(-55px) rotate(0deg);  margin-left: 40px;}
  #envents_list .start_events_list::after {transform: rotate(0deg); bottom: -45px; left: 25px;}
  #envents_list .start_events_list .events_list_arrow::after { transform: rotate(-90deg); }
  #event_page .event_page-txt {padding: 15px ;}
  #envents_list .event .event_img-container .date {
    display: inline-block; position: absolute; top: 0%; left: 0px;
    padding: 0; width: auto; height: auto; padding: 5px 10px; background-color: #c7a770; line-height: 20px;
  }
  #envents_list .event .event_img-container .date::before {display: none;}
  #envents_list .event .event_img-container .date time:only-of-type {display: inline-block; float: left; position: relative; top: 0; left: 0; transform: translate(0, 0); font-size: 16px;}
  #envents_list .event .event_img-container .date time:only-of-type > span {font-size: 12px; display: inline-block;}
  #envents_list .event .event_img-container .date time:only-of-type > span > small { font-size: 14px; display: inline-block; padding-bottom: 5px;}
  #envents_list .event .event_img-container .date time:not(:only-of-type) {display: inline-block; float: left; position: relative; margin:0 auto; font-size: 16px; }
  #envents_list .event .event_img-container .date time:not(:only-of-type) > span {font-size: 16px; display: inline-block;}
  #envents_list .event .event_img-container .date time:not(:only-of-type) > span > small { font-size: 12px; display: inline-block; padding: 0 5px 0  0; }
  #envents_list .event .event_img-container .date > small {display: inline-block; float: left; transform: rotate(-90deg); margin: 5px;}
  #envents_list .event .event_img-container {padding-left: 0px; padding-right: 0px; }
  #envents_list .event .event_img-container .event_img {min-height: 0; max-height: 100%; width: 100%; overflow: hidden; top: 0;}

  #envents_list.actions_list .start_events_list { display: inline-block; transform: translateY(-60px) rotate(-45deg); margin-left: 40px; margin-top: -20px;}
  #envents_list.actions_list .start_events_list .events_list_arrow::after {transform: rotate(-45deg);}

  .highlight_block-gold {padding: 40px 20px;}
  .highlight_block-gold .title {font-size: 21px;}
  .highlight_block-gold .text-right {text-align: left!important}
  .btn-next-prev, .btn-next-prev > * {text-align: center;}

  #v_tabs-services .nav.nav-tabs {float: left;}
  #v_tabs-services .nav.nav-tabs>li {margin: 5px 0px; float: left; display: block; width: 100%; text-align: left; }
  #v_tabs-services .nav.nav-tabs>li>a, #v_tabs-services .nav.nav-tabs>li>a:focus { font-size: 20px; letter-spacing: 0px; padding-left: 5px;}
  #v_tabs-services .nav.nav-tabs>li>a>small { font-size: 14px; letter-spacing: 0px; padding-left: 5px;}

  #v_tabs-services .nav.nav-tabs>li.active>a, #v_tabs-services .nav.nav-tabs>li.active>a:hover {letter-spacing: 5px; padding-left: 0; text-indent: 10px}
  #v_tabs-services .nav.nav-tabs>li.active>a::after { width: 1px; left: 25px; height: 200px; bottom: auto; transform: translateX(0); border: none;}
  #v_tabs-services .tab-content .tab-pane.active { padding: 60px 20px;}

  #fiche-emploi .fiche-emploi-content .head_title { margin-bottom: 30px;}
  #fiche-emploi .fiche-emploi-content .head_title > div > span { letter-spacing: 1px;}
  #fiche-emploi .fiche-emploi-content .head_title > div > h1 { padding-bottom: 30px; font-size: 26px; letter-spacing: 0px;}
  #fiche-emploi .fiche-emploi-content .txt-border { padding-left: 15px;}

  body.single-job_listing .gform_fields li.gfield input,
  body.single-job_listing .gform_fields li.gfield textarea { font-size: 14px !important;}

}
@media screen and (max-width: 360px) {
  .slider_title > * {font-size: 31px; letter-spacing: 1px;}
  .slider_title > * > small { letter-spacing: 0px; font-size: 14px;}
  .slider_title > * > span { letter-spacing: 0px; font-size: 16px;}
  .head_title > * {font-size: 26px; line-height: 30px; letter-spacing: -1px;}

  .actu .actu_title > * { font-size: 14px;}

  #envents_list .event .event_img-container {padding: 0!important;}
  #envents_list .event .event_img-container .event_img { min-height: 150px;}
  #envents_list .event .event_img-container .event_img > img {min-width: 0;}
}




.switch-lang a {
  opacity: 0.4;
  transition: all .5s ease-in-out;
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.switch-lang a.active, .switch-lang a:hover, .switch-lang a:focus {
  opacity: 1;
}



/* 2025 générique */
.head_title.blue > *::before, .head_title.blue > *::after{
  background: #45C1CC;
}
.head_title.blue > * > small::before, .head_title.blue > * > small::after{
  width: 1000px;
  background: #45C1CC;
}
.carousel-caption img {
  max-width: 450px;
}

/* 2025 - Sustainability */
/* 2025 hero */
.hero2025.air_zone {
  padding: 100px 0;
}
.hero2025.air_zone .hero-text {
  color: #000;
  max-width: 1000px;
  margin: 0 auto;
  text-shadow: none;
}
.hero2025.air_zone.text-white .hero-text {
  color: #fff;
}
.air_zone.hero2025::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.hero2025.air_zone.text-white::before {
  background-color: rgba(0, 0, 0, 0.4);
}
.hero2025.air_zone .btn-normal {
  background-color: #fff;
  color: #000;
  text-shadow: none;
  margin-bottom: 0;
  margin-top: 40px;
}
.hero2025.air_zone .btn-normal:hover {
  background-color: #c7a770;
  color: #fff;
}
.hero2025.air_zone .hero-text-quote {
  text-transform: none;
  font-family: 'Lato', sans-serif;
  font-style: italic;
  letter-spacing: normal;
}
.hero2025.air_zone .hero-author {
  display: block;
  font-style: normal;
  margin-top: 40px;
  text-transform: uppercase;
}


/* 2025 news */
.wrapper-news {
  margin-top: 100px;
}
.wrapper-news .row {
  justify-content: center;
}

/* 2025 actions */
.wrapper-btn-actions {
  margin-top: 40px;
  display: block;
  width: 100%;
}

/* 2025 footer */
#the-footer-logos {
  padding: 40px 0;
}
#the-footer-logos blockquote {
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1000px;
}
#the-footer-logos blockquote img {
  max-width: 300px;
  max-height: 300px;
}


/* 2025 - USC NA */
.uscna-logo {
  max-width: 220px;
  margin: 0 auto;
}
.wrapper-uscna-content {
  margin-bottom: 40px;
}
#uscna-content .chiffre {
  background-color: #276575;
  border-color: #276575;
}
#uscna-content .chiffre span {
  color: #fff;
}
#uscna-content .chiffre strong {
  color: #fff;
}
#uscna-content .chiffre > span::after {
  background-color: #fff;
}

#uscna-directory ul {
  width: 100%;
}



/* Modal 2025 */
#eurosima_choose .modal-header {
  border:none;
}
#eurosima_choose .modal-header .close {
  font-size: 30px;
}
#eurosima_choose .eurosima_choose_btn {
  display: flex;
  flex-wrap: wrap;
}
#eurosima_choose .eurosima_choose_btn .logo {
  height: 225px;
  width: 80%;
  border-radius: 10px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#eurosima_choose .eurosima_choose_btn.uscna .logo {
  background-color: #276575;
}
#eurosima_choose .eurosima_choose_btn.eurosima .logo{
  background-color: #c7a770;
}

#eurosima_choose .eurosima_choose_btn .logo img {
  max-width: 80%;
  height: auto;
  transition: all .5s ease-in-out;
}
#eurosima_choose .eurosima_choose_btn .choose-title {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: #000;
  width: 100%;
}
#eurosima_choose .eurosima_choose_btn .btn-normal {
  display: inline-block;
  text-align: center;
  margin-bottom: 30px;
}
#eurosima_choose .eurosima_choose_btn.uscna .btn-normal {
  border-color: #276575;
}
#eurosima_choose .eurosima_choose_btn:hover .btn-normal {
  background-color: #c7a770;
  color: #fff;
}
#eurosima_choose .eurosima_choose_btn.uscna:hover .btn-normal {
  background-color: #276575;
}
#eurosima_choose .eurosima_choose_btn:hover img {
  transform: scale(1.05);
}
@media (max-width: 991px) {
  #eurosima_choose .eurosima_choose_btn.uscna {
    margin-top: 40px;
  }
}


.btn-normal.uscna {
  border-color: #276575 !important;
}
.btn-normal.uscna:hover {
  background-color: #276575 !important;
}


/* QR - Surf Summit page - modifications - septembre 2026 */
/* Section programme */
.programme-banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0;
}

/* Titre PROGRAMME */
.programme-title {
    margin: 0 0 42px;
    text-align: center;
}

.programme-title h2 {
    margin: 0;
	padding:0;
}

.programme-title h2 span {
    display: inline-block;
    position: relative;
    padding: 20px;
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.programme-title h2::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
  	transform:none;
}

.programme-title h2::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
}

/* Images des programmes */
.programme-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.programme-image {
    width: calc(50% - 15px);
}

.programme-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* CTA inscription */
.programme-cta {
    margin-top: 38px;
    text-align: center;
 	margin-left:auto;
  	margin-right:auto;
}

.programme-cta-pdf{
	margin-top:20px !important;
}

.programme-cta .btn-normal {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
  
  
}


.programme-cta .btn-normal i{
    color: #fff;
}

.programme-cta .btn-normal:hover,
.programme-cta .btn-normal:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0.55);
    border-color: #fff;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 767px) {
    .programme-banner {
        padding: 45px 15px;
    }

    .programme-title {
        margin-bottom: 30px;
    }

    .programme-title h2 span {
        font-size: 22px;
        letter-spacing: 3px;
    }

    .programme-images {
        gap: 20px;
    }

    .programme-image {
        width: 100%;
    }

    .programme-cta {
        margin-top: 30px;
    }
}