/*

 * Copyright 2011 WnG Solutions SA, all rights reserved
 *
 * WnG Solutions - Rue Marterey 5 - CH-1005 Lausanne
 * Tel +41 21 320 11 11 - Fax +41 21 320 11 10
 * http://www.wng.ch/ - info[at]wng[dot]ch

 */


/*

 * ----- STYLES PRINCIPAUX DU SITE -----

 */

/* ----- Balises principales ----- */

body {
  margin: 0 auto;
  font-family: 'Nunito Sans', sans-serif;
  color: #565655;
  overflow-x: hidden;
  font-size: 19px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

body.eGuideTemplate {
  background: #ffffff;
}

html.overflow, body.overflow {
  overflow: hidden;
}

.frame iframe {
  max-width: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.tx-wng-eguide .panel-body h3 .fa-ellipsis-h {
  color: #00b2c3;
}

.tx-wng-eguide a.button {
  background-color: #00b2c3;
}

.update-list a.all-updates:hover {
  background: #00b2c3;
}

p {
  text-align: left;
  margin: 0 0 22px 0;
  font-size: 19px;
  line-height: 26px;
}

::-moz-selection {
  background: #007a85;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #007a85;
  color: #ffffff;
  text-shadow: none;
}

::-webkit-selection {
  background: #007a85;
  color: #ffffff;
  text-shadow: none;
}

a {
  transition: all 0.5s ease;
}
a:link, a:visited {
  color: #00b2c3;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #00939b;
  text-decoration: none;
  outline: none;
}

hr {
  border: none;
  border-bottom: 1px dotted #c9c9c9;
  height: 0;
}

.tx-wng-eguide table hr {
  border: none;
  border-bottom: 1px solid #333;
  height: 0;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

ul li {
  list-style-image: url(../images/bullet_red.png);
}

h1, h2 {
  color: #565655;
}

h1 {
  color: #565655;
	margin-top: 0px;
	margin-bottom: 45px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 100;
}
.section h1 {
	margin-top: 60px;
}

h2 {
  margin: 55px 0px 32px 0px;
  font-weight: 100;
  font-size: 40px;
  text-transform: uppercase;
}
#content h2 {
  margin-top: 45px;
  margin-bottom: 15px;
  text-transform: none;
  font-size: 35px;
}

h3 {
  margin: 10px 0;
  font-weight: bold;
}

h4 {
  margin: 10px 0;
  font-size: 1em;
  font-weight: bold;
}

#content ul {
	margin-bottom: 25px;
}
.turquoise { color: #00b2c3; }
.vert { color: #d3d800; }
.turquoise2 { color: #00a1ac; }
.turquoise3 { color: #00939b; }

textarea,
input {
  outline: none;
}

select,
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  color: #7a7a7a;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #c9c9c9;
  margin-bottom: 14px;
  font-size: 1em;
}

.errorHandler {
  color: #00b2c3;
}

.indent {
  margin-left: 32px;
}

.indent ul li {
  list-style-image: url("../images/bullet_vide.png");
}

input[type=submit],
input[type=reset],
.tx-mmforum-textbutton a,
a.submitBtn,
button.button {
  background-color: transparent;
  color: #00b2c3;
  border: 1px solid #00b2c3;
  padding: 4px 8px;
  margin: 10px 0;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
input[type=submit]:hover,
input[type=reset]:hover,
.tx-mmforum-textbutton a:hover,
a.submitBtn:hover,
button.button:hover {
  background-color: #00b2c3;
  color: #fff;
}

button.button {
  font-size: 19px;
}

legend {
  padding: 0;
}

.questionMarkIco {
  padding-right: 22px;
  margin-right: 15px;
  background: transparent url(../images/ico_question_mark.png) right center no-repeat;
}

table,
table td,
table th {
  border: none;
}

.bgColored {
  background-color: #007a85;
  color: #ffffff;
  box-sizing: inherit;
  display: block;
}

.bgColored h1,
.bgColored h2, 
.bgColored h3,
#footer h1,
#footer h2,
#footer h3,
#banner h1,
#banner h2,
#banner h3 {
  color: #ffffff;
}

#banner h2 {
	margin-top: 0px;
	margin-bottom: 45px;
}

.bgColored a {
  color: #ffffff;
}

.bgColored a:hover {
  border-color: #ffffff;
}

.boxUpper {
  background-color: transparent;
  color: #00b2c3;
  border: 1px solid #00b2c3;
  padding: 4px 8px;
  margin: 10px 0;
  text-transform: uppercase;
  transition: all 0.5s ease;
}

.boxUpper:hover {
  background-color: #00b2c3;
  color: #fff;
}

.boxShadow {
  background-color: #ffffff;
  -moz-box-shadow: 0px 0px 5px 0px #cccccc;
  -webkit-box-shadow: 0px 0px 5px 0px #cccccc;
  -o-box-shadow: 0px 0px 5px 0px #cccccc;
  box-shadow: 0px 0px 5px 0px #cccccc;
  margin: 5px;
}

.boxShadow:hover {
  -moz-box-shadow: 0px 0px 5px 0px #999;
  -webkit-box-shadow: 0px 0px 5px 0px #999;
  -o-box-shadow: 0px 0px 5px 0px #999;
  box-shadow: 0px 0px 5px 0px #999;
}

a.button, button.button {
  padding: 8px 15px;
  text-transform: uppercase;
  width: auto;
  height: auto;
  background-color: #fff;
  color: #00b2c3;
  font-size: 14px;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  text-decoration: none;
  border: 1px solid #00b2c3;
  cursor: pointer;
  display: inline-block;
}

a.button:hover, button.button:hover {
  cursor: pointer;
}

a.button:active {
  padding: 6px 15px 5px 15px;
  border-top: 1px solid rgba(0,0,0,0.55);
  box-shadow: 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
  -webkit-box-shadow: 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
  -moz-box-shadow: 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
  -o-box-shadow: 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
  -ms-box-shadow: 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
  -webkit-animation: none;
  cursor: pointer !important;
}

.white-bg {
  background: #fff;
}
.grey-bg {
  background: #f4f4f4;
}
.grey-bg h2 {
  color: #00b2c3;
}
.presta-popup + .grey-bg h2 {
  color: #565655;
}
.section {
	overflow: hidden;
}

.loader {
  background-image: url(../images/loader.gif);
  height: 16px;
  width: 16px;
  display: block;
  margin: 30px auto;
}

.txt08 {
  font-size: 0.8em;
}

/* ----- Sous-Menu----- */

.submenu {
  margin: 0px 0px 34px 0px;
}
.submenu li {
  display: inline-block;
  margin-right: 35px;
  margin-bottom: 12px;
}
.submenu li:last-of-type {
  margin-right: 0px;
}
.submenu li a {
  color: #b2e8ed;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
.submenu li a:after {
  background: #b2e8ed;
  content: "";
  position: absolute;
  left: 0px;
  bottom: -4px;
  width: 36px;
  height: 1px;
  transition: all 0.5s ease;
}
.submenu li a:hover {
  color: #00939b;
}
.submenu li a:hover:after {
  background: #00939b;
  width: 100%;
}
.submenu li.active a {
  color: #00939b;
}
.submenu li.active a:after {
  background: #00939b;
  width: 100%;
}


	/* ----- /Balises principales ----- */

.home-slide {
  background: #e8f8fa;
  display: block;
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 2;
}
.home-slide .box {
  float: left;
  width: 50%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.home-slide .box .hexa-box {
  width: 175px; 
  height: 101.04px;
  background-color: #ffffff;
  margin: 50.52px 0;
  font-size: 17px;
  line-height: 20px;
  color: #00b2c3;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: rotate(90deg);
  position: absolute;
  transition: all 0.5s ease;
  z-index: 1;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:0px;
  left: 0;
  width:175px;
  height:101.0363px;
  z-index: 2;
  background: inherit;
}
.home-slide .box .hexa-box:before,
.home-slide .box .hexa-box:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 123.74px;
  height: 123.74px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: #fff;
  transition: all 0.5s ease;
  left: 25.6282px;
}
.home-slide .box .hexa-box:before {
  top: -61.8718px;
}
.home-slide .box .hexa-box:after {
  bottom: -61.8718px;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .home-slide .hex .arrow {
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      color: #00b2c3;
      box-sizing: border-box;
      width: 7px;
      height: 7px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      margin: 6px 15px 10px 13px;
      transition: all 0.3s ease;
      z-index: 2;
   }
   *::-ms-backdrop, .home-slide .hex:hover .arrow {
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      color: #00b2c3;
      box-sizing: border-box;
      width: 7px;
      height: 7px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      margin: 6px 15px 10px 18px;
      transition: all 0.3s ease;
      z-index: 2;
   }
}
.home-slide .box .hexa-box span {
  display: flex;
  position: absolute;
  top:0px;
  left: 0;
  width:175px;
  height:101.0363px;
  z-index: 2;
  background: #fff;
  align-items: center;
  justify-content: center;
}
.home-slide .box .hexa-box p {
  transform: rotate(-90deg);
  text-align: center;
  margin: 0px;
  padding: 0px 16px;
  line-height: 20px;
  font-weight: bold;
}
.home-slide .box:first-of-type .hexa-box {
  right: -16px;
  top: 196px;
}
.home-slide .box:nth-child(2) .hexa-box {
  left: -66px;
  top: 145px;
}
.home-slide .box:nth-child(3) .hexa-box {
  left: 155px;
  top: -25px;
}
.home-slide .box:nth-child(4) .hexa-box {
  left: -135px;
  top: 27px;
}

.home-slide .box .hexa-box:hover {
  transform: rotate(90deg) scale(1.15);
  -webkit-transform: rotate(90deg) scale(1.15);
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.home-slide .box .hexa-box:hover:before,
.home-slide .box .hexa-box:hover:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 123.74px;
  height: 123.74px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: #fff;
  left: 25.6282px;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.home-slide .box .hexa-box:before {
	transition: all 0.5s ease;
}
.home-slide .box:first-of-type .hexa-img {
  height: 456px;
  width: 455px;
}
.home-slide .box:nth-child(2) .hexa-img {
  height: 367px;
  width: 380px;
}
.home-slide .box:nth-child(3) .hexa-img {
  height: 169px;
  width: 171px;
}
.home-slide .box:nth-child(4) .hexa-img {
  height: 301px;
  width: 273px;
}
.home-slide .box .hexa-img {
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  width: 315px;
  position: relative;
  z-index: -2;
}
.home-slide .box:first-of-type .hexa-img:before {
  content: "";
  background: url(../images/job_hexa_before.svg) no-repeat center;
  position: absolute;
  left: -1px;
  top: 17px;
  width: 277px;
  height: 383px;
  opacity: 0;
  transition: all 1s ease;
}

/* Firefox Only */
@-moz-document url-prefix() {
  .home-slide .box:first-of-type .hexa-img:before {
	  content: "";
	  background: url(../images/job_hexa_before.svg) no-repeat center;
	  position: absolute;
	  left: 0px;
	  top: 17px;
	  width: 277px;
	  height: 383px;
	  opacity: 0;
	  transition: all 1s ease;
	}
}

/* Safari Only */
@media not all and (min-resolution:.001dpcm) { @media {
  .home-slide .box:first-of-type .hexa-img:before {
	  content: "";
	  background: url(../images/job_hexa_before.svg) no-repeat center;
	  position: absolute;
	  left: 0px;
	  top: 17px;
	  width: 277px;
	  height: 383px;
	  opacity: 0;
	  transition: all 1s ease;
	}
}}
/*.home-slide .box:first-of-type .hexa-img:hover:before {
  opacity: 1;
}*/
.home-slide .box:first-of-type .hexa-img:after {
  content: "";
  background: url(../images/job_hexa_after.svg) no-repeat center;
  position: absolute;
  right: -173px;
  top: -19px;
  width: 380px;
  height: 250px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.5s;
}
/*.home-slide .box:first-of-type .hexa-img:hover:after {
  opacity: 1;
}*/
#hexatopleft {
  position: absolute;
	left: -2px;
  width: 678px;
  height: 504px;
  top: -45px;
}
@-moz-document url-prefix() {
	#hexatopleft {
	  position: absolute;
		left: -2px;
	  width: 679px;
	  height: 504px;
	  top: -45px;
	}
}
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft1,
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft2,
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft3,
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft4 {
	opacity: 0;
	transition: all 0.5s ease;
}
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft2 {
	transition-delay: 0.5s;
}
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft3 {
	transition-delay: 1s;
}
.home-slide .box:first-of-type .hexa-img #hexatopleft #hexatopleft4 {
	transition-delay: 1.5s;
}
.home-slide .box:first-of-type .hexa-img:hover #hexatopleft #hexatopleft1,
.home-slide .box:first-of-type .hexa-img:hover #hexatopleft #hexatopleft2,
.home-slide .box:first-of-type .hexa-img:hover #hexatopleft #hexatopleft3,
.home-slide .box:first-of-type .hexa-img:hover #hexatopleft #hexatopleft4 {
	opacity: 1;
}

#hexatopright {
  position: absolute;
  left: -212px;
	width: 592px;
	height: 412px;
	top: -42px;
}
.home-slide .box:nth-child(2) .hexa-img #hexatopright #hexatopright1,
.home-slide .box:nth-child(2) .hexa-img #hexatopright #hexatopright2,
.home-slide .box:nth-child(2) .hexa-img #hexatopright #hexatopright3 {
	opacity: 0;
	transition: all 0.5s ease;
}
.home-slide .box:nth-child(2) .hexa-img #hexatopright #hexatopright2 {
	transition-delay: 0.5s;
}
.home-slide .box:nth-child(2) .hexa-img #hexatopright #hexatopright3 {
	transition-delay: 1s;
}
.home-slide .box:nth-child(2) .hexa-img:hover #hexatopright #hexatopright1,
.home-slide .box:nth-child(2) .hexa-img:hover #hexatopright #hexatopright2,
.home-slide .box:nth-child(2) .hexa-img:hover #hexatopright #hexatopright3 {
	opacity: 1;
}
#hexabottomleft {
  position: absolute;
  left: -76px;
  width: 520px;
  height: 338px;
  top: -84px;
}
.home-slide .box:nth-child(3) .hexa-img #hexabottomleft #hexabottomleft1,
.home-slide .box:nth-child(3) .hexa-img #hexabottomleft #hexabottomleft2,
.home-slide .box:nth-child(3) .hexa-img #hexabottomleft #hexabottomleft3 {
	opacity: 0;
	transition: all 0.5s ease;
}
.home-slide .box:nth-child(3) .hexa-img #hexabottomleft #hexabottomleft2 {
	transition-delay: 0.5s;
}
.home-slide .box:nth-child(3) .hexa-img #hexabottomleft #hexabottomleft3 {
	transition-delay: 1s;
}
.home-slide .box:nth-child(3) .hexa-img:hover #hexabottomleft #hexabottomleft1,
.home-slide .box:nth-child(3) .hexa-img:hover #hexabottomleft #hexabottomleft2,
.home-slide .box:nth-child(3) .hexa-img:hover #hexabottomleft #hexabottomleft3 {
	opacity: 1;
}
#hexabottomright {
  position: absolute;
	left: -273px;
  width: 548px;
  height: 350px;
  top: -46px;
}
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright1,
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright2,
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright3,
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright4 {
	opacity: 0;
	transition: all 0.5s ease;
}
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright2 {
	transition-delay: 0.5s;
}
.home-slide .box:nth-child(4) .hexa-img #hexabottomright #hexabottomright3 {
	transition-delay: 1s;
}
.home-slide .box:nth-child(4) .hexa-img:hover #hexabottomright #hexabottomright1,
.home-slide .box:nth-child(4) .hexa-img:hover #hexabottomright #hexabottomright2,
.home-slide .box:nth-child(4) .hexa-img:hover #hexabottomright #hexabottomright3 {
	opacity: 1;
}

/*.home-slide .box:first-of-type .hexa-img:hover #hexatopleft {
  opacity: 1;
  transition: opacity 0.5s ease;
  transition-delay: 0s;
}
.home-slide .box:nth-child(2) .hexa-img:hover #hexatopright {
  opacity: 1;
  transition: opacity 0.5s ease;
  transition-delay: 0s;
}
.home-slide .box:nth-child(3) .hexa-img:hover #hexabottomleft {
  opacity: 1;
  transition: opacity 0.5s ease;
  transition-delay: 0s;
}
.home-slide .box:nth-child(4) .hexa-img:hover #hexabottomright {
  opacity: 1;
  transition: opacity 0.5s ease;
  transition-delay: 0s;
}*/
.home-slide .box:nth-child(2) .hexa-img:before {
  content: "";
  background: url(../images/presta_hexa_before.svg) no-repeat center;
  position: absolute;
  left: -140px;
  top: -13px;
  width: 243px;
  height: 185px;
  opacity: 0;
  transition: all 1s ease;
}
/*.home-slide .box:nth-child(2) .hexa-img:hover:before {
  opacity: 1;
}*/
.home-slide .box:nth-child(2) .hexa-img:after {
  content: "";
  background: url(../images/presta_hexa_after.svg) no-repeat center;
  position: absolute;
  right: 0px;
  top: -12px;
  width: 251px;
  height: 342px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.5s;
}
/*.home-slide .box:nth-child(2) .hexa-img:hover:after {
  opacity: 1;
}*/
.home-slide .box:nth-child(3) .hexa-img:before {
  content: "";
  background: url(../images/formation_hexa_before.svg) no-repeat center;
  position: absolute;
  left: -62px;
  bottom: -39px;
  width: 270px;
  height: 226px;
  opacity: 0;
  transition: all 1s ease;
}
/*.home-slide .box:nth-child(3) .hexa-img:hover:before {
  opacity: 1;
}*/
.home-slide .box:nth-child(3) .hexa-img:after {
  content: "";
  background: url(../images/formation_hexa_after.svg) no-repeat center;
  position: absolute;
  right: -226px;
  top: -66px;
  width: 146px;
  height: 278px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.5s;
}
/*.home-slide .box:nth-child(3) .hexa-img:hover:after {
  opacity: 1;
}*/
.home-slide .box:nth-child(4) .hexa-img:before {
  content: "";
  background: url(../images/member_hexa_before.svg) no-repeat center;
  position: absolute;
  left: -223px;
  top: -39px;
  width: 368px;
  height: 255px;
  opacity: 0;
  transition: all 1s ease;
}
/*.home-slide .box:nth-child(4) .hexa-img:hover:before {
  opacity: 1;
}*/
.home-slide .box:nth-child(4) .hexa-img:after {
  content: "";
  background: url(../images/member_hexa_after.svg) no-repeat center;
  position: absolute;
  right: 2px;
  top: 31px;
  width: 330px;
  height: 225px;
  opacity: 0;
  transition: all 1s ease;
  transition-delay: 0.5s;
}
/*.home-slide .box:nth-child(4) .hexa-img:hover:after {
  opacity: 1;
}*/

.home-slide .slide-logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 300px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.home-slide .scroll-down {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  transition: all 0.5s ease;
}
.scroll-down {
  margin: 0 auto;
  text-align: center;
  transition: all 0.5s ease;
}
.scroll-down span {
  display: block;
  margin-bottom: 17px;
  font-size: 17px;
  color: #565655;
  font-weight: bold;
}
.home-slide .scroll-down img {
  width: 28px;
  height: auto;
  margin: 0 auto;
  display: inherit;
  opacity: 1;
  height: auto;
  visibility: visible;
  transition: all 0.5s ease;
}
.home-slide .scroll-down .scroll-down-hover {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.scroll-down.anchor {
	display: block;
  margin-bottom: 22px;
}
.scroll-down .scroll-down-hover {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.scroll-down.anchor .scroll-down-hover {
  top: -18px;
  position: relative;
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .scroll-down.anchor .hex .arrow {
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      color: #00b2c3;
      box-sizing: border-box;
      width: 7px;
      height: 7px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      margin: 6px 15px 10px 13px;
      transition: all 0.3s ease;
      z-index: 2;
   }
   *::-ms-backdrop, .scroll-down.anchor .hex:hover .arrow {
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      color: #00b2c3;
      box-sizing: border-box;
      width: 7px;
      height: 7px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      margin: 6px 15px 10px 18px;
      transition: all 0.3s ease;
      z-index: 2;
   }
}
.home-slide .scroll-down:hover .scroll-down-normal {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.home-slide .scroll-down:hover .scroll-down-hover {
  opacity: 1;
  height: auto;
  visibility: visible;
}
.scroll-down:hover .scroll-down-normal {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.scroll-down:hover .scroll-down-hover {
  opacity: 1;
  height: auto;
  visibility: visible;
}
.scroll-down img {
  width: 28px;
  height: auto;
  margin: 0 auto 18px;
  display: block;
}

.hex {
  position: relative;
  width: 28px; 
  height: 16.17px;
  background-color: transparent;
  margin: 8.08px auto;
  border-left: solid 1px #00b2c3;
  border-right: solid 1px #00b2c3;
  transition: all 0.3s ease;
  transform: rotate(90deg);
}
.hex:before,
.hex:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 19.80px;
  height: 19.80px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 3.1005px;
}
.hex:before {
  top: -9.8995px;
  border-top: solid 1.4142px #00b2c3;
  border-right: solid 1.4142px #00b2c3;
}
.hex:after {
  bottom: -9.8995px;
  border-bottom: solid 1.4142px #00b2c3;
  border-left: solid 1.4142px #00b2c3;
}

.home-slide .hex:hover {
  background-color: #cff0f4;
}

.hex .arrow {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #00b2c3;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 5px 15px 10px 0px;
  transition: all 0.3s ease;
  z-index: 2;
}
.hex .arrow.arrow-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hex .arrow:before {
  right: 0px;
  top: -1px;
  position: absolute;
  height: 1px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 14px;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.hex .arrow:after, .hex .arrow:before {
  content: "";
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.hex:hover .arrow {
  margin: 5px 15px 10px 4px;
}
.hex:hover .arrow:before {
  width: 20px;
}

#mainContainer > .container {
	padding: 56px 15px;
}

.popup-home {
  position: fixed;
  top: -100%;
  left: 0px;
  height: 100vh;
  width: 100vw;
  background: #fff;
  z-index: 2;
  overflow: auto;
  transition: all 0.75s ease;
  padding: 100px 0px;
  opacity: 0;
}
.popup-home.open {
  top: 0px;
  opacity: 1;
  transition: top 0.75s ease;
}
.popup-home .close-icon {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 45px;
  overflow: hidden;
  border: 1px solid #00b2c3;
  border-radius: 50%;
  right: 0px;
  z-index: 1;
  top: -20px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.popup-home .close-icon:hover {
  transform: rotate(90deg);
}
.close-icon:before, .close-icon:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 65%;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #00b2c3;
  transition: all 0.5s ease;
}
.close-icon:hover:before, .close-icon:hover:after {
  width: 90%;
}
.close-icon:before {
  transform: rotate(45deg);
}
.close-icon:after {
  transform: rotate(-45deg);
}
.popup-home h2  {
  opacity: 0;
  transition: all 0.75s ease;
  transition-delay: 1s;
  position: relative;
  left: -30px;
  margin-bottom: 8px;
  margin-top: 0px;
  max-width: 50%;
  color: #00b2c3;
}
.popup-home.open h2  {
  opacity: 1;
  left: 16px;
  transition-delay: .4s;
}
.popup-home .popup-box h5 {
  font-size: 20px;
  font-weight: bold;
  color: #00b2c3;
  margin-top: 15px;
  margin-bottom: 12px;
}
.popup-home .popup-box p {
  font-size: 17px;
  color: #00b2c3;
  margin-top: 0px;
  margin-bottom: 15px;
}
.popup-home .popup-box .popup-link {
  font-size: 17px;
  transition: all 0.3s ease;
  font-weight: bold;
  float: right;
}
.popup-home .popup-box:hover .popup-link, .popup-home .popup-box .popup-link:hover {
  color: #007985;
}
.popup-home .popup-box .popup-link:hover .arrow-left {
  margin: 10px 2px 10px 30px;
}
.popup-home .popup-box .popup-link:hover .arrow-left:before {
  width: 30px;
}
.popup-home .popup-box .image-wrap {
  overflow: hidden;
  display: block;
}
.popup-home .popup-box .image-wrap img {
  object-fit: cover;
  transition: all 0.75s ease;
}
.popup-home .popup-box:hover .image-wrap img {
  transform: scale(1.2);
}

.popup-home .popup-box {
  padding: 16px 13px;
}
.popup-home .popup-box.external-link {
  background: #00939b;
}
.popup-home .popup-box.external-link  h5 {
  color: #fff;
}
.popup-home .popup-box.external-link  p {
  color: #fff;
}

.presta-popup {
  position: fixed;
  left: 0px;
  height: 100vh;
  width: 100vw;
  background: #fff;
  z-index: 2;
  overflow: auto;
  transition: all 0.75s ease;
  padding: 0px;
  top: -100%;
  opacity: 0;
}
.presta-popup.open {
  top: 0px;
  opacity: 1;
  transition: top 0.75s ease;
}
.presta-popup .container {
	position: relative;
	padding: 0px;
	width: 100%;
}
.presta-popup .close-icon {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 45px;
  overflow: hidden;
  border: 1px solid #00b2c3;
  border-radius: 50%;
  right: 30px;
  z-index: 1;
  top: 15px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.presta-popup .close-icon:hover {
  transform: rotate(90deg);
}
.presta-popup .popup-img {
	position: fixed;
	padding-left: 0px;
	top: -100%;
  height: 100vh;
  overflow: hidden;
	transition: all 0.75s ease;
}
.presta-popup.open .popup-img {
	top: 0px;
}
.presta-popup .popup-img .ce-above .ce-gallery {
	margin-bottom: 0px !important;
}
.presta-popup .popup-img img {
	height: 100vh;
  object-fit: cover;
  margin-bottom: 0px !important;
}
.presta-popup .popup-content, .presta-popup .popup-sidebar {
	padding: 100px 30px;
}

/* ----- Espace Membres ----- */

.member-box {
	margin-bottom: 80px;
}
.member-box:nth-child(2n + 1) {
  clear: left;
}
.member-box .img-wrap {
  display: block;
  width: 63px;
  height: 63px;
  float: left;
}
.member-box img {
	vertical-align: middle;
  float: right;
  height: 100%;
}
.member-box .member-box-content {
  overflow: hidden;
  padding-left: 21px;
  padding-bottom: 8px;
}
.member-box h5 {
  margin-bottom: 13px;
  margin-top: 40px;
  font-size: 24px;
  color: #00b2c3;
}
.member-box p {
  margin-top: 0px;
  margin-bottom: 24px;
  font-size: 19px;
}
.member-box a {
  font-size: 20px;
  position: relative;
  color: #00b2c3;
  padding-bottom: 8px;
}
.member-box a:after {
	content: "";
	background: #00b2c3;
	position: absolute;
	width: 40px;
	height: 1px;
	left: 0px;
	bottom: 0px;
	transition: all 0.5s ease;
}
.member-box a:hover:after {
	width: 100%;
}


/* ----- Liens d'accessibilité ----- */



	#accessKeys a {
		color: #ff00ff;
		cursor: default;
		position: absolute;
		top: -9999px;

	}



	#accessKeys a:focus {
		color: #000000;
		top: 0;
		z-index: 1000;
	}



	/* ----- /Liens d'accessibilité ----- */





	/* ----- Espace membre ----- */



#restrictedAreaContainer {
  margin-bottom: 25px;
  width: 100%;
  visibility: visible;
  opacity: 1;
}

#restrictedArea a {
  color: #bbbbbb;
}

#restrictedArea .displayArea {
  height: 40px;
  padding-top: 8px;
}

#restrictedArea .displayArea a {
  padding: 5px 0 2px 0;
  position: absolute;
  z-index: 100;
  color: #bbbbbb;
}

#restrictedArea .displayArea a:hover {
  color: #ffffff;
}

#restrictedArea .showHideArea {
  display: none;
  padding: 30px 0;
}

#restrictedArea #loginForm {
  padding: 10px 0;
}

#restrictedArea #memberArea {
  height: 210px;
}

#restrictedArea #memberArea .memberAreaRight {
  position: absolute;
  right: 0;
  z-index: 90;
}

#restrictedArea #memberArea .welcomeHeader {
  font-size: 3.9em;
  text-align: right;
  margin-bottom: 30px;
}

.login-popup {
  position: fixed;
  z-index: 4;
  background: #fff;
  padding: 50px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  box-shadow: 2px 2px 7px rgba(24,23,22,0.2);
  top: 50%;
  transform: translateY(-60%);
  overflow: hidden;
  visibility: hidden;
  transition: all 0.75s ease;
  opacity: 0;
}
.login-popup.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.login-popup .close-icon {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 45px;
  overflow: hidden;
  border: 1px solid #00b2c3;
  border-radius: 50%;
  right: 20px;
  z-index: 1;
  top: 20px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.login-popup .close-icon:hover {
  transform: rotate(90deg);
}
.login-popup input[type="text"], .login-popup input[type="password"] {
  margin-bottom: 30px;
  width: 100%;
}

.login-popup h1 {
  font-size: 32px;
}

.popup-bg {
	height: 0;
	width: 100vw;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(232, 248, 250, 0.75);
	overflow: hidden;
  visibility: hidden;
	transition: all 0.5s ease;
	opacity: 0;
	z-index: 3;
}
.popup-bg.open {
	height: 100vh;
	visibility: visible;
  overflow: auto;
	opacity: 1;
}

/* ----- /Espace membre ----- */





/* ----- Bannière ----- */


#banner h1 {
  border: 0;
}

#banner h1 a img,

	#banner h2 a img {
  display: block;
  max-width: 100%;
  height: auto;
}

.oldBanner {
  position: absolute;
  left: -250px;
  top: 15px;
}



/* ----- /Bannière ----- */





/* ----- Slider ----- */

#content .slider-content {
  margin-bottom: 50px;
}
#content .slider-content .slick-dots {
  margin-bottom: 0px;
  bottom: -30px;
}
#content .slider-content .slick-dots li button:before {
  font-size: 10px;
}


/* ----- Menu de langues ----- */

		

#menuLang ul {
  list-style: none;
  margin: 0;
}

#menuLang li {
  display: inline;
}

/* ----- /Menu de langues ----- */





/* ----- Menu des outils ----- */


#menuTools {
  width: 100%;
  visibility: visible;
  transition: all 0.5s ease;
  opacity: 1;
}
#header.menu-close #menuTools {
/*  width: 0px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;*/
}	

#menuTools ul {
  list-style: none;
  margin: 0;
}

#menuTools li {
  display: inline;
}
#header .tx-indexedsearch-form {
  position: relative;
  height: 25px;
  margin-left: -5px;
}
.tx-indexedsearch-form {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
#header .tx-indexedsearch-form:after {
	content: "";
	position: absolute;
	height: 1px;
  width: 100%;
  background: #00b2c3;
  bottom: 0px;
  left: 30px;
}
.tx-indexedsearch-form:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background: #00b2c3;
	bottom: 30px;
	left: 35px;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword {
	-webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
  background: none;
  box-shadow: none;
  margin-bottom: 30px;
  padding-left: 35px;
}
#menuTools .tx-indexedsearch-searchbox-sword {
  border: medium none;
  color: #00b2c3;
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0 10px 0 30px;
  margin-bottom: 0px;
  width: 100%;
}

#menuTools .tx-indexedsearch-searchbox-sword:focus {
	background: #fff;
	position: relative;
	box-shadow: none;
	z-index: 1;
}

.tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
  background: url(../images/search_icon.svg) center center no-repeat;
  border: medium none;
  cursor: pointer;
  float: left;
  height: 19px;
  margin: 0;
  padding: 0;
  width: 19px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-top: 4px;
  margin-left: 5px;
  position: absolute;
  left: 0px;
  top: 10px;
  z-index: 0;
}
#header .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
  z-index: 2;
}
.tx-indexedsearch-searchbox + .tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox {
   margin: 35px 0px;
}
ul.tx-indexedsearch-browsebox {
   margin-left: 0px;
}
.tx-indexedsearch-browsebox li {
	list-style-type: none;
	display: inline;
	margin-right: 20px;
}
.tx-indexedsearch-browsebox li:last-of-type {
	margin-right: 0px;
}
#header .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button {
  top: 0px;
}
#header .tx-indexedsearch-whatis,
#header .tx-indexedsearch-browsebox,
#header .tx-indexedsearch-res,
#header .tx-indexedsearch-browsebox,
#header .tx-indexedsearch-noresults,
#header .no-result-found {
  display: none;
}

#tools, #socialIcon {
  padding: 0px 60px 0px 35px;
  margin-bottom: 20px;
}
#tools {
  margin-bottom: 15px;
}
#socialIcon li a {
  display: inline-block;
  height: 28px;
  width: 28px;
  color: transparent;
}
#socialIcon li a.facebook-icon {
  background: url(../images/facebook_icon.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}
#socialIcon li a.facebook-icon:hover {
  background: url(../images/facebook_icon_hover.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}
#socialIcon li a.youtube-icon {
  background: url(../images/youtube_icon.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}
#socialIcon li a.youtube-icon:hover {
  background: url(../images/youtube_icon_hover.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}
#socialIcon li a.linkedin-icon {
  background: url(../images/linkedin_icon.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}
#socialIcon li a.linkedin-icon:hover {
  background: url(../images/linkedin_icon_hover.svg) no-repeat center;
  background-size: cover;
  transition: all 0.3s ease;
}

		

/* ----- /Menu des outils ----- */



/* ----- /Outils ----- */





/* ----- Conteneur menus & content ----- */

	

#mainContainer, footer {
	padding-left: 250px;
}

#mainContainer .section:last-of-type {
	padding-bottom: 40px;
}
@media (min-width: 768px) {
	.container {
    width: 700px;
	}
  .handlerBtnlistoffer a:not([hidden]) {
    display: inline-block;
  }
}
@media (min-width: 992px) {
	.container {
	  width: 900px;
	}
}
@media (min-width: 1050px) {
	.container {
	  width: 950px;
	}
}
@media (min-width: 1500px) {
  .container {
    width: 1240px;
  }
}
@media (min-width: 1600px) {
	.container {
    width: 1300px;
	}
}

.csc-textpic {
  overflow: hidden;
}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float: left;
}

#topContent {
  margin-top: 50px;
}

	/* ----- /Conteneur menus & content ----- */


#header {
  background: #e8f8fa;
  padding: 30px 0px;
  position: fixed;
  height: 100vh;
  width: 250px;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.header-bottom {
    position: absolute;
    bottom: 10px;
}
body.connected #header {
  background: #e8f8fa;
  transition: background 0.5s ease;
}
body.connected #header.member {
  background: #fbfbe8;
  transition: background 0.5s ease;
}
#header.menu-close {
}
#header.menu-close .navbar-header {
}
#branding {
  padding: 0px 30px;
}
#branding h1, #branding h2 {
  margin-bottom: 20px;
}
#brandingMobile {
  display: none;
}
.navbar-header {
  float: none !important;
}
.header-content {
    padding-left: 10px;
}

@media (max-width: 1200px) {
  .navbar-toggle {
    display: block !important;
    float: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 14px;
    overflow: hidden;
  }
  .navbar-toggle .icon-bar {
  	transition: all 0.5s ease;
  }
  .navbar-toggle.close-menu .icon-bar:first-of-type {
  	width: 24px;
    transform: rotate(-45deg);
  }
  .navbar-toggle .icon-bar:nth-child(2) {
  	left: 0;
  	opacity: 1;
  	position: relative;
  }
  .navbar-toggle.close-menu .icon-bar:nth-child(2) {
  	left: -100%;
  	opacity: 0;
  }
  .navbar-toggle.close-menu .icon-bar:last-of-type {
  	width: 24px;
    transform: rotate(45deg);
  }
  #branding {
    display: none;
  }
  #brandingMobile {
    display: block;
  }
}

#socialIcon ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
}
#socialIcon ul li {
  list-style-image: none;
  list-style-type: none;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 10px;
}


/* ----- Menus ----- */



/* ----- Menu du haut ----- */

		

#menuTop ul, #login ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menuTop ul li, #login ul li {
  list-style-image: none;
  display: block;
}
#login ul li {
  padding: 0px;
}

#menuTop .btn_header,
#login .btn_header {
  padding: 0px 28px 12px 30px;
  transition: all 0.5s ease;
}
#menuTop .btn_header:hover,
#login .btn_header:hover {
  padding: 0px 28px 12px 30px;
  text-decoration: none;
}
#menuTop a,
#login a {
  padding: 0px;
  display: inline;
  position: relative;
  text-decoration: none;
  line-height: 23px;
  font-size: 19px;
  color: #ffffff;
  transition: all 0.3s ease;
  font-weight: 600;
}
#menuTop a:after,
#login a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 1px;
  bottom: -2px;
  background: #00939b;
  transition: all 0.5s ease;
}
#menuTop a:hover:after,
#login a:hover:after {
 	width: 100%;
}
#login .active a:after,
#login .logout a:after {
	display: none;
}
#login .logout {
  padding: 0px 30px;
  position: relative;
} 
#login .logout a {
  padding-left: 24px;
}
#login .logout .close-icon {
  position: absolute;
  display: inline-block;
  height: 18px;
  width: 18px;
  overflow: hidden;
  border: 1px solid #00b2c3;
  border-radius: 50%;
  left: 0px;
  z-index: 1;
  top: 3px;
  cursor: pointer;
  transition: all 0.5s ease;
}
#login .logout .close-icon:before,
#login .logout .close-icon:after {
  width: 70%;
  transition: all 0.5s ease;
}
#login .logout a:hover .close-icon {
  transform: rotate(90deg);
  border: 1px solid #00939b;
}
#login .logout a:hover .close-icon:before,
#login .logout a:hover .close-icon:after {
	background: #00939b;
  width: 100%;
}
.logout img {
  width: 16px;
  height: 16px;
  margin-top: -5px;
}
#menuTop .login a,
#menuTop .logout a {
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  color: #fff;
}

#login .login.active a {
  color: #ffffff !important;
  background-color: #00b2c3;
  transition: all 0.3s ease;
}
#login .login.active a:hover {
  text-decoration: none;
  background-color: #00939b;
}

#menuTop .avdems {
  background-color: #007a85;
}

#menuTop .cfa:hover {
  background-color: #007a85;
}

#menuTop .cfa {
  background-color: #444444;
}

#menuTop .btn_header {
  color: #00b2c3!important;
}

#menuTop .btn_header a,
#login ul li a{
  color: #00b2c3;
  font-weight: 600;
  transition: all 0.5s ease;
}	
#login ul li a:hover {
  color: #00939b;
} 
#login ul .login.active {
  margin: 5px 0px 10px;
  padding: 0px 30px;
}
#login ul .login.active a {
  padding: 3px 10px;
}

.invis {
  display: none!important;
}
		

/* ----- /Menu du haut ----- */





/* ----- Menu principal ----- */



#navbar {
  padding-left: 0;
  padding-right: 0;
  margin-top: 50px;
  margin-bottom: 60px;
  position: relative;
}

#menuMain {
  height: auto;
  width: 100%;
  visibility: visible;
  transition: all 0.5s ease;
  opacity: 1;
}
.connected #menuMain {
	position: relative;
	left: -100%;
  opacity: 0;
	transition: opacity 0.5s ease, left 0.5s ease;
	transition-delay: 0s, .1s;
}
.connected #menuMain.display-menu {
  left: 0px;
  opacity: 1;
}
.connected #menuMember {
  position: relative;
  left: 0px;
  transition: opacity 0.5s ease, left 0.5s ease;
  transition-delay: 0s, .1s;
  top: 0px;
  opacity: 1;
  margin-top: calc(-100% + 25px);
}
.connected #menuMember.hide-menu {
	left: -100%;
	opacity: 0;
}
.connected .menuChoice {
	position: relative;
	right: 0px;
	display: block;
  height: 25px;
  margin-bottom: 22px;
}
.menuChoice a {
	position: absolute;
	transition: opacity 0.5s ease, left 0.5s ease;
	transition-delay: 0s, .1s;
  color: #565655;
  font-weight: 700;
  font-size: 16px;
}

.menuChoice .main {
	left: 30px;
	opacity: 1;
}
.menuChoice .main:hover .arrow {
	margin: 10px 25px 10px 5px;
}
.menuChoice .main:hover .arrow:before {
  width: 24px;
}
.connected .menuChoice.hide-menu .main {
	left: -100%;
	opacity: 0;
}
.menuChoice .member {
	left: -100%;
	opacity: 0;
}
.menuChoice .member:hover .arrow {
	margin: 10px 5px 10px 25px;
}
.menuChoice .member:hover .arrow:before {
  width: 24px;
}
.connected .menuChoice.hide-menu .member {
	left: 30px;
	opacity: 1;
}
#menuMain ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menuMain ul li {
  list-style-image: none;
}

#menuMain a:hover {
  border-bottom: none;
}

#menuMain > ul {
  display: block;
}

#menuMain > ul > li {
  display: block;
  padding: 0px;
  position: relative;
}

#menuMain > ul .menu-overlay {
	background: rgba(232, 248, 250, 0.9);
	position: fixed;
	content: "";
	height: 100vh;
	width: 250px;
	z-index: 1;
	top: 0px;
  left: 250px;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.connected #menuMain > ul .menu-overlay {
	background: rgba(232, 248, 250, 0.9);
	position: fixed;
	content: "";
	height: 100vh;
	width: 250px;
	z-index: 1;
	top: 0px;
	left: 250px;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#menuMain > ul > li {
	transition: all 0.3s ease;
  padding: 0px 31px 10px 28px;
}
#menuMain > ul > li:hover {
  padding: 0px 28px 10px 31px;
}
#menuMain > ul > li > a {
  text-decoration: none;
  line-height: 1;
  color: #00b2c3;
  font-size: 19px;
  text-align: left;
  box-sizing: content-box;
  display: inline;
  width: 100%;
  line-height: 23px;
  padding: 0px;
  position: relative;
  transition: all 0.3s ease;
  font-weight: 600;
}
#menuMain > ul > li > a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 1px;
  bottom: -2px;
  background: #00939b;
  transition: all 0.5s ease;
}
#menuMain > ul > li > a:hover {
  text-decoration: none;
}
#menuMain > ul > li > a:hover:after {
 	width: 100%;
}
#menuMain > ul > li.menuOn > a:after {
  width: 100%;
}
#menuMain > ul > li.menuOn {
    padding: 0px 28px 10px 31px;
}


#menuMain > ul:first-child > li:last-child > a:first-child {
  margin-right: 0;
}

#menuMain > ul:first-child > li:first-child > a:first-child:hover,
#menuMain > ul:first-child > li.menuOn:first-child > a:first-child {
  background-position: center bottom;
}


		

/* icon-bar */

.navbar-toggle .icon-bar {
  background: #00b2c3;
}
.navbar-toggle .icon-bar {
  width: 30px;
}
.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 6px;
}
    

/* ----- Sous-menu ----- */

#menuMain .dropdown-menu {
  display: none;
  position: absolute;
  z-index: 99;
  padding: 25px 0;
  width: 250px;
  border: none;
  top: -25px;
  height: auto;
  overflow: auto;
  left: 240px;
  margin: 0px;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

#menuMain ul ul {
  display: block;
  float: left;
}

#menuMain ul ul:last-child {
  border-right: none;
}

/*#menuMain ul li:hover .dropdown-menu {
  display: block;
}*/

#menuMain ul ul li {
  padding: 0px 33px 10px 30px;
  transition: all 0.3s ease;
}
#menuMain ul ul li:last-of-type {
  padding: 0px 33px 0px 30px;
  transition: all 0.3s ease;
}
#menuMain ul ul li:last-of-type:hover {
  padding: 0px 30px 10px 33px;
  transition: all 0.3s ease;
}
#menuMain ul ul li:hover {
  padding: 0px 30px 10px 33px;
}
#menuMain ul ul li.menuOn {
  padding: 0px 30px 10px 33px;
}
#menuMain ul ul li a {
  display: inline-block;
  color: #00b2c3;
  font-size: 19px;
  line-height: 23px;
  transition: all 0.3s ease;
  font-weight: 600;
  position: relative;
}
#menuMain ul ul li a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 1px;
  bottom: -2px;
  background: #00939b;
  transition: all 0.5s ease;
}
#menuMain ul ul li a:hover {
  text-decoration: none;
}
#menuMain ul ul li a:hover:after {
  width: 100%;
}
#menuMain ul ul li.menuOn a:after {
  width: 100%;
}





/* ----- /Sous-menu ----- */



/* ----- /Menu principal ----- */





/* ----- Menu des membres en haut ----- */


#menuMember ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#menuMember ul li {
  list-style-image: none;
}

#menuMember a:hover {
  border-bottom: none;
}

#menuMember > ul {
  margin: 0px;
  padding: 0px;
}

#menuMember > ul > li {
  display: block;
  padding: 0px;
  position: relative;
}
#menuMember > ul .menu-overlay {
	background: rgba(232, 248, 250, 0.9);
	position: fixed;
	content: "";
	height: 100vh;
	width: 250px;
	z-index: 1;
	top: 0px;
	left: 250px;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.connected #menuMember > ul .menu-overlay {
	background: rgba(251, 251, 232, 0.9);
	position: fixed;
	content: "";
	height: 100vh;
	width: 250px;
	z-index: 1;
	top: 0px;
	left: 250px;
  opacity: 1;
  transition: opacity 0.5s ease;
}

#menuMember > ul > li {
	padding: 0px 31px 10px 28px;
  transition: all 0.3s ease;
}
#menuMember > ul > li:hover {
	padding: 0px 28px 10px 31px;
}
#menuMember > ul > li.menuOn {
  padding: 0px 28px 10px 31px;
}
#menuMember > ul > li > a {
  text-decoration: none;
  line-height: 23px;
  color: #00b2c3;
  font-size: 19px;
  text-align: left;
  box-sizing: content-box;
  display: inline;
  padding: 0px;
  position: relative;
  transition: all 0.3s ease;
  font-weight: 600;
}
#menuMember > ul > li > a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 1px;
  bottom: -2px;
  background: #00939b;
  transition: all 0.5s ease;
}
#menuMember > ul > li > a:hover:after {
  width: 100%;
}
#menuMember > ul > li.menuOn > a:after {
  width: 100%;
}
#menuMember > ul > li > a:hover {
  text-decoration: none;
}
		

/* ----- Sous-menu ----- */


#menuMember .dropdown-menu {
  display: none;
  position: absolute;
  z-index: 99;
  padding: 25px 0;
  width: 250px;
  border: none;
	top: -25px;
	height: auto;
	overflow: auto;
  left: 240px;
  margin: 0px;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

#menuMember ul ul:last-child {
  border-right: none;
}

/*#menuMember ul li:hover .dropdown-menu {
  display: block;
}*/

#menuMember ul ul li {
  padding: 0px 33px 10px 30px;
  transition: all 0.3s ease;
}
#menuMember ul ul li:hover {
  padding: 0px 30px 10px 33px;
}
#menuMember ul ul li.menuOn {
  padding: 0px 30px 10px 33px;
}
#menuMember ul ul li:last-of-type {
  padding: 0px 33px 0px 30px;
  transition: all 0.3s ease;
}
#menuMember ul ul li:last-of-type:hover {
  padding: 0px 30px 0px 33px;
  transition: all 0.3s ease;
}

#menuMember ul ul li a {
  display: inline-block;
  position: relative;
  padding: 0px;
  color: #00b2c3;
  font-size: 19px;
  line-height: 23px;
  transition: all 0.3s ease;
  font-weight: 600;
}
#menuMember ul ul li a:after {
  content: "";
  position: absolute;
  left: 0px;
  width: 0px;
  height: 1px;
  bottom: -2px;
  background: #00939b;
  transition: all 0.5s ease;
}
#menuMember ul ul li a:hover:after {
  width: 100%;
}
#menuMember ul ul li.menuOn a:after {
  width: 100%;
}
#menuMember ul ul li a:hover {
  text-decoration: none;
}

/* ----- /Sous-menu ----- */



/* ----- /Menu des membres en haut ----- */



/* ----- Menu des membres à gauche ----- */



.menuLeft .welcomeHeader {
  font-size: 1.1em;
  color: #bbbbbb;
  padding: 10px 15px;
}

.menuLeft .welcomeHeader span {
  display: block;
}

.menuLeft .welcomeHeader span.header {
  font-size: 1.5em;
}

.menuLeft ul {
  padding: 0 10px;
  margin: 0;
  list-style: none;
}

.menuLeft ul li {
  list-style-image: none;
}

.menuLeft a:hover {
  border-bottom: none;
}

.menuLeft > ul {
  margin: 10px auto 0 0;
}

.menuLeft > ul > li {
  position: relative;
}

.menuLeft > ul > li > a {
  display: block;
  padding: 10px 5px;
  text-decoration: none;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9em;
  border-bottom: none;
  margin-bottom: 3px;
}

.menuLeft > ul:first-child > li:first-child > a:first-child {
  padding: 0;
  background: transparent url(../images/picto_home_light.png) center top no-repeat;
  display: block;
  height: 30px;
  width: 33px;
  padding: 0;
  border: 0;
}

.menuLeft > ul:first-child > li:first-child > a:first-child:hover,
.menuLeft > ul:first-child > li.menuOn:first-child > a:first-child {
  background-position: center bottom;
}

.menuLeft > ul > li > a:hover,
.menuLeft > ul > li.menuOn > a,
.menuLeft > ul > li:hover > a {
  background-color: #ffffff;
  color: #333333;
}

		
/* ----- Sous-menu ----- */


.menuLeft .dropdown-menu {
  display: none;
  position: absolute;
  top: -20px;
  left: 147px;
  background-color: #ffffff;
  z-index: 89;
  padding: 25px 0;
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 230px;
}

.menuLeft ul li:hover .dropdown-menu {
  display: block;
}

.menuLeft ul ul li a {
  display: block;
  padding: 2px 3px;
  color: #333333;
  margin: 0 15px;
  border-bottom: none;
}

.menuLeft ul ul li a:hover,
.menuLeft ul ul li.menuOn a {
  background-color: #00b2c3;
  color: #ffffff;
}

/* ----- /Sous-menu ----- */


/* ----- Menu secondaire ----- */

		

#menuSub {
  float: left;
  width: 200px;
  background-color: #ff9999;
}

#menuSub ul {
  list-style: none;
  margin: 0;
}

#menuSub li {
  margin: 0;
  padding: 0;
}

#menuSub a {
  display: block;
  padding: 5px;
  background-color: #ccffcc;
  text-decoration: none;
}

#menuSub a:hover,
#menuSub .menuOn a {
  background-color: #66ff66;
  border-bottom: none;
}

		

/* ----- /Menu secondaire ----- */



/* ----- /Menu ----- */





/* ----- Contenu ----- */



#content {
  margin-bottom: 20px;
  color: #565655;
}
.person-list {
  padding-top: 35px;
  border-top: 1px solid #cfe6e8;
  margin-top: 100px;
}
.person-list h5 {
  color: #00939b;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 45px;
 }
.person-list .person-box {
	margin-bottom: 38px;
  display: flex;
  align-items: center;
}
.person-list .person-box .hexa-mask {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 145px;
  height: 145px;
  float: left;
}
.person-list .person-box .hexa-mask img {
  width: 155px;
  height: 134px;
  max-width: inherit;
  display: none;
}
.person-list .person-box .person-content {
  float: left;
  padding-left: 20px;
}
.person-list .person-box .person-name {
  font-size: 24px;
  margin-bottom: 12px;
  margin-top: 0px;
  font-weight: 500;
}
.person-list .person-box p {
  font-size: 21px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 100;
}
	
/* ----- Rootline ----- */

		

#rootline {
  color: #898989;
  height: 35px;
  font-size: 0.9em;
}

#rootline a {
  color: #898989;
}

#rootline a.menuOn {
  color: #333333;
  font-weight: bold;
}

#rootline a:hover {
  border-bottom: none;
}

		

/* ----- /Rootline ----- */





/* ----- Bouton AVDEMS/formation ----- */

		

#scrollButton {
  position: absolute;
  margin-left: -205px;
  z-index: 10;
}

#scrollButton .menuCFA {
  margin-bottom: 30px;
}

#scrollButton .menuCFA,
#scrollButton .menuLeft {
  background-color: #333333;
  color: #ffffff;
  width: 170px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 5px 0;
}

.menuCFA a {
  color: #ffffff;
  display: block;
  width: 130px;
  margin: 10px auto;
  text-align: center;
  padding: 10px 5px;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-shadow: -1px -1px 0px #333333;
}

.menuCFA a:hover {
  border-bottom: none;
}

.menuCFA .avdems {
  background-color: #00b2c3;
}

.menuCFA .cfa:hover {
  background-color: #d3d800;
}

.menuCFA .cfa .txt08 {
  display: block;
  font-weight: normal;
}

.menuCFA .cfa {
  background-color: transparent;
}

		

/* ----- /Bouton AVDEMS/formation ----- */



/* ----- Ext sr_feuser_register ----- */

		

.tx-srfeuserregister-pi1 .edit-profil-list {
  list-style: none;
}

.tx-srfeuserregister-pi1 .edit-profil-list li {
  background: none;
  list-style-image: none;
}

.tx-srfeuserregister-pi1 .edit-profil-list li label {
  float: left;
  width: 320px;
  line-height: 22px;
  height: 38px;
}

.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-password,
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-password_again {
  width: 250px;
}

		
/* ----- /Ext sr_feuser_register ----- */

    

img {
  max-width: 100%;
  height: auto;
}


/* ----- Contenu de gauche ----- */



/* ----- /Contenu de gauche ----- */

.right-box {
	margin-bottom: 72px;
}
.right-box h5 {
  font-size: 21px;
  text-transform: uppercase;
  color: #00b2c3;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 19px;
}

.right-box h5 span {
  float: right;
  position: relative;
  top: -4px;
}
.right-box p {
  line-height: 24px;
}


/* ----- Contenu principal ----- */


#contentMain .contentBox {
  padding: 15px 25px;
  margin-bottom: 20px;
}

#contentMain .contentBox.boxShadow {
  padding: 12px 20px;
}

.threeColumns #contentMain {
  width: 520px;
}

.fourColumns #contentMain {
  width: 320px;
}

		

/* ----- /Contenu principal ----- */





/* ----- Contenu de droite ----- */

		

#contentRight .contentBox {
  padding: 15px;
}

#contentRight .dropdown h2 {
	margin: 0px;
	font-size: 22px;
}
#contentRight .dropdown .trigger {
  padding-bottom: 5px;
}
		

/* ----- /Contenu de droite ----- */





/* ----- FCE multicolonne ----- */

		

.content2Cols,
.content3Cols {
  color: #7a7a7a;
}

.content2Cols h1,
.content3Cols h1,
.content2Cols h2,
.content3Cols h2 {
  border-bottom: none;
  padding-bottom: 0;
  margin: 5px 0;
}

.content2Cols p,
.content3Cols p {
  margin: 5px 0;
}

.content2Cols .middleAlign p,
.content3Cols .middleAlign p,
.special.content2Cols p,
.special.content3Cols p {
  text-align: center;
}

a.boxHover {
  color: #7a7a7a;
  text-decoration: none;
}

a.boxHover:hover {
  color: inherit;
  border-bottom: none;
  cursor: pointer;
}

a.boxHover .arrow {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  background-image: url(../images/btn_more_red.png);
  width: 26px;
  height: 100%;
  background-position: top center;
}

a.boxHover:hover .arrow {
  background-position: center 170px;
}

a.boxHover .middleAlign {
  padding-right: 30px;
}

/* ----- 2 colonnes ----- */


.content2Cols {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.content2Cols .contentLeft {
  margin-right: 10px;
}

.content2Cols .contentRight {
  margin-left: 10px;
}

.content2Cols .contentLeft,
.content2Cols .contentRight {
  display: block;
  height: 160px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  display: table;
}

.twoColumns .content2Cols .contentLeft,
.twoColumns .content2Cols .contentRight {
  width: 315px;
}

.content2Cols .middleAlign {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.thirds21.content2Cols .contentLeft,
.thirds12.content2Cols .contentRight {
  width: 626px;
}

.twoColumns .thirds21.content2Cols .contentLeft,
.twoColumns .thirds12.content2Cols .contentRight {
  width: 427px;
}

.thirds12.content2Cols .contentLeft,
.thirds21.content2Cols .contentRight {
  width: 304px;
}

.twoColumns .thirds12.content2Cols .contentLeft,
.twoColumns .thirds21.content2Cols .contentRight {
  width: 203px;
}

.special.content2Cols {
  margin-bottom: 40px;
  position: relative;
  overflow: inherit;
}

.oneColumn .special.content2Cols:after {
  background: url(../images/symbol-element-bkg.png) no-repeat center;
  content: "";
  position: absolute;
  right: -230px;
  bottom: -135px;
  width: 406px;
  height: 333px;
  z-index: -1;
}

.special.content2Cols:after {
  background: url(../images/symbol-element-bkg-formation.png) no-repeat center;
  content: "";
  position: absolute;
  left: -279px;
  bottom: -81px;
  width: 407px;
  height: 296px;
  z-index: -1;
}

.special.content2Cols .contentRight,
.special.content2Cols .contentLeft {
  display: block;
  height: 360px;
  padding: 0;
  position: relative;
  text-align: center;
  margin: 0;
}

.special.content2Cols .contentLeft {
  text-align: left;
}

.special.content2Cols .contentRight h1 {
  color: #00b2c3;
  font-weight: 600;
  font-size: 2em;
  margin: 25px 0 0 0;
  text-transform: uppercase;
}


/* ----- /2 colonnes ----- */


/* ----- 3 colonnes ----- */


.content3Cols {
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.content3Cols .contentLeft {
  float: left;
  margin-right: 15px;
}

.content3Cols .contentRight {
  float: right;
  margin-left: 15px;
}

.content3Cols .contentCenter {
  float: left;
}

.content3Cols .contentLeft,
.content3Cols .contentRight,
.content3Cols .contentCenter {
  display: block;
  width: 303px;
  height: 160px;
  position: relative;
  text-align: center;
  display: table;
}

.twoColumns .content3Cols .contentLeft,
.twoColumns .content3Cols .contentRight,
.twoColumns .content3Cols .contentCenter {
  width: 203px;
}

.content3Cols .middleAlign {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}


/* ----- /3 colonnes ----- */		



/* ----- /FCE multicolonne ----- */





/* ----- Pagination ----- */

		

.pagination,
.browsebox {
  margin: 10px 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.paginationContainer {
  margin-top: 20px;
}

.paginationContainer,
.browseLinksWrap {
  display: inline-block;
  height: 20px;
  width: auto;
}

.browsebox {
  display: block;
  margin: 10px 0 15px;
  overflow: hidden;
}

.browsebox li {
  list-style: none outside none;
}

.pagination a,
.browseLinksWrap a,
.pagination .menuOn,
.browsebox li a {
  background-color: #7a7a7a;
  color: #ffffff !important;
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 3px;
  padding: 0 7px;
  text-align: center;
}

.pagination a:hover,
.browseLinksWrap a:hover,
.browsebox li a:hover {
  background-color: #4f4f4f !important;
  text-decoration: none !important;
  border-bottom: none;
}

.pagination .menuOn,
.browseLinksWrap .activeLinkWrap a,
.browsebox li.tx-indexedsearch-browselist-currentPage a {
  background-color: #00b2c3 !important;
}

.pagination .prev,
.browseLinksWrap .prev {
  background: transparent url(../images/paging_prev.png) no-repeat scroll left center;
  display: block;
  height: 20px;
  width: 16px;
}

.pagination .next,
.browseLinksWrap .next {
  background: transparent url(../images/paging_next.png) no-repeat scroll right center;
  display: block;
  height: 20px;
  width: 16px;
}

		

/* ----- /Pagination ----- */





/* ----- Indexed Search ----- */

		

.tx-indexedsearch p.description {
  margin: 0 0 40px 0;
}

.tx-indexedsearch .resultOutput h2 {
  margin-top: 30px;
}
.tx-indexedsearch-info .tx-indexedsearch-text-item-path {
	margin: 0px;
}

.tx-indexedsearch-res {
  display: block;
  padding: 0px 0px 30px 0;
  border-bottom: 2px solid #e0eff0;
  margin-bottom: 50px;
  position: relative;
}
.tx-indexedsearch-res:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: -1px;
  width: 0px;
  height: 2px;
  transition: all 0.5s ease;
  background: #00b2c3;
}
.tx-indexedsearch-res:hover:after {
    width: 100%;
}
		

/* ----- /Indexed Search ----- */





/* ----- * Extension offres d'emploi * ----- */


		.jobsListContainer .itemLink {
      display: block;
      padding: 0px 0px 30px 0;
      border-bottom: 2px solid #e0eff0;
      margin-bottom: 50px;
      position: relative;
		}
    .jobsListContainer .itemLink:after {
      position: absolute;
      content: "";
      left: 0px;
      bottom: -1px;
      width: 0px;
      height: 2px;
      transition: all 0.5s ease;
      background: #00b2c3;
    }
    .jobsListContainer .itemLink:hover:after {
      width: 100%;
    }
    .jobsListContainer .itemLink .arrow {
      display: none;
    }

		.jobsListContainer .itemLink:last-child:hover {border-bottom: none;
		}

		.jobsListContainer .itemLink:hover span.arrow { display: none;}

		.jobsListContainer .itemLink .rate {float: right;margin-top: 10px; 	
		}

		.jobsListContainer .itemLink .header {display: block;color: #333333;margin-bottom: 10px;font-size: 1.6em;font-weight: bold;
		  transition: all 0.3s ease;
    }
    .jobsListContainer .itemLink:hover .header { color: #00b2c3;}

		.jobsListContainer .itemLink .details {display: block;overflow: hidden;color: #7a7a7a;
		}

		.jobsListContainer .itemLink .details span {display: block;float: left;
		}

		.jobsListContainer .itemLink .details .hireDate {float: right;
		}
       .jobsListContainer .itemLink .details .endDate {clear: both;
         float: right;
         }
		.jobsSingleContainer.boxShadow
		.jobsListContainer.boxShadow {
    		padding: 10px 20px;
		}

		.jobsSingleContainer .attachments {margin-bottom: 20px;	
		}

		.jobsSingleContainer .apply {margin-bottom: 20px;
		}

		.jobsSingleContainer .backBtn {margin: 15px 0;float: right;
		}

    .jobsSearchFormContainer {
      margin-bottom: 50px;
    }
		.jobsSearchFormContainer #jobsSearchForm {margin-top: 10px;overflow: hidden;
		}


		.jobsSearchFormContainer .dropDownList,
		.jobsSearchFormContainer .checkbox,
		.jobsSearchFormContainer .submitButton {float: left;
		}

		.jobsSearchFormContainer .dropDownList {margin-right: 20px;	
		}

		.jobsSearchFormContainer .checkbox {margin-top: -7px;line-height: 40px;font-weight: bold;
		}

		.jobsSearchFormContainer .checkboxLabel {margin-right: 20px;
		}

		.jobsListContainer .boxMore {margin: 20px 0;
		}
		
/* ----- * Formulaire frontend * ----- */

#jobsAddForm .inputField label,#jobsAddForm .dropDownList label,#jobsAddForm .checkbox,#jobsUpdateForm .inputField label,#jobsUpdateForm .dropDownList label,#jobsUpdateForm .checkbox {	display: block;	margin-top: 20px;}
.notifications .success {	color: #458b00;	}
#jobsAddForm .inputField input,#jobsUpdateForm .inputField input {	width: 300px;	}
#jobsAddForm .inputField textarea,#jobsUpdateForm .inputField textarea {	width: 590px;	min-height: 150px;}.handlerBtn {	margin: 20px 0 10px 0;	}
.handlerBtnlistoffer a:not([hidden]) {

  margin-right: 20px;
  margin-bottom: 10px !important;
}
/* Ajout jpe 05.01.16 correction position checkboxes */.tx_wngjobs_pi1_contract_types{	margin-left: 0px!important;}#jobsSearchForm .tx_wngjobs_pi1_contract_types{	margin-top: 13px!important;}

/* ----- * /Formulaire frontend * ----- */



/* ----- * /Extension offres d'emploi * ----- */



/* ----- * Extension EMS * ----- */



/* ----- * Liste * ----- */
.formation-iframe {
    width:100%!important;
    max-width:100%!important;
}	

.emsListContainer {
  padding: 20px 0;
}

.emsListContainer .itemLink {
  display: block;
  position: relative;
}

.emsListContainer .itemLink:last-child {
  border-bottom: none;
}

.emsListContainer .item {
  display: block;
  padding: 20px;
  margin-bottom: 0px;
  position: relative;
  background: #f4f4f4;
  z-index: 0;
}
.emsListContainer .item:nth-child(2n) {
	background: #fff;
}
.emsListContainer .item:nth-child(2n):after {
	background: #fff;
  content: "";
  position: absolute;
  left: -100%;
  top: 0px;
  right: -100%;
  width: 300%;
  height: 100%;
  z-index: -1;
}

.emsListContainer .item span.arrow {
  display: none;
}
.emsListContainer .item:hover span.arrow {
  background-image: url(../images/btn_more_red.png);
  display: none;
  position: absolute;
  right: -20px;
  top: 40px;
  width: 26px;
  height: 64px;
  background-position: left bottom;
}

.emsListContainer .item .pic {
  position: absolute;
  width: 210px;
  display: block;
}

.picture_map {
  position: absolute;
}

.emsSingleContainer .map-bg {
  position: relative;
}

.emsListContainer .item .pic img {
  display: block;
  border: 1px solid #cfe6e8;
}

.emsListContainer .item .google-maps {
  position: absolute;
  right: 20px;
  top: 20px;
  padding-left: 20px;
  height: 22px;
  line-height: 22px;
  background: url(../images/geo.jpg) no-repeat left center;
}

.emsListContainer .item .pictoCar {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 125px;
  height: 15px;
  font-size: 0.9em;
}

.emsListContainer .item .pictoBus {
  position: absolute;
  right: 160px;
  bottom: 17px;
  width: 150px;
  height: 18px;
  font-size: 0.9em;
}

.emsListContainer .item .desc {
  margin-left: 230px;
  min-height: 145px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #00b2c3;
}

.emsListContainer .item .details {
  font-size: 0.9em;
}

.emsListContainer .item .header {
  display: block;
  color: #00b2c3;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}

.emsListContainer .item .header a {
  color: #00b2c3;
}

.emsListContainer .info-text {
  float: left;
}

.emsListContainer .details .address {
  margin-bottom: 10px;
  display: block;
}

.emsListContainer .details .phone,
.emsListContainer .details .fax {
  display: block;
}

.emsListContainer .map-bg {
  float: right;
}

.search-options-container {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cfe6e8;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

#emsSearchForm .submitButton {
  text-align: center;
}

#emsSearchForm input[type="submit"] {
  text-transform: uppercase;
  box-shadow: none;
  text-shadow: none;
}

#emsSearchForm input[type="submit"]:hover {
  cursor: pointer;
}

#emsSearchForm input[type="submit"]:disabled {
  background: #999999;
  cursor: auto;
  color: #ffffff;
}

input[type="radio"] {
  vertical-align: top;
}

.checkboxList label {
  position: relative;
  display: inline-block;
  text-decoration: none;
  outline: none;
}

.checkboxList label span {
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.checkboxList label:hover {
  border: 0;
}

.checkboxList label:hover span {
  visibility: visible;
}

.checkboxList label span:before,
.checkboxList label span:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.checkboxList label span:before {
  border-top-color: #ccc;
  bottom: -8px;
}

#emsSearchForm p {
  float: right;
  font-size: 1.4em;
  margin-top: -37px;
}

#emsSearchForm p .result {
  color: #00b2c3;
}

		

/* ----- * /Liste * ----- */



/* ----- * Détail * ----- */

		

.emsSingleContainer {
  padding: 20px 0;
}

.emsSingleContainer .col1,
.emsSingleContainer .col2,
.emsSingleContainer .col3, 
.emsSingleContainer .col4 {
  width: 205px;
  margin-left: 30px;
  float: left;
}
.emsSingleContainer .details2 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.emsSingleContainer .details2 .col1,
.emsSingleContainer .details2 .col2,
.emsSingleContainer .details2 .col3, 
.emsSingleContainer .details2 .col4 {
  width: 50%;
  margin-left: 0px;
  float: left;
  padding: 0px 15px;
  min-height: 150px;
}

.emsSingleContainer .col1 {
  margin-left: 0px;
}

.emsSingleContainer .details1,
.emsSingleContainer .details2,
.emsSingleContainer .details3,
.emsSingleContainer .details4,
.emsSingleContainer .details5 {
  overflow: hidden;
  margin: 10px 0;
  padding: 10px 0;
}

.emsSingleContainer .details1 .text {
  width: 650px;
}

.emsSingleContainer .headerAccess {
  overflow: hidden;
}

.emsSingleContainer .headerAccess h2 {
  float: left;
}

.emsSingleContainer .google-maps {
  padding-left: 20px;
  height: 22px;
  line-height: 22px;
  background: url(../images/geo.jpg) no-repeat left center;
  float: left;
}

.emsSingleContainer .details1 .pic {
  float: right;
  width: 220px;
}

.emsSingleContainer .details1 .beds {
  margin-top: 5px;
  font-size: 0.9em;
}

.emsSingleContainer .details2, .emsSingleContainer .details3, .emsSingleContainer .details4 {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 25px;
  padding-bottom: 40px;
}

.emsSingleContainer .details2 .header {
  font-weight: bold;
  margin-bottom: 10px;
}

.emsSingleContainer .details {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 25px;
  padding-bottom: 40px;
}

.emsSingleContainer .details3 .col1,
.emsSingleContainer .details3 .col2,
.emsSingleContainer .details4 .col1,
.emsSingleContainer .details4 .col2,
.emsSingleContainer .details5 .col1,
.emsSingleContainer .details5 .col2,
.emsSingleContainer .details .col1,
.emsSingleContainer .details .col2 {
  width: 440px;
}

.emsSingleContainer .slideshow {
  position: relative;
  height: 150px;
  overflow: hidden;
}

.emsSingleContainer .slideshow img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 8;
}

.emsSingleContainer .slideshow img.active {
  z-index: 10;
}

.emsSingleContainer .slideshow img.last-active {
  z-index: 9;
}

.emsSingleContainer .backBtn {
  margin: 15px 0;
  float: right;
}

.emsSingleContainer table {
  font-size: 1em;
  width: 100%;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 25px;
}

.emsSingleContainer table td,
.emsSingleContainer table th {
  width: 50%;
  display: table-cell;
  height: auto;
  vertical-align: middle;
}

.emsSingleContainer .sixcols table td,
.emsSingleContainer .sixcols table th {
  width: 15%;
}

.emsSingleContainer .sevencols table td,
.emsSingleContainer .sevencols table tr:first-child th {
  width: 12%;
}

.emsSingleContainer .sevencols table tr th:first-child,
.emsSingleContainer .sixcols table tr th:first-child,
.emsSingleContainer .sixcols table tr td:first-child {
  width: 25%;
}

.emsSingleContainer .eightcols table tr th {
  display: table-cell;
  height: auto;
  vertical-align: middle;
  line-height: 30px;
  padding-bottom: 0;
}

.emsSingleContainer .eightcols table td,
.emsSingleContainer .eightcols table tr:first-child th {
  display: table-cell;
  height: auto;
  vertical-align: middle;
  text-align: center;
}

.emsSingleContainer .eightcols table td,
.emsSingleContainer .eightcols table th {
  width: 12.28%;
}

.emsSingleContainer .eightcols table tr th:first-child,
.emsSingleContainer .eightcols table tr td:first-child {
  width: 14%;
}

.emsSingleContainer .forcols table td,
.emsSingleContainer .forcols table th {
  width: 25%;
}

.emsSingleContainer table th {
  padding-bottom: 12px;
}

.emsSingleContainer table tr {
  padding: 7px 10px;
  border-bottom: 1px solid #D7D7D7;
}

.emsSingleContainer table tr:nth-child(even) {
  background: #F0F0F0;
}

.emsSingleContainer .highlightcols table tr {
  background: none;
}

.emsSingleContainer .highlightcols table tr th:nth-child(even),
.emsSingleContainer .highlightcols table tr td:nth-child(even) {
  background: #F0F0F0;
}

.emsSingleContainer .highlightcols table tr th,
.emsSingleContainer .highlightcols table tr td {
  border-right: 1px solid #D7D7D7;
}

.emsSingleContainer .highlightcols table tr th:last-child,
.emsSingleContainer .highlightcols table tr td:last-child {
  border: none;
}

.emsSingleContainer .highlightcols table tr th,
.emsSingleContainer .highlightcols table tr td {
  width: 33.3%;
}

.emsSingleContainer .highlightcols table tr td p {
  margin: 4px 0;
}

.emsSingleContainer table tr td:last-child,
.emsSingleContainer table tr th:last-child {
  padding-left: 15px;
}


/* ----- * /Détail * ----- */

/* ----- * Formulaire de recherche * ----- */


.emsSearchFormContainer #emsSearchForm {
  margin: 20px 0;
}

.emsSearchFormContainer #tx_wngems_pi1_search {
  width: 450px;
  background-color: #f2f2f2;
  margin-bottom: 20px;
}

.emsSearchFormContainer .checkboxList {
  float: left;
}

.emsSearchFormContainer .checkboxList h2 {
  margin-top: 0;
}

.emsSearchFormContainer .checkboxList.border {
  color: #00b2c3;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}

.emsSearchFormContainer .checkboxList .map {
  float: right;
}

.emsSearchFormContainer .checkbox {
  position: relative;
  width: 220px;
  font-size: 0.9em;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 0;
}

.emsSearchFormContainer .checkbox input[type=checkbox] {
  position: absolute;
  margin-left: 5px;
  z-index: 1;
  opacity: 0;
}

.emsSearchFormContainer .checkbox label {
  display: block;
  margin-left: 6px;
  font-weight: 600;
  color: #007985;
  font-size: 14px;
  position: relative;
}

.emsSearchFormContainer .checkboxListService .checkbox {
  width: auto;
  margin-right: 12px;
  float: left;
}
.emsSearchFormContainer .checkboxListService h3 {
  margin-bottom: 16px;
}
.emsSearchFormContainer [type="checkbox"]:not(:checked) + label:before, .emsSearchFormContainer [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #007985;
  background: #f4f4f4;
}
.emsSearchFormContainer [type="checkbox"]:not(:checked) + label:after, .emsSearchFormContainer [type="checkbox"]:checked + label:after {
  content: 'x';
  position: absolute;
  top: -14px;
  left: 1px;
  font-size: 26px;
  color: #007985;
  line-height: 1.75;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
  opacity: 0;
}
.emsSearchFormContainer [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  font-weight: 500;
}
.emsSearchFormContainer [type="checkbox"]:checked + label {
  font-weight: 700 !important;
}
.emsSearchFormContainer [type="checkbox"]:checked + label:after {
  font-weight: 500;
}

.emsSearchFormContainer .boxMore {
  margin: 20px 0;
}

.checkboxListFilter h3, .checkboxAreaMap h3 {
  color: #007985;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
}
.wngems_regions::-webkit-input-placeholder {
  color: #80d8e1;
}
.wngems_regions::-moz-placeholder {
  color: #80d8e1;
}
.wngems_regions:-ms-input-placeholder {
  color: #80d8e1;
}
.wngems_regions:-moz-placeholder {
  color: #80d8e1;
}

/* ----- * /Formulaire de recherche * ----- */


/* ----- * /Formulaire frontend * ----- */


.htmlarea-tbar.htmlarea-tbar-noheader > div > div, .htmlarea-tbar.htmlarea-tbar-noheader > div > table, .htmlarea .toolbar .separator {
  display: none;
}

.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_infrastructures_cat__6-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_infrastructures_lp__6-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_infrastructures_cs__6-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_activities__1-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_medical_monitoring__7-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_rates_cat__3-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_rates_cs__3-InsertUnorderedList,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_rates_cat__3-CreateLink,
.htmlarea-tbar.htmlarea-tbar-noheader #tx_wngems_pi1_rates_cs__3-CreateLink {
  display: block;
  margin-bottom: 0;
}

.htmlarea .toolbar {
  display: inline-block;
}

.emsUpdateFormContainer .inputField label {
  display: block;
}

.emsUpdateFormContainer .inputField input {
  width: 300px;
}

.emsUpdateFormContainer .inputField textarea {
  width: 590px;
  min-height: 150px;
}

.emsUpdateFormContainer .checkbox {
  margin: 10px 0 15px 0;
}

.emsUpdateFormContainer .checkbox.services {
  display: none;
}

.emsUpdateFormContainer #checkbox_service_5, .emsUpdateFormContainer #checkbox_service_6, .emsUpdateFormContainer #checkbox_service_7 {
  display: block;
}

.emsUpdateFormContainer [readonly=readonly] {
  background-color: #f2f2f2;
}

.emsUpdateFormContainer .tx_wngems_pi1_certifications {
  margin-right: 10px;
  padding: 2px;
}

.emsUpdateFormContainer .question-mark, .emsUpdateFormContainer .info-bulle {
  display: none;
}

#emsUpdateForm .checkbox input[type=checkbox], #emsUpdateForm .checkbox-inline input[type=checkbox], #emsUpdateForm .radio input[type=radio], #emsUpdateForm .radio-inline input[type=radio],
#jobsAddForm .checkbox input[type=checkbox], #jobsAddForm .checkbox-inline input[type=checkbox], #jobsAddForm .radio input[type=radio], #jobsAddForm .radio-inline input[type=radio] {
  margin-left: 0;
}

.emsUpdateFormContainer .inputField textarea,
#jobsAddForm textarea, #jobsAddForm select,
#jobsAddForm .inputField input, #jobsUpdateForm .inputField input,
.htmlarea-body, #emsUpdateForm iframe, .editorWrap, .htmlarea {
  width: 99% !important;
  overflow: hidden;
}    

/* ----- * Formulaire frontend * ----- */

		

/* ----- * /Extension EMS * ----- */





/* ----- * Formulaire wng_femails * ----- */


.tx-wngfemails-pi1 ul.rows {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.tx-wngfemails-pi1 ul.rows label {
  float: left;
  width: 286px;
  padding-right: 10px;
}

.tx-wngfemails-pi1 ul.rows li {
  list-style-image: none !important;
  line-height: 25px;
}

.tx-wngfemails-pi1 ul.rows input.inputText {
  width: 300px;
}



/* ----- * /Formulaire wng_femails * ----- */





/* ----- * Grand Carousel * ----- */

		

#wng_carousel a,

		#wng_carousel a:hover {
  border-bottom: none;
}

#wng_carousel.normal.position {
  position: relative;
  margin-bottom: 20px;
}

#wng_carousel.normal .wrap {
  margin: 0;
  padding: 0;
  height: 360px;
  overflow: hidden;
}

#wng_carousel.normal .block {
  position: relative;
  float: left;
  width: 620px;
  height: 360px;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #ffffff;
  z-index: 8;
}

#wng_carousel.normal .carouselContainer {
  position: relative;
  z-index: 8;
  height: 360px;
}

#wng_carousel.normal .carouselOverlay {
  position: absolute;
  background: transparent url(../images/bg_overlay_white.png) top left repeat;
  bottom: 10px;
  right: 20px;
  width: 300px;
  height: auto;
  min-height: 80px;
  color: #ffffff;
  padding: 15px;
  text-align: left;
  overflow: hidden;
}

#wng_carousel.normal .carouselOverlay .overlayHeader {
  font-size: 1.4em;
  display: block;
  margin-bottom: 12px;
  color: #ffffff;
}

#wng_carousel.normal .carouselOverlay .overlayTxt {
  display: block;
  font-size: 0.9em;
  color: #ffffff;
}

#wng_carousel.normal .carouselOverlay .overlayHeader a,

		#wng_carousel.normal .carouselOverlay .overlayTxt a {
  color: #ffffff;
}

#wng_carousel.normal .carouselNav {
  padding: 0;
  margin: 0;
  margin-top: 5px;
  list-style-type: none;
  width: 100%;
  display: none;
}

#wng_carousel.normal .carouselNav li {
  list-style: none;
}

#wng_carousel.normal .carouselPrev,

		#wng_carousel.normal .carouselNext {
  z-index: 11;
}

#wng_carousel.normal .carouselPrev a,

		#wng_carousel.normal .carouselNext a {
  width: 28px;
  height: 28px;
  display: block;
  z-index: 11;
  position: absolute;
  top: 160px;
  background: transparent none left top no-repeat;
}

#wng_carousel.normal .carouselPrev a {
  background-image: url(../images/big_prev.png);
  left: 7px;
}

#wng_carousel.normal .carouselNext a {
  background-image: url(../images/big_next.png);
  right: 7px;
}

#wng_carousel.normal .carouselPrev a:hover,

		#wng_carousel.normal .carouselNext a:hover {
  background-position: left bottom;
}

#wng_carousel.normal .carouselPrev a.disabled,

		#wng_carousel.normal .carouselNext a.disabled {
  display: none;
}

#wng_carousel.normal .carouselPag {
  margin: auto;
  overflow: hidden;
  list-style: none;
  position: absolute;
  bottom: 12px;
  right: 25px;
  z-index: 11;
}

#wng_carousel.normal .carouselPag li {
  margin: 2px 3px;
  display: inline;
}

#wng_carousel.normal .carouselPag li a {
  height: 9px;
  width: 10px;
  display: table-cell;
  display: -moz-inline-box;
  display: inline-block;
  background: transparent url(../images/paging_round_red.png) left bottom no-repeat;
}

#wng_carousel.normal .carouselPag li a:hover {
  background-position: left top;
}

#wng_carousel.normal .carouselPag li a.active {
  background-position: left top;
}

#wng_carousel.normal .carouselLink {
  position: absolute;
  top: 280px;
  left: 50px;
}

#wng_carousel.normal .carouselLinkCursor {
  display: block;
  position: absolute;
  width: 960px;
  height: 360px;
}

		

/* ----- * /Grand Carousel * ----- */



/* ----- * Carousel Bootstrap * ----- */

.carousel, carousel-inner, .carousel .item {
  max-height: 360px;
}

.carousel-indicators {
  left: auto;
  right: 25px;
  bottom: 10px;
  text-align: right;
}

.carousel-indicators li, .carousel-indicators li.active {
  margin: 0 3px;
  background: #ffffff;
  border: none;
  height: 10px;
  width: 10px;
}

.carousel-indicators li.active, .carousel-indicators li.act {
  background: #00b2c3;
}

.carousel-caption {
  position: absolute;
  background: transparent url(../images/bg_overlay_white.png) top left repeat;
  bottom: 15px;
  right: 20px;
  left: auto;
  top: auto;
  width: 300px;
  min-height: 80px;
  color: #ffffff;
  padding: 15px;
  text-align: left;
  overflow: hidden;
}

.carousel-caption h3 {
  font-size: 1.4em;
  text-shadow: none;
  margin: 0 0 12px 0;
  font-weight: normal;
}

.carousel-caption p {
  text-align: left !important;
}

.carousel-inner .item img {
  min-height: 360px;
  width: auto;
  max-width: none !important;
}

    

/* ----- * / Carousel Bootstrap * ----- */





/* ----- * Tooltip * ----- */



.tooltip {
  position: relative;
  position: absolute;
  z-index: 999;
  left: -9999px;
}

.tooltipContent {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
}

.tooltipBottom {
  position: absolute;
  left: 10px;
  bottom: -6px;
  width: 11px;
  height: 7px;
  margin: auto;
  background-image: url(../images/tooltip_bottom.png);
}

.tooltip p {
  margin: 0;
  padding: 8px 10px;
  color: #464646;
  font-size: 0.9em;
}

		

/* ----- * /Tooltip * ----- */





/* ----- * News * ----- */

.slick-slide:focus {
  outline: none;
}
.news .slider-main .item {
  position: relative;
  padding: 0px;
  margin-bottom: 25px;
}
.news .slider-main .news-content {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border: 1px solid #e0eff0;
  padding: 20px 15px 13px 20px;
  width: 50%;
  transition: all 0.5s ease;
}
.news .slider-main .news-content p {
	margin: 0px;
}
.news .slider-main .news-content:hover {
  box-shadow: 2px -2px 25px rgba(24,23,22,0.3);
  border: 1px solid #b2d7da;
}
.section .news .slider-main .slick-slide:before {
  content: "";
  background: url(../images/hexa_one.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 85px;
  height: 74px;
  right: -40px;
  top: 30px;
}
.news .slider-main .news-list-date {
  color: #00b2c3;
  font-size: 17px;
  font-weight: bold;
}
.news .slider-main .slick-list {
  overflow: inherit;
}
.news .slider-main .article h3 {
  margin-bottom: 20px;
  font-size: 23px;
  margin-top: 5px;
}
.news .slider-main h3 a,
.news .slider-main a h3  {
  color: #00939b;
}
.news .slider-main .teaser-text {
	margin-bottom: 25px;
}
.news .article h3 {
	margin-bottom: 22px;
}
.news .top-news-list .article .teaser-text {
  margin-bottom: 25px;
}
.news .article .teaser-text {
  font-size: 17px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.news .article .teaser-text p {
	margin: 0px;
	line-height: 24px;
}
.news .slider-main .more {
  float: right;
  font-size: 17px;
  transition: all 0.3s ease;
  font-weight: bold;
}
.news .slider-main .more:hover {
  color: #007985;
}

.news .slider-main .news-img-wrap {
  float: none;
  margin: 0;
  background: none;
}
.news .slider-main .news-img-wrap a {
  float: none;
  padding: 0px;
  border: 0;
  background: none;
  max-width: 60%;
  overflow: hidden;
}
.slider-nav .slick-list {
	padding: 0px !important;
}
.slider-nav .slick-slide {
	transition: all 0.5s ease;
}
.slider-nav .slick-slide:hover {
	background: #cff0f4;
}
.news .article .news-img-wrap img {
  float: none;
  height: 400px;
  object-fit: cover;
  width: 100%;
  transition: all 0.7s ease;
}
.news .article .news-img-wrap a:hover img {
  transform: scale(1.1);
}
.news .slider-nav {
  margin-bottom: 50px;
}
.news .slider-nav .item {
  padding: 10px 20px 12px 20px;
  cursor: pointer;
  margin: 0px;
}
.news .slider-nav .news-img-wrap,
.news .slider-nav .teaser-text,
.news .slider-nav .more {
  display: none;
}
.news .slider-nav .news-list-date {
	font-size: 16px;
	font-weight: 600;
}
.news .slider-nav h3 {
	font-size: 18px;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}
.news .slider-nav h3 a {
	color: #565655;
}

.slick-prev {
  left: -22px;
}
.slick-next {
  right: -22px;
}
.slick-prev, .slick-next {
  width: 8px;
  height: 25px;
  display: block;
  opacity: 0.7;
  /*transition: all 0.3s ease;*/
}
.slick-prev, .slick-prev:hover, .slick-prev:focus {
  background: url(../images/left_angle.svg) no-repeat center;
}
.slick-next, .slick-next:hover, .slick-next:focus {
  background: url(../images/right_angle.svg) no-repeat center;
}
.slick-prev:hover {
  opacity: 1;
  background: url(../images/left_angle_hover.svg) no-repeat center;
}
.slick-next:hover {
  opacity: 1;
  background: url(../images/right_angle_hover.svg) no-repeat center;
}
		
/*.slick-prev:before {
  border-bottom: 5px solid;
  border-left: 5px solid;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 4px;
  width: 12px;
  height: 25px;
  border-color: #adadad;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transition: all 0.5s ease;
}*/
.slick-prev:before {
  background: #00a1ac;
  left: 2px;
  top: 12px;
  width: 0px;
  height: 1px;
  position: absolute;
  content: "";
  transition: all 0.5s ease;
  opacity: 0;
}
.slick-prev:hover:before {
  width: 30px;
  opacity: 1;
}
/*.slick-next:before {
  border-bottom: 5px solid;
  border-left: 5px solid;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 4px;
  width: 12px;
  height: 25px;
  border-color: #adadad;
  position: absolute;
  top: 50%;
  margin-top: -12px;
   -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  transition: all 0.5s ease;
}*/
.slick-next:before {
  background: #00a1ac;
  right: 2px;
  top: 12px;
  width: 0px;
  height: 1px;
  position: absolute;
  content: "";
  transition: all 0.5s ease;
  opacity: 0;
}
.slick-next:hover:before {
  width: 30px;
  opacity: 1;
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .slick-prev:before, .slick-next:before {
    display: none;
  }
}
.news-list-view .article:nth-child(2n+1) {
	clear: left;
}
.news-list-view .article {
  border-bottom: 2px solid #e0eff0;
  padding-bottom: 20px;
  margin-bottom: 45px;
}
.news-list-view .news-list-date {
  color: #00b2c3;
  font-size: 17px;
}
.news-list-view .article h3 {
  font-size: 23px;
  margin-top: 5px;
  margin-bottom: 22px;
}
.news-list-view .article h3 a{
  color: #00939b;
}
.news-list-view .article .more {
  display: block;
  margin-top: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
.news-list-view .article .more:hover {
  color: #007985;
}
.news .article .more img {
  margin-left: 10px;
  display: inline;
}
.news-single h3 {
  font-size: 20px;
  margin-top: 20px;
}
.news-single .news-text-wrap {
  margin-bottom: 50px;
  font-size: 14px;
}
.news-single .news-backlink-wrap img {
  margin-right: 10px;
  margin-top: -3px;
}
.news-single img {
  margin-top: 20px;
  margin-bottom: 20px;  
}
.news-single .event-location img {
  position: inherit;
  margin-right: 10px;
  left: inherit;
  top: inherit; 
}

.news-single .article .news-img-wrap {
  float: none;
  width: auto;
  margin: 0px;
}
.news.news-single .article .news-img-wrap img {
  height: auto;
  width: auto;
}

.section .top-news-list {
	position: relative;
}
.home .section .top-news-list {
	margin-top: 135px;
}
.section .top-news-list:before {
  content: "";
  background: url(../images/hexa_one.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 85px;
  height: 74px;
  right: 170px;
  top: -164px;
}
.section .top-news-list:after {
  content: "";
  background: url(../images/hexa_two.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  width: 146px;
  height: 109px;
  right: -50px;
  bottom: -155px;
}
.top-news-list,
.event-list-view {
  position: relative;
}
.top-news-list .all-news {
  position: absolute;
  right: 0;
  top: -60px;
}
.event-list-view .all-events {
  position: absolute;
  right: 15px;
  top: -125px;
}
.top-news-list .all-news a,
.event-list-view .all-events a {
  font-size: 19px;
  position: relative;
  font-weight: 600;
}
.top-news-list .all-news a:after,
.event-list-view .all-events a:after {
  background: #00939b;
  content: "";
  position: absolute;
  left: 0px;
  bottom: -4px;
  width: 36px;
  height: 1px;
  transition: all 0.5s ease;
}
.top-news-list .all-news a:hover:after,
.event-list-view .all-events a:hover:after {
  width: 100%;
}

.arrow {
	position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #00b2c3;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 10px 15px 10px 12px;
  transition: all 0.3s ease;
}
.arrow.arrow-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.arrow-right  {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.arrow:after, .arrow:before {
  content: "";
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.arrow:before {
  right: 0px;
  top: -1px;
  position: absolute;
  height: 1px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 14px;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.more:hover .arrow-left {
  margin: 10px 0px 10px 28px;
}
.more:hover .arrow-left:before {
  width: 30px;
}
.news-backlink-wrap a:hover .arrow-right {
  margin: 10px 30px 10px 0px;
}
.news-backlink-wrap a:hover .arrow-right:before {
  width: 30px;
}
.special.news-latest-container {
  padding: 0 15px;
}

.special.news-latest-container,

		.special.news-latest-container a {
  color: #787878;
}

.special.news-latest-container a:hover {
  border-bottom: none;
}

.special.news-latest-container .news-latest-header {
  position: relative;
  color: #333333;
  margin-bottom: 8px;
}

.special.news-latest-container .news-latest-header h2 {
  padding: 0;
  margin: 0;
}

.special.news-latest-container .news-latest-title {
  color: #333333;
}

.special.news-latest-container .news-latest-date {
  font-size: 0.8em;
  text-align: right;
  display: block;
}

.special.news-latest-container .news-latest-item {
  margin: 0;
  padding-bottom: 10px;
}

.special.news-latest-container .linkLike {
  color: #00b2c3;
}

.news .page-navigation p {
  display: none;
}

.news-list-container .news-list-item {
  padding: 10px 20px;
  margin-bottom: 20px;
}

.news-list-container .news-list-item p:last-child {
  margin-bottom: 0;
}

.news-list-header h2,

		.news-single-header h2 {
  font-weight: bold;
}

.news-list-header h2 a {
  color: #333333;
}

.news-list-header h2 a:hover {
  border-bottom: none;
}

.news-list-header .news-list-date,

		.news-single-header .news-single-date {
  float: right;
  font-weight: normal;
}

.news-list-morelink,

		.news-single-backlink {
  height: 40px;
}

.news-list-morelink a,

		.news-single-backlink a {
  background-color: #fff;
  color: #00b2c3 !important;
  padding: 4px 8px;
  border: 1px solid #00b2c3;
  margin: 10px 0;
  float: right;
}

.mailnews {
  overflow: hidden;
}

.mailnews ul {
  margin: 10px 0 0 0;
  list-style: none;
  min-height: 25px;
}

.mailnews ul li {
  font-size: 0.8em;
  display: block;
  background-color: #00b2c3;
  color: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  text-shadow: -1px -1px 0px #555555;
  padding: 3px 6px;
  -moz-box-shadow: 1px 1px 1px 0px #000000;
  -webkit-box-shadow: 1px 1px 1px 0px #000000;
  -o-box-shadow: 1px 1px 1px 0px #000000;
  box-shadow: 1px 1px 1px 0px #000000;
  border: none;
  margin: 0 5px 0 0;
  float: left;
}

.news-single-files {
  margin-bottom: 20px;
}

.news-single-files dd img {
  vertical-align: middle;
}

.news-single-files dd a {
  margin: 0 10px;
}

.picto-print {
  background-image: url(../images/picto_print.png);
  width: 27px;
  height: 22px;
  display: block;
  float: right;
}

.picto-mail {
  background-image: url(../images/picto_mail.png);
  width: 27px;
  height: 22px;
  display: block;
  float: right;
  margin-left: 10px;
}

a.picto-mail:hover,
a.picto-print:hover {
  border: none;
}

		

/* ----- * /News * ----- */


/* ----- * Events * ----- */

.news .category-filter {
  margin: 0px 0px 42px 0px;
}
.news .category-filter li {
  display: inline-block;
  margin-right: 50px;
}
.news .category-filter li a {
  font-size: 19px;
  font-weight: bold;
  color: #80bcc2;
}
.news .category-filter li a.active, .news .category-filter li a:hover {
  color: #007985;
}

.news .event-box {
  display: flex;
  padding-bottom: 0px;
  margin-bottom: 22px;
  transition: all 0.5s ease;
}
.news .event-box:hover .event-box-date,
.news .event-box:hover .event-box-content {
  box-shadow: 2px 2px 8px rgba(24,23,22,0.4);
}

.event-box .event-box-date {
	background: #fff;
  border: 2px solid #e8f8fa;
	color: #565655;
	font-size: 19px;
	line-height: 22px;
	min-height: 200px;
	float: left;
	flex: 1;
  max-width: 115px;
  padding: 15px;
  transition: all 0.5s ease;
  font-weight: 700;
}
.section .event-box .event-box-date {
  border: 0px;
}

.event-box .event-box-date .calendar-icon {
  display: block;
  background: url(../images/calendar_icon.svg) no-repeat center;
  height: 19px;
  width: 19px;
  margin: 0 auto 25px;
}

.event-box .event-box-content {
	background: #00b2c3;
	float: left;
	flex: 1;
	padding: 15px 18px 60px;
	transition: all 0.5s ease;
  position: relative;
}
.event-box .event-box-content .event-category {
	color: #cff0f4;
	font-size: 17px;
	font-weight: 600;
}
.event-box .event-box-content h3 {
	color: #fff;
	font-size: 21px;
	line-height: 26px;
	margin-top: 25px;
}
.event-box .event-location {
  color: #cff0f4;
  font-size: 17px;
  position: absolute;
  bottom: 10px;
  font-weight: 600;
  padding-right: 18px;
  padding-left: 20px;
  margin-bottom: 0px;
}
.news-single .event-location {
  margin-bottom: 30px;
}
.event-location img {
  margin: 0;
  position: absolute;
  left: 0px;
  top: 0px;
}

/* ----- * /Events * ----- */


/* ----- * Prestation * ----- */

.prestation-container {
	margin-bottom: 10px;
}
.prestation-box {
	margin-bottom: 20px;
	display: block;
}
.prestation-box .wrap-img {
	overflow: hidden;
}
.prestation-box .wrap-img img {
	object-fit: cover;
  transition: all 0.75s ease;
  width: 100%;
}
.prestation-box:hover .wrap-img img {
  transform: scale(1.2);
}
.prestation-box.search .wrap-img {
	position: relative;
}
.prestation-box.search:hover .wrap-img img {
	transform: none;
}
.prestation-box.search .wrap-img:after {
	content: "";
	background: url(../images/loupe_prestation_hover.jpg) no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.75s ease;
}
.prestation-box.search:hover .wrap-img:after {
	opacity: 1;
}
.prestation-box h5 {
	color: #00b2c3;
	font-size: 19px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	transition: all 0.3s ease;
}
.prestation-box.search h5 {
  color: #007985;
  font-size: 19px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto 20px;
}
.prestation-box p {
	color: #00b2c3;
	font-size: 16px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 15px;
	line-height: 23px;
	transition: all 0.3s ease;
}
.prestation-box:hover h5, .prestation-box:hover p {
	color: #007985;
}
.prestation-box .more {
	color: #d3d800;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	float: right;
}
.prestation-box .more:after {
  background: #d3d800;
  content: "";
  position: absolute;
  left: 0px;
  bottom: -6px;
  width: 40px;
  height: 1px;
  transition: all 0.5s ease;
}
.prestation-box:hover .more:after {
  width: 100%;
}
.prestation-box:hover .more {
  color: #d3d800;
} 
.prestation-box.search .hex {
  border-left: solid 1px #d3d800;
  border-right: solid 1px #d3d800;
}
.prestation-box.search .hex:before {
  border-top: solid 1.4142px #d3d800;
  border-right: solid 1.4142px #d3d800;
}
.prestation-box.search .hex:after {
  border-bottom: solid 1.4142px #d3d800;
  border-left: solid 1.4142px #d3d800;
}
.prestation-box.search .hex .arrow {
	color: #d3d800;
  margin: 5px 15px 9px 13px;
} 
.prestation-box.search:hover .hex .arrow {
  margin: 5px 15px 9px 16px;
}

/* ----- * /Prestation * ----- */

/* ----- * Login * ----- */

		

.tx-felogin-pi1 form {
  margin-top: 20px;
}

.tx-felogin-pi1 form legend {
  display: none;
}

.tx-felogin-pi1 label[for=permalogin] {
  display: inline;
}
.tx-felogin-pi1 label {
	min-width: 180px;
}

		

/* ----- * /Login * ----- */



/* ----- * Powermail * ----- */

.tx-powermail h3 {
  display: none;
}

.powermail_fieldwrap_text {
  margin: 10px 0;
}

div.tx_powermail_pi1_fieldwrap_html {
  margin: 0 0 2em;
}

    

/* ----- * /Powermail * ----- */





/* ----- * Formulaire de contact * ----- */

		

.form label, .powermail_label {
  display: block;
}

.form input[type=text], .powermail_input {
  width: 200px;
}

.form legend, .powermail_legend {
  color: #333333;
  padding: 10px 0;
  font-weight: normal;
}
fieldset {
	margin-bottom: 20px;
}
.g-recaptcha {
	margin-bottom: 10px;
}
.form p {
  margin: 0;
  padding: 0;
}

.errorList {
  border: 1px solid #c9c9c9;
  color: #00b2c3;
  margin: 10px 0;
  padding: 15px;
}

.errorList ul {
  margin-top: 10px;
}

.errorList .title {
  font-size: 1.2em;
}

.recaptcha ul {
  margin: 0;
  padding-left: 0;
}

.recaptcha ul li {
  list-style-image: none;
}

		

		/* ----- /Formulaire de contact ----- */

		

		

		/* ----- Forum ----- */

		

.tx-mmforum-pi1 .tx-mmforum-pi1-listpost-topicicon,

		.tx-mmforum-pi1 .tx-mmforum-pi1-listtopic-image {
  display: none;
}

.tx-mmforum-pi1 #smilies.tx-mmforum-pi1-newpost-left {
  display: none;
}

.tx-mmforum-pi1 .tx-mmforum-desc {
  margin-left: 0;
}

.tx-mmforum-pi1 a:hover {
  color: #00b2c3;
}

.tx-mmforum-textbutton {
  margin-right: 5px;
}

.tx-mmforum-textbutton a,

		.tx-mmforum-textbutton a:hover {
  color: #ffffff;
}

.tx-mmforum-textbutton img {
  display: none;
}

th.tx-mmforum-th {
  background-color: #00b2c3;
}

div.tx-mmforum-rootline {
  border: none;
}

td.tx-mmforum-subth2 {
  color: #333333;
}

#tx-mmforum-footer {
  display: none;
}

td.tx-mmforum-td,

		th.tx-mmforum-th {
  font-size: inherit;
}

.tx-mmforum-desc {
  font-size: 0.9em;
}

.tx-mmforum-textbutton {
  background-color: transparent;
  border: none;
}

div.tx-mmforum-rootline a {
  color: #00b2c3;
}

		

		/* ----- /Forum ----- */

		

.dropdown {
  border: none;
  margin: 0 0 20px 0;
  list-style: none;
}

#contentMain .contentBox.boxShadow.dropdown {
  margin: 0px 5px 30px 5px;
}

#contentMain .contentBox.boxShadow.dropdown h2 {
  margin: 0px;
  padding-right: 42px;
  font-size: 30px;
}
.dropdown.active .trigger {
  text-decoration: none;
}

.dropdown.active .trigger:hover {
  text-decoration: none;
}

.dropdown.active .trigger .plus-minus {
  background-position: left bottom;
  background-color: #00b2c3;
}

.dropdown .trigger {
  position: relative;
  display: block;
  color: #6d6b6b;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
  color: #333333;
}

.dropdown .trigger .plus-minus {
  background: transparent url('../images/picto_more_less.png') left top no-repeat;
  width: 27px;
  height: 27px;
  display: block;
  background-color: #00b2c3;
  border-radius: 20px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown .trigger:hover {
  text-decoration: none;
}

.dropdown .trigger:hover .plus-minus {
  background-color: #333333;
}

.dropdown .border-bottom {
  height: 0;
}

.dropdown .dropdown-content {
  display: none;
  padding: 10px 10px 10px;
}



	/* ----- /Contenu ----- */

.ce-above .ce-gallery .ce-row {
	margin-bottom: 0px;
}
.ce-above .ce-gallery img {
	margin-bottom: 10px;
}



	/* ----- Zone de contact ----- */

	

#contactContainer {
  background: #007a85;
  padding: 30px 0px 40px;
}

#contact h3 {
  color: #00b2c3;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  margin: 0px 0px 10px 0px;
}

#contact .subHeader {
  display: block;
  font-size: 19px;
  line-height: 23px;
  color: #cff0f4;
  font-weight: 600;
}

#contact .subHeader.formation {
  text-transform: uppercase;
  margin-bottom: 0px;
}

#contact p {
  color: #fff;
  font-size: 17px;
  line-height: 21px;
  display: inline-block;
  margin: 0;
}

#contact p .mail-icon {
	background: url(../images/mail_icon.svg) no-repeat center;
	display: block;
	width: 30px;
	height: 19px;
	margin: 0 auto 12px;
}
#contact p .clock-icon {
	background: url(../images/clock_icon.svg) no-repeat center;
	display: block;
	width: 23px;
	height: 23px;
	margin: 0 auto 12px;
}

#contact ul {
  margin: 0px;
}
#contact .contact-box {
	margin: 8px 0px 0px 0px;
}
#contact .contact-box a {
  color: #fff;
  transition: all 0.5s ease;
}
#contact .contact-box a:hover {
  color: rgba(255,255,255,0.75);
}
#contact ul li {
  text-align: right;
  list-style-type: none;
  list-style-image: none;
  display: block;
  width: 100%;
  clear: right;
}
#contact ul li a {
  max-width: 110px;
  float: right;
  display: block;
  width: 100%;
}
#contact ul img {
  float: left;
  transition: all 0.5s ease;
}
#contact ul li a:hover img {
	opacity: 0.75;
}
#contact ul li:nth-child(2) img {
  margin: 18px 0px;
}

#contact .mail {
  font-size: 1.5em;
}

#contact .no-contact {
  position: absolute;
  top: -48px;
  right: 15px;
  padding: 25px;
  width: 250px;
}

#contact .no-contact .socialShare {
}

#contact .socialShare a:hover {
  border-bottom: none;
}

#contact .socialShare .btnFacebook,

	#contact .socialShare .btnYoutube {
  display: block;
  position: absolute;
  bottom: -30px;
  width: 61px;
  height: 61px;
  background-position: left top;
}

#contact .socialShare .btnFacebook:hover,

	#contact .socialShare .btnYoutube:hover {
  background-position: left bottom;
}

#contact .socialShare .btnFacebook {
  left: 85px;
  background-image: url(../images/btn_facebook_red.png);
}

#contact .socialShare .btnYoutube {
  left: 160px;
  background-image: url(../images/btn_youtube_red.png);
}
	

	/* ----- /Zone de contact ----- */





	/* ----- Pied de page ----- */



#footerContainer {
  background-color: #565655;
  color: #ffffff;
}

#footer {
		/*width: 960px;

		margin: 0 auto;

		padding: 40px 0;*/
  padding-top: 40px;
  padding-bottom: 40px;
}

#footer a {
  color: #bbbbbb;
}

#footer a:hover {
  color: #ffffff;
  border-bottom: none;
}

#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer li {
  list-style-image: none;
  display: inline;
  margin-right: 30px;
}

#footer > ul > li {
  display: inline-block;
}

#footer .multiCols {
  padding: 40px 0 0 0;
  margin-top: 40px;
  overflow: hidden;
}

#footer .col {
  float: left;
  width: 210px;
  padding-right: 30px;
}

#footer .row .colHeader {
  margin-bottom: 20px;
  font-size: 1.4em;
}

#footer .row .colHeader a {
  color: #ffffff;
}

#footer .row li {
  display: block;
  margin-bottom: 8px;
}

#map {
  display: block;
  height: 320px;
  background: url(../images/map_heviva.jpg) no-repeat center;
  background-size: inherit;
  width: 100%;
}

@media (min-width: 1920px) {
  #map {
    background-size: cover;
  }
}




footer .scroll-container {
	position: relative;
}



	/* ----- /Pied de page ----- */

	

	

	/* ----- Sous-pied de page ----- */

	
#subfooterContainer {
  background: #fff;
  border-bottom: 12px solid #007a85;
  position: relative;
}

#subfooter {
  margin: 0 auto;
  overflow: hidden;
  padding-top: 28px;
  padding-bottom: 23px;
}

#subfooter a {
	transition: all 0.5s ease;
}
#subfooter a:hover {
  border-bottom: none;
  color: #00939b;
}

#subfooter ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#subfooter li {
  list-style-image: none;
  display: inline;
  margin-right: 45px;
  font-size: 16px;
  font-weight: 600;
}

#subfooter li img {
  vertical-align: middle;
}

#subfooter .powered {
  color: #d3d800;
  font-size: 16px;
  float: right;
  margin: 0;
  font-weight: 600;
  line-height: 22px;
}


/* ----- /Sous-pied de page ----- */

footer {
	position: relative
}
footer .scroll-top {
  display: block;
  width: 27px;
  height: 23px;
  position: absolute;
  right: -45px;
  top: -45px;
	transition: all 0.5s ease;
}

footer .hex {
  transform: rotate(270deg);
}
footer .hex .arrow {
  margin: 4px 15px 10px 12px;
}
footer .hex:hover .arrow {
  margin: 4px 15px 10px 16px;
}
footer .scroll-top img {
	opacity: 1;
  height: auto;
  visibility: visible;
	transition: all 0.5s ease;
}
footer .scroll-top .scroll-top-hover {
  opacity: 0;
  height: 0;
  visibility: hidden;
  position: relative;
  top: -16px;
}
footer .scroll-top:hover .scroll-top-normal {
  opacity: 0;
  height: 0;
  visibility: hidden;
}
footer .scroll-top:hover .scroll-top-hover {
  opacity: 1;
  height: auto;
  visibility: visible;
}

/*

 * ----- /STYLES PRINCIPAUX DU SITE -----

 */





/*

 * ----- STYLES DE L'IMPRESSION -----

 */



@media print {

	

	#restrictedAreaContainer,

	#bannerContainer,

	#menuMain,

	#menuMember,

	.carouselContainer .carouselPag,

	.carouselContainer .carouselNav,

	#contact .map,

	#contact .socialShare,

	#footerContainer,

	#subfooterContainer,

	.tooltip,

	#feEditAdvanced-container,

	.news-single-backlink {

		display: none;

	}

	

	body {

		background-color: #ffffff;

		margin: 0;

	}



}



/*div.error {

	display:none !important;

}*/



/*

 * ----- /STYLES DE L'IMPRESSION -----

 */

 

 /*

  * ----- responsive --------

  */

@media (max-width: 1550px) {
  
  .oldBanner {
    left: -150px;
  }
}

@media (max-width: 1350px) {
  
  .oldBanner {
    left: -100px;
    top: 20px;
  }

  .oldBanner img {
    width: 250px;
  }
}

@media (max-width: 1200px) {
 

  .oldBanner {
    display: none;
  }

  .oneColumn .special.content2Cols:after {
    display: none;
  }

  .content3Cols .contentLeft,

	.content3Cols .contentRight,

	.content3Cols .contentCenter {
    width: 31%;
    height: 170px;
  }

  .emsSingleContainer .details3 .col1, .emsSingleContainer .details3 .col2, .emsSingleContainer .details4 .col1, .emsSingleContainer .details4 .col2, .emsSingleContainer .details5 .col1, .emsSingleContainer .details5 .col2, .emsSingleContainer .details .col1, .emsSingleContainer .details .col2 {
    width: 47%;
  }

  .emsListContainer .info-text {
    float: left;
    max-width: 64%;
  }

  .connected #menuMember {
    margin-top: calc(-100% + 30px);
  }
}

@media (max-width: 992px) {
  .jobsListContainer .itemLink .details .endDate{
    float: none;
    margin-top: 10px;
  }
	.connected #menuMember {
    margin-top: calc(-100% + 45px);
	}
  .member-box:nth-child(2n + 1) {
    clear: none;
  }

  #banner h1, #banner h2 {
    left: 0;
  }

  #catchword {
    right: 0;
  }

  #banner h1 a img, #banner h2 a img {
    max-width: 85%;
  }

  #menuMain > ul > li {
    position: inherit;
	}
  #menuMain .dropdown-menu {
    top: -68px;
    padding-top: 68px;
  }

  #menuTop .login {
    margin-left: 0;
  }
  .news .category-filter li {
    margin-right: 30px;
  }

  h2 {
    font-size: 35px;
  }

  .special.content2Cols .contentLeft, .special.content2Cols .contentRight {
    float: none;
  }

  .special.content2Cols .contentRight {
    height: auto;
    padding-bottom: 15px;
  }

  .special.content2Cols .contentLeft, .carousel {
    height: 360px;
  }

  #contact .address {
    color: #fff;
  }

  .emsSearchFormContainer .map {
    float: left;
    width: 50%;
    margin: 0 !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  .emsSearchFormContainer .checkboxList {
    margin-bottom: 15px !important;
  }

  .emsSearchFormContainer .checkboxList:last-child {
    margin-bottom: 0 !important;
  }

  .emsSingleContainer .details1 .pic {
    float: right;
    width: 30%;
  }

  .emsSingleContainer .details1 .text {
    width: 65%;
    float: left;
  }

  .emsSingleContainer .details1 strong {
    clear: both;
    display: inherit;
  }

  .emsSingleContainer .col1, .emsSingleContainer .col2, .emsSingleContainer .col3, .emsSingleContainer .col4 {
    width: 21%;
  }

  .emsListContainer .info-text {
    float: left;
    max-width: 64%;
  }

  .emsUpdateFormContainer .inputField input {
    width: 100% !important;
    overflow: hidden;
  }

  .dropdown .trigger {
    display: inline-block;
    width: 100%;
  }

  .contentBox {
    overflow-x: auto;
  }

  .item img {
    min-height: initial;
  }

  .map-bg {
    display: none;
  }
}

@media (max-width: 768px) {

  #banner {
    margin-bottom: 0;
    height: 135px;
  }

  .navbar-toggle {
    z-index: 200000;
  }

  #menuTools #searchBox {
    left: 0;
    width: 70%;
  }

  #menuTools #searchPost {
    left: 70%;
  }

  #banner h1, #banner h2 {
    right: 0;
    bottom: 10px;
    top: inherit;
  }

  #banner h1 a img, #banner h2 a img {
    display: block;
    max-width: 110px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }

  #menuMain > ul {
    display: block;
  }

  #menuMain > ul > li {
    display: inline-block;
    width: 100%;
  }

  #menuMain > ul > li.menuOn > a {
    color: #00b2c3 !important;
  }
  

  #menuMain ul ul, #menuMember ul ul {
    float: none;
    width: auto;
    border-right: none;
  }

  .content3Cols .contentLeft,

	.content3Cols .contentRight,

	.content3Cols .contentCenter {
    width: 99%;
    float: none;
    margin: 15px 3px;
    height: 160px;
  }

  .special.content2Cols .contentLeft, .carousel {
    height: auto;
  }

  #contactContainer {
    margin-top: 0px;
  }

  #contact .map {
    height: auto;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  #contact .map img {
    max-width: 100%;
  }

  #contact .address {
    position: relative;
    width: auto;
  }

  #footer {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  #footer > ul > li a {
    padding: 5px 0;
    display: inherit;
  }

  #footer .multiCols {
    padding-top: 0px;
    margin-top: 10px;
  }

  #footer .row .colHeader {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .emsSearchFormContainer .map {
    clear: both;
    float: none;
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 15px !important;
    width: 100%;
  }

  #emsSearchForm p {
    float: none;
    margin-top: 0;
    text-align: center;
  }

  /*.emsListContainer .item .pic {

    width: 100%;

    margin-bottom: 8px;

    display: block;

    text-align: center;

    position: relative;

  }

  .emsListContainer .item .desc {

    margin-left:0;

  }

  .map-bg {

    display:none;

  }*/

  .emsSingleContainer .details1 .pic {
    float: none;
    width: 100%;
  }

  .emsSingleContainer .details3 .col1, .emsSingleContainer .details3 .col2, .emsSingleContainer .details4 .col1, .emsSingleContainer .details4 .col2, .emsSingleContainer .details5 .col1, .emsSingleContainer .details5 .col2, .emsSingleContainer .details .col1, .emsSingleContainer .details .col2,

  .emsSingleContainer .col1, .emsSingleContainer .col2, .emsSingleContainer .col3, .emsSingleContainer .col4,

  .emsSingleContainer .details1 .text {
    float: none;
    margin-left: 0;
    width: 100%;
    clear: both;
  }

  .emsSingleContainer .col3 h2 {
    display: inline-block;
  }

  .emsSingleContainer .details2, .emsSingleContainer .details3, .emsSingleContainer .details4 {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .emsSingleContainer .slideshow img {
    left: 0 !important;
  }


  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-bottom: 10px;
  }

  .carousel-caption {
    left: 0;
    width: 100%;
    right: 0;
    bottom: 0;
  }

  .item img {
    max-width: 100% !important;
  }
}  

@media (max-width: 1600px) {
	#mainContainer .section:last-of-type {
    padding-bottom: 60px;
	}
  .home-slide .slide-logo {
    width: 200px;
  }
  .home-slide .box:first-of-type .hexa-box {
    right: 14px;
    top: 166px;
  }
  .home-slide .box:nth-child(2) .hexa-box {
    left: -36px;
    top: 115px;
  }
  .home-slide .box:nth-child(3) .hexa-box {
    left: 125px;
    top: 15px;
  }
  .home-slide .box:nth-child(4) .hexa-box {
    left: -106px;
    top: 86px;
  }
	footer .scroll-top {
		top: -40px;
	  right: 25px;
	}
  #subfooter li {
    margin-right: 30px;
  }
  #subfooter .powered {
    line-height: 28px;
  }
  #branding {
    padding: 0px 40px;
  }
  #navbar {
    margin-top: 60px;
    margin-bottom: 70px;
  }
}

@media (max-width: 1450px) {
  #hexatopleft,
  #hexatopright,
  #hexabottomleft,
  #hexabottomright {
    display: none;
  }
}
@media (max-width: 1400px) {
	.home-slide .box:first-of-type .hexa-img {
    left: -7%;
	}
	.home-slide .box:nth-child(2) .hexa-img {
    right: -7%;
	}
	.home-slide .box:nth-child(3) .hexa-img {
    left: -7%;
	}
	.home-slide .box:nth-child(4) .hexa-img {
    right: -7%;
	}
}

@media (max-width: 1200px) {
	#header {
		width: 80px;
		padding: 0px;
	}
	#bannerContainer {
    width: 80px;
    height: 100vh;
    position: relative;
    z-index: 2;
    top: 0px;
    padding-top: 40px;
    background: #e8f8fa;
    transition: background 0.5s ease;
	}
	body.connected #header.member #bannerContainer {
    background: #fbfbe8;
	}
	#brandingMobile a {
    width: 100%;
    display: block;
    text-align: center;
  }
	#header.menu-close .header-content {
    left: -250px;
    opacity: 0;
  }
  .header-content {
    padding-left: 0px;
	}
	#header .header-content {
    position: absolute;
    top: 0;
    left: 80px;
    background: rgba(232, 248, 250, 0.9);
    transition: all 0.5s ease;
    height: 100vh;
    width: 250px;
    opacity: 1;
  }
  #header.member .header-content {
  	background: rgba(251, 251, 232, 0.9);
  }
  #menuMain > ul.open:after,
  .connected #menuMain > ul.open:after,
  #menuMember > ul.open:after {
    left: 330px;
	}
	.home-slide .box:first-of-type .hexa-img {
    left: -15%;
	}
	.home-slide .box:nth-child(2) .hexa-img {
    right: -15%;
	}
	.home-slide .box:nth-child(3) .hexa-img {
    left: -15%;
	}
	.home-slide .box:nth-child(4) .hexa-img {
    right: -15%;
	}
	.home-slide .slide-logo {
    width: 160px;
	}
	#mainContainer, footer {
		padding-left: 80px;
	}
}

@media (max-width: 992px) {
	body {
		font-size: 18px;
    line-height: 24px;
	}
	h1 {
    font-size: 30px;
	}
	p {
    margin: 0 0 20px 0;
    font-size: 18px;
    line-height: 24px;
	}
	#content h2 {
    font-size: 25px;
	}
	body.connected #header,
	body.connected #header.member  {
		transition: none !important;
	}
  #menuMain > ul > li > a:after,
  #menuMain ul ul li a:after,
  #menuMember > ul > li > a:after,
  #menuMember ul ul li a:after {
    display: none;
  }
	.home-slide .box .hexa-img {
		background-image: none !important;
		height: 150px !important;
    width: 150px !important;
	}
	.home-slide .box:first-of-type .hexa-img {
    left: 0;
	}
	.home-slide .box:nth-child(2) .hexa-img {
    right: 0;
	}
	.home-slide .box:nth-child(3) .hexa-img {
    left: 0;
	}
	.home-slide .box:nth-child(4) .hexa-img {
    right: 0;
	}
	.home-slide .box .hexa-box {
    right: 0 !important;
    top: 35px !important;
    left: 0 !important;
    margin: 0 auto;
	}
	.home-slide .box .hexa-img > img {
		display: none;
	}
	.home-slide .box .hexa-img:before {
		display: none !important;
	}
	.home-slide .box .hexa-img:after {
		display: none !important;
	}
	.home-slide .box .hexa-box:hover {
	  transform: rotate(90deg) !important;
	  -webkit-transform: rotate(90deg) !important;
	}
	.section .top-news-list:before {
		display: none;
	}
	.news .slider-main .item {
		margin-bottom: 0px;
	}
	.section .news .slider-main .slick-slide:before {
		display: none;
	}
	.news .slider-main .news-img-wrap {
    float: none;
    margin: 0;
	}
	.news .slider-main .news-img-wrap a {
    max-width: 100%;
	}
	.news .slider-main .news-content {
    position: relative;
    right: inherit;
    top: -50px;
    transform: none;
    width: 90%;
    margin: 0 auto;
    display: block;
	}
	.news .slider-main .more {
    float: none;
    text-align: right;
    width: 100%;
    display: block;
	}
	.slick-prev, .slick-next {
    top: 70%;
	}
	.slick-prev {
    left: 0px;
	}
	.slick-next {
    right: 0px;
	}
	.section .top-news-list:after {
		display: none;
	}
  .scroll-down span {
    margin-bottom: 14px;
    font-size: 15px;
  }
  .news .slider-main .news-list-date {
    font-size: 15px;
  }
  .news .slider-main .more {
    font-size: 15px;
  }
  .top-news-list .all-news a, .event-list-view .all-events a {
    font-size: 16px;
  }
  .news .category-filter li {
    margin-bottom: 4px;
  }
  .news .category-filter li a {
    font-size: 16px;
  }
  .event-list-view .all-events {
    top: -133px;
  }
  .event-box .event-box-date {
    font-size: 16px;
  }
  .event-box .event-box-content .event-category {
    font-size: 15px;
  }
  .event-box .event-box-content h3 {
    font-size: 19px;
  }
  .event-box .event-location {
    font-size: 15px;
  }
  .slick-prev:before,
  .slick-next:before {
    display: none;
  }
	.news .slider-nav {
    display: none;
	}
	.jobsListContainer .itemLink .rate {
    float: none;
    margin-top: 0px;
    display: block;
    margin-bottom: 20px;
	}
	#mainContainer .section:last-of-type {
    padding-bottom: 80px;
	}
	.jobsListContainer .itemLink .details span {
    display: block;
    float: none;
	}
	.jobsListContainer .itemLink .details .hireDate {
    float: none;
    margin-top: 10px;
	}
	.emsSearchFormContainer .checkboxListService .checkbox {
    margin-bottom: 10px;
	}
	.emsSearchFormContainer .checkboxList.border {
    padding-bottom: 10px;
	}
	.submenu li {
    width: 100%;
	}
	.presta-popup .popup-content {
    padding: 80px 30px 0px;
	}
	.presta-popup .popup-sidebar {
    padding: 80px 30px 30px;
	}
	.prestation-box h5,
	.prestation-box.search h5 {
    font-size: 18px;
  }
  .prestation-box p {
    font-size: 15px;
	}
	.prestation-box .more {
    font-size: 18px;
	}
	.emsSearchFormContainer .checkboxListService h3 {
    font-size: 20px;
	}
	.emsListContainer .details .address,
	.emsListContainer .details .phone,
	.emsListContainer .details .fax {
    font-size: 15px;
    line-height: 20px;
	}
	#emsSearchForm p {
    font-size: 22px;
	}
	.emsSingleContainer h3 {
    font-size: 22px;
	}
	.jobsSearchFormContainer .checkbox {
    width: 100%;
	}	
	.submenu li {
    margin-bottom: 10px;
    font-size: 18px;
	}
	.person-list .person-box .person-name {
    font-size: 22px;
	}
	.person-list .person-box p {
    font-size: 19px;
	}
	#contact .contact-box {
    min-height: 130px;
  }
  #contact h3 {
    font-size: 30px;
  }
  #contact .subHeader {
    font-size: 17px;
    line-height: 21px;
  }
  #contact ul li {
    display: block;
    width: 100%;
    clear: left;
  }
  #contact ul li a {
    float: left;
    display: block;
    width: 100%;
	}
	#subfooter li {
		margin-right: 20px;
    font-size: 15px;
	}
	#subfooter li:last-of-type {
		margin-right: 0px;
	}
  #contact p {
    font-size: 15px;
    line-height: 19px;
  }
	#subfooter .powered {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
   font-size: 15px;
	}
}
@media (max-width: 768px) {
	#header {
		padding: 0px;
    width: 60px;
	}
	#header.menu-close {
		padding: 0px;
    width: 60px;
	}
  .presta-popup .popup-img {
    display: none;
  }
	#menuMain > ul.open:after,
	.connected #menuMain > ul.open:after,
	#menuMember > ul.open:after {
    left: 300px;
	}
  .emsSingleContainer .details2 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
	#mainContainer, footer {
		padding-left: 60px;
	}
	#bannerContainer {
    width: 60px;
	}
	.navbar-toggle {
    margin: 0 4px;
	}
	#header .header-content {
    left: 60px;
	}
	.event-list-view .all-events {
    top: -148px;
    left: 15px;
	}
	.event-list-view .all-events a {
    color: #007985;
    font-size: 17px;
    font-weight: bold;
  }
  .event-list-view .all-events a:after {
  	display: none;
  }
  .news .category-filter {
    margin: 0px 0px 30px 0px;
	}
	.home .news .category-filter {
    padding-top: 40px;
	}
	.news .category-filter li {
    margin-right: 0px;
    display: block;
    margin-bottom: 5px;
	}
.news .category-filter li a {
    font-size: 17px;
}
	#contentMain {
    margin-bottom: 80px;	
	}
	.popup-home.open {
    padding: 60px 0px;
	}
	.popup-home .close-icon {
    right: 15px;
    top: 0px;
	}
	.popup-home h2 {
    max-width: 80%;
	}
	.popup-home.open h2 {
    left: 0px;
	}
	#subfooter ul {
	  display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .news .slider-main .article h3 {
    font-size: 22px;
  }
  .news .slider-main .news-list-date {
    font-size: 16px;
  }
  .event-box .event-box-date {
    font-size: 17px;
  }
  .scroll-down span {
    margin-bottom: 15px;
    font-size: 16px;
  }
  p {
    font-size: 17px;
    line-height: 24px;
  }
  .emsSingleContainer .details2 .col1,
  .emsSingleContainer .details2 .col2,
  .emsSingleContainer .details2 .col3, 
  .emsSingleContainer .details2 .col4 {
    width: 100%;
    float: left;
    padding: 0px;
    margin-bottom: 20px;
    min-height: inherit;
  }
  .news .slider-main .more {
    font-size: 16px;
  }
  .top-news-list .all-news a, .event-list-view .all-events a {
    font-size: 17px;
  }
  .event-box .event-box-content .event-category {
    font-size: 16px;
  }
  .event-box .event-box-content h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .event-box .event-location {
    font-size: 16px;
    line-height: 20px;
  }
  #contact h3 {
    font-size: 36px; 
  }
  #contact .subHeader {
    font-size: 18px;
    line-height: 22px;
 }
  #contact p {
    font-size: 16px;
    line-height: 20px;
  }
  #menuMain > ul > li > a, #menuMain ul ul li a {
    font-size: 18px;
  }
  #menuMember > ul > li > a, #menuMember ul ul li a {
    font-size: 18px;
  }
  #menuTop a, #login a {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  h2 {
    font-size: 25px;
  }
  h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .section h1 {
    margin-top: 40px;
  }
  .login-popup h1 {
    font-size: 30px;
  }
  body, p {
    font-size: 16px;
    line-height: 22px;
  }
  .submenu li {
    font-size: 16px;
  }
  .person-list .person-box .person-name {
    font-size: 21px;
  }
  .person-list .person-box p {
    font-size: 18px;
  }
  .right-box h5 {
    font-size: 20px;
  }
  .event-list-view .all-events {
    top: -133px;
    left: 15px;
  }
  .popup-home .popup-box h5 {
    font-size: 19px;
  }
  .popup-home .popup-box p {
    font-size: 16px;
  }
  .prestation-box h5, .prestation-box.search h5 {
    font-size: 16px;
  }
  .popup-home .popup-box .popup-link {
    font-size: 16px;
  }
  .prestation-box .more {
    font-size: 17px;
  }
  .popup-home .close-icon,
  .presta-popup .close-icon,
  .login-popup .close-icon {
    height: 30px;
    width: 30px;
  }
  .popup-home.open {
    padding: 40px 0px 0px;
  }
  .presta-popup .popup-content {
    padding: 60px 15px 0px;
  }
  #emsSearchForm p {
    font-size: 20px;
  }
  .emsListContainer .item .header {
    font-size: 17px;
  }
  .emsSearchFormContainer .checkboxListService h3 {
    font-size: 17px;
  }
  .news .slider-main .article h3 {
    font-size: 21px;
  }
  .news .article .teaser-text p {
    line-height: 22px;
  }
	.emsListContainer .item .pic {
    width: 100%;
    margin-bottom: 8px;
    display: block;
    text-align: center;
    position: relative;
  }
  .emsListContainer .item .desc {
    margin-left: 0;
  }
  .checkboxListFilter {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    clear: left;
	}
	.emsSearchFormContainer .checkboxListFilter .checkboxList {
		float: none;
	}
	.checkboxAreaMap {
    width: 100%;
    float: left;
    clear: left;
	}
	.emsSearchFormContainer .map {
    clear: none;
    float: left;
    width: 50%;
  }
	.person-list .person-box {
	  display: block;
	}
	.person-list .person-box .hexa-mask {
	  float: none;
	  margin-bottom: 20px;
	}
	.person-list .person-box .person-content {
	  float: none;
	  padding-left: 0px;
          margin-top: 20px;
	}
	.slider-main {
    padding-bottom: 50px;
  }
  .slick-prev {
    top: 17px;
    bottom: inherit;
    right: 45px;
    left: inherit;
	}
	.slick-next {
    top: 17px;
    bottom: inherit;
    right: 10px;
	}
	.news .article .news-img-wrap img {
    height: 200px;
	}
	.news .slider-main .news-content {
    top: 0px;
    width: 100%;
	}
	.top-news-list .all-news {
    right: 0px;
    top: 10px;
    left: 0px;
	}
	.top-news-list .all-news a {
    color: #007985;
    font-weight: bold;
	}
	.top-news-list .all-news a:after {
		display: none;
	}
	.all-news + .slider-main {
    padding-top: 50px;
	}
}
@media (max-width: 500px) {
  .login-popup h1 {
    font-size: 28px;
  }
  .login-popup {
    padding: 20px;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .login-popup input[type="text"], .login-popup input[type="password"] {
    margin-bottom: 18px;
    padding: 4px 10px;
  }
  .login-popup fieldset {
    margin-bottom: 10px;
  }
	#menuMain > ul .menu-overlay,
	.connected #menuMember > ul .menu-overlay {
		display: none;
	}
	#header.menu-close .header-content {
    left: -100vw;
    opacity: 0;
  }
	#menuMain ul li.open .dropdown-menu, #menuMember ul li.open .dropdown-menu {
    display: block !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    height: auto;
    padding: 15px 0;
  }

  #menuMain .dropdown-menu, #menuMember .dropdown-menu {
    display: block;
    position: relative;
    left: 0px !important;
    z-index: 1000;
    width: 100%;
    top: 0;
    padding: 15px 0px;
    height: auto;
  }
	#header .header-content {
    width: calc(100vw - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
	}
	.connected #menuMember {
    margin-top: -200px;
	}
	.header-bottom {
    position: relative;
    bottom: -50px;
	}
	#menuMain ul ul li {
    padding: 0px 33px 9px 15px;
	}
	#menuMain ul ul li:hover {
    padding: 0px 30px 9px 18px;
	}
	#menuMain ul ul li:last-of-type {
	  padding: 0px 33px 0px 15px;
	  transition: all 0.3s ease;
	}
	#menuMain ul ul li:last-of-type:hover {
	  padding: 0px 30px 0px 18px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li {
	  padding: 0px 33px 9px 15px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:hover {
	  padding: 0px 30px 9px 18px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:last-of-type {
	  padding: 0px 33px 0px 15px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:last-of-type:hover {
	  padding: 0px 30px 0px 18px;
	  transition: all 0.3s ease;
	}
	#tools, #socialIcon {
    max-width: 240px;
	}
	.login-popup {
    top: -20px;
    transform: none;
    overflow: auto;
    padding-bottom: 40px;
    min-height: 100vh;
    overflow-y: auto;
	}
	.login-popup.open {
    top: 0px;
    transform: none;
    min-height: 100vh;
    overflow-y: auto;
	}
	.home-slide .slide-logo {
    width: 120px;
	}
    .scroll-down.slide span {
        display: none;
    }
	.home-slide .box .hexa-box {
    font-size: 14px;
    line-height: 17px;
    width: 130px; 
  	height: 75.06px;
	}
	.home-slide .box .hexa-box:before, .home-slide .box .hexa-box:after {
		width: 91.92px;
	  height: 91.92px;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  left: 19.0381px;
	}
	.home-slide .box .hexa-box:hover:before, .home-slide .box .hexa-box:hover:after {
		width: 91.92px;
	  height: 91.92px;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  left: 19.0381px;
	}
	.home-slide .box .hexa-box:before {
	  top: -45.9619px;
	}
	.home-slide .box .hexa-box:after {
	  bottom: -45.9619px;
	}
	.home-slide .box .hexa-box span {
	  width:130px;
	  height:75.0555px;
	}
	.home-slide .box .hexa-box p {
    padding: 0px 9px;
    line-height: 20px;
    font-size: 16px;
	}
	.home-slide .scroll-down {
  		bottom: 15px;
	}
	h2 {
    font-size: 25px;
  }

  .news .event-box {
    display: block;
	}
	.event-box .event-box-date {
	  min-height: inherit;
	  float: none;
	  flex: inherit;
	  display: block;
	  max-width: 100%;
	  text-align: center;
	  width: 100%;
	  padding: 20px 10px;
	}
	.event-box .event-box-date .calendar-icon {
    margin: 0 auto 18px;
	}
	.event-box .event-box-content {
    float: none;
    flex: auto;
    display: block;
    width: 100%;
	}
	.prestation-box {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    height: auto !important;
	}
	.prestation-box.search {
		display: none;
	}
	.prestation-box .more {
		float: none;
		display: inline-block;
	}
	.member-box {
    margin-bottom: 60px;
	}
	.member-box .img-wrap {
    float: none;
	}
	.member-box img {
    float: left;
  }
  .member-box .member-box-content {
    padding-left: 0px;
	}
	.member-box h5 {
		margin-top: 30px;
	}
	.popup-home .popup-box {
    float: none;
    width: 100%;
    display: block;
    margin-bottom: 40px;
	}
	.popup-home.open {
    padding: 60px 0px 0px;
	}
	.checkboxAreaMap .checkboxList {
		width: 100%;
	}
	.emsSearchFormContainer .map {
    clear: left;
    float: left;
    width: 100%;
  }
  .jobsSearchFormContainer .dropDownList {
  	margin-right: 0px;
  	width: 100%;
  }
  .jobsSearchFormContainer .dropDownList select {
  	width: 100%;
  }
  .jobsSearchFormContainer .checkboxLabel {
  	display: block;
  }
  .event-box .event-location {
    margin-bottom: 5px;
    line-height: 20px;
	}
	#contact .contact-box {
    min-height: inherit;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
	}
	#contact p {
    text-align: center;
	}
	#contact ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
	}
	#contact ul li {
    width: auto;
	}
	#subfooter li {
    margin: 0px 0px 8px 0px;
    display: block;
    width: 100%;
    text-align: center;
	}
}

@media (max-width: 400px) {
  .login-popup h1 {
    font-size: 22px;
  }
	.home-slide .slide-logo {
    transform: translateY(-55%);
    width: 100px;
	}
  .home-slide .box .hexa-box p {
    padding: 0px 7px;
    line-height: 17px;
    font-size: 15px;
  }
  .home-slide .box .hexa-box {
    font-size: 14px;
    line-height: 17px;
    width: 120px; 
    height: 69.28px;
  }
  .home-slide .box .hexa-box:before, .home-slide .box .hexa-box:after {
    width: 84.85px;
    height: 84.85px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    left: 17.5736px;
  }
  .home-slide .box .hexa-box:hover:before, .home-slide .box .hexa-box:hover:after {
    width: 84.85px;
    height: 84.85px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    left: 17.5736px;
  }
  .home-slide .box .hexa-box:before {
    top: -42.4264px;
  }
  .home-slide .box .hexa-box:after {
    bottom: -42.4264px;
  }
  .home-slide .box .hexa-box span {
    width: 120px; 
    height: 69.28px;
  }
}

@media (max-height: 850px) {
	#branding {
    padding: 0px 40px;
	}
	#branding h1, #branding h2 {
    margin-bottom: 0px;
	}
}

@media (max-height: 800px) {
	#branding {
    padding: 0px 60px;
	}
	#menuMain > ul > li {
    padding: 0px 31px 8px 28px;
	}
	#menuMain > ul > li:hover {
    padding: 0px 28px 8px 31px;
	}
	#menuMain ul ul li {
    padding: 0px 33px 8px 30px;
	}
	#menuMain ul ul li:hover {
    padding: 0px 30px 8px 33px;
	}
	#menuMember > ul > li {
    padding: 0px 31px 8px 28px;
	}
	#menuMember > ul > li:hover {
    padding: 0px 28px 8px 31px;
	}
	#menuMember ul ul li {
    padding: 0px 33px 8px 30px;
	}
	#menuMember ul ul li:hover {
    padding: 0px 30px 8px 33px;
	}
}
@media (max-height: 750px) {
	#header {
    padding: 20px 0px;
	}
	#branding h1, #branding h2 {
    margin-bottom: -30px;
	}
	#socialIcon {
    margin-bottom: 10px;
	}
}
@media (max-height: 750px) and  (max-width: 768px) {
  #header {
    padding: 0px;
  }
}
@media (max-height: 700px) {
	.header-bottom {
	  position: relative;
	}
	#header .header-content {
	  overflow-y: auto;
	  overflow-x: hidden;
	}
	#menuMain > ul .menu-overlay,
	.connected #menuMember > ul .menu-overlay {
		display: none;
	}
	#header.menu-close .header-content {
    left: -100vw;
    opacity: 0;
  }
	#menuMain ul li.open .dropdown-menu, #menuMember ul li.open .dropdown-menu {
    display: block !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    height: auto;
    padding: 15px 0;
  }

  #menuMain .dropdown-menu, #menuMember .dropdown-menu {
    display: block;
    position: relative;
    left: 0px !important;
    z-index: 1000;
    width: 100%;
    top: 0;
    padding: 15px 0px;
    height: auto;
    max-height: inherit !important;
  }
	#header .header-content {
    width: calc(100vw - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
	}
	.connected #menuMember {
    margin-top: -200px;
	}
	.header-bottom {
    position: relative;
    bottom: -50px;
	}
	#menuMain ul ul li {
    padding: 0px 33px 9px 15px;
	}
	#menuMain ul ul li:hover {
    padding: 0px 30px 9px 18px;
	}
	#menuMain ul ul li:last-of-type {
	  padding: 0px 33px 0px 15px;
	  transition: all 0.3s ease;
	}
	#menuMain ul ul li:last-of-type:hover {
	  padding: 0px 30px 0px 18px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li {
	  padding: 0px 33px 9px 15px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:hover {
	  padding: 0px 30px 9px 18px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:last-of-type {
	  padding: 0px 33px 0px 15px;
	  transition: all 0.3s ease;
	}
	#menuMember ul ul li:last-of-type:hover {
	  padding: 0px 30px 0px 18px;
	  transition: all 0.3s ease;
	}
	#tools, #socialIcon {
    max-width: 240px;
	}
}
@media (max-height: 500px) {
  .login-popup {
    top: -20px;
    transform: none;
    overflow: auto;
    padding-bottom: 40px;
    height: 100vh;
    overflow-y: auto;
    width: 100%;
    max-width: inherit;
  }
  .login-popup.open {
    top: 0px;
    transform: none;
    height: 100vh;
    overflow-y: auto;
    width: 100%;
    max-width: inherit;
  }
}

@media (max-height: 400px) {
  .home-slide .box .hexa-box {
    font-size: 14px;
    line-height: 17px;
    width: 130px; 
    height: 75.06px;
  }
  .home-slide .box .hexa-box:before, .home-slide .box .hexa-box:after {
    width: 91.92px;
    height: 91.92px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    left: 19.0381px;
  }
  .home-slide .box .hexa-box:hover:before, .home-slide .box .hexa-box:hover:after {
    width: 91.92px;
    height: 91.92px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    left: 19.0381px;
  }
  .home-slide .box .hexa-box:before {
    top: -45.9619px;
  }
  .home-slide .box .hexa-box:after {
    bottom: -45.9619px;
  }
  .home-slide .box .hexa-box span {
    width:130px;
    height:75.0555px;
  }
  .home-slide .box .hexa-box p {
    padding: 0px 9px;
    line-height: 20px;
    font-size: 16px;
  }
  .home-slide .scroll-down {
      bottom: 15px;
  }
  .home-slide .slide-logo {
    width: 140px;
  }
}
@media (max-height: 350px) {
  .home-slide .slide-logo {
    width: 120px;
  }
  .scroll-down span {
    display: none;
  }
}

@media (max-height:700px) and (min-width:1201px) {
	#header {
    overflow-y: auto;
    overflow-x: hidden;
	}
	.header-bottom {
    position: inherit;
    bottom: inherit;
	}
	#menuMain ul li.open .dropdown-menu, #menuMember ul li.open .dropdown-menu {
    display: block !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    height: auto;
    padding: 15px 0;
  }

  #menuMain .dropdown-menu, #menuMember .dropdown-menu {
    display: block;
    position: relative;
    left: 0px !important;
    z-index: 1000;
    width: 100%;
    top: 0;
    padding: 15px 0px;
    height: auto;
    max-height: inherit !important;
  }
  #menuMain > ul .menu-overlay, .connected #menuMain > ul .menu-overlay,
  #menuMember > ul .menu-overlay, .connected #menuMember > ul .menu-overlay {
  	display: none;
  }
  #menuMain ul ul {
    max-width: 230px;
	}

}