/* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;/*! vertical-align: baseline; }*/
/* header, nav, aside, section, video, article, footer {/*! display:block;}
/* :focus {outline: 0;}
* {padding:0; margin:0;}
abbr {font-style:italic;}
sub {vertical-align: sub; font-size: smaller;}
sup {vertical-align: super; font-size: smaller;}
a:focus, a:active {outline: none;}
img {/*! border: 0; */ /*! vertical-align: bottom; *//*! }
/* legend {padding-bottom: .5em;}
em {font-style:italic;}
strong {font-weight:500;}
table {border-collapse: collapse; border-spacing: 0;}
label, input {vertical-align: middle;}
textarea {font: 14px/20px Tahoma, Arial,sans-serif;} */
/* GENERAL */

body { 
  color: #323232;
  text-align: center;
}

html {
	scroll-behavior: smooth;
}

li {list-style: none;}
a, a:active, a:focus, a:hover {
  cursor: pointer;
  text-decoration:none;
}

h1 { 
  padding-top: 40px;
  margin-bottom: 40px;
  font-size: 60px;
  line-height: 60px;
  color: #16152c;
}

h2 { 
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 140%;
}

@media screen and (max-width : 1240px) {
  h1 {
    font-size: 50px;
    line-height: 50px;
    padding-top: 15px;
    margin-bottom: 30px;
  }
}

p {
  font-family: Roboto;
  font-size: 1.4rem;
}

.box-container {
  position: relative;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  border: 1px solid #c9c9c9;
}

.wrap {
	margin: 0 auto;
	max-width: 1200px;	
}

/* STRUCTURE */
#page {position: relative;overflow: hidden;}
#main { position: relative;}
#content {clear: both;}

.intro { margin-bottom: 44px;}
@media screen and (max-width : 1240px) {
  .wrap { margin: 0 20px; width:auto;}
  #header .wrap { margin: 0;}
}
@media screen and (max-width:480px) {
  #page {min-width: 320px;}
  #content { width:100%;}
  .wrap { width:96%; margin: 0 2%;}
}

/* HEADER */
header {
	background: white; 
	padding: 10px 0px;
}

#header {
	background: white;
    box-shadow: none;
	display: block;
	width: 100%; 
	z-index: 99;
}

#header > .container {
  display: flex;
  flex-wrap: nowrap;
}

#header .wrap {
  display: flex; 
  justify-content: center;
  margin: unset;
  overflow: hidden;
}

#header .logo {
  display: flex;
}

#header .logo img {
  align-self: center;
  height: 40px;
}

/* @media screen and (max-width : 1300px) { 
  #header .logo {padding: 19px 17px 24px;}
}
@media screen and (max-width : 1240px) {
  #header .logo {margin-left: 20px;}
} */
@media screen and (max-width : 1100px) { 
  /*#header {position:fixed;left: 0; right: 0; top: 0; z-index: 999;box-shadow:0px 1px 10px #000;} 
  #page {padding-top: 70px;}
  #header .logo {padding: 10px 10px 0;}*/
  #header .wrap {
    width: 100%;
  }
}
@media screen and (max-width : 470px) { 
    #header .wrap {padding-right:0; background:none;}
}

/* NAV */
header nav {
  display: flex; 
  align-items: center;
  align-self: center;
  justify-content: center;
}

#nav ul {position: relative;}
#nav ul li {
  display:inline-block;
}
#nav ul li a {color:#323232; font-family: Roboto; font-size: 1.6rem; padding: 5px 10px; padding-right: 25px;}
#nav ul li i { font-size: 6px; color: #000; margin-left: 20px; margin-right: 20px; vertical-align: middle;}
#nav ul li a:hover,ul li a:focus{ background-color:rgba(255,255,255,.4); transition:background-color .3s ease .4s; } 
#nav ul li:last-child::after{ content:""; position:absolute; left:0px; bottom:-3px; display:block; width:88px; height:1px; background:#dac22e; transition: all .5s ease; } 
#nav ul li:hover ~ li:last-child::after, #nav ul li:last-child:hover::after{background:#dac22e;} 
#nav ul li:nth-child(1):hover ~ li:last-child::after{left:0;width:88px;} 
#nav ul li:nth-child(2):hover ~ li:last-child::after{left:143px;width:104px;} 
#nav ul li:nth-child(3):hover ~ li:last-child::after{left:300px;width:104px;} 
#nav ul li:nth-child(4):hover ~ li:last-child::after{left:457px;width:39px;}
#nav ul li:nth-child(5):hover ~ li:last-child::after{left:550px;width:81px;}
#nav ul li:last-child:hover::after{left:682px;width:52px;}

#container-lang {
  margin: 3px 0 -3px auto;
}

.selectize-control {
  text-align: left;
}

.selectize-input {
  padding-right: 40px !important;
}

.grid-button {
    padding: 2rem;
    cursor: pointer;
    display: block;
}

button {
    display: inline-block;
    margin: 0 1em;
    border: none;
    background: none;
}

button span {
    display: block;
}

.grid-button {
    cursor: pointer;
}

.grid-button .grid {
  box-shadow: -10px 0, -10px 10px, 10px 0, 10px -10px, 0 -10px, -10px -10px, 0 10px, 10px 10px;
  width: 8px;
  height: 8px;
  background: #323232;
  color: #323232;
  transition: 0.3s;
}

.grid-button.closed .grid {
  box-shadow: -1rem 0, 0 0 transparent, 1rem 0, 0 0 transparent, 0 -1rem, 0 0 transparent, 0 1rem, 0 0 transparent;  
  height: 10px;
  width: 10px;
  transform: rotate3d(0,0,1,-45deg) scale3d(0.8,0.8,0.8);
}

#toggle-menu {
  display: none;
}

/*a.toggle {display:none;margin:8px;}
a.toggle i {font-size: 50px; color: #5e5ba0;}
a.toggle.open {background-position: 0 bottom;}
a.toggle.open i {color:#dac22e;}
a.toggle span {position: absolute; left: -999em;} */

.switch-lang {
	display: inline-block;
    padding: 0 5px;
    margin: 0 3px;
	text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.active-lang {
	background: #323232;
    color: #fff;
}

.flag {
  height: 1.5em;
  width: 1.5em;  
  margin-right: 5px;
}


#navigation {display:none;position:fixed;top:0;left:0;right:0;z-index:99; background:#fff; box-shadow:0px 1px 10px #000; height: 70px; overflow:hidden;}
#navigation .wrap {width: auto; max-width: 1200px;}
#navigation .logo {display:block; position: absolute; z-index: 99; background: #fff; padding: 10px 10px 0;}
#navigation .container-navigation {overflow: hidden; padding-right:187px; background: url("images/salesforce-cloud-alliance-partner.jpg") no-repeat right 7px;}
#nav2 {float:right;margin: 24px 0 21px;position:relative;}
#navigation ul {text-align:right;position: relative; display: inline-block; float: right;}
#navigation ul li {display:inline-block;}
#navigation ul li:first-child {}
#navigation ul li a {font-size: 15px; line-height: 18px; display:inline-block;color:#000; padding-bottom: 4px;background-color:transparent; transition:background-color .3s ease;}
#navigation ul li i { font-size: 6px; color: #dac22e; margin-left: 20px; margin-right: 20px; vertical-align: middle;}
#navigation ul li a.active { border-bottom: 1px solid #dac22e;}

@media screen and (min-width :1101px) {#nav {/*! display: block !important; */} #nav2 {display: block !important;}}
.ie7 #nav,
.ie8 #nav {display: block !important;}

@media screen and (max-width : 1300px) { 
  #nav ul li i { margin-left: 8px; margin-right: 8px;}
  #nav ul li a {font-size: 14px;}
  #nav ul li:nth-child(1):hover ~ li:last-child::after{left:0;width:83px;} 
  #nav ul li:nth-child(2):hover ~ li:last-child::after{left:115px;width:96px;} 
  #nav ul li:nth-child(3):hover ~ li:last-child::after{left:240px;width:94px;} 
  #nav ul li:nth-child(4):hover ~ li:last-child::after{left:366px;width:36px;}
  #nav ul li:nth-child(5):hover ~ li:last-child::after{left:430px;width:75px;}
  #nav ul li:last-child:hover::after{left:534px;width:50px;}
  #nav2 ul li i { margin-left: 8px; margin-right: 8px;}
  #nav2 ul li a {font-size: 14px;}
}
@media screen and (max-width : 1100px) { 
  /* a.toggle {display:block; float:right;} */
  #toggle-menu {
    display: block;
    margin-left: auto;
  }
  
  #header > .container {
    flex-wrap: wrap;
  }
  
  #nav {
    width: 100%;
  }

  #nav ul {
    display: block;
    margin-top: 10px;
    padding: unset;
    text-align: center;
  }
  
  #nav ul li {
    padding: 10px 0;
    width: 100%;
  }
  
  #nav ul li:last-child i { display: none;}
  #nav ul li:last-child::after{ content:none;} 
  
  #nav ul li a {
    font-size: 18px;
  }
  
  #navigation {display: none !important;} 
  
  #container-lang {
    margin: auto;
    padding-right: 15px;
    padding-top: 10px;
  }
  
  .toggle {
    display: none;
  }
  
  .open {
    display: unset;
  }
}



/* ************ SLIDER */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;  /* Hide the slides before the JS is loaded. Avoids image jumping */
  padding-bottom: 10px;
}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.flexslider .slides { zoom: 1; }
.loading {background: url("images/loader.gif") no-repeat center center !important;}

#references { background: #e7e7f0;}
#diapoRef {  text-align: center;}
#sliderRef { margin: 0 auto 30px;width: 670px; z-index: 40;}
#sliderRef .slides li.complete .slide-wrap { 
  border: 1px solid #c9c9c9;
  border-collapse: collapse;
}
#sliderRef .slides li.slide { height: 1px;}
#sliderRef .slides li.flex-active-slide{ height: auto;}


#sliderRef .slides .slide-wrap { 
  margin: 10px;
  overflow: hidden;
}
#sliderRef .slides .slide-wrap .left {
  float: left; 
  padding: 10px;
  width: 170px;
}
#sliderRef .slides .slide-wrap .right {
  border-left: 1px solid #c9c9c9;
  float: left;
  padding-left: 20px;
  width: 455px; 
  text-align: left;
}
#sliderRef .slides .slide-wrap .right .top {margin-bottom: 15px;}
#sliderRef .slides .slide-wrap .right .top h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 15px 0;
}
#sliderRef .slides .slide-wrap .right .top p { font-size: 14px;}
#sliderRef .slides .slide-wrap .right ul.tabs {}
#sliderRef .slides .slide-wrap .right ul.tabs li { display: inline-block;}
#sliderRef .slides .slide-wrap .right ul.tabs li a {
  color: #6E6E6E;
  display: block;
  font-size: 13px; 
  padding: 0 8px;
  line-height: 19px;
}
#sliderRef .slides .slide-wrap .right ul.tabs li a.current,
#sliderRef .slides .slide-wrap .right ul.tabs li a:hover {
  background: #7F7F7F;
  color: #fff;
}
#sliderRef .slides .slide-wrap .right .pane { padding-top: 20px;}
#sliderRef .slides .slide-wrap .right .pane p { 
  font-size: 13px;
  line-height: 130%;
  margin-bottom: 8px;
  text-align: justify;
}
#sliderRef .slides .slide-wrap .right .pane ul { margin-bottom: 8px;}
#sliderRef .slides .slide-wrap .right .pane li { font-size: 13px; color: #626262; line-height: 130%;background: url("images/bullet-grey.png") 0 5px no-repeat; padding-left: 10px;}
/* #sliderRef .slides .slide-wrap .bottom { height: 70px; clear: both; padding-top: 5000px;}
#sliderRef .slides .slide-wrap .bottom ul { }
#sliderRef .slides .slide-wrap .bottom ul li { display: inline-block; height: 70px;}
#sliderRef .slides .slide-wrap .bottom ul li span { position: absolute; left: -999em;}

#sliderRef .slides .slide-wrap .bottom ul li.item1 { width: 146px; background-position: 0 -70px;}
#sliderRef .slides .slide-wrap .bottom ul li.item1.on1 { background-position: 0 0;}
#sliderRef .slides .slide-wrap .bottom ul li.item2 { width: 115px; background-position: 0 -210px;}
#sliderRef .slides .slide-wrap .bottom ul li.item2.on1 { background-position: 0 -140px;}
#sliderRef .slides .slide-wrap .bottom ul li.item3 { width: 115px; background-position: 0 -350px;}
#sliderRef .slides .slide-wrap .bottom ul li.item3.on1 { background-position: 0 -280px;}
#sliderRef .slides .slide-wrap .bottom ul li.item4 { width: 128px; background-position: 0 -490px;}
#sliderRef .slides .slide-wrap .bottom ul li.item4.on1 { background-position: 0 -420px;}
#sliderRef .slides .slide-wrap .bottom ul li.item5 { width: 138px; background-position: 0 -630px;}
#sliderRef .slides .slide-wrap .bottom ul li.item5.on1 { background-position: 0 -560px;} */


#carouselRef {padding-bottom: 30px; position: relative; z-index: 50;margin: auto;max-width: 1168px;}
#carouselRef .flex-viewport {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#carouselRef .flex-viewport li {
  margin-right: 7px !important;
  float: none !important;
  display: inline !important;
  opacity: 1 !important;
  position: relative; 
  cursor: pointer;
}

#carouselRef .flex-viewport li:after {
  content: ' ';
  border-right: 1px solid #a8a7a7;
  font-size: 3em;
  margin: 0 20px;
  vertical-align: middle;
}

#carouselRef .flex-viewport li:last-child:after {
  border: 0;
}

#carouselRef .flex-viewport ul {
  display: inline;
}

#carouselRef .flex-direction-nav {*height: 0;}
#carouselRef .flex-direction-nav a  { display: block; width: 24px; height: 44px; line-height: 44px; margin: -34px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #605aa0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#carouselRef .flex-direction-nav .flex-prev { 
  display: none;
}
#carouselRef .flex-direction-nav .flex-next {
  display: none;
}
#carouselRef .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
#carouselRef .flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
#carouselRef .flexslider:hover .flex-next:hover, #carouselRef .flexslider:hover .flex-prev:hover { color: #47427d;}
#carouselRef .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#carouselRef .flex-direction-nav a:before  { font-size: 72px; content: '\f104'; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#carouselRef .flex-direction-nav a.flex-next:before  { content: '\f105'; }

@media screen and (max-width : 730px) {
  #carouselRef .flex-viewport li::after {
    margin: 0 5px;
  }
  #sliderRef {
    width: 100%;
  }
  #sliderRef .slides .slide-wrap .left {
    float: none; 
    width: 99%;
  }
  
  #sliderRef .slides .slide-wrap .right {
    float: none;
    padding: 10px;
    width: 100%; 
    border:none;
  }
  #sliderRef .slides .slide-wrap .right .top {
    text-align: center;
  }
  #sliderRef .slides .slide-wrap .right .top h3 {
    margin-top: 0px;
  }
  #sliderRef .slides .slide-wrap .right ul.tabs {text-align: center;}
  #sliderRef .slides .slide-wrap .bottom { height: 30px; clear: both; padding-top: 5px;}
  #sliderRef .slides .slide-wrap .bottom ul li { height: 29px; background-image: url("images/tools-mobile.jpg");}
  #sliderRef .slides .slide-wrap .bottom ul li.item1 { width: 59px; background-position: 0 -30px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item1.on1 { background-position: 0 0;}
  #sliderRef .slides .slide-wrap .bottom ul li.item2 { width: 48px; background-position: 0 -89px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item2.on1 { background-position: 0 -59px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item3 { width: 48px; background-position: 0 -149px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item3.on1 { background-position: 0 -120px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item4 { width: 53px; background-position: 0 -208px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item4.on1 { background-position: 0 -179px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item5 { width: 57px; background-position: 0 -268px;}
  #sliderRef .slides .slide-wrap .bottom ul li.item5.on1 { background-position: 0 -238px;}

  #carouselRef {
    padding: 0 5px;
  }
  #carouselRef .flex-direction-nav .flex-prev { left: -9px; }
  #carouselRef .flex-direction-nav .flex-next { right: -9px;}
}



#slider { position:relative; height:658px; width:100%; text-align: left;}

#slider li { background:none; padding:0; position:relative;}
#slider li .band {background: url("images/slider-band.png") no-repeat center bottom; height: 160px; position: absolute;z-index: 18; bottom: 0; left:0; right:0;}
#slider li .text-wrap {width: 1200px; margin: auto; position: relative; z-index: 21;}
#slider li .visuel {min-height:658px; width: 100%;}



#slider li.slide1 .visuel {
  background: url("images/slider1.jpg") no-repeat fixed;
  background-position: 50% 15% !important;
}
#slider li.slide2 .visuel {background: url("images/slider2.jpg") repeat 50% 0 fixed;}
#slider li.slide3 .visuel {background: url("images/slider3.jpg") repeat 50% 0 fixed;}
#slider li.slide4 .visuel {background: url("images/slider4.jpg") repeat 50% 0 fixed;}


/* ::i-block-chrome, #slider li.slide1 .visuel {background-position: 50% top !important;}
::i-block-chrome, #slider li.slide2 .visuel {background-position: 50% top !important;}
::i-block-chrome, #slider li.slide3 .visuel {background-position: 50% top !important;}
::i-block-chrome, #slider li.slide4 .visuel {background-position: 50% top !important;} */

@media screen and (max-width : 1100px) {
  #slider li.slide1 .visuel {
    background-size: 100%;
  }
}


#slider li .hand {position: absolute;z-index: 17; bottom: 158px; width: 1200px; left:50%; margin-left: -600px;}
#slider li .text {
  margin-bottom: 90px;
  padding-top: 250px;
}
#slider li .text h2 { font-size: 115px; line-height: 104px; height: 100px; font-weight: 300; margin-bottom: 5px;}
#slider li .text p {font-size: 52px; line-height: 52px; font-weight: 300; height: 54px;}
#slider li .bottom { height: 160px; position: relative; z-index: 20;}
#slider li .bottom .left { float: left; width: 632px;}
#slider li .bottom .left .content { color: #fff; padding-right: 60px; padding-top: 60px;}
#slider li .bottom .right {float: right; width: 568px;}
#slider li .bottom .right .content {color: #fff; padding-left: 31px; padding-top: 32px;}
#slider li .bottom .right span { 
  color: white;
  display: block;
  font-weight: bold; 
  padding-top: 15px;
  padding-bottom: 10px;
}
.flex-control-nav {
  left: 50%;
  margin-left: -600px;
  position: absolute; 
  top: 440px;
  width:1200px;
  z-index: 21;
}

#slider .flex-control-nav li { float: left;margin-right: 6px; height: auto;}
.flex-control-nav li a { width: 16px; height: 16px; display: block; cursor: pointer;overflow: hidden;}
.flex-control-nav li a:before {content: ""; display: block; width: 16px; height: 16px; background: #818181; border-radius: 10px; opacity: 0.5;}
.flex-control-nav li a.flex-active:before {opacity: 1;}

@media screen and (max-width : 1240px) {
  #slider li .text-wrap {width: 900px;}
  #slider li .bottom .left { width: 484px;}
  #slider li .bottom .right {width: 416px;}
  #slider li .bottom .left .content { padding-right: 60px; padding-top: 26px; font-size: 14px;}
  #slider li .bottom .right .content {padding-left: 31px; padding-top: 26px; font-size: 14px;}
  .flex-control-nav {width: 900px; margin-left: -450px;}
  #slider li .band {background-image: url("images/slider-band-medium.png");}

}

@media screen and (max-width : 920px) { 
  #slider { height:778px;}
  #slider li { height:778px;}
  #slider li .text-wrap {
    height: 510px;
    width: 100%;
  }
  #slider li .text {text-align: center;}
  #slider li .band {background:none;}
  #slider li .hand {display: none;}
  #slider li .bottom { height: 280px;}
  #slider li .bottom .left { width: 100%; height: 160px; float: none;background: url("images/slider-band-left.png") no-repeat center bottom;}
  #slider li.slide1 .bottom .left { background: url("images/slider-band-left_2.png") no-repeat center bottom;}
  #slider li .bottom .right {width: 100%; height: 120px;float: none; background: black;}
  #slider li .bottom .left .content { padding: 50px 2%;}
  #slider li .bottom .right .content {padding: 2%;}
  .flex-control-nav {left: 50%; width: 90px;  margin-left: -45px;}
  
  #slider li.slide1 .visuel {
    background-position: 50% 20% !important;
  }
}

@media screen and (max-width : 640px) {
  #slider { height:auto; width: 100%; position: relative;background: none;}
  #slider li { height:auto;}
  #slider li .visuel {min-height:0;}
  #slider li .text {margin-bottom: 50px;padding-top: 50px;}
  #slider li .text h2 { font-size: 55px; line-height: 54px; height: 50px;}
  #slider li .text p {font-size: 22px; line-height: 22px;height: 24px;}
  #slider li .bottom { 
    bottom: 0px;
    height: auto;
    position: absolute;
  }
  #slider li .bottom .left { height: auto; background: rgba(0, 0, 0, 0.5);}
  #slider li .bottom .right {height: auto;background: black;}
  #slider li .bottom .left .content { padding: 3%;}
  #slider li .bottom .right .content {padding: 3%;}
  #slider li .bottom .right span {
    padding: 0;
  }
  #slider li.slide1 .visuel {
    background-image: url("images/slider1-mobile.jpg");
    background-position: 50% 15% !important;
  }
  #slider li.slide2 .visuel {background-image: url("images/slider2-mobile.jpg");}
  #slider li.slide3 .visuel {background-image: url("images/slider3-mobile.jpg");}
  #slider li.slide4 .visuel {background-image: url("images/slider4-mobile.jpg");}
  .flex-control-nav {
    width: 62px;
    margin-left: -31px; 
    top: 155px;
  }
  #slider .flex-control-nav li { margin-right: 5px;}
  .flex-control-nav li a { width: 10px; height: 10px;}
  .flex-control-nav li a:before {width: 10px; height: 10px;}
}

/* WAVX */
#WavX { 
  background-color: #fbfbfb;
}

#WavX .intro { width: 1060px; margin: 0 auto 44px;}
#WavX .counter { margin-bottom: 86px; overflow: hidden;}
.module_counter { width: 16%; display: block; float: left;text-align: center;position: relative;}
.stat_count{display: inline-block; width: 97px; line-height: 97px; font-size: 25px; font-weight: 400; border: 1px solid; border-radius: 50px; padding: 0;margin-bottom: 12px;}
.counter_title {font-size: 16px; line-height: 130%; font-weight: 500; padding: 0; margin: 0 0 12px 0;}
.teamMembers {border-top: 1px solid; display: flex; justify-content: center; padding-top: 90px; position: relative;}
h2.team {
  background-color: #fbfbfb;
  font-size: 30px; 
  border-left: 1px solid;
  border-right: 1px solid;
  position: relative; 
  width: 320px; 
  position: absolute; 
  left: 50%;
  margin-left: -160px; 
  top: -63px;
  text-transform: uppercase;
}
h2.team:after {
  display: block;
  top: 77px;
  left: 50%;
  margin-left: -14px; 
  font-size: 50px; 
  font-family: FontAwesome; 
  font-style: normal; 
  font-weight: normal;
  content: "\f0d7"; 
  position: absolute;
}
.teamMembers .bloc {width: 50%;}
.teamMembers .left {display: flex; justify-content: flex-start; text-align: right; flex-direction: row-reverse; flex-wrap: wrap;}
.teamMembers .right {display: flex; justify-content: flex-start; text-align: left;}
.teamMembers .left img { margin-left: 44px;margin-right: 34px;}
.teamMembers .right img { margin-right: 44px;margin-left: 34px;}
.teamMembers .bloc .content {
  width: 400px;
  overflow: hidden;
}

.teamMembers .bloc .content h3 {
  margin-top: 0;
  font-size: 18px; 
  font-weight: 400; 
  padding-bottom: 5px; 
  text-transform: uppercase;
}

.teamMembers .bloc .left .content h3 {
  text-align: right;
}

.teamMembers .bloc .content p {
  font-size: 14px; 
  line-height: 130%;
}

.teamMembers .bloc .content p.more {font-size: 18px;padding-top: 8px;}
.teamMembers .bloc .content p.more a {display: none;}
@media screen and (max-width : 1240px) {
  #WavX .intro { width: auto;}
  .teamMembers img { margin: 0 15px 10px; }
  .teamMembers .bloc.left .content { width: 300px; margin-right: 15px;}
  .teamMembers .bloc.right .content { width: 300px; margin-left: 15px;}
}

@media screen and (max-width : 1050px) {
  .counter_title {font-size: 14px;}
}

@media screen and (max-width : 1000px) {
  .teamMembers .bloc {width: 96%; display: block; overflow: hidden; text-align: center; margin:0 auto 30px !important;}
  
  .teamMembers .bloc .content p {
    width: 93%;
    text-align: justify;
  }
  
  .teamMembers .bloc.left .content,
  .teamMembers .bloc.right .content {width: 100%; height: auto;margin: 0 auto;}
  .teamMembers .left img,
  .teamMembers .right img {float: none;margin:0 0 5px 0;}
  h2.team { font-size: 24px;width: 260px; margin-left: -130px;}
}

@media screen and (max-width : 775px) {
  .module_counter { width: 32%; display: inline-block; vertical-align: top;}
}

@media screen and (max-width : 405px) {
  .module_counter { width: 48%;}
  .counter_title {font-size: 13px;}
}

/* EVENEMENTS */
#evenements { 
  background: #fff; 
  padding-bottom: 42px;
}

#evenements .row {
  display: flex;
  justify-content: center;
  margin: 0 3%;
}

#evenements .box-container {
  margin-left: 3%;
  cursor: pointer;
  align-self: center;
}

#evenements .box-container:first-child {
  margin-left: unset;
}

#evenements .proj {
  display: flex;
  align-items: center;
  height: 100%;
}

#evenements .proj img {
  max-width: 100%;
  height: auto;
  width: auto;
}

#evenements .proj .hImg {
  padding: 4%;
}

#evenements .proj .vImg {
  padding: 8%
}

#evenements p {
  padding: 20px;
  font-size: 1.5rem;
}

@media screen and (max-width: 925px) {
  #evenements .row {
    flex-wrap: wrap;
  }
  
  #evenements .box-container {
    margin-left: 0;
	margin-bottom: 20px;
  }
  
  #evenements .box-container:last-child {
	margin-bottom: unset; 
  }
}

/* @media screen and (max-width : 1240px) {
  #evenements .event {line-height: 130%;font-size: 13px;}
  #evenements .event img { margin-right: 15px; width: 400px; height: auto;}
  #evenements .event h2 { font-size: 20px; margin-bottom: 15px;}
  #evenements .event .metas { font-size: 14px; margin-bottom: 3px; line-height: 120%;}
  #evenements .event .date { margin-bottom: 5px;}
  #evenements .event .metas i { margin-right: 10px; font-size: 18px;}
  #evenements .event .left { width: 250px;}
  #evenements .event .more {padding-top: 57px;}
}

@media screen and (max-width : 896px) {
  #evenements .event { text-align: center;}
  #evenements .event img { margin: 0 auto 20px; width: auto; max-width: 100%; height: auto; float: none;}
  #evenements .event .left,
  #evenements .event .right { width: 250px; float: none; margin: auto;}
  #evenements .event .left { margin-bottom: 10px;}
  #evenements .event .metas i { display: block; margin: 0 0 8px 0;}
  #evenements .event .more {padding-top: 30px;}
} */

/* CLASSES */
.alignleft { float:left; margin:0 10px 5px 0;}
.alignright { float:right; margin:0 0 5px 10px;}
.aligncenter { margin: auto; text-align: center;}
.clear {clear: both;}

.error404 #header .logo {padding: 21px 20px 26px !important; left: 50% !important; margin-left: -80px !important;}
.error404 #header .wrap {background: none; padding-right: 0;}

/* LIGHTBOX */
.lightbox {display: none;}
.lightbox a:hover {text-decoration: underline;}
.lightbox p {margin-bottom: 20px; text-align: justify;}
.lightbox img {max-width: 100%; height: auto;}
.lightbox h2 {font-size: 24px; margin-bottom: 25px;}
.lightbox li { margin-bottom: 10px; line-height: 130%; background: url("img/bullet.html") no-repeat left 7px; padding-left: 14px;}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.8)}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%; max-width:800px;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}
.featherlight .featherlight-inner{display:block}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:2px;right:2px;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#000;color:#fff;border-radius:15px}
.featherlight .featherlight-image{width:100%}
.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}
.featherlight iframe{border:0}

@media only screen and (max-width : 1024px)
{.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent;}}

/* FOOTER */
#footer { 
  background: #f1f1f1;
  padding-bottom: 15px; 
  overflow: hidden;
}

#footer .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

#footer h1 {
  width: 100%;
  padding-top: 15px;
}

#coords {
  margin-left: 2%;
  color:#323232;
  font-size: 18px;
  text-align: left;
}

#coords img { 
  margin-bottom: 22px;
}

#coords p {
  text-align: right;
}

#contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 700px;
  margin-right: 2%;
}

#contact .form-control {
  font-style: italic;
}

#contact fieldset {
  width: 304px;
  margin: 0 20px;
}

#contact textarea {
  height: 132px;
} 

#contact .g-recaptcha > div {
  margin: 0 auto;
}

#contact p {
  align-self: flex-end;
  width: 100%;
  padding: 15px 0;
  padding-right: 95px;
  font-style: italic;
  text-align: right;
}

#contact .invalid {
  color: red;
}


#footer .infos {
  font-size: 11px;
}



/* #form  .mentions { 
  font-size:11px; 
  font-family: Arial; 
  font-style:italic; 
  position: absolute;
  margin-bottom: 0; 
  font-family: Arial;
}

#form  .send {
  float: right; 
  margin-bottom: 0;
  padding: 0 30px;
  background: none;
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  color: #626262;
  border: 2px solid #9b9b9b;
  line-height: 48px;
  -webkit-transition: background .4s 0s;
  -moz-transition: background .4s 0s;
  -ms-transition: background .4s 0s;
  -o-transition: background .4s 0s;
  transition: background .4s 0s;
}

#form  .send:hover, .send:active {
  background: #e6e6e6;
  -webkit-transition: background .4s 0s;
  -moz-transition: background .4s 0s;
  -ms-transition: background .4s 0s;
  -o-transition: background .4s 0s;
  transition: background .4s 0s;
} */


/* #send {
  opacity: 1;
}

#send.success {
  opacity: 0;
  transition: opacity .5s linear;
  cursor: default;
} */

/* #footer .infos { font-size: 11px; position: absolute; left: 204px; bottom: 0; font-family: Arial;}
#footer .infos a:hover,
#footer .infos a:focus { color: #7c78c6; text-decoration: none;} */

/* @media screen and (max-width : 1240px) {
  #coords {font-size: 16px; margin-left: 90px;}
  #footer .infos { left: 90px;}
} */

@media screen and (max-width: 1050px) { 
  /* #coords {width:100%;float:none; text-align: center; margin-left: 0; margin-bottom: 25px;}
  #footer .infos { position: relative; clear: both; text-align: center; padding-top: 20px;} */
}

@media screen and (max-width: 925px)  {

  #contact {
    margin: 0;
  }
  
  #coords {
    width: 100%;
    margin: 0 50%;
  }
  
  #coords img {
    margin-bottom: 10px;
  }
  
  #coords p {
    display: table;
    margin-left: 10px;
    padding-bottom: 20px;
    text-align: left;
  }
}

@media screen and (max-width: 727px)  {

  #contact p {
    padding: 15px 0;
    text-align: center;
  }

/*#footer { padding-bottom:100px; overflow: hidden;}
#footer .wrap {overflow: hidden;}
#footer h2 { font-size:60px; font-weight: 300; line-height:60px; padding: 20px 0; text-align: center; }
#coords {float:left;font-size: 18px; text-align: left; margin-left: 204px;}
#coords img { margin-bottom: 22px;}
#coords a:hover { border-bottom:1px dotted #fff;}
#form {width:620px; padding-right: 90px; float:right; position: relative; overflow: hidden;}
#form fieldset.left{ width: 264px; float: left;}
#form fieldset.right{ width: 324px; float: right;}
#form  p { line-height:24px; margin-bottom:18px;}
#form  input[type="text"],
#form  input[type="email"] { font-size: 16px; width: 94%; border: 1px solid; box-shadow: 1px 1px 3px inset; padding: 2.5% 3%;-webkit-border-radius: 3px;border-radius: 3px;}
#form  textarea { font-family: 'Roboto'; font-size: 15px; width: 94%; height: 116px; border: 1px solid; box-shadow: 1px 1px 3px inset; padding: 2.5% 3%;-webkit-border-radius: 3px;border-radius: 3px;}
#form  .mentions { font-size:11px; font-family: Arial; font-style:italic; position: absolute; left: 0; bottom:0;margin-bottom: 0; font-family: Arial;}
#form  p.send { float: right; margin-bottom: 0;}
#form  input[type="submit"] { padding: 0 30px; background: none; text-transform: uppercase; font-size: 18px; display: inline-block;text-align: center; font-weight: 400; border: 2px solid; line-height: 48px;}
::-webkit-input-placeholder {font-style:italic;}
:-moz-placeholder {font-style:italic;}
::-moz-placeholder {font-style:italic;}
:-ms-input-placeholder {font-style:italic;}
#form span.wpcf7-not-valid-tip { font-size: 12px; position: relative !important; border: none !important; color:red; left: auto !important; top: auto !important;}
.wpcf7-response-output { clear: both;margin: 2em 0 1.5em !important; border: none !important; }
div.wpcf7 img.ajax-loader {position: absolute;}
#footer .infos { font-size: 11px; position: absolute; left: 204px; bottom: 0; font-family: Arial;}
#footer .infos a:hover,
#footer .infos a:focus { text-decoration: none;}
@media screen and (max-width : 1240px) {
  #coords {font-size: 16px; margin-left: 90px;}
  #form {width:620px; padding-right: 90px;}
  #footer .infos { left: 90px;}
  #footer h2 { margin: 30px 0 44px; font-size:50px;line-height:50px;}
  #form  .mentions {left: 100px;}
}
@media screen and (max-width : 1050px) { 
    #coords {width:100%;float:none; text-align: center; margin-left: 0; margin-bottom: 25px;}
    #form {width:100%;float:none; padding-right: 0;}
    #form fieldset.left,
    #form fieldset.right{ width: 46%; padding-right: 1%;}
    #form  .mentions {left: 0;}
    #footer .infos { position: relative; clear: both; text-align: center; padding-top: 20px;}
}
@media screen and (max-width : 640px) { 
    #footer {padding-bottom:20px;}
    #form {padding-top: 20px;}
    #form fieldset.left,
    #form fieldset.right{ float: none; width: 99%; padding-right: 1%;}
    #form  .mentions { position: relative; padding-top: 10px;}
    #footer .infos { left: 0;}
    #form  p.send { float: none; text-align: center;}
}
*/