/* ==========================================================================   Author's custom styles   ========================================================================== */
body {
	padding: 0;
	font-size: 22px;
	color: #3a3c41;
	font-family: "ars-maquette-web", Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	-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;
  overflow-x: hidden;
}
/* START SCROLL BTN HOMEPAGE */
.scroll-btn {
	display: block;
	bottom: 20px;
	height: 40px;
	left: 0px;
	margin: 0 auto;
	position: absolute;
	right: 0px;
	width: 40px;
	z-index: 10;
	cursor: pointer;
}
.scroll-btn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 5%;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #000;
	z-index: -1;
	opacity: 0.15;
	filter: blur(20px);
	-webkit-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='20');
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.scroll-btn: after {
	display: none;
}
}
@supports (-ms-ime-align:auto) {
.scroll-btn: after {
	display: none;
}
}
.scroll-btn > * {
	background-image: url(https: //www.wng.ch/fileadmin/templates/wng.ch/img/icon/wng_arrow.svg);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	display: block;
	position: relative;
	z-index: 3;
}
/* END SCROLL BTN HOMEPAGE */
.news-single .article .article-content .news-img-wrap .mediaelement.mediaelement-image {
	display: none;
}
.news-single .article .mediaelement.video-container {
	max-width: 800px;
	margin: 0 auto;
}
.news-single .article .mediaelement-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.news-single .article .mediaelement-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}                  
h1, h2, h3, h4, h5 {
	font-weight: 300;
}
h1 {
  font-size: 66px;
  margin-bottom: 60px;   
  font-weight: 700;
}
h2 {
	font-size: 55px;
  margin-bottom: 23px;
}
#pnlFullWidthContainer h2 {
  margin-bottom: 40px;
  margin-top: 60px;
}
#c9932 h2 {
  margin-top:-12px;
}
h3 {
	margin-bottom: 15px;
  font-size: 32px;
  margin-top: 32px;
  font-weight: bold;
}
#c8440 h3 {
  font-weight: 300;
  line-height: 1.2;
  margin: 10px 0 -20px 0;
}
h4 {
	margin-top: 40px;
  font-size: 22px;
}
h5 {
	font-weight: 700;
	font-size: 16px;
}
h6 {
	font-size: 33px;
	margin-bottom: 60px;
}
a, a:hover, a:focus, .ce-uploads .ce-uploads-fileName, .ce-uploads .ce-uploads-fileName:hover, .ce-uploads .ce-uploads-fileName:focus {
	color: #E0004D;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
p {
	font-size: 22px;
  line-height: 1.45;
  margin-bottom: 30px;
}
.frame-indent {
  margin-left: 20%;
  margin-right: 20%;
}
.pink, .pink * {
  color: #E0004D !important;
  font-weight: 700;
}
#pnlFullWidthContainer ul, #content ul {
  padding-left: 15px;
}
#pnlFullWidthContainer ul li, #content ul li {
  list-style:none;
  position: relative;
  margin-left: 20px;
  line-height: 1.4;
  margin-bottom: 20px;
}

#pnlFullWidthContainer ul li::before, #content ul li::before {
    width: 15px;
    height: 1px;
    border-top: solid 2px #d90647;
    content: '';
    display: inline-block;
    position: absolute;
    left: -35px;
    top: 15px;
}

.fs-fields input[type="checkbox"][required] {
	background-image: none;
}
.fs-fields .radio label, .fs-fields .checkbox label {
	padding-left: 30px;
}
.bg-color blockquote {
	border: 0;
	position: relative;
}
.bg-color blockquote p:before, .bg-color blockquote p:after {
	content: '«';
	font-size: 45px;
	position: relative;
	vertical-align: top;
	padding-right: 10px;
}
.bg-color blockquote p:after {
	content: '»';
	padding-left: 10px;
}
.bg-color blockquote p {
	font-size: 40px;
	line-height: 50px;
}
#content .table-cell-middle .ce-intext.ce-right .ce-gallery, #content .table-cell-middle .ce-intext.ce-left .ce-gallery, #content .table-cell-middle .ce-above .ce-gallery,
.table-cell-middle p {
    margin-bottom: 0;
}
.table-cell-middle .ce-textpic {
  display:table;
}
.table-cell-middle .ce-textpic>div {
  display: table-cell;
  vertical-align: middle;
}
#c9747.frame-indent {
  margin-left: 10%;
  margin-right: 10%;
}
div[data-ce-columns="3"] .ce-row {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 30px;
}
div[data-ce-columns="3"] .ce-column {
  width: 33%;
  padding: 20px;
  margin-right: 0;
}
::selection {
	background: #E0004D;
	color: #ffffff;
}
::-moz-selection {
	background: #E0004D;
	color: #ffffff;
}
a:focus, a:active, input:focus, input:active {
	outline: none !important;
	cursor: pointer;
}
.news-single p.align-center, .align-center {
	text-align: center;
  display: inline-block;
  width: 100%;
}
#content .ce-intext.ce-right .ce-gallery,
#content .ce-intext.ce-left .ce-gallery,
#content .ce-above .ce-gallery {
	margin-bottom: 32px;
}
.ce-gallery img, #content .alternate-content-text img, #pnlFullWidthContainer .alternate-content-text img, .dce-img-vertical-align img {
	max-width: 100%;
	height: auto;
}
.content-reference-detail hr {
	width: 150px;
	border-top-color: #585756;
}
.content-reference-detail  .news-single {
	margin-bottom: 150px;
}
.content-reference-detail .news-single .article .news-img-wrap {
	margin-bottom: 80px;
}
.content-reference-detail.newsroom-detail {
	padding-top: 25px;
}
.news-single .article .news-img-wrap .mediaelement.mediaelement-image {
	height: 100%;
}

.news-single .article .news-img-wrap {
	height: 100%;
}
.news-single .article .news-img-wrap img {
	height: 618px;
  min-width: 100%;
}
.news .article .news-img-wrap {
	margin: 0px 0px 12px 0;
}
.news-single .content-reference-detail .article-content .share-box {
	float: right;
}
.news-single .content-reference-detail .article-content .share-box #st-1 .st-btn {
	display: inline-block !important;
}
.content-reference-detail .news-single .article-content h2, .news-single .content-reference-detail .article-content h2 {
	font-size: 30px;
	margin-bottom: 40px;
	margin-top: 20px;
}
.content-reference-detail .news-single .teaser-text, .news-single .content-reference-detail .teaser-text {
	font-size: 30px;
	margin-bottom: 80px;
	padding-top: 0px;
}
.content-reference-detail .news-single .teaser-text p, .news-single .content-reference-detail .teaser-text p {
	font-size: 25px;
	color: #585756;
}
.news-single .newsroom-detail .teaser-text p {
	font-size: 22px;
	font-weight: 500;
	color: #585756;
}
.content-reference-detail  .news-list-date time {
	font-size: 22px;
	color: #585756;
	opacity: 0.5;
}
.content-reference-detail .news-single .social, .news-single .content-reference-detail .social {
	position: relative;
	float: right;
}
.content-reference-detail .news-text-wrap {
	margin-bottom: 80px;
}
.content-reference-detail .author-news {
	display: flex;
	align-items: center;
	margin: 0px 0px 60px 0px;
	position: relative;
  float:left;
}
/*.content-reference-detail .author-news:after {
	position: absolute;
	content: "";
	background: url(../img/logos/sigle_wng/exclam.svg) no-repeat center;
	width: 36px;
	height: 86px;
	display: block;
	right: 0px;
	bottom: 0px;
}*/
.content-reference-detail .author-news .author-name {
	font-size: 22px;
	color: #585756;
	transition: all 0.3s ease;
  margin-bottom: 0;
}
.content-reference-detail .author-news .author-function {
	font-size: 22px;
	color: #585756;
	opacity: 0.5;
	transition: all 0.3s ease;
  margin-bottom: 0;
}
.content-reference-detail .author-news:hover, .content-reference-detail .author-news:focus {
	text-decoration: none;
}
.content-reference-detail .author-news:hover .author-name {
	color: #E0004D;
}
.content-reference-detail .author-news:hover .author-function {
	opacity: 1;
}
.content-reference-detail .author-news img {
	border-radius: 50%;
	float: left;
	margin-right: 28px;
	width: 100px;
	height: 100px;
}
.content-reference-detail .news-related-wrap {
	display: block;
	margin-top: 0px;
}
.content-reference-detail .news-related {
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0;
	display: block;
}
.content-reference-detail .news-related h4, .content-reference-detail .news-categories h4 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0px;
}
.content-reference-detail .news-related ul, .content-reference-detail .news-categories ul {
	padding: 0px;
	margin: 0px;
}
.content-reference-detail .news-related ul li, .content-reference-detail .news-categories ul li {
	list-style-type: none;
}
.content-reference-detail .news-related ul li, .content-reference-detail .news-categories ul li, .content-reference-detail .news-related ul li a, .content-reference-detail .news-categories ul li a {

}
.content-reference-detail .news-single .news-list-category {
	font-style: normal;
}
/* * header */
#header {
	position: fixed;
	z-index: 101;
	width: 100%;
}   
#header .container {
  position: relative;
}      
#branding img, .navbar-brand {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.navbar-brand {
	height: auto;
	padding: 16px 20px 16px 0;
}
/*header.readContent:not(.open) .navbar-brand, header.no-img-header:not(.open) .navbar-brand {
	padding: 16px 20px 16px 0;
}*/
header.readContent:not(.open) {
	background: rgba(255,255,255,.95);
	/*border-bottom: 1px solid #DDDDDD;*/
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
header.readContent.partialReadContent:not(.open), header.no-img-header:not(.open) {
	background: rgba(255,255,255,.8);
}
header.readContent:not(.open) .noReadContentLogo, header .readContentLogo, header.no-img-header:not(.open) .noReadContentLogo  {
	display: none;
}
header.readContent:not(.open) .readContentLogo, header.no-img-header:not(.open) .readContentLogo {
	display: block;
}

#header:not(.open).readContent.visible {
  transform: translateY(0%);
}
#header:not(.open).readContent {
  transform: translateY(-100%);
}
/* * nav */
.navbar-header {
	position: relative;
	z-index: 10;
}
#navbar {
	float: right;
	position: relative;
	text-align: right;
	width: auto;
	margin: 30px 0 32px 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.navbar {
	margin-bottom: 0;
	border: none;
}
#navbar nav {
	display: inline-block;
	margin-right: 20px;
}
nav ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}
nav ul li {
	display: inline-block;
	/*margin: 0 8px;
*/
}
nav ul li a {
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 10px 20px;
	display: inline-block;
	font-size: 22px;
	letter-spacing: 1px;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-webkit-transition: color .3s;
	transition: color .3s;
}
nav ul li a:hover, nav ul li a:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
}
.readContent:not(.open) nav ul li a {
	color: #585756;
}
.readContent:not(.open) nav ul li a:hover {
	color: #E0004D;
}
.nav-btn {
	display: inline-block;
	margin: 0 50px;
}
.nav-btn a {
	font-size: 19px;
	text-transform: uppercase;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: 700;
	padding: 10px 24px;
	-webkit-box-shadow: 0px 0px 0px 3px #fff;
	-moz-box-shadow: 0px 0px 0px 3px #fff;
	box-shadow: 0px 0px 0px 3px #fff;
}
.readContent:not(.open) .nav-btn a {
	-webkit-box-shadow: 0px 0px 0px 3px #E0004D;
	-moz-box-shadow: 0px 0px 0px 3px #E0004D;
	box-shadow: 0px 0px 0px 3px #E0004D;
	color: #E0004D;
}
.nav-btn, .nav-btn a {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.nav-btn:hover {
	border: none;
}
.nav-btn a:hover, .nav-btn a:focus {
	border-radius: 20px;
	text-decoration: none;
}
/* language */
.lang-nav {
  position:absolute;
  top: 40px;
  right: 105px;
  display:none;
}
.open .lang-nav {
  display:block;
}
.readContent:not(.open) .lang-nav select, .readContent:not(.open) .lang-nav select option {
	color: #585756;
}
.readContent:not(.open) .lang-nav:after {
	background: url(../img/misc/angle_down_coul.png) no-repeat bottom right;
}        
.lang-nav li {
  float : left;
  list-style: none;
}
.container .lang-nav ul a {     
	color: rgba(255, 255, 255, 0.5);
	margin-left: 20px;
	font-size: 22px;
  font-weight: 400;
}  
.container .lang-nav ul .active a, .container .lang-nav ul a:hover, .container .lang-nav ul a:active {       
	color: #ffffff;
  text-decoration: none;
} 
.container .lang-nav ul .active a:hover, .container .lang-nav ul .active a:active { 
	color: rgba(255, 255, 255, 0.5);
} 
/* /language */
#navToggle, #contactToggle {
	display: block;
	float: right;
	margin-top: 6px;
}
#navToggle:hover, #contactToggle:hover {
	cursor: pointer;
}
#navToggle div, #contactToggle div {
	border: 2px solid #ffffff;
  background: #ffffff;
	border-radius: 5px;
	margin: 7px 0;
	width: 50px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#navToggle div:last-child, #contactToggle div:last-child {
	margin-bottom: 0;
  width: 30px;
}
.readContent:not(.open) #navToggle div, .no-img-header:not(.open) #navToggle div {
	border-color: #3d3d3d;
  background: #3d3d3d;
}
#navToggle .toggle div:nth-child(2), #contactToggle .toggle div:nth-child(2) {
	-moz-transition: all 0s;
	-o-transition: all 0s;
	-webkit-transition: all 0s;
	transition: all 0s;
}
.toggle.open div:nth-child(1) {
	-webkit-transform: translateY(12px) rotate(45deg);
	-ms-transform: translateY(12px) rotate(45deg);
	transform: translateY(12px) rotate(45deg);
}
.toggle.open div:nth-child(2) {
	opacity: 0;
}
#navToggle.toggle.open div:nth-child(3), #contactToggle.toggle.open div:nth-child(3) {
	width: 50px;
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.menu-open {
  overflow: hidden;
}
.lightboxNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	color: white;
	overflow: hidden;
	background: #E0004D;
	z-index: 100;
	height: 0;
	opacity: 0;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.lightboxNav.open {
	display: block;
	height: 100%;
	opacity: 1;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.lightboxNav .container {    
  position: relative;
  height: 100vh;
}
.lightboxNav-position {          
  margin-top: 50vh;
  transform: translateY(-41%);   
  -ms-transform: translateY(-41%);
  position: absolute;
  width: 100%;
}
.lightboxNav ul {
	margin-bottom: 0;
	padding: 0;
}
.lightbox-menu {
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;  
  /*position : absolute;
  bottom: 0;*/
}
.lightboxNav ul li {
	list-style: none;
}
.lightboxNav ul a {
	color: #ffffff;
	font-size: 90px;
	font-weight: 700;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
	font-size: 56px;
  line-height: 1.6;
  font-weight: 300;
}
.lightboxNav ul a:hover, .lightboxNav ul a:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}
.lightbox-lang-rs {
  position: absolute;
  right: 42px;
  bottom: 20px;
}

@media (max-height:637px){
  .lightboxNav ul a {
    line-height: 100px;
  }       
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    line-height: 1.5;
  }
}     
@media (max-height:596px){
  .lightboxNav ul a {
    line-height: 80px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    line-height: 1.4;
  }
}     
@media (max-height:550px){
  .lightboxNav ul a {
    line-height: 80px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    line-height: 1.3;
  }
}    
@media (max-height:515px){
  .lightboxNav ul a {
    font-size: 60px;
    line-height: 70px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    font-size: 40px;
    line-height: 1.2;
  }
}
/* * content-top  */
.content-top {
	position: relative;
}
.content-img, .newsroom-detail .content-img, .content-top-reference-detail .content-img {
	width: auto;
	height: 618px;
	overflow: hidden;
}
.news-single .article .news-img-wrap img {      
	height: 618px;
}
.content-img.no-banner {
	height: 404px;
}

.content-img > div::after {
  content: '';
  background-image: linear-gradient(to left, rgba(58, 58, 58, 0.2) 55%, rgba(26, 26, 26, 0.8));
  opacity: 0.6;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}       
/*.newsroom-detail .content-img > div::after, #c6629::after {
  background-image: none;
}*/
#c6629 .ce-border img, #c6629 .ce-border iframe {
  border: none;
}
/* Petit banner pour les anciennes références */
.little-banner-ref .content-img {
  height: 440px;
}         
/* /Petit banner pour les anciennes références */
.newsroom-detail .content-img, .newsroom-detail .content-img img {
	height: 440px;
}
.content-img .ce-textpic * {
	min-width: 100%;
}
.content-top.home-page {
  margin-bottom: 120px;
}
.home-page .content-img {
	height: auto;
}
.content-img div[class^="csc"], .content-img div[class^="csc"] * {
	min-width: 100%;
	height: 100%;
	width: auto;
}
.content-img img {
	max-width: 100%;
	height: 618px;
	object-fit: cover;
	width: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content-img .ce-textpic .ce-media::after {
	background: url(../img/backgrounds/tile_trame_imgs_banner.png);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	opacity: 0.35;
}
.content-top div[class^="csc"] figure img {
	background-size: cover;
	width: 100%;
	height: auto;
}
.content-img .carousel, .content-img figure {
	background: #ffffff;
	height: 100%;
}
/* vidéo */
#set-height {
	display: block;
}
#video-home {
	position: relative;
	height: 100vh;
	/*background: url(/fileadmin/documents/wng.ch/videos/home/201609_welcome.jpg) no-repeat center center;
	background: url(/fileadmin/documents/wng.ch/videos/winter/renne.gif) no-repeat center center;
*/
	/*background: url(/fileadmin/documents/wng.ch/videos/home/201712_joyeusesfetes/wng-video-home.png) no-repeat center center;
*/
	background: none;
	background-size: cover;
}
.wng-header-wish {
	background-image: url(/fileadmin/documents/wng.ch/videos/home/201611_welcome.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100vw;
	height: 100vh;
}
#home-jan18 {
	position: relative;
	height: 100vh;
	/*background: url(/fileadmin/documents/wng.ch/videos/home/201609_welcome.jpg) no-repeat center center;
	background: url(/fileadmin/documents/wng.ch/videos/winter/renne.gif) no-repeat center center;
*/
	background: url(/fileadmin/documents/wng.ch/videos/home/201801_cover.jpg) no-repeat center center;
	background-size: cover;
}
#january-2017 {
	vertical-align: middle;
	color: #ffffff;
	display: table-cell;
	height: 100vh;
	font-weight: bold;
	font-size: 67px;
	line-height: 1.1;
}
.teaserjan2018 {
	font-size: 90px;
}
.on-video:after {
	position: absolute;
	content: '';
	/* background: rgba(0,0,0,0.03);
*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0, 000000+100&0.3+0, 0.15+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 100%);
/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 100%);
/* Chrome10-25, Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#26000000',GradientType=0 );
/* IE6-9 */
}
.on-video {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.on-video .container {
	height: 100%;
}
.on-video .text {
	/*padding-top: 65vh;
*/
	/*background: rgba(0, 0, 0, 0) url("../img/logos/sigle_wng/sigle_wng_blanc.svg") no-repeat scroll right bottom / 16% auto;
*/
	color: #ffffff;
	font-size: 60px;
	/*font-size: 80px;
	text-align: center;
*/
/* FIN modif Rsp */
	font-weight: 700;
	line-height: 100px;
	/*height: 100%;
*/
	bottom: 80px;
	position: absolute;
	/*text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.15);
*/
	margin-bottom: 10px;
	margin-top: 10px;
}
.on-video .text span {
	background-color: rgba(229, 6, 75, 0.9);
	display: inline;
	padding: 0.2rem 2rem 1rem;
/* Needs prefixing */
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
#video-home #scroll-down {
	bottom: 20px;
	color: #ffffff;
	font-size: 20px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 20;
	line-height: 18px;
	/*animation: bounce 0.9s ease infinite;
*/
}
/*@keyframes bounce {
from {
	bottom: 0px;
}
50% {
	bottom: 10px;
}
to {
	bottom: 14px;
}
}
*/
#v2 {
	height: 100vh;
	left: 0;
	object-fit: cover;
	/*position: fixed;
*/
	top: 0;
	width: 100%;
}
#v0 {
	height: 100vh;
	left: 0;
	object-fit: cover;
	position: fixed;
	top: 0;
	width: 100%;
}
p font-family helvetica {
	font-size: 24px;
}
/* /vidéo */
#pnlFullWidthContainer {
	position: relative;
}
#pnlFullWidthContainer .carousel-inner .item {
	height: 100vh;
	overflow: hidden;
}
#pnlFullWidthContainer .carousel-inner img {
	height: 100%;
	object-fit: cover;
	width: 50%;
	float: left;
	background: #cacaca;
}
#pnlFullWidthContainer .carousel-caption {
	float: right;
	left: auto;
	position: relative;
	right: 0;
	text-align: left;
	width: 50%;
	padding-left: 8%;
	padding-right: 8%;
	bottom: 0;
	/*transform: translateY(-50%);
*/
	margin-top: 250px;
}
.carousel-caption * {
	text-align: left;
	color: #585756;
	text-shadow: none;
}
.carousel-caption h3 {
	font-size: 72px;
	color: #E0004D;
	text-transform: none;
}
.carousel-caption p {
	color: rgba(88, 87, 86, 0.6);
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 25px;
}
.carousel-caption a {
	color: #E0004D;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.carousel-caption a:hover, .carousel-caption a:focus {
	color: rgba(229, 6, 75, 0.6);
	text-decoration: none;
}
.carousel-inner .item img {
	width: 100%;
}
#pnlFullWidthContainer .carousel-control {
	background: url(../img/misc/angle_left.png) no-repeat center bottom;
	bottom: 10%;
	height: 115px;
	left: 58%;
	opacity: 1;
	overflow: hidden;
	top: auto;
	width: 63px;
}
#pnlFullWidthContainer .carousel-control.right {
	margin-left: 80px;
	background: url(../img/misc/angle_right.png) no-repeat center bottom;
}
#pnlFullWidthContainer .carousel-control:hover {
	background-position: center top;
}
.carousel-indicators {
	left: auto;
	margin: 0;
	right: 0;
	width: 50%;
	padding-left: 8%;
	top: 20%;
	height: 35px;
	text-align: left;
}
.carousel-indicators li {
	opacity: 0;
	cursor: default;
	text-indent: 0;
	font-size: 22px;
	width: auto;
	height: auto;
	position: absolute;
	background: none;
	border: none;
	margin: 0;
	-webkit-transition: all 0.6s ease-in-out 0s;
	-o-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}
/*.carousel-indicators li:after {
	background: #585756 none repeat scroll 0 0;
	content: "";
	display: inline-block;
	height: 1px;
	margin-bottom: 22%;
	margin-left: 10px;
	width: 15px;
}
*/
.carousel-indicators li.active {
	opacity: 1;
	width: auto;
	height: auto;
	background: none;
	border: none;
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,    .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,    .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,    .carousel-fade .carousel-inner > .item.prev.right,    .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
/* vertical slider */
.vertical-slider-images {
	height: 100vh;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.vertical-slider-images .vertical-img-container {
	top: 0;
	left: 0;
	position: fixed;
	overflow: hidden;
	height: 100vh;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.vertical-slider-images .vertical-img-container.active {
	position: absolute!important;
}
.fullwidth-container {
	background-color: #fff;
	/*position: fixed;
	top: 100%;
	width: 100%;
	z-index: 60;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
*/
}
.fullwidth-container-gradient {
	background-color: #fff;
	position: relative;
	z-index: 50;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.vertical-slider-content {
	backface-visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.3s ease-in 0s;
	visibility: hidden;
	z-index: 50;
	width: 100%;
}
.vertical-slider-content.active {
	opacity: 1;
	visibility: visible;
}
.vertical-slider-content .vertical-content-title {
	font-size: 5.8em;
	line-height: 1em;
}
.vertical-slider-content .vertical-content {
	backface-visibility: hidden;
	color: #ffffff;
	max-width: none;
	opacity: 0;
	position: fixed;
	bottom: 35%;
	transition: all 0.3s ease-in 0s;
	visibility: hidden;
	width: 100%;
}
.vertical-slider-content .vertical-content.shown-vertical-content {
	opacity: 1;
	visibility: visible;
}
.vertical-slider-content .vertical-content-inner {
	position: relative;
	color: #ffffff;
	text-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.vertical-slider-content .vertical-content-inner h3 {
	font-size: 100px;
	text-transform: none;
	padding: 0 40px 0 0;
}
.vertical-slider-content .vertical-content-pagination {
	cursor: pointer;
	position: absolute;
	right: 20px;
	bottom: 0;
	width: 10px;
}
.vertical-slider-content .vertical-content-pagination span {
	background-color: #ffffff;
	display: inline-block;
	border-radius: 100%;
	margin-bottom: 5px;
	height: 19px;
	opacity: 0.2;
	width: 19px;
}
.vertical-slider-content .vertical-content-pagination span:hover, .vertical-slider-content .vertical-content-pagination span.active {
	opacity: 1;
}
/* /vertical slider */
.page-title {
	bottom: 50px;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.page-title * {
	color: #3a3c41;
}
.page-title a:hover {
	text-decoration: none;
	color: #f8f8f8;
}    
.page-title.title-white *, .page-title.title-white a:hover {
  color: #f8f8f8;
}
.page-title h2 {
	text-align: left;
	max-width: 100%;
	font-weight: 100;
	font-size: 28px;
	margin-bottom: 0px;
}
.content-top-reference-detail .page-title h1 {
	margin-bottom: 15px;
}
/* * content */
body #content > .container {
	padding-top: 10px;
	padding-bottom: 50px;
}
#content.no-banner {
  padding-top: 50px;
}
body #content:not(.no-padding-top) > .container {
	padding-top: 80px;
}
#content > .row,
#pnlFullWidthContainer > .row {
	margin: 0;
}
#pnlFullWidthContainer > .row > div {
	padding: 0;
}
blockquote {
  border: none;
  padding: 0;
  margin-top: 50px;
}
blockquote::before {
  content: "’";
  font-size: 181px;
  font-weight: bold;
  color: #E0004D;
  float: left;
  height: 62px;
  line-height: 110px;
  padding-right: 10px;
}
blockquote p {
  font-size: 22px;
  margin-top: 0;
  font-weight: 700;
}
.newsroom-detail.content-reference-detail, .newsroom-detail.content-reference-more {
	background: #fff !important;
}
#content.content-reference-detail {
  padding-bottom: 90px;
}
.content-reference-more .ce-left .ce-gallery, .content-reference-more .ce-column {
	float: none;
	text-align: center;
	width: 100%;
}
.content-reference-more .ce-gallery img {
	display: inline-block !important;
}
.content-reference-more .ce-gallery {
  margin-bottom: 0 !important;
}
.content-reference-more .ce-row {
	margin-bottom: 30px;
}
.content-reference-more .col-sm-4 {
	border-right: 1px solid #dddddd;
}
.content-reference-more .col-sm-4:last-child {
	border-right: none;
}
.iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 1560px;
	margin: -10px auto 0 auto;
}
.iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main-content {
	padding-bottom: 20px;
}
.btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"] {
	border-radius: 0;
	border: none;
	background: #E0004D;
	font-weight: 500;
	text-shadow: none;
	color: #ffffff !important;
  font-size: 18px !important;
	margin-top: 10px;
	height: 50px;
  line-height: 50px;
  padding: 0;
	position: relative;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn span, .powermail_submit span, .tx-felogin-pi1 input[type="submit"] span {
	color: #ffffff !important;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}   
.btn:hover span, .powermail_submit:hover span, .tx-felogin-pi1 input[type="submit"]:hover span {
	color: #d90647 !important;
}    
.web-trends-2021 .btn[type="submit"]:hover span {
	color: #ffffff !important;
}
#pnlFullWidthContainer .news .btn {
  margin-top: 10px;
}
.powermail_submit {
	display: inline-block;
}
.powermail_submit:hover, .powermail_submit:focus {
	background: #D90647;
}
.powermail_fieldwrap_donneespersonnelles .checkbox label,
.powermail_fieldwrap_donneespersonnelles_1_1 .checkbox label,
.powermail_fieldwrap_donneespersonnelles_1 .checkbox label  {
	padding: 0;
	margin-left: 25px;
  color: #3a3c41;
  line-height: 1.19;
}
@supports (-webkit-touch-callout: none) {
  .powermail_fieldwrap_donneespersonnelles .checkbox label,
  .powermail_fieldwrap_donneespersonnelles_1_1 .checkbox label,
  .powermail_fieldwrap_donneespersonnelles_1 .checkbox label  {
  	margin-left: 42px;
  } 
}
.powermail_fieldwrap_donneespersonnelles .checkbox input[type="checkbox"] {
	background: none;
	border: 2px solid #E0004D;
}
.btn-inline-block {
	display: inline-block;
	margin: 20px 10px 0;
	font-size: 18px;
	padding: 25px 30px;
}
.btn:before, .powermail_submit:before, .tx-felogin-pi1 input[type="submit"]:before,
.btn:after, .powermail_submit:after, .tx-felogin-pi1 input[type="submit"]:after {
	background: #E0004D;
	position: absolute;
  content: "";
  height: 0%;
  width: 2px;
}
.btn:before, .powermail_submit:before, .tx-felogin-pi1 input[type="submit"]:before {
  right: 0;
  top: 0;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.btn:after, .powermail_submit:after, .tx-felogin-pi1 input[type="submit"]:after {
  left: 0;
  bottom: 0;
  transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}
.btn span, .powermail_submit span, .tx-felogin-pi1 input[type="submit"] span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 30px;
}
.btn span em {
  color: #ffffff;
}
.btn span:after, .powermail_submit span:after, .tx-felogin-pi1 input[type="submit"] span:after {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}
.btn span:before, .powermail_submit span:before, .tx-felogin-pi1 input[type="submit"] span:before,
.btn span:after, .powermail_submit span:after, .tx-felogin-pi1 input[type="submit"] span:after {
  position: absolute;
  content: "";
  background: #E0004D;
}
.web-trends-2021 .btn[type="submit"] span:before, .web-trends-2021 .btn[type="submit"] span:after {
  background: #ffffff;
}
.btn span:before, .powermail_submit span:before, .tx-felogin-pi1 input[type="submit"] span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover, .btn-filter-newsroom.active,
.fs-controls .btn:hover, .fs-submit.btn:hover {
  color: #E0004D !important;
  background: rgba(255,255,255,0.8);
} 
.web-trends-2021 .btn[type="submit"]:hover {
  color: #ffffff !important;
  background: #E0004D;
}
.btn:hover:before, .powermail_submit:hover::before, .tx-felogin-pi1 input[type="submit"]:hover:before, .btn-filter-newsroom.active:before {
  transition: all 500ms ease;
  height: 100%;
}
.btn:hover:after, .powermail_submit:hover::after, .tx-felogin-pi1 input[type="submit"]:hover:after, .btn-filter-newsroom.active:after {
  transition: all 500ms ease;
  height: 100%;
}
.btn:hover:before, .powermail_submit:hover::before, .tx-felogin-pi1 input[type="submit"]:hover:before, .btn-filter-newsroom.active:before,
.btn:hover:after, .powermail_submit:hover::after, .tx-felogin-pi1 input[type="submit"]:hover:after, .btn-filter-newsroom.active:after {
  position: absolute;
  content: "";
  background: #E0004D;
}
.web-trends-2021 .btn[type="submit"]:hover:before, .web-trends-2021 .btn[type="submit"]:hover:after {
  background: #ffffff;
}
.btn span:hover:before, .powermail_submit span:hover:before, .tx-felogin-pi1 input[type="submit"] span:hover:before {
  width: 100%;
}
.btn span:hover:after, .powermail_submit span:hover:after, .tx-felogin-pi1 input[type="submit"] span:hover:after {
  width: 100%;
}

.home-newsroom {
	padding-top: 100px;
}
.home-newsroom h2 {
	margin-bottom: 50px;
}
/*.home-newsroom .btn-filter-newsroom {
	display: none !important;
}
*/
.home-newsroom .btn {
	margin-bottom: 50px;
}
.tx-felogin-pi1 input[type="submit"] {
	margin-top: 20px;
}
.fce-box-color {
	background: #E5E5E5;
	padding: 15px;
	margin-bottom: 20px;
}
/* news */
.categoryTree.news-list-view-cat {
	margin: 0 0 20px 0 !important;
  padding: 0 !important;
}                   
.news-list-view-cat li {
  margin-left: 0;
}
.news-list-view-cat li:before {
  content: none !important;
}
.categoryTree.news-list-view-cat a {
  float: left;
  position: relative;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 24px;
}
/*.categoryTree.news-list-view-cat a:hover, .categoryTree.news-list-view-cat a:focus {
	background: none;
}
*/
.categoryTree.news-list-view-cat a:hover::before {
	transform: scaleY(1);
}
.news-list-view.row {
    display: flex;
    display: -webkit-flexbox;
    flex-wrap: wrap;
}
.news-list-view.row:before {
  display:none;
}
.news-list-view.row .article-element {
    float: none;
    clear: both;
}
.news-list-view .article {
	margin-bottom: 20px;
}
.news-list-view .article img {
	max-width: 100%;
	height: auto;
}
.news-list-view a:hover {
	text-decoration: none;
}

.news-list-view a:hover h3 {
	color : #E0004D;
}

.news-list-date time, .news-single .news-list-category {
	/*color: #000000;
*/
	font-style: italic;
	font-size: 14px;
	font-weight: 500;
}
.news-list-view .news-list-category {
	background: #ffffff;
	padding: 15px 25px;
	border: 1px solid #dddddd;
	border-top: none;
	font-style: italic;
	font-size: 14px;
}
.news-list-category .fa {
	margin-right: 7px;
}
.categoryTree {
	display: inline;
	margin: 0;
	padding: 0;
}
.categoryTree li {
	list-style: none;
	float: left;
  margin-left: 0 !important;
}
.categoryTree:first-child {
	width: 100%;
	text-align: center;
	margin: 62px 0;
	display: inline-block;
}
.categoryTree a {
	padding: 0 40px 0 0;
	margin: 0px;
	color: #3a3c41;
	font-size: 32px;
  opacity: 0.45;
}
.categoryTree a:hover, .categoryTree a.active {
	opacity: 1;
	text-decoration: none;
}
.categoryTree a.active {
  color: #E0004D;
}
.slick-list::after {
  content: '';
  position: absolute;
  right: -50px;
  top: 0;
  height: 55px;
  width: 100px;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);    
}          
.fullwidth-container .references-view {
	margin-top: 40px;
}
.references-view .row {
  display: flex;
  flex-wrap: wrap;
}
.references-view .row:before {
  display:none;
}
.references-view a:hover {
  text-decoration:none;
}
.references-view .article, .team-view .article, .news-list-view .article {
	position: relative;
	margin-bottom: 30px !important;
}
.news .references-view .news-img-wrap, .news-list-view .news-img-wrap {
  overflow: hidden;
  margin: 0;
  float: none;
  position: relative;
  box-shadow: 0px 0px 10px -3px rgba(48,56,66,0.2);
}
.references-view .article-content, .team-view .article-content {
  text-align: left;
	color: #ffffff;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding-left: 15px;
	padding-right: 15px;
}
.references-view .teaser-text p {
	line-height: 28px;
}
.news .references-view .news-img-wrap img,
.news-list-view .article .news-img-wrap, .news-list-view .article .news-img-wrap img {
	max-width: 100%;
	min-height: 100%;
	height: auto;
	width: 100%;
	position: relative;
	object-fit: cover;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	-webkit-transition: all .9s;
	transition: all .9s;
}
.references-view a .news-img-wrap, .team-view .article .news-img-wrap {
	position: relative;
	margin: 0px;
}
.news .team-view .article .news-img-wrap img {
	float: none;
}
.news .team-view .article .news-img-wrap {
	float: none;
	background: none;
}
.references-view a .news-img-wrap:after, .team-view .article .news-img-wrap:after,
.news-list-view .news-img-wrap:after,
.expertise-element .expertise-element-img-wrap:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.expertise-element .expertise-element-img-wrap:after {
  width: calc(100% - 20px);
  left: 10px;
}
.references-view a:hover .news-img-wrap:after, .references-view .article:hover .news-img-wrap:after, .team-view .article:hover > .news-img-wrap:after, .team-view .active > .news-img-wrap:after,
.news-list-view a:hover .news-img-wrap:after,
.expertise-element:hover .expertise-element-img-wrap:after {
	background: rgba(229, 6, 75, 0.5);
}
.references-view a:hover .news-img-wrap img, .references-view .article:hover .news-img-wrap img,
.news-list-view a:hover img,
.expertise-element:hover img  {
	-webkit-transform: scale(1.05);
/* Safari and Chrome */
	-moz-transform: scale(1.05);
/* Firefox */
	-ms-transform: scale(1.05);
/* IE 9 */
	-o-transform: scale(1.05);
/* Opera */
	transform: scale(1.05);
  filter: grayscale(100%);
}      
.references-view a h3, .news-list-view img, .news-list-view .news-img-wrap:after {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.references-view a:hover h3, .references-view .article:hover h3 {
  color: #E0004D;
}
.references-view h4 {
	font-size: 35px;
	margin-bottom: 2px;
	color: #ffffff;
}
.references-view .resume {
	font-size: 16px;
	margin-top: 50px;
	color: #ffffff;
}

.news-list-view .article .news-img-wrap, .news-list-view .article .news-img-wrap img {
  float:none;
}
.article-list-content h3, .article-list-content p {
  color: #303842;
}
.article-list-content h3 {
  margin-top: 30px;
  margin-bottom: 5px;
}
.article .article-list-content .teaser-text {
    margin: 0 0 55px 0;
}
/* newsroom */
.tx-pb-social .pb-list {
	margin: 0;
	/*-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	column-gap: 40px;
*/
	text-align: left;
}
.tx-pb-social .pb-list .pb-list-item {
	width: 22%;
	height: auto;
	clear: both;
	/*display: inline-block;
*/
	float: none;
	vertical-align: top;
	box-shadow: none;
	background: #ffffff;
	margin: 9px 16px 40px;
	position: relative;
	cursor: pointer;
}
.tx-pb-social .pb-list-item .text .hashtag {
	font-weight: bold;
}
.tx-pb-social .pb-list .pb-list-item-news .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.tx-pb-social .pb-list-item.pb-list-item-news .image {
	display: none;
}
.pb-list-item-news-image {
	width: 100%;
	height: 180px;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	background-position: center;
}
.tx-pb-social .pb-list .pb-list-item:after {
	opacity: 0;
	content: '';
	font-family: fontawesome;
	/*background: url(../img/icon/plus-social-wng.svg) no-repeat center center rgba(255,255,255,.8);
	background-size: 50px auto;
	background: rgba(255,255,255,.4);
*/
	color: #ffffff;
	font-size: 45px;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	pointer-events: none;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: none;
}
.tx-pb-social .pb-list .pb-list-item:hover:after {
	opacity: 1;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1);
}
.tx-pb-social .pb-list-item .image {
	position: relative;
	height: auto;
	width: 100%;
	border: 1px solid #e9e9e9;
	border-bottom: none;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.tx-pb-social .pb-list .pb-list-item:hover .image {
	opacity: 0.8;
}
.tx-pb-social .pb-list-item .placeholder-image {
	background: none;
	height: 0;
	border: none;
}
.tx-pb-social .pb-list-item .text {
	background: none;
	color: #585756;
	display: block;
	height: auto;
	left: auto;
	padding: 30px 30px 100px 30px;
	line-height: 20px;
	font-size: 16px;
	position: relative;
	border: 1px solid #E9E9E9;
}
.tx-pb-social .pb-list-item .text .date {
	/*color: #000000;
*/
	font-size: 14px;
	font-style: italic;
	margin-bottom: 22px;
	font-weight: 500;
}
.tx-pb-social .pb-list-item .text:hover {
	text-decoration: none;
}
.tx-pb-social .pb-list-item .fb-like-detail-wrap, .tx-pb-social .pb-list-item .additional-info {
	display: none;
}
.tx-pb-social .pb-list-item .icon {
	left: auto;
	right: 0;
	bottom: 0;
	top: auto;
	position: absolute;
	border-radius: 0;
	height: 75px;
	width: 75px;
	text-align: center;
}
.tx-pb-social .pb-list-item .icon:after {
	font-family: fontawesome;
	position: absolute;
	right: 15px;
	color: #ffffff;
	font-size: 25px;
	top: 34px;
}
.tx-pb-social .pb-list-item-facebook .icon {
/*background: linear-gradient(to bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%,
#3B5999 50%,
	#3B5999 100%);
*/
	background: url(../img/icon/facebook_icon_social-wall.svg) no-repeat;
}
/*.tx-pb-social .pb-list-item-facebook .icon:after {
	content: '\f09a';
}
*/
.tx-pb-social .pb-list-item-twitter .icon {
/*background: linear-gradient(to bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%,
#65C6F1 50%,
	#65C6F1 100%);
*/
	background: url(../img/icon/twitter_icon_social-wall.svg) no-repeat;
}
/*.tx-pb-social .pb-list-item-twitter .icon:after {
	content: '\f099';
}
*/
.tx-pb-social .pb-list-item-instagram .icon {
/*background: linear-gradient(to bottom right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%,
#65C6F1 50%,
	#65C6F1 100%);
*/
	background: url(../img/icon/instagram_icon_social-wall.svg) no-repeat;
}
.tx-pb-social .pb-list-item-news .icon {
	background: url(../img/icon/news_icon_social-wall.svg) no-repeat;
}
.tx-pb-social {
	text-align: center;
}
.btn-filter-newsroom {
	text-transform: none;
	padding: 17px 25px;
	margin: 0 12px 70px 12px;
}
/* newsroom */
/* zoom scroller */
.team-view {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.team-view:before {
  display:none;
}
.team-view .team-member {
	width: 25%;
	padding: 8px;
  position: relative;
}      
.team-view .news-img-wrap::after {
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 79%);
  position: absolute;
  bottom: 0;
  height: 35%;
  width: 100%;
  left: 0;
}
.team-view .article {
  position:absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0 !important;
  padding-right: 16px;
  z-index: 2;
  padding-bottom: 8px;
}
.team-view .float-left {
  float:left; 
  width: calc(100% - 60px);
  padding-left: 23px;
}
.team-view .news-related {
  border: none;
  width: 66px;
  position: absolute;
  right: 15px;
  bottom: 7px;
}
.team-view .news-related a {
	background: url("../img/icon/icons_team/icon_team_linkedin.svg") no-repeat;
	background-size: 36px 36px;
  color: rgba(0, 0, 0, 0);
  height: 36px;
  width: 36px;
  overflow:hidden;
  display: inline-block;
  margin-top: 5px;
  opacity: 0.8;
}
.team-view .news-related a:hover {
  opacity: 1;
}
.team-view .news-related .website {
	background: url("../img/icon/icons_team/icon_team_globe.svg") no-repeat;
}
.team-view .news-related .twitter {
	background: url("../img/icon/icons_team/icon_team_twitter.svg") no-repeat;
}
.team-view .news-img-wrap {
    position: relative;
}
.team-view .news-img-wrap img {
	max-width: 100%;
	height: auto;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.team-view .news-img-wrap img:nth-child(2) {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  opacity: 0;
}
.team-view .team-member:hover > .news-img-wrap img:nth-child(2) {   
  opacity: 1;
}
.team-view .article-content {
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
  width: 100%;
}
.team-view h3 {
	color: #ffffff;
  margin-top: 25px;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 6px !important;
}
.team-view .teaser-text {
	margin-bottom: 20px !important;
	color: #ffffff;
  font-size: 16px;
}
.team-view .team-tag {
  color: #E0004D;
}
.team-view .news-related ul {
	margin: 0;
	padding: 0;
}
.team-view .news-related li {
	list-style: none;
	display: inline-block;
	padding: 2px;
}
.article-content h2 {
	max-width: 100%;
	text-align: left;
}
.article-content h2.text-center {
	text-align: center;
}
.article-content h2.text-right {
	text-align: right;
}
.news-single {
	margin: 0 auto;
	position: relative;
}
.news-single .article-content {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.news-single .article-content h2 {
	margin-top: 25px;
}
.news-single .social {
	position: absolute;
	right: 0px;
	top: 0px;
}
.social .facebook .like {
	display: none;
}
.social .facebook .share {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}
.social .facebook .twitter {
	float: left;
	background: none;
}
.news-list-date {
  display: block;
  clear: both;
  margin-bottom: 30px;
}
.news-single p {
	text-align: justify;
}
.news-single .article .news-img-wrap {
	float: none;
	width: auto;
	max-width: 100%;
	margin: 0;
	text-align: center;
}
.news .article .news-img-wrap a {
	border: none;
	padding: 0;
	float: none;
}
/* events */
.news-list-view .article-event {
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.article-event a:hover .date-event {
	background: #000000;
}
.article-event a:hover .content-event {
	color: #A3A3A3;
}
.article-event a:hover .more-event {
	color: #000000;
}
.date-event {
	float: left;
	color: #ffffff;
	background: #3E3E3E;
	padding: 8px;
	border-radius: 34px;
	text-align: center;
	height: 60px;
	width: 60px;
	font-size: 15px;
	margin-right: 15px;
}
.date-event-day {
	font-weight: 700;
}
.date-event-month:first-letter {
	text-transform: uppercase;
}
.content-event {
	color: #3E3E3E;
}
.content-event h5 {
	margin: 4px 0 2px 0;
	font-size: 15px;
}
.more-event {
	text-align: right;
	font-size: 16px;
}
/* Formulaires */
.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: #E0004D;
  margin-left: 135px;
}     
.modal-content * {
  color: #ffffff;
}         
.modal-open .modal {
  overflow-y: hidden;
}
.modal-header, .modal-body {
  padding: 0;
  border: none;
}
.modal-body {
  max-height: 70vh;
}
.modal-content h2 {
  margin-bottom: 50px;
}
.modal-backdrop {
  background-color: #E0004D;
  top: 120px;
}
.modal-backdrop.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 120px);
  -ms-transform: translate(0, 120px);
  -o-transform: translate(0, 120px);
  transform: translate(0, 120px);
}
.powermail_form {
	margin: 0 auto;
	max-width: 60%;
}
.powermail_form > h3 {
	display: none;
}
.tx-powermail label {
	display: block;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}
.powermail_fieldwrap {
	margin-bottom: 20px;
}
.powermail_legend {
	display: none;
}
.powermail_input, .powermail_textarea {
  border-radius: 3px;
  border: solid 1px rgba(151, 151, 151, 0.3);
  background-color: #fafafa;
}
.powermail_input:focus, .powermail_textarea:focus {
	outline: none;
}
.powermail_captcha {
	width: 50%;
}
.fs-form-overview .edit {
	display: table !important;
}
.fs-form-full, .fs-message-error, .fs-form-overview {
  max-width: 75%;
  margin: 0;
  padding: 0;
}
.input_wrapper, #selector_form_div .nl-dd {
  margin-top: 45px;
  display: block;
}
.fs-form, .powermail_label, .fs-fields label {
  font-size: 32px !important;
  margin: 0 auto;
}
.fs-form li.fs-current {
  margin: 0 auto;
  position: relative;
  min-height: 0;
}
.tx-template-power-mail .fs-field-label, .powermail_label {
  margin-bottom: 12px;            
  font-weight: 300 !important;
}
.nl-form, .fs-anim-upper:not(.powermail_label), .fs-fields .label-underline {
  font-weight: 300;
  color: #3a3c41;
  font-size: 55px;
  line-height: 1;
  padding-bottom: 40px !important;
  display: block;
  position: relative;
}
.fs-form-overview .input_wrapper > label, .fs-form-overview .input_wrapper > div {
  display: block;
  width: 100%;
  padding-bottom: 40px !important;
}
.fs-fields .label-underline:after, .powermail_fieldwrap_type_html > div:after, .fs-form-overview .title_overview:after {   
  position: absolute;
  content:'';
  bottom: 0;
  left: calc(50% - 50px);
  width: 100px;
  border-bottom: solid 1px #ddd;
}    
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_01,
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_02, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_03,
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_04, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_05 {
  padding-bottom: 0 !important;
  margin-bottom: 5px;
}
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline > div:after, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_01 > div:after,
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_02 > div:after, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_03 > div:after,
.powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_04 > div:after, .powermail_fieldwrap_type_html.powermail_fieldwrap_no-underline_05 > div:after {   
  content:none;
}
.nl-field {
  z-index: 10000;
  display: block;
}
.fs-form-overview .nl-field {
  background: none;
}
.nl-field.nl-dd {
  position: relative;
}
.nl-field.nl-field-open {
  z-index: 10001;
}
.nl-field.nl-dd ul {
  width: 100%;
  left: 0;
  top: 115px;
}
.nl-field.nl-field-open ul {
  transform: none;
  padding-left: 0 !important;
}                           
.nl-field.nl-field-open ul li {
  margin: 0 !important;
  width: 100%;
  padding: 15px 35px;
}
.nl-field.nl-field-open ul li:before {
  content: none !important;
} 
.nl-field.nl-field-open ul li.nl-dd-checked:after {
  content: "\f00c";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  right: 30px;
  position: absolute;
  font-size: 35px;
  top: 20px;
}
.fs-current #selector_form_div .nl-dd ul {
  position: relative;
  /*opacity: 1;
  visibility: visible;*/
  left: 0;
  transform: none;
  top: 35px;
  background: none;
  padding-left: 0;
  display:none;
  border: none;
  box-shadow: none;
} 
.fs-current #selector_form_div .nl-dd.nl-field-open ul {     
  display: flex;
  flex-wrap: wrap;
}              
.fs-current #selector_form_div .nl-dd ul li {
  height: 365px;
  width: calc(33% - 25px);
  margin-right: 40px !important;
  border: solid 1px rgba(151, 151, 151, 0.3);
  background-color: #fafafa;
  padding: 245px 30px 30px 30px;
  text-align: center;
  color: #3a3c41;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  white-space: initial;
}
.fs-current #selector_form_div .nl-dd.nl-field-open ul li {
  background: url(/fileadmin/templates/v7.wng.ch/img/icon/icon_contact_form/icon_poignee-de-main_v2.gif) #fafafa;
  background-repeat: no-repeat;
  background-position: center 55px;
  background-size: auto 140px;
  background-blend-mode: darken;
}
.fs-current #selector_form_div .nl-dd.nl-field-open ul li:nth-child(2) {
  background: url(/fileadmin/templates/v7.wng.ch/img/icon/icon_contact_form/icon_group_v2.gif) #fafafa;
  background-repeat: no-repeat;
  background-position: center 55px;
  background-size: auto 140px;
  background-blend-mode: darken;
}     
.fs-current #selector_form_div .nl-dd.nl-field-open ul li:last-child {
  background: url(/fileadmin/templates/v7.wng.ch/img/icon/icon_contact_form/icon_information_v2.gif) #fafafa; 
  background-repeat: no-repeat;
  background-position: center 55px;
  background-size: auto 140px;
  background-blend-mode: darken;
  margin-right: 0 !important;
}
#selector_form_div .nl-field.nl-field-open ul li.nl-dd-checked::after {
  content: none;
}
.fs-current #selector_form_div .nl-dd ul li.nl-dd-checked, .fs-current #selector_form_div .nl-dd ul li:hover, .fs-current #selector_form_div .nl-dd ul li:active {
  border: solid 1px #e0004d;
  background-color: #fff !important;
}
.nl-field ul {
  border-radius: 3px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(151, 151, 151, 0.3);
  background-color: #fff;
}
.nl-field ul li {
  color: #3a3c41;
}  
.nl-field ul li:before {
  content:none;
}   
.nl-field ul li:hover, .nl-field ul li:active {
  background-color: rgba(224, 0, 77, 0.05);
  color: #e0004d;
}
.nl-field ul li.nl-dd-checked {
  background-color: #fafafa;
  color: #e0004d;
  font-weight:bold;
}
.fs-current #selector_form_div .nl-dd ul li:before {
  content:none;
}
.fs-fields {
  min-height: 0;
}
.fs-fields > li label.fs-field-label, .fs-fields .label-underline, .powermail_fieldwrap_type_html > div, .fs-form-overview .title_overview {
  display: block;
  padding: 0 0px 15px 0;
  font-weight: 300;
  color: #3a3c41;
  margin-bottom: 0;
  text-align: center;
}
.fs-form-overview .fs-fields .title_overview {
  font-size: 55px;    
  position:relative;
  padding-bottom: 40px;
}
.fs-fields input, .fs-fields [required], .fs-fields textarea {
  font-size: 47px;
  font-weight: 300;
  padding: 15px 35px;
  caret-color: #3a3c41;
  color: #3a3c41;
  text-align: center;
  border-radius: 3px;
  border: solid 1px rgba(151, 151, 151, 0.3);
  background: #fafafa;
}
.fs-fields textarea {
  text-align: left !important;
  height: 400px;
}

.fs-fields input::-webkit-input-placeholder, .fs-fields textarea::-webkit-input-placeholder {
/* WebKit, Blink, Edge */  
  opacity: 1;
	color: #3a3c41;
}
.fs-fields input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  opacity: 1;
	color: #3a3c41;
}
.fs-fields input::-moz-placeholder {
/* Mozilla Firefox 19+ */
  opacity: 1;
	color: #3a3c41;
}
.fs-fields input:-ms-input-placeholder {
/* Internet Explorer 10-11 */   
  opacity: 1;
	color: #3a3c41;
}

.fs-fields textarea::-webkit-input-placeholder {
/* WebKit, Blink, Edge */  
  opacity: 0.25;
	color: #3a3c41;
}
.fs-fields textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  opacity: 0.25;
	color: #3a3c41;
}
.fs-fields textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
  opacity: 0.25;
	color: #3a3c41;
}
.fs-fields textarea:-ms-input-placeholder {
/* Internet Explorer 10-11 */   
  opacity: 0.25;
	color: #3a3c41;
}
.fs-fields input:focus, .fs-fields textarea:focus {     
  border-radius: 3px;
  border-color: #e0004d;
  background-color: #fff;
}
.nl-field-toggle, .fs-form-overview .nl-field-toggle {
  padding: 17px 36px 17px 60px;
  border-radius: 3px;
  border: solid 1px rgba(151, 151, 151, 0.3);
  background-color: #fafafa;
  font-weight: 300 !important;
  color: #3a3c41 !important;
  font-size: 47px;
  width: 100%;
  text-align: center;
}
.nl-field-toggle::after, .fs-form-overview .nl-field-toggle::after {
  top: 27px;
  right: 28px;
  font-family: 'Font Awesome 6 Pro';
  font-weight: 300;
  content: '\f078';
}
.nl-field-toggle:focus, .nl-field-toggle:hover, .nl-field-toggle:active, .fs-form-overview .nl-field-toggle:hover, .fs-form-overview .nl-field-toggle:focus, .fs-form-overview .nl-field-toggle:active {
  border-color:#e0004d;
  color: #3a3c41 !important;
}  
.nl-field-toggle:focus:after, .nl-field-toggle:hover:after, .nl-field-toggle:active:after {
  color: #3a3c41;
}
.nl-overlay {
  background: rgba(224, 0, 77, 0.7);
}
.powermail_fieldwrap_type_file {
  text-align: center;
}
.fileUpload.btn {
  padding: 33px 15px 18px 15px !important;
  border-radius: 36px;
  border: solid 1px rgba(151, 151, 151, 0.3);
  background-color: #fafafa;
  color: transparent !important;
  height: auto;
  line-height: initial;
}
.fileUpload.btn:before, .fileUpload.btn:after {
  display:none;
}
.fileUpload.btn:hover {
  border-color: #e0004d;
  background: #ffffff;
}
.fileUpload.btn span {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  color: #e0004d !important;
  text-align: center;
}
.fileUpload.btn .fa-arrow-circle-o-up:before {
  content: "\f0ee";
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  font-size: 38px;
  position: relative;
  background: none;
}
.file_list.fs-anim-upper {
  font-size: 22px;
  padding-bottom: 0 !important;
  padding-top: 30px;
  display:inline-block;
}                                
.powermail_fieldwrap_type_file .fa-times-circle { 
  padding-bottom: 0 !important;
  top: 0;
}
.powermail_fieldwrap_type_file .fa-times-circle::before {
  content: "\f057";
  font-weight: 400;
  font-family: 'Font Awesome 6 Pro';
  font-size: 20px;
}
.powermail_fieldwrap_type_file .fa-times-circle:hover:before {
  color: #e0004d;
}
.fs-form-overview .powermail_fieldwrap_type_html {
  display: none !important;
}
.radio {
  float: left;
}      
.fs-controls {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
}
.fs-controls .btn, .fs-submit.btn {
  padding: 0 30px;        
  border: 2px solid #E0004D;
  text-transform: capitalize;
  color: #fff !important;
  width: auto;
  height: auto;
  margin-bottom: 15px;
}  
.fs-controls .btn::before, .fs-controls .btn::after, .fs-submit.btn:before, .fs-submit.btn:after {
  content: none;
}
button.fs-last, button.fs-continue {
  text-transform: capitalize;
  position:relative;
  margin: 0 20px 0 0;
}
.fs-controls button.fs-last {
  background: #eee;
  color: #3a3c41 !important;
  border-color: #eee;
}
.fs-controls button.fs-last:hover {
  border-color:#E0004D;
  background: none;
}
.fs-nav-dots button::before, .fs-nav-dots button::after {
  border-radius: 0;
}
.fs-nav-dots {
  position: relative;
  right: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
  float:left;
  display: none;
}     
.fs-nav-dots button {
  display: inline-block;
  height: 4px;
  width: 50px;
}
.fs-numbers .fs-number-current {
  font-weight:bold;
  font-size: 42px;
  color: #e0004d;
}
.fs-numbers {
  overflow: visible;
  width: 70px;
  height: 75px;
  font-family: "ars-maquette-web", Arial, sans-serif;
}
.fs-numbers .fs-number-total {
  font-weight: 300;
  font-size: 22px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.fs-numbers {
  margin: 145px 0 0 0;
}
.fs-numbers::after {
  position: absolute;
  width: 8px;
  content: '';
  opacity: 0.4;
  left: 53%;
  border-left: 1px solid #3a3c41;
  transform: rotate(40deg);
  top: 32%;
  height: 50px;
}
.form-title {
  font-size: 24px;
  color: #e0004d;
  text-align: center;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 400;
}
#form-selector-div .form-title {
  padding-bottom: 15px;
}     
.form-title img {
  margin-bottom: 40px;
}
.form-title i {
  font-style: initial;
  font-size: 84px;
  margin-bottom: 40px;
  display: block;
}
p.icons-by-discret {
  font-size: 12px;
  opacity: 0.9;
  text-align: right;
}
/*sitemap*/
#content .ce-menu,
#content .frame-type-menu_sitemap_pages {
	text-align: center;
	margin-bottom: 0;
	margin-top: 20px;
}
#content .ce-menu ul,
#content .frame-type-menu_sitemap_pages ul {
	padding: 0;
}
#content .ce-menu > li > a,
#content .frame-type-menu_sitemap_pages > ul > li > a {
	font-weight: bold;
	font-size: 26px;
	margin-top: 15px;
}
#content .ce-menu a,
#content .frame-type-menu_sitemap_pages a {
	color: #E0004D;
	display: inline-block;
	font-size: 22px;
}
#content .ce-menu a:hover,
#content .frame-type-menu_sitemap_pages a:hover {
	text-decoration: underline;
}
.csc-sitemap a {
	padding: 0;
	display: block;
}
.csc-sitemap a:hover {
	text-decoration: underline;
}
.csc-sitemap ul ul {
	text-indent: 20px;
}
.csc-sitemap ul ul ul {
	text-indent: 40px;
}
.csc-sitemap li {
	display: block;
	list-style: circle;
}
.csc-sitemap > ul > li > a {
	font-weight: 700;
}
.csc-sitemap ul ul ul a {
	text-transform: none;
}
/* login */
.btn-login {
	margin-top: 15px;
}
/* table */
table tr td {
	border: 1px solid #c6c6c6;
	padding: 7px 10px;
}
table thead {
	border: 2px solid #c6c6c6;
}
table thead th {
	background: #c6c6c6;
	border: 1px solid #fff;
	color: #ffffff;
	padding: 10px;
	font-weight: 700;
	font-size: 110%;
}
/* /table */
/* bg */
.bg-color {
  padding-top: 70px;
  padding-bottom: 100px;
}
.bg-color * {
	color: #ffffff;
}
.bg-grey {
	background: #EEE;
}
.bg-light-blue {
	background: #AFE6ED;
	padding: 40px 0 35px 0;
}
.bg-black {
	background: #111213;
}
.bg-black * {
	color: #f8f8f8;
}
.bg-black h2, .bg-white h2, .bg-light-grey h2 {
	max-width: none;
	margin-top: 20px !important;
  margin-bottom: 40px;
}
.bg-white *, .bg-white h2, .bg-light-grey *, .bg-light-grey h2 {
	color: #3a3c41;
}
.bg-white h2 {
	margin-bottom: 40px;
}
.bg-light-grey {
	background: #f8f8f8;
}
.bg-light-grey .ce-gallery {
  background: #fff;  
  padding: 35px 0;
}
.bg-light-grey .partner-align .partner {
  background: #fff;  
}  
.bg-light-grey .partner-align .partner:hover {
  background: rgba(255, 255, 255, 0.5);  
}
.bg-expertises-home {
  margin-top: -58px;
  padding-top: 120px;
}
.bg-expertises-home .container {
  width: 100%;
}
.bg-white .partner-align .partner {
  background: #f8f8f8;  
}   
.bg-white .partner-align .partner:hover {
  background: rgba(248, 248, 248, .5);  
}
.bg-anthra {
	background-color: #111111;
}
.light-width h2 {
  margin-bottom: 20px;
}
.bg-black a, .bg-white a, .bg-light-grey a {
  color: #E0004D;
}
/* * DCE */
/* projects */
.dce-project {
	padding: 100px 0;
}
#content .dce-project > .container {
	padding: 0 20px;
}
.dce-project .dce-project-img {
	text-align: center;
}
.dce-projects .dce-project:nth-child(even) .row > div {
	float: right;
}
.dce-projects .dce-project:nth-child(even) {
	background: #f5f5f5;
}
.dce-project h2 {
	margin: 0 0 40px;
	text-align: left;
	max-width: 100%;
	color: #E0004D;
}
.dce-project-infos p {
	font-size: 22px;
}
/* /projects */
/* boxHome */
.boxHomeFilter {
	background: rgba(0,0,0,0.3);
}
/*.boxHome a {
	display: block;
	height: 900px;
	padding-top: 450px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-size: 72px;
	color: #ffffff;
	font-weight: 700;
}
*/
.boxHome {
	text-align: center;
}
.boxHome a.btn {
	border: 3px solid #fff;
	background: rgba(0,0,0,0.1);
}
.boxHome h2 {
	padding-top: 400px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-size: 72px;
	color: #ffffff;
	font-weight: 700;
}
.boxHome a:hover, .boxHome a:focus {
	text-decoration: none;
}
.boxHome a:hover {
	color: #E0004D !important;
}
.boxHome a.btn:before {
	background: #fff;
}
/* /boxHome */
/* key number */
#pnlFullWidthContainer .key-number {
  padding: 20px 0;
}
#pnlFullWidthContainer .key-number .keyNumberText {
  padding-right: 30px;
}
.keyNumber {
	font-weight: 700;
	font-size: 110px;
	color: #E0004D;
  line-height: 130px;
}  
#pnlFullWidthContainer .keyNumber {
	font-weight: 500;
	font-size: 56px;
	color:#3a3c41;
  line-height: initial;
}
.key-number-icon {
  display:none;
}


.agence-animation {
  width: 100%;
  height: 265px;
  position: relative;
}

.agence-animation p {
  margin: 0;
}

.agence-animation .number {
  position: absolute;
  opacity: 0;
  top: 0;
  color: #e0004d;
  font-size: 262px;
  font-weight: bold;
  right: 0;
}
       
.agence-animation p.label-word {

}
.agence-animation .word {
  opacity: 0;
  position: absolute;
  right: 0;
  font-size: 32px;
  bottom: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.agence-animation .letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
  line-height: 0.8;
}

.agence-animation .letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.agence-animation .letter.behind {
  transform: rotateX(-90deg);
}

.agence-animation .letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}



/* /key number */
/* box teaser blue */
.box-teaser-blue {
	position: relative;
	margin-bottom: 8%;
  margin-top: 30px;
}
.tx-dce-pi1:last-of-type .box-teaser-blue {
	margin-bottom: 0%;
}
.box-teaser-blue .box-img-content {
  position: relative;
}
.box-teaser-blue .box-img-content .LinkedIn {
  background: url("../img/icon/icons_team/icon_team_linkedin.svg") no-repeat;
  background-size: 36px 36px;
  color: rgba(0, 0, 0, 0);
  height: 36px;
  width: 36px;
  overflow: hidden;
  display: inline-block;
  margin-top: 5px;
  opacity: 0.8;
  position:absolute;
  bottom: 15px;
  right: 15px;
}
.box-teaser-blue .box-img-content .LinkedIn:hover {   
  opacity: 1;
}
.box-teaser-blue img {
	max-width: 100%;
  min-width: 100%;
	height: auto;
}
.box-teaser-blue .box-teaser-content {

}
.box-teaser-blue .box-teaser-content h3 {
	font-size: 32px;
	margin-top: 25px;
	margin-bottom: 15px;
  font-weight: bold;
}
.box-teaser-blue .box-teaser-content p {

}
/* /box teaser blue */
/* circle pink */
.circle-pink {
	text-align: center;
	max-width: 90%;
	margin: 0 auto 50px auto;
}
.cicle-pink-number {
	display: table;
	margin: 0 auto 25px auto;
	text-align: center;
	width: 150px;
}
.cicle-number {
	background: #E0004D;
	border-radius: 100%;
	color: #ffffff;
	display: table-cell;
	font-weight: 700;
	height: 150px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	font-size: 50px;
}
.circle-pink p {
	font-size: 25px;
	line-height: 28px;
}
/* /circle pink */
/* mega button */
.mega-button {
	overflow: hidden;
	margin-top: 20px;      
  background: #f3f3f3;
}
.dce-linktree .mega-button {
	margin-top: 30px;      
}
.mega-button a {
	display: block;
	position: relative;
  padding: 20px;
  min-height: 190px;  
	color: #303842;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.dce-linktree .mega-button a {
  min-height: 230px;  
}
.mega-button a:hover, .mega-button a:hover *, .mega-button a:focus, .mega-button a:active {
	text-decoration: none;
	color: #ffffff;
}
.mega-button a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #E0004D;
  height: 20px;
  width: 20px;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.mega-button a.linkedin-in::after {
  background: #0077b5;
}   
.mega-button a.instagram::after {
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.mega-button a.facebook-f::after {
  background: #3b5999;
}
.mega-button a.twitter::after {
  background: #55acee;
}
.mega-button a:hover:after, .mega-button a:focus:after, .mega-button a:active:after {
  height:100%;
  width:100%;
}
/*.mega-button a:after {
	position: absolute;
	content: '\f178';
	font-family: fontawesome;
	font-size: 30px;
	left: 0;
	bottom: 20px;
	padding-right: 100%;
	background: #ffffff;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.bg-light-grey .mega-button a:after {
	background: #f3f3f3;
}
.mega-button a:hover:after, .mega-button a:focus:after {
	padding-left: 91%;
	left: auto;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 90%, rgba(255,255,255,1) 10%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bg-light-grey .mega-button a:hover:after {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 90%, rgba(243,243,243,1) 10%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 90%, rgba(243,243,243,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 90%, rgba(243,243,243,1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f3f3',GradientType=1 );
}
*/
/*enlever la partie ci-dessus */
.mega-button-text {
	font-weight: bold;
  font-size: 24px;
  z-index: 1;
  position: relative;
  line-height: 1.21;
}
.mega-button-icon {
  text-align: center;
  color: #fff;
  font-size: 90px;
  z-index: 1;
  position: relative;
}
.mega-button-icon i {
  font-style: normal;
  color: #fff;
}
.mega-button-teaser {
	font-size: 14px;
	margin-top: 10px;
  opacity: 0;
  color:#ffffff;
  position: absolute;
  bottom: 20px;
  z-index: 1;
  text-transform: uppercase;
  max-width: calc(100% - 40px);
	-moz-transition: all .4s;
	-o-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.mega-button a:hover .mega-button-teaser, .mega-button a:focus .mega-button-teaser, .mega-button a:active .mega-button-teaser {
  opacity: 1;
}
/* /mega button */
/* dce-partners */         
.dce-partners .partner img {  
  max-width: 100%;
  height: auto;     
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	filter: grayscale(1);
}
.dce-partners .partner-hover {
 
}
.dce-partners a:hover img, .dce-partners a:active img, 
.dce-partners .client-hover a:hover img, .dce-partners .client-hover a:active img {
	filter: grayscale(0);
}
.dce-partners .partner-img-hover {
	text-align: center;
}
/* /dce-partners */
/* dce-clients */
.dce-clients {
	text-align: center;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 50px;
}
.dce-clients .client-align {
	display: inline-block;
	text-align: center;
	width: 24.7%;
	padding: 10px 20px;
}
.dce-clients .client {
	display: table;
	height: 160px;
	width: 100%;
	position: relative;
}
.dce-clients .client-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.dce-clients .client img {
	max-width: 100%;
	height: auto;
}
.dce-clients .client-hover {
	display: inline-block;
	position: relative;
	max-width: 85%;
}
.dce-clients .client-img-hover, .dce-clients .client:hover .client-img-hover, .dce-clients .client-hover .partner-img, .dce-clients .client:hover .partner-img.client .client-content::before, .client .client-content::after, .client::before, .client::after, .client:hover .client-content::before, .client:hover .client-content::after, .client:hover::before, .client:hover::after {
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.dce-clients .client-img-hover {
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
	text-align: center;
}
.dce-clients .client:hover .client-img-hover {
	opacity: 1;
}
.dce-clients .client:hover .client-img {
	opacity: 0;
}
.client:hover .client-content::before, .client:hover .client-content::after, .client:hover::before, .client:hover::after {
	border-left: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	content: "";
	display: block;
	height: 15px;
	text-align: left;
	width: 15px;
	position: absolute;
	top: 0;
	left: 0;
}
.client:hover .client-content::after {
	border-left: none;
	border-right: 2px solid #ffffff;
	right: 0;
	left: auto;
}
.client:hover::before {
	border-top: none;
	border-bottom: 2px solid #ffffff;
	bottom: 0;
	top: auto;
}
.client:hover::after {
	border: none;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	right: 0;
	left: auto;
	bottom: 0;
	top: auto;
}
/* /dce-clients */
/* dce-clients-zoom */
.dce-clients-zoom, .dce-partners {
  text-align: center;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -14px;
  margin-right: -14px;
  align-items: center;
}
.dce-partners .partner {
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.dce-clients-zoom .client-zoom-align, .dce-partners .partner-align {
	align-self: center;
  width: 25%;
  padding: 7px;
}
.dce-clients-zoom .client-zoom img {
	max-width: 100%;
  width: auto;
	height: auto;
}
.dce-clients-zoom .client-zoom-hover {
	display: inline-block;
	position: relative;
}
.dce-clients-zoom .client-zoom-img-hover, .dce-clients-zoom .client-zoom-hover:hover .client-zoom-img-hover, .dce-clients-zoom .client-zoom-hover .client-zoom-img, .dce-clients-zoom .client-zoom-hover:hover .client-zoom-img {
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.dce-clients-zoom .client-zoom-img-hover {
	left: 0;
	top: 0;
	position: absolute;
	opacity: 0;
	text-align: center;
}
.dce-clients-zoom .client-zoom-hover:hover .client-zoom-img-hover {
	opacity: 1;
}
.dce-clients-zoom .client-zoom-hover:hover .client-zoom-img {
	opacity: 0;
}
/* /dce-partners */
/* dce-technologies */
.dce-technologies {
	text-align: center;
	padding-top: 25px;
}
.dce-technologies .container {
	padding: 0;
}
.dce-technologies .technologie-align {
	display: inline-block;
	text-align: center;
	width: 33%;
	padding: 10px 20px;
}
.dce-technologies .technologie {
	display: table;
	height: 175px;
	width: 100%;
	position: relative;
}
.dce-technologies .technologie-content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.dce-technologies .technologie img {
	max-width: 100%;
	height: auto;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.dce-technologies .technologie-content:hover img {
	-webkit-transform: scale(1.1);
/* Safari and Chrome */
	-moz-transform: scale(1.1);
/* Firefox */
	-ms-transform: scale(1.1);
/* IE 9 */
	-o-transform: scale(1.1);
/* Opera */
	transform: scale(1.1);
}
/* /dce-technologies */
/* dce-ref-details */
.dce-ref-details.special-v6 {
  display:none;
}
.dce-ref-details > div > div:first-child h5 {
  margin-top:0;
}
.dce-ref-details h5 {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 45px;
  text-transform: uppercase;
}
.dce-ref-cat ul, .dce-ref-expertises ul {
	padding: 0;
}
.dce-ref-cat li, .dce-ref-expertises li {
	list-style: none;
  display: inline-block;
  position: relative;
  /*margin-right: 5px;*/
  line-height: 1.5 !important;
}
/*.dce-ref-cat li:not(:last-child):after, .dce-ref-expertises li:not(:last-child):after {
  content: ',';
  margin-right: -5px;
  position: absolute;
  right: 0;
  bottom: 0;
}*/
.content-reference-detail h2 {
    margin-top: 0;
}
.content-reference-detail p {
	text-align: left;
	font-size: 22px;
}
.content-reference-detail ul li, .content-reference-detail ul li a, .content-reference-detail a {
	font-size: 22px;
}                      
.content-reference-detail a {
 font-weight: 300;
}
.content-reference-detail p.text-center {
	text-align: center;
}
#content.content-reference-detail ul {
  padding-left:0;
}
#content.content-reference-detail ul li {
  margin-left:0;
  margin-bottom: 0;
}
#content.content-reference-detail ul li::before {
  display: none;
}
.content-reference-detail.newsroom-detail p {
	margin-bottom: 30px;
	font-size: 19px;
}
.expertise-container {
	padding-top: 135px;
	padding-bottom: 90px;
}
.expertise-box a {
	display: block;
	position: relative;
	margin-bottom: 40px;
}
.expertise-box a:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
	z-index: 1;
}
.expertise-box img {
	width: 100%;
	height: auto;
}
.expertise-box span {
	position: absolute;
	left: 50px;
	bottom: 50px;
	font-size: 60px;
	background: rgba(229, 6, 75, 0.9);
	color: #fff;
	padding: 2px 25px 14px;
	line-height: 1.1;
	z-index: 2;
	font-weight: 600;
}
.dce-ref-players li {
  display:inline-block;
  margin-right: 7px;
}
.dce-ref-players li img {
  border-radius: 100%;
  margin-top: 10px;
  width: 65px;
  height: 65px !important;
  object-fit: cover;
  object-position: top center;
}
.dce-ref-players li img:nth-child(1) {
  display:none;
}

/* /dce-ref-details */

/* dce alternate-content */   
.dce-alternate-content {

}      
.alternate-content .row.nomargin{
  margin-left: 0 !important;
  margin-right:0 !important;
}
.alternate-content .row .col-md-6.nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body #content .alternate-content .container
body #pnlFullWidthContainer .alternate-content .container {
  padding-top: 0;
  padding-bottom: 0;
}

body #content .alternate-content.big-height .container:before,
body #pnlFullWidthContainer .alternate-content.big-height .container:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
}         
body #content .img-left .alternate-content.big-height .container:before,
body #pnlFullWidthContainer .img-left .alternate-content.big-height .container:before {   
  left: 0;
}        
.alternate-content {
  position: relative;
  overflow: hidden;
}         
.alternate-content.grey-bgd {
    background: #f8f8f8;
}
.alternate-content-img {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.dce-alternate-content-slider-video .alternate-content-img {
  z-index:1;
}
.alternate-content-box {
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.alternate-content-box img {  
  width: 100%;
  height: 580px;
  object-fit: cover;
  object-position: center;
  -webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.alternate-content .row {
  margin-left: -160px;
  margin-right: -160px;
}
.alternate-content .row .col-md-6 {
  padding-left: 160px;
  padding-right: 160px;
}      
.little-padding .alternate-content .row {
  margin-left: -40px;
  margin-right: -40px;
}     
.little-padding .alternate-content .row .row, .alternate-content-text .row {
  margin-left: -20px;
  margin-right: -20px;
}
.little-padding .alternate-content .row .col-md-6 {
  padding-left: 40px;
  padding-right: 40px;
}
.alternate-content .row .col-md-6 .col-md-6 {
  padding-left: 20px;
  padding-right: 20px;
}

.alternate-content:nth-child(even) .row .col-md-6, .img-left .alternate-content .row .col-md-6 {
  float:right;
}
.img-left .alternate-content:nth-child(even) .row .col-md-6 {
  float:left;
}

.alternate-content-text-container {
  position: relative;
  min-height: 580px;
}
.alternate-content:not(.big-height) .alternate-content-text {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.alternate-content-text h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.alternate-content.big-height .alternate-content-text-container {
  margin-top: 100px;
  margin-bottom: 100px;
  min-height: initial;
}

.alternate-content-text .tx-dce-pi1 {
  float: left;
  width: 50%;
  min-height: 225px;
  padding: 0 20px;
}   
.alternate-content-text .tx-dce-pi1:nth-child(2n+1) {
  margin-left: -20px;
}
.alternate-content-text .tx-dce-pi1:nth-child(2n) {
  margin-right: -20px;
  padding-left: 40px;
}
#pnlFullWidthContainer .alternate-content-text .tx-dce-pi1 {
  min-height: auto;
}
#pnlFullWidthContainer .alternate-content-text .tx-dce-pi1:nth-child(2) {
  padding-left: 20px;
}

.dce-alternate-content-slider-video .alternate-content-img {
  position:relative;
}
.dce-alternate-content-slider-video .alternate-content-box:last-child {
  position:relative;
  z-index: 10;
}
.dce-alternate-content-slider-video .alternate-content-box:after {
  content: '';
  background: url(../img/icon/icon-play-2.svg) no-repeat center center;
  background-size: 36px auto;
  position: absolute;
  z-index: 10;      
  height:134px;
  width:134px;
  border: 3px solid #fff;
  border-radius: 100%;
  filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.25));
	-webkit-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.25));
	-ms-filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.25));
  top: calc(50% - 67px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);                
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .6s;
}
.dce-alternate-content-slider-video .alternate-content-box:hover:after {
  height:150px;
  width:150px;
  top: calc(50% - 75px);
  background: url(../img/icon/icon-play-2.svg) no-repeat center center rgba(255,255,255, 0.2); 
  background-size: 36px auto;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
	-webkit-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
	-ms-filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}
.dce-alternate-content-slider-video.video-play .alternate-content-box:after {
  display:none;
}
.dce-alternate-content-slider-video .alternate-content-box:hover {
  cursor: pointer;
}
.dce-alternate-content .embed-responsive-item {
  top: 50%;
  transform: translateY(-50%);
}
.dce-alternate-content-slider-video .embed-responsive-16by9 {
  margin-bottom: -1px;
}
.dce-alternate-content-slider-video .alternate-content-box img {  
  min-height: 100%;
  min-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  position: absolute;
  z-index: 2;        
  top: 0;
}
.dce-alternate-content-slider-video .alternate-content-text-container {
  min-height: inherit;
}
.dce-alternate-content-slider-video .alternate-content:not(.big-height) .alternate-content-text {
  position: relative;
  top: 0;
  -ms-transform: none;
  transform: none;
  width: 100%;
}
.alternate-content-container-position {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
  width: 100%;
}
/* /dce alternate-content */
/* dce expertises homepage */
.dce-expertises-4cols .row {
  margin-left: -10px;
  margin-right: -10px;
}
  
.expertise-element {
  padding: 0 10px; 
  overflow:hidden;
  margin-bottom: 20px;
}

.expertise-element .expertise-element-img-wrap {
  overflow:hidden;
}

.expertise-element img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 650px;
	-moz-transition: all .9s;
	-o-transition: all .9s;
	-webkit-transition: all .9s;
	transition: all .9s;
}
.expertise-element-content:before {
  content: '';
  position:absolute;
  height: 320px;
  width: 100%;
  left: 0;      
  top: 0;  
  z-index: -1;              
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.expertise-element-content {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 0 34px;
  width: calc(100% - 20px);
  height: 100%;
  min-height: 170px;
  z-index: 0;
  color: #fff;
  background: rgba(48, 56, 66, 0.12);
}
.expertise-element-content h3 {     
  margin-bottom: 10px;
  padding-top: 34px;
  margin-top: 0;
}
.expertise-element-content p {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.expertise-element-content * {
  color: #ffffff;
}
/* /dce expertises homepage */
/* dce alignement vertical */

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* /dce alignement vertical */
/* * footer */
.sub-footer {
  border-top: 1px solid #ddd;
  padding: 0px;
}
.sub-footer * {
  color: #3a3c41;
}
.sub-footer h2 {
  font-size: 45px;
  float: left;
  margin-top: 50px;
  margin-bottom: 54px;
}
.sub-footer #nextContact {
  border: none;
  float: right;
  margin-top: 35px;    
  background: #3a3c41;
  padding: 19px 28px;
  border-radius: 100%;
}
.sub-footer #nextContact:hover {
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;         
  background: #E0004D;
  /*transform: rotateY(360deg);*/
}
.sub-footer #nextContact i {
  font-style:normal;   
  color: #fff;
  font-size: 32px;   
}
footer {
	background: url(../img/backgrounds/img-bkg-footer.jpg) no-repeat bottom center fixed #E0004D;
	position: relative;
  padding-top: 80px;
  padding-bottom: 55px;
  background-size: cover !important;
}
footer:after {
	background: url(../img/backgrounds/point-exclamation-wng.svg) no-repeat bottom right;
	position: absolute;
  content: '';
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
footer * {
	color: #ffffff;
}
footer strong, footer bold {
  font-weight: 500;
}
footer h2 {
  font-size: 66px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 60px;
  color: #f8f8f8;
}
footer h2 a {
  font-weight: bold;
  border: none;
}
footer h2 a:after {
  border:none;
}
footer h3 {
  margin-top: 5px;
  margin-bottom: 12px;
  font-size: 28px;
}
footer .frame-space-before-small {
  margin-top: 25px;
}
footer .name_form {
	width: 250px;
	font-size: 45px;
	font-weight: bold;
	margin-left: 15px;

	padding-right: 33px;
}
footer .name_form {
	width: 250px;
	font-size: 25px;
	font-weight: bold;
	margin-left: 15px;
	padding-right: 33px;
}
footer .submit_form {
	position: relative;
	left: -30px;
	top: 4px;
	cursor: pointer;
}
footer p {
	margin-bottom: 40px;
}
footer a:hover, footer a:focus, footer .frame-type-menu_subpages > ul li a:hover span {
	color: rgba(255, 255, 255, 1);
  text-decoration: none;
}      
footer h2 a:hover, footer h2 a:focus {
  color: rgba(255, 255, 255, 0.5);
}                     
footer a {
  position:relative; 
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
  font-weight: 300;
  line-height: 24px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}      
/*footer a:after {
  content: '';
  position absolute;
  bottom: -1px;
  left: 0;
  border-bottom: solid 1px rgba(255, 255, 255, 1);
  position: absolute;
  width: 0;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transition: all .3s;
}
footer a:hover:after {
  width: 100%;
}*/
.ce-bodytext a, .content-reference-detail a {
  position: relative;
  display: inline-block;
  line-height: 1.1;
}
footer a:before, .ce-bodytext a:before, .content-reference-detail a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.6s;
}   
footer h2 a:before {
  content:none !important;
}  
.ce-bodytext a:hover, .content-reference-detail a:hover {
  text-decoration:none;
}
footer a:hover:before, .ce-bodytext a:hover:before, .content-reference-detail a:hover:before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
footer .social-links a:before {
  content:none;
}
.ce-menu, footer .frame-type-menu_subpages > ul, .frame-type-menu_sitemap_pages, footer .frame ul {
	margin-bottom: 80px;
	padding: 0;
}
footer #c8535.frame ul {
  margin-bottom: 0;
}
.ce-menu li, footer .frame-type-menu_subpages > ul li, .frame-type-menu_sitemap_pages li, footer .frame li {
	list-style: none;
  display: inline-block;
  margin-right: 30px;
}
.ce-menu li a, footer .frame-type-menu_subpages > ul li a, .frame-type-menu_sitemap_pages li a, footer li a {
	color: rgba(255, 255, 255, 1);
	display: block;
	padding: 5px 0 4px 0;
}
footer .frame-type-menu_subpages > ul li a span {
	color: rgba(255, 255, 255, 1);
}
.ce-menu li:first-child a, footer .frame-type-menu_subpages > ul li:first-child a, .frame-type-menu_sitemap_pages li:first-child a {
	padding-top: 0;
}
.ce-menu li:hover a, .ce-menu li a:hover, .ce-menu li a:focus, footer .frame-type-menu_subpages > ul li:hover a, footer .frame-type-menu_subpages > ul li a:hover, footer .frame-type-menu_subpages > ul li a:focus, .frame-type-menu_sitemap_pages li:hover a, .frame-type-menu_sitemap_pages li a:hover, .frame-type-menu_sitemap_pages li a:focus, {
	color: #ffffff;
	text-decoration: none;
}
/* social links */
.social-links {
	font-size: 22px;
	color: #ffffff;
	font-weight: 500;
	text-align: right;
	margin: 0;
  clear: both;
}
.social-links > div {
	float:left;
  margin-left: 25px;
}
.social-links p {
  margin-bottom: 0;
}     
.social-links i {
  font-style: normal;
  background: #fff;
  height: 58px;
  width: 58px;
  display: inline-block;
  color: #E0004D;
  border-radius: 100%;
  text-align: center;
  padding: 10px 8px 8px 8px;
  font-size: 27px;     
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
}  
.social-links i:before {
  -moz-transition: .1s;
  -o-transition: .1s;
  -webkit-transition: .1s;
}
.social-links a:hover i , .social-links a:active i {
  text-decoration:none;
}   
.social-links a:hover i {
  transform: rotateY(360deg);
  color:#fff;
}

.social-links a:hover i.fa-linkedin-in, .social-links a:active i.fa-linkedin-in {
  background: #0077b5;
} 
.social-links a:hover i.fa-instagram, .social-links a:active i.fa-instagram {
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-links a:hover i.fa-facebook-f, .social-links a:active i.fa-facebook-f {
  background: #3b5999;
}
.social-links a:hover i.fa-twitter, .social-links a:active i.fa-twitter {
  background: #55acee;
}

footer .social-links {
  text-align:left;
  margin-top: 20px;
}
footer .social-links li {
  margin-right:20px;
}
footer .social-links a, footer .social-links a::after {
  border:none;
  line-height: inherit;
}
footer .social-links i {
  height: 50px;
  width: 50px;
  font-size: 22px;
}
/* /social links */
/* * footer-nav */
.footer-nav > .container {
  padding-top: 15px;
}
.footer-nav * {
	font-size: 18px;
}
.footer-nav ul {
	list-style: none;
	padding-left: 0;
	display: inline-block;
}
.footer-nav ul li {
	display: inline;
}
.footer-nav ul li a {
	display: inline-block;
	padding: 21px 15px;
  color : #3a3c41;
}
.footer-nav ul li a:hover, .footer-nav ul li a:focus, .footer-nav ul li a:active {
  text-decoration: none;
  color:#E0004D;
}
.footer-nav ul li:first-child a {
	padding-left: 0;
}
.footer-nav p {
	display: inline-block;
  margin: 14px 7px;
}
.footer-nav p:last-child {
  margin-right: 0;
}
.footer-nav .align-right {
  text-align:right;
}
footer .productsWng {
	padding: 30px 0px 40px 0px;
}
footer .productsWng > .container {
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 70px;
}
footer .productsWng .productsWngImg {
	display: block;
	height: 45px;
	width: auto;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	transition: inherit;
}
div.productsWng {
	position: relative;
	height: auto;
}
div.product {
	text-align: center;
}
div.productsWng a.images-container > img, div.wngInfo a.images-container > img {
	display: block;
	height: auto;
	position: relative;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
}
div.wngInfo a.images-container > img {
	height: 50px;
}
div.productsWng a.images-container > img {
	width: 90%;
	max-width: 100%;
	margin: auto;
}
a.images-container {
	display: inline-block;
	position: relative;
}
div.wngInfo {
	position: relative;
}
.wngInfo a.images-container > img {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	/*margin: auto;
*/
}
div.productsWng a.images-container > img, div.wngInfo a.images-container > img {
	opacity: 0.5;
}
div.productsWng a.images-container > img:hover, div.wngInfo a.images-container > img:hover {
	opacity: 1;
}
.productsWng p {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
/* * footer newsletter */
.tx-wngmailtoo-pi1 fieldset > legend {
	font-weight: 700;
	font-size: 28px;
	border-bottom: none;
	line-height: 33px;
}
.btn-newsletter {
	background: #ffffff;
	color: #E0004D!important;
	padding: 16px 0px;
	width: 100%;
	font-size: 16px;
	letter-spacing: 0;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-newsletter:hover, .btn-newsletter:focus {
	color: #E0004D!important;
	background: rgba(255,255,255,.95);
}
.tx-wngmailtoo-pi1 .field.email label {
	color: rgba(255, 255, 255, 0.5);
}
.tx-wngmailtoo-pi1 .field.email input , .name_form {
	color: #3a3c41;
	border-radius: 0;
	border-bottom: 1px solid #979797;
	background: none;
	font-weight: 700;
	text-shadow: none;
	font-size: 22px;
	font-weight: normal;
	padding: 10px 0;
	position: relative;
	transform: translateZ(0px);
	transition-duration: 0.2s;
	transition-property: color;
	margin-top: 20px;
}
.name_form {
  display: inline-block;
  width: 760px;
  margin: 44px 60px 0px 33px;
  padding: 0 33px;
  font-size: 45px;
  border: none;
  border-left: solid 1px #ddd;
  font-weight: 300;
}
.name_form::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */  
	color: #3a3c41;
  opacity: 0.25;
}
.name_form:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #3a3c41;
  opacity: 0.25;
}
.name_form::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #3a3c41;
  opacity: 0.25;
}
.name_form:-ms-input-placeholder {
	/* Internet Explorer 10-11 */   
	color: #3a3c41;
  opacity: 0.25;
}
.tx-wngmailtoo-pi1 .field.email input::-webkit-input-placeholder {
/* WebKit, Blink, Edge */  
  opacity: 0.25;
	color: #3a3c41;
}
.tx-wngmailtoo-pi1 .field.email input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
  opacity: 0.25;
	color: #3a3c41;
}
.tx-wngmailtoo-pi1 .field.email input::-moz-placeholder {
/* Mozilla Firefox 19+ */
  opacity: 0.25;
	color: #3a3c41;
}
.tx-wngmailtoo-pi1 .field.email input:-ms-input-placeholder {
/* Internet Explorer 10-11 */   
  opacity: 0.25;
	color: #3a3c41;
}
/* tarteaucitron */
#tarteaucitronRoot * {
	font-family: "ars-maquette-web", Arial, sans-serif !important;
}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
	font: 14px "ars-maquette-web", Arial, sans-serif !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize {
	font-size: 14px !important;
	text-transform: uppercase;
}
#tarteaucitronAlertBig {
	background: #585756;
	padding: 10px 5% !important;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {
	background: #E0004D !important;
	color: #ffffff !important;
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 10px !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
	background: #E0004D !important;
}
#tarteaucitron .tarteaucitronBorder,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	border-color: #E0004D !important;
}
/* Web trends 2021 Form */
.testpdfbtn {
	cursor: pointer;
}
.web-trends-screen, .homepage-screen {
	display: flex;
	width: 100%;
	min-height: 100vh;
	background-image: url('../img/images/IMG_9475_web.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	flex-direction: column;
	text-align: left;
	color: #fff;
	justify-content: flex-end;
	background-color: #cfd3df;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.homepage-screen {
  justify-content: center;
}
.homepage-screen:before {
    content: '';
    width: 50%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
}
.homepage-screen .container {
	position: relative;
}
_:-ms-fullscreen,:root .web-trends-screen {
	height: 100vh;
}
.web-trends-screen:before {
    content: "";
    width: 60%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.5;
    z-index: -1;
}

_:-ms-fullscreen,
:root .web-trends-screen {
    height: 100vh;
}
.web-trends-screen video {
	position: absolute;
	width: 100%;
	min-height: 100vh;
	left: 0;
	z-index: -1;
	display: none;
}
@supports (-webkit-overflow-scrolling: touch) {
/* CSS specific to iOS devices */
.web-trends-screen {
	min-height: -webkit-fill-available;
}
.web-trends-2021 .primary-group {
	max-height: calc(100vh - 160px) !important;
}
}
.web-trends-screen h2 {
	text-align: left;
	margin: 0;
	font-size: 115px;
	width: auto;
	max-width: inherit;
	margin-bottom: 50px;
	line-height: 0.8;
	position: relative;
	display: inline-block;
}
.web-trends-screen p {
	max-width: 500px;
	margin-bottom: 40px;
  font-size: 18px;
}
.web-trends-screen h2:after {
	content: "22";
	font-size: 380px;
	position: absolute;
	bottom: 30px;
	left: calc(100% - 130px);
	opacity: 0.25;
  font-weight: 900;
}
.web-trends-2021 {
	position: relative;
	z-index: 11;
}
.web-trends-screen .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #d1d5df;
	z-index: 3;
	opacity: 0.8;
	display: none;
}
.web-trends-2021 .primary-group {
	overflow: hidden;
	transition-duration: 0.5s;
	width: 700px;
	background: #fff;
	padding: 50px 50px 120px 50px;
	transform: translateY(100%);
	position: absolute;
	bottom: 0px;
	max-height: calc(100vh - 90px);
	overflow-y: auto;
}
.web-trends-2021 .primary-group.active {
	transform: translateY(0%);
	transition-delay: 0.3s;
}
.web-trends-2021 .field-group {
	position: relative;
	margin: 35px 0 0 0;
}
.web-trends-2021 .field-group .lbl-tinyltr {
	position: absolute;
	width: 100%;
	text-align: left;
	left: 20px;
	top: 0px;
	pointer-events: none;
	transition: 0.5s;
	color: #70818b;
	white-space: nowrap;
	transform-origin: left center;
}
.web-trends-2021 label {
	color: #333;
	font-weight: normal;
}
.web-trends-2021 .rgpd {
	display: flex;
	margin-top: 35px;
}
.web-trends-2021 .rgpd + .rgpd {
	display: flex;
	margin-top: 15px;
}
.web-trends-2021 .rgpd label {
	padding-left: 15px;
	font-size: 14px;
}
.web-trends-2021 .field-group input {
	height: 100%;
	border: none;
	text-align: left;
	padding: 0px 0px 15px 0px;
	width: 100%;
	color: #333;
	border-radius: 0;
	border-bottom: 1px solid #eff1f3;
	transition: 0.3s;
}
.web-trends-2021 .btn {
	margin-top: 0;
	outline: none !important;
	position: relative;
	z-index: 1;
}
.web-trends-2021 .btn[type="submit"] {
	position: relative;
	z-index: 0;
	width: 215px;
	transition-duration: 0.3s !important;
	transition-property: width;
	transition-delay: 0.5s;
  margin-bottom: 60px;
}
.web-trends-2021 .btn[type="submit"].active {
	width: 700px;
	transition-delay: 0s;
  margin-bottom: 0;
}
.web-trends-2021 .sib-container {
	display: flex;
}
.web-trends-2021 .field-group.is-completed .lbl-tinyltr {
	transform: scale(0.7) translateY(-130%);
	color: #E0004D;
}
.web-trends-2021 .field-group.is-completed input {
	border-bottom: 1px solid #333;
}
.web-trends-2021 .field-group:last-child:after {
	display: none;
}
.web-trends-2021 .message_area {
	position: relative;
	background: none !important;
	border: none !important;
	font-size: 13px;
	padding-left: 18px;
	line-height: normal;
	margin-top: 15px;
}
.web-trends-2021 .message_area span {
	display: none !important;
}
.web-trends-2021 .message_area:before {
	content: "\f05a";
	font-family: fontawesome;
	display: inline-block;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 2px;
}
.web-trends-2021 .message_area button.close {
	display: none !important;
}
.trends-download {
	/*transition-duration: 0.15s;
	transition-delay: 0.25s;
	transition-property: padding width;
*/
	/*transition: padding 0.15s 0.25s, width 0.15s 0.25s;
*/
	overflow: hidden;
}
.trends-download img {
	margin-left: 20px;
	position: absolute;
	right: 30px;
	top: calc(50% - 11px);
	transition: 0.15s;
}
.web-trends-2021 #sib_loading_gif_area {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	background: #E0004D;
	display: flex;
	align-items: center;
	justify-content: center;
}
.web-trends-2021 #sib_loading_gif_area i {
	animation-name: load-spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.homepage-screen h2 {
  margin-top: 85px;
  margin-bottom: 0;
  max-width: 480px;
}
.homepage-screen .btn {
  max-width: 480px;
}
.homepage-screen .btn i {
  padding-right: 1px;
}
@keyframes load-spin {
from {
	transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
.web-trends-2021 .arrow {
	width: 30px;
	height: auto;
}
.web-trends-2021 input[type="checkbox"] {
	vertical-align: top;
	border: 1px solid #c1c1c1;
	background: #fff;
	cursor: pointer;
	display: inline-block;
	float: left;
	line-height: 0;
	width: 18px;
	min-width: 18px;
	height: 18px;
	margin: 2px 0 0 0;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	-webkit-appearance: none;
	transition: 0.5s;
	border-radius: 0;
}
.web-trends-2021 input[type="checkbox"]:hover {
	border-color: #E0004D;
}
.web-trends-2021 input[type="checkbox"]:checked {
	background: #E0004D;
	border-color: #E0004D;
}
.web-trends-2021 input[type="checkbox"]:checked:before {
	content: "\e000";
	font-family: 'nlicons';
	margin: 9px 3px;
	color: #fff;
	float: left;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
}
.web-trends-2021 .radio-btn {
	margin: 0;
}
.web-trends-2021 input[type="radio"] {
	position: absolute;
	left: -9999px;
}
.web-trends-2021 input[type="radio"] + label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	color: #70818b;
	float: left;
	margin-right: 30px;
}
.web-trends-2021 input[type="radio"]:last-of-type + label {
	float: none;
	margin-right: 0px;
}
.web-trends-2021 input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #c1c1c1;
	border-radius: 100%;
	background: #fff;
	transition: 0.5s;
}
.web-trends-2021 input[type="radio"]:not(:checked):hover + label:before {
	border-color: #E0004D;
}
.web-trends-2021 input[type="radio"]:checked + label:before {
	border-color: #E0004D;
}
.web-trends-2021 input[type="radio"] + label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #E0004D;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.web-trends-2021 input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.web-trends-2021 input[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.close-trends {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 14px;
	height: auto;
	opacity: 0.2;
	transition: 0.3s;
	line-height: 0;
}
.close-trends:hover {
	opacity: 0.8;
}
.close-trends img {
	width: 100%;
	height: auto !important;
}
@media (max-width: 820px) {
.web-trends-screen h2: after {
	font-size: 320px;
}
}
@media (max-width: 767px) {
.web-trends-screen .container {
	width: 100%;
}
.web-trends-screen h2 {
	font-size: 85px;
	margin-bottom: 20px;
}
.web-trends-screen h2:after {
	font-size: 300px;
	left: inherit;
	right: -120px;
}
.trends-download.active {
	width: 0;
}
.web-trends-2021 .field-group .lbl-tinyltr {
	font-size: 13px;
}
.web-trends-2021 .field-group input {
	font-size: 13px;
}
.web-trends-2021 .message_area {
	font-size: 12px;
	line-height: normal;
	padding-left: 17px;
}
.web-trends-2021 .primary-group {
	width: 100%;
	padding: 30px 30px 80px 30px;
}
.web-trends-2021 .btn[type="submit"].active {
	width: 100%;
}
.web-trends-2021 input[type="radio"] + label {
	font-size: 13px;
}
.web-trends-2021 .field-group {
	margin: 15px 0 0 0;
}
.web-trends-2021 .field-group .lbl-tinyltr {
	top: 2px;
}
.web-trends-2021 .field-group input {
	padding: 0px 0px 10px 0px;
}
.web-trends-2021 .rgpd {
	margin-top: 20px;
}
.web-trends-2021 .rgpd label {
	font-size: 11px;
}
.web-trends-2021 input[type="radio"] + label:before {
	top: 3px;
	width: 15px;
	height: 15px;
}
.web-trends-2021 input[type="radio"] + label:after {
	width: 9px;
	height: 9px;
	top: 6px;
	left: 3px;
}
.web-trends-2021 .rgpd + .rgpd {
	margin-top: 10px;
}
.web-trends-2021 input[type="checkbox"] {
	width: 15px;
	min-width: 15px;
	height: 15px;
	margin: 1px 0 0 0;
}
.web-trends-2021 input[type="checkbox"]:checked:before {
	margin: 7px 2px;
	font-size: 8px;
}
.web-trends-screen p {
	margin-bottom: 20px;
	font-size: 15px;
}
/*.web-trends-2021 .btn[type="submit"] {
	width: 250px;
}
.trends-download.btn:not(.success) {
	padding-right: 50px;
}*/
.close-trends {
	right: 15px;
	top: 15px;
	width: 10px;
}
}
@media (max-width: 576px) {
.web-trends-screen h2 {
	font-size: 65px;
}
.web-trends-screen h2:after {
	font-size: 200px;
}
}
/* ------------------ */
/* --- Responsive --- */
/* ------------------ */
.navbar-toggle {
	background: #000000;
}
.navbar-toggle .icon-bar {
	background: #ffffff;
}
@media (min-width: 1600px) {
  .container, .modal-xl {
  	width: 1560px;
  }
  .on-video p {
  	background-size: 20% auto;
  }
  .homepage-screen h2 {
    max-width: 545px;
  }
  .article-list-content h3 {
    margin-top: 18px;
  }
  .article-list-content h3, .references-view .article a h3 {
    margin-top: 20px;
    padding-bottom: 70px;
  }
}
@media (max-width: 1599px) {   
  body, p, .container .lang-nav ul a, .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"],
  .tx-wngmailtoo-pi1 .field.email input {
    font-size: 21px;
  }
  .lightboxNav ul a {
    font-size: 74px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    font-size: 46px;
  }
  h2 {
    font-size: 50px;
  }
  h3, .box-teaser-blue .box-teaser-content h3, .categoryTree a {
    font-size: 26px;
  }
  .expertise-element img {
    height: 600px;
  }
  .team-view h3 {
    padding-bottom: 1px;
    margin-top: 18px;
  }     
  .team-view .news-related a, .team-view .news-related .twitter {
    background-size: 32px auto;
    height: 32px;
    width: 32px;
  }
  .team-view .teaser-text {
    margin-bottom: 12px !important;
  }
  .references-view .article, .news-list-view .article {
    margin-bottom: 12px !important;
  }
  .article-list-content h3, .news-listing .article-list-content h3 {
    margin-bottom: 20px;
  }
  .references-view .article, .news-list-view .article {
    margin-bottom: 0px !important;
  }
  .article-list-content h3, .references-view .article a h3, .news-list-view .article h3 {
    margin-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  .news .article .teaser-text {
    margin-bottom: 5px;
    line-height: 1.3;
  }
  .team-view .float-left {
    padding-left: 17px;
  }
  .keyNumber {
    font-size: 84px;
    line-height: 120px;
  }   
  .agence-animation {
    height: 225px;
  }
  .agence-animation .number {
    font-size:185px;
  }  
  .agence-animation .word {
    font-size: 30px;
  }
  .categoryTree a {
    font-size: 25px;
    padding-right: 40px;
  }     
  .ce-menu, footer .frame-type-menu_subpages > ul, .frame-type-menu_sitemap_pages, footer .frame ul {
    margin-bottom: 60px;
  }
  .alternate-content > .container > .row {
    margin-left: -120px;
    margin-right: -120px;
  }
  .alternate-content > .container > .row > .col-md-6 {
    padding-left: 120px;
    padding-right: 120px;
  }
  .alternate-content.big-height .alternate-content-text-container {
    margin-top: 55px;
    margin-bottom: 60px;
  }
  .mega-button-text {
    font-size: 20px;
  }
  .sub-footer h2 {
    font-size: 38px;
    margin-top: 40px;
    margin-bottom: 44px;
  }
  .name_form {
    width: 650px;
    font-size: 38px;
    margin: 34px 0px 0px 25px;
    padding: 0 25px;
  }
  .nl-form, .fs-anim-upper:not(.powermail_label), .fs-fields .label-underline {
    font-size: 45px !important;
    padding-bottom: 32px !important;
  }
  .fs-form-overview .fs-fields .title_overview {          
    font-size: 45px;  
  }
  .nl-field-toggle, .fs-form-overview .nl-field-toggle {
    padding: 14px 36px 14px 60px;
    font-size: 40px;
  }
  .nl-field-toggle::after {
    font-size: 21px;
  }
  .input_wrapper, #selector_form_div .nl-dd {
    margin-top: 40px;
  }
  .fs-form, .powermail_label, .fs-fields label {
    font-size: 29px !important;
  }
  .nl-form, .fs-anim-upper:not(.powermail_label), .fs-fields .label-underline {
    padding-bottom: 28px !important;
  }          
  .fs-form-overview .input_wrapper {
    margin: 0;
  }
  .fs-form-overview .input_wrapper > label, .fs-form-overview .input_wrapper > div {
    padding-bottom: 10px !important;
  }
  .fs-fields input, .fs-fields [required], .fs-fields textarea, .fs-fields .powermail_input {
    font-size: 40px !important;
    padding: 10px 35px;
  }                     
  .fs-fields > li label.fs-field-label, .fs-fields .label-underline, .powermail_fieldwrap_type_html > div, .fs-form-overview .title_overview {
    padding: 0 0px 10px 0;
  }
  .fs-current #selector_form_div .nl-dd ul li {
    height: 300px;
    font-size: 19px;
    padding: 205px 30px 30px 30px;
  }
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li,
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li:nth-child(2),
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li:last-child {
    background-position: center 30px;
    background-size: auto 140px;
  }
  .sub-footer #nextContact {
    margin-top: 21px;
    padding: 16px 25px;
  }
  .sub-footer #nextContact i {
    font-size: 30px;
  }
  footer {
    padding-top: 50px;
    padding-bottom: 40px;
  } 
  footer p, footer li a {
    font-size: 20px;
  }
  footer h2 {
    font-size: 45px;
  }
  .footer-nav * {
    font-size: 16px;
  }
  .footer-nav ul li a {
    padding: 14px 15px;
  }
}     
@media (min-width: 1200px) and (max-width: 1599px) {
  .modal-xl {
  	width: 1180px;
  }
  .col-md-6 .alternate-content-text .col-lg-4 {
    float: none;
    width: 100%;
  }
  .col-md-6 .alternate-content-text .col-lg-4 .mega-button a {
    min-height: inherit;
  }
  .col-md-6 .alternate-content-text .col-lg-4 .mega-button a .mega-button-teaser {
    display:none;
  }   
}
     
@media (max-width: 1250px) {
  .modal-xl {
  	width: 1180px;
  }
  footer:after {
  	background-position: 105% 100%;
  }
}
@media (max-width: 1200px) {
  .lightbox-lang-rs {
    right: 90px;
    bottom: 17px;
  }
  .lightboxNav ul a {
    font-size: 75px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    font-size: 45px;
  }    
  .expertise-element-content {
    padding: 0 20px;
  }
  .expertise-element-content h3 {
    padding-top: 25px;
  }
  .expertise-element img {
    height: 550px;
  }
  .mega-button a {
    min-height: 123px;
  }
  .agence-animation {
    height: 185px;
  }
  .agence-animation .number {
    font-size: 140px;
  }
  .agence-animation .word {
    font-size: 28px;
  }
  .sub-footer h2 {
    font-size: 32px;
    margin-top: 35px;
    margin-bottom: 39px;
  }
  .name_form {
    width: 570px;
    font-size: 32px;
    margin: 29px 0px 0px 18px;
    padding: 0 18px;
  }
  .fs-current #selector_form_div .nl-dd ul li {
    width: calc(33% - 25px);
    height: 240px;
    font-size: 16px;
    padding: 160px 25px 25px 25px;
  }
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li,
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li:nth-child(2),
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li:last-child {
    background-position: center 28px;
    background-size: auto 100px;
  }
  .sub-footer #nextContact {
    margin-top: 21px;
    padding: 15px 22px;
  }
  .sub-footer #nextContact i {
    font-size: 26px;
  }
  footer {
    background-size: auto 550px;
  }
  footer h2 {
    font-size: 35px;
    margin-bottom: 40px;
  }
  .footer-nav > .container {
    padding-top: 0;
  }
  .footer-nav .col-lg-6 {
    float:none;
    text-align:center;
  }
  footer .frame-space-before-small {
    margin-top: 18px;
  }
  .footer-nav ul {
    margin-bottom: 0;
  }
  .footer-nav ul li:first-child a {
    padding-left: 15px;
  }
  .footer-nav p {
    margin-top: 0px;
  }           
  .footer-nav p:last-child {
    margin-right: 7px;
  }
}
@media (max-width: 992px) {
  body, p, .container .lang-nav ul a, .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"], .tx-wngmailtoo-pi1 .field.email input, .name_form {
    font-size: 18px;
  }
  #content .ce-intext.ce-right .ce-gallery,
  #content .ce-intext.ce-left .ce-gallery,
  #content .ce-above .ce-gallery {
  	margin-bottom: 25px;
  }
  .web-trends-screen:before {
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.2) 100%);
  }
  .lightboxNav ul a {
    font-size: 60px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    font-size: 32px;
  }
  .lightbox-lang-rs {
    position: relative;
    right: initial;
    bottom: initial;
    margin-top: 55px;
  }
  .lang-nav {
    top: 43px;
    right: 85px;
  }
  .container .lang-nav ul li:first-child a {
    margin-left: 0;
  }    
  .social-links > div {
    margin-left: 0;
    margin-right: 25px;
  }
  .social-links a {
    padding-top: 8px;
    padding-bottom: 4px;
    display: inline-block;
    line-height: 40px !important;
  }
  .on-video p {
  	font-size: 85px;
  	background-size: 25% auto;
  	padding-right: 100px;
  }
  .carousel-caption h3 {
  	font-size: 60px;
  }
  .content-img, .content-img img, .little-banner-ref .content-img, .content-top-reference-detail .content-img, .news-single .article .news-img-wrap img {
    height: 420px;
  }
  .content-img.no-banner {
    height: 320px;
  }
  .content-top.home-page {
    margin-bottom: 80px;
  }
  h1 {
    font-size: 60px;
    margin-bottom: 20px;
  }
  #pnlFullWidthContainer h2 {
    margin-bottom: 35px;
    margin-top: 45px;
  }
  h2, .page-title h2 {
    font-size: 35px;
  }
  .page-title h2 {
    margin-bottom: 10px;
  }
  h3, .box-teaser-blue .box-teaser-content h3, .mega-button-text, .categoryTree a {
    font-size: 25px;
  }
  h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  body #content > .container, body #content:not(.no-padding-top) > .container {
    padding-top: 60px;
  }
  .frame-indent, .frame-indent-left, .frame-indent-right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #content-quote {
    padding: 70px 30px 50px 30px;
  }
  #content-quote h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .keyNumber {
    font-size: 70px;
    line-height: 70px;
  }
  #pnlFullWidthContainer .keyNumber {
    font-size: 40px;
    line-height: 40px;
  }
  .team-view .team-member {
    width: 50%;
  }
  .alternate-content-container-position {
    position:relative;
    top: 0;
    transform:none;
    -ms-transform:none;
  }
  .agence-animation {
    height: 200px;
  }
  .content-reference-more {
    padding-bottom: 0px;
  }
  .dce-ref-details {
    margin-bottom: 40px;
    margin-top: 60px;
  }
  .dce-ref-details h5, .dce-ref-details > div > div:first-child h5 {
    margin-bottom: 3px;
    margin-top: 25px;
  }
  #content.content-reference-detail {
    padding-bottom: 10px;
  }
  /* dce alternate-content */
  body #content .alternate-content.big-height .container::before, body #pnlFullWidthContainer .alternate-content.big-height .container::before {
    background:none !important;
  }
  .alternate-content:nth-child(2n) .row .col-md-6, .img-left .alternate-content .row .col-md-6 {
    float:none;
    min-height: 0px !important;
  }
  .alternate-content-img {
    position: relative;
  }              
  .alternate-content-box {
    min-height: 0px !important;
  }
  .alternate-content-box img {
    height:auto;
    max-height: 60vh;
    min-height: 240px;
  }
  .alternate-content-text-container {
    min-height: auto;
  }        
  .alternate-content.big-height .alternate-content-text-container {
    margin-top: 45px;
    margin-bottom: 30px;
  }
  .alternate-content:not(.big-height) .alternate-content-text {
    position: relative;
    top: 0;
    -ms-transform: none;
    transform: none;
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .alternate-content-text h2 {
    margin-bottom: 20px;
  }     
  .alternate-content-text .tx-dce-pi1 {
    min-height: 120px;
  }
  #pnlFullWidthContainer .alternate-content-text .tx-dce-pi1 {
    min-height: 100px;
  }
  /* /dce alternate-content */
  .dce-clients-zoom, .dce-partners {
    padding-bottom: 20px;
  }
  .dce-partners .partner-hover, .dce-partners .partner img {
    max-width: 100% !important;
  }
  .team-view h3, .box-teaser-blue .box-teaser-content h3 {
    margin-top: 10px;
  }
  .expertise-element img {
    height: calc(100vh - 350px);
    min-height: 300px;
  }
  .bg-color {
  	padding-top: 30px;
  	padding-bottom: 35px;
  }
  #c8440 h3 {
    margin: 10px 0 10px 0;
  }
  .bg-expertises-home {
    padding-top: 90px;
  }
  .bg-color blockquote p {
  	font-size: 32px;
  	line-height: 40px;
  }
  .mega-button {
    margin-top: 12px;
  }
  .mega-button a {
    min-height: 190px;
  }
  .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"] {
  	font-size: 22px;
  }
  .ce-menu, footer .frame-type-menu_subpages > ul, .frame-type-menu_sitemap_pages, footer .frame ul {
    margin-bottom: 40px;
  }
  .sub-footer h2 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .name_form {
    font-size: 32px;
    width: 80%;
    margin: 12px 0px 20px 0px;
    padding: 0;
    border-left: none;
  }
  .fs-form-full, .fs-message-error, .fs-form-overview {
    max-width: 100%;
    width: 100%;
  }
  .nl-form, .fs-anim-upper:not(.powermail_label), .fs-fields .label-underline {
    font-size: 40px !important;
    padding-bottom: 15px !important;
    margin-bottom: 0;
  }      
  .fs-form-overview .fs-fields .title_overview {
    font-size: 40px;
  }
  .nl-field-toggle, .fs-form-overview .nl-field-toggle {
    padding: 12px 30px 12px 30px;
    font-size: 33px;
  }
  .nl-field-toggle::after, .fs-form-overview .nl-field-toggle::after {
    top: 18px;
    font-size: 24px !important;
  }
  .fs-form, .powermail_label, .fs-fields label {
    font-size: 23px !important;
  }
  .fs-fields input, .fs-fields [required], .fs-fields textarea, .fs-fields .powermail_input {
    font-size: 33px !important;
    padding: 5px 35px;
  }
  .fileUpload.btn {
    padding: 26px 8px 9px 8px !important;
  }
  button.fs-last {
    border-radius: 0;
  }
  .sub-footer #nextContact {
    margin-top: 0px;
    padding: 15px 22px;
  }
  .sub-footer #nextContact i {
    font-size: 26px;
  }
  footer {
    background-size: auto 330px;
  }
  footer::after {
    background-size: auto 60%;
    background-position: 100% 100%;
  }
  footer > .container {
  	padding-bottom: 20px;
  } 
  footer h2 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  footer .frame-space-before-small {
    margin-top: 5px;
  }
  .footer-nav > .container {
    padding-top: 0;
  }
  footer .footer-nav .container .row > div {
  	margin-bottom: 0px;
  }
  footer .container .row > div:nth-child(3) {
  	clear: left;
  }
  .footer-nav ul {
    margin-top: 0;
  }
  .tx-wngmailtoo-pi1 fieldset > legend {
  	font-size: 25px;
  }      
}      
@media (min-width: 992px) { 
  #c9934 .btn {
    margin-top: 40px;
  }      

}
@media (min-width: 767px) {
  .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
  	position: absolute;
  	top: 50%;
  	z-index: 5;
  	display: inline-block;
  }
  .carousel-control .icon-next, .carousel-control .fa-angle-right {
  	right: 50%;
  	margin-right: -10px;
  }
  .carousel-control .icon-prev, .carousel-control .fa-angle-left {
  	left: 50%;
  	margin-left: -10px;
  }
  .carousel-control .fa-angle-right, .carousel-control .icon-next {
  	margin-right: -15px;
  }
  .carousel-control .fa-angle-left, .carousel-control .icon-prev {
  	margin-left: -15px;
  }
  .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  	width: 30px;
  	height: 30px;
  	margin-top: -15px;
  	font-size: 50px;
  }
}
@media (max-width: 768px) {
  #january-2017 {
  	font-size: 40px;
  }
  .teaserjan2018 {
  	font-size: 65px;
  }
  .navbar-brand img,
  header.readContent:not(.open) .readContentLogo, header.no-img-header:not(.open) .readContentLogo {
  	height: 52px;
    width: auto;
  }
  .social-links > div {
    margin-right: 20px;
  }
  .social-links i {
    font-size: 23px;
    height: 54px;
    width: 54px;
  }
  .on-video .text {
  	font-size: 50px;
  	line-height: 90px;
  }
  header {
  	overflow: hidden;
  }
  header .container .navbar-header {
  	float: left;
  	margin-left: 0;
  }
  #navbar {
  	position: none;
  	margin-top: 23px;
  }
  .readContent #navbar {
  	margin-top: 13px;
  }
  #navbar nav {
  	display: none;
  	float: none;
  	margin-right: 0;
  	padding-right: 0;
  	margin-top: 0;
  	width: 100%;
  }
  .lightbox-menu.fade {
  	pointer-events: none;
  }
  .lang-nav {
    top: 35px;
  }
  .on-video p {
  	font-size: 50px;
  	line-height: 60px;
  	padding-right: 75px;
  	padding-top: 27vh;
  }
  #pnlFullWidthContainer .carousel-inner img {
  	display: none;
  }
  #pnlFullWidthContainer .carousel-caption {
  	width: 100%;
  	transform: translateY(0%);
  	margin-top: 10vh;
  }
  .carousel-caption h3 {
  	font-size: 50px;
  }
  .carousel-caption p {
  	font-size: 20px;
  }
  #pnlFullWidthContainer h2 {
    margin-bottom: 25px;
  }
  #pnlFullWidthContainer .carousel-control {
  	left: 8%;
  }
  .content-img, .content-img img, .little-banner-ref .content-img, .content-top-reference-detail .content-img, .news-single .article .news-img-wrap img {
    height: 340px;
  }
  .content-img.no-banner {
    height: 200px;
  }
  .homepage-screen .container {
    margin: 0;
  }
  .homepage-screen h2 {
    margin-top: 40px;
    max-width: 300px;
  }
  .homepage-screen .btn {
    max-width: 300px;
  }
  .content-top.home-page {
    margin-bottom: 60px;
  }
  h1 {
    font-size: 40px;
    margin-bottom: 5px;
  }
  footer h2, h2, .page-title h2 {
    font-size: 30px;
  }                  
  .page-title {
    bottom: 30px;
  }
  .page-title h2 {
    margin-bottom: 5px;
  }
  .bg-black h2, .bg-white h2, .bg-light-grey h2 {
    margin-bottom: 26px;
  }
  h3, .box-teaser-blue .box-teaser-content h3, .mega-button-text, .categoryTree a {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .box-teaser-blue .box-teaser-content h3 {
    margin-top: 10px;  
  }
  h3 {
    margin-top: 10px;
    margin-bottom: 5px;
  }             
  .light-width .row {
    padding:0;
  }
  .text-center {
    text-align: left;
  }
  #pnlFullWidthContainer ul li, #content ul li {
    margin-bottom: 10px;
    /*font-size: 22px;*/
    line-height: 1.2;
  }
  #pnlFullWidthContainer ul li::before, #content ul li::before {
    top: 10px;
  }
  .nl-field.nl-field-open ul li {
    padding: 10px 20px;
  }
  .nl-field.nl-field-open ul li.nl-dd-checked::after {
    font-size: 30px;
    top: 8px;
    right: 20px;
  }
  .frame-space-after-large {
    margin-bottom: 30px !important;
  }
  /* dce expertise */
  .expertise-element {
    height: auto;
  }
  .expertise-element img {
    height: 150px;
    min-height: unset;
  }
  .expertise-element-content h3 {
    padding-top: 20px;
  }
  /* /dce expertise */        
  body #content > .container, body #content:not(.no-padding-top) > .container {
    padding-top: 45px;
  }
  .bg-color {
    padding-top: 25px;
    padding-bottom: 30px;
  }
  .bg-expertises-home {
    padding-top: 60px;
  }
  .bg-color blockquote p:before, .bg-color blockquote p:after {
  	font-size: 30px;
  }
  .bg-color blockquote p {
  	font-size: 26px;
  	line-height: 32px;
  }
  #content img {
  	max-width: 100% !important;
  	height: auto;
  }
  .container-fluid {
  	padding: 0;
  }
  .powermail_form {
  	max-width: 100%;
  }
  .dce-project {
  	padding: 50px 0;
  }
  .dce-projects .dce-project:nth-child(even) .row > div {
  	clear: both;
  	float: none;
  }
  .dce-project .dce-project-img {
  	margin-bottom: 25px;
  }
  .dce-project-infos p {
  	font-size: 20px;
  }
  .dce-technologies .technologie-align {
  	width: 49%;
  }
  .dce-technologies .technologie {
  	height: 80px;
  }
  .dce-clients-zoom, .dce-partners {
    padding-bottom: 0px;
  }
  .dce-clients-zoom .client-zoom-align, .dce-partners .partner-align {
    width: 50%;                 
  }
  .box-teaser-blue {
    margin-top: 35px;
  }
  .dce-alternate-content-slider-video .alternate-content-box:after {
    background-size: 30px auto;   
    height:94px;
    width:94px;
    top: calc(50% - 47px);
  }
  .dce-alternate-content-slider-video .alternate-content-box:hover:after {        
    background-size: 30px auto;  
    height:120px;
    width:120px;
    top: calc(50% - 60px);
  }
  .dce-alternate-content-slider-video .alternate-content:not(.big-height) .alternate-content-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .agence-animation {
    height: 170px;
  }
  .agence-animation .number {
    font-size: 130px;
  }
  .agence-animation .word {
    font-size: 26px;
  }
  .mega-button {
  	margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.3;
  }
  .mega-button-text {
  	font-size: 20px;
    margin: 0;
  }   
  .mega-button a {
    min-height: initial;
  }
  .mega-button-teaser {
    display:none;
  }  
  .dce-linktree .mega-button-teaser {
    display:block;
  }
  .cicle-pink-number {
  	width: 120px;
  	margin-bottom: 10px;
  }
  .cicle-number {
  	height: 120px;
  	width: 120px;
  	font-size: 40px;
  }
  .circle-pink p {
  	font-size: 23px;
  	line-height: 27px;
  }
  .news-list-view .article-element:not(:last-child), .references-view .article:not(:last-child), .references-view .article-element:not(:last-child) {
    margin-bottom: 12px !important;
  }
  .news-related ul li {
  	line-height: 0;
  	margin-bottom: 0;
  }
  .team-view .article-content {
    padding-bottom: 12px;
  }
  .team-view h3 {
    padding-bottom: 3px;
  }
  .team-view .news-img-wrap img:nth-child(2) {
    opacity: 1;
  }
  .team-view .teaser-text {
    margin-bottom: 0px !important;
  }
  .news-single .news-list-category, .news-single .article .news-img-wrap {
  	width: 100%;
  }
  .news-list-view .article .news-img-wrap, .news-single .article .news-img-wrap {
  	float: none;
  }
  .article-content h1 {
    margin-bottom: 20px;
    padding-top: 0 !important;
    margin-top: 0;
  }
  .mediaelement.mediaelement-image {
  	display: inline-block;
  }
  .date-event {
  	margin-right: 15px;
  }
  .content-event {
  	float: none;
  	width: 95%;
  	text-align: left;
  }
  .content-event h5 {
  	text-align: left;
  }
  .powermail_captcha {
  	width: 100%;
  }
  .bg-color blockquote p {
  	font-size: 28px;
  	line-height: 35px;
  }
  #content-quote {
    padding: 50px 30px 40px 30px;
  }
  #content-quote h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .csc-sitemap li {
  	border: none !important;
  	margin-left: 0 !important;
  	margin-right: 0 !important;
  	text-align: left;
  }
  .ce-menu, .frame-type-menu_sitemap_pages {
  	margin-bottom: 0;
  }
  .alternate-content:not(.big-height) .alternate-content-text {
    padding-top: 55px;
    padding-bottom: 25px;
  }
  .alternate-content.big-height .alternate-content-text-container {
    margin-top: 35px;
    margin-bottom: 40px;
  }
  #pnlFullWidthContainer h2 {
    margin-bottom: 30px;
    margin-top: 35px;
  }
  .keyNumber {
    font-size: 50px;
    line-height: 50px;
  }
  #pnlFullWidthContainer .keyNumber {
    font-size: 30px;
    line-height: 35px;
  }
  .sub-footer h2, .name_form {
    font-size: 24px;
  }   
  #content .form-title img {
    margin-bottom: 25px;
    height: 73px;
  }
  .fs-form-overview .fs-fields .title_overview {
    font-size: 30px;
    padding-bottom: 25px;
  }
  .nl-form, .fs-anim-upper:not(.powermail_label), .fs-fields .label-underline {
    font-size: 28px !important;
  }
  .form-title {
    margin-bottom: 0;
  }
  .fs-fields label, .fs-fields .powermail_input, .fs-fields .powermail_textarea, .fs-form, .fs-fields input {
    font-size: 20px !important;
  }
  .powermail_fieldwrap_type_check {
    margin-top: 20px;
  }
  .nl-field-toggle, .fs-form-overview .nl-field-toggle {
    padding: 10px 10px 10px 10px;
    font-size: 22px;
  }
  .nl-field.nl-dd ul {
    top: 60px;
  }
  .nl-field-toggle::after, .fs-form-overview .nl-field-toggle::after {
    top: 12px;
    right: 15px;
    font-size: 18px !important;
  }
  .fs-current #selector_form_div .nl-dd ul li {
    width: 100%;
    height: 150px;
    font-size: 16px;
    padding: 100px 15px 15px 15px;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }
  .fs-current #selector_form_div .nl-dd.nl-field-open ul li, .fs-current #selector_form_div .nl-dd.nl-field-open ul li:nth-child(2), .fs-current #selector_form_div .nl-dd.nl-field-open ul li:last-child {
    background-position: center 13px;
    background-size: auto 70px;
  }
  .fs-fields textarea {
    height: 200px;
    padding: 5px 15px;
  }
  .fileUpload.btn {
    width: auto;
  }
  .fs-numbers {
    display: none;
  }
  .fs-control .btn {
    bottom: auto;
    margin-bottom: 8px;
  }
  .sub-footer #nextContact {
    padding: 7px 12px;
    margin-top: 11px;
  }
  .sub-footer #nextContact i {
    font-size: 18px;
  }
  footer {
    padding-top: 40px;
    padding-bottom: 10px;
  }
  footer::after {
    background-image: none;
  }
  footer h2 {         
    margin-bottom: 15px;
  }
  footer p {
    margin-bottom: 0;
  }
  footer .frame-space-before-small {
    margin-top: 10px;
  }
  .ce-menu, footer .frame-type-menu_subpages > ul, .frame-type-menu_sitemap_pages, footer .frame ul {
    margin-bottom: 20px;
  }        
  footer .container .row > div {
  	margin-bottom: 20px;
  }  
  footer .frame-type-menu_subpages > ul li {
    display:block;
    margin-right: 0;
  }
  .ce-menu li a, footer .frame-type-menu_subpages > ul li a, .frame-type-menu_sitemap_pages li a {       
    padding: 2px 0;
  }
  footer .frame-type-menu_subpages > ul li a {
    display:inline-block;
    margin-bottom: 2px;
  }
  .footer-nav > .container {
    padding-top: 15px;
  }
  .footer-nav p {
    display: block;
    margin: 2px 0 !important;
  }
  .footer-nav {
    padding-bottom: 10px;
    padding-top: 5px;
  }
  .footer-nav ul {
  	display: block;
    margin-bottom: 30px;
  }
  .footer-nav ul li {
    display: block;
  }
  .footer-nav ul li a {
    padding: 2px 0;
  }
  .footer-nav .align-right {
    text-align: left;
  }
  .footer-nav .col-lg-6 {
    text-align: left;
  }
  .footer-nav ul li:first-child a {
    padding-left: 0;
  }
}
@media (max-width:500px) { 
  .lightboxNav-position {
    transform: translateY(-43%);
    -ms-transform: translateY(-43%);
  }
  .lightboxNav ul a {
  	font-size: 45px;
    line-height: 62px;
  }
  .lightboxNav ul li:nth-child(4) {
    margin-top: 5px;
  }
  .lightboxNav ul li:nth-child(4) a, .lightboxNav ul li:nth-child(5) a, .lightboxNav ul li:nth-child(6) a, .lightboxNav ul li:nth-child(7) a {
    font-size: 28px;
  }
  .lang-nav {
    top: 37px;
  }
  .team-view .team-member {
    width: 100%;
  }
  .mega-button a {
    min-height: initial;
  }
  .sub-footer h2, .name_form {
    font-size: 17px;
  }
  .sub-footer #nextContact {
    padding: 5px 11px;
    margin-top: 6px;
  }
  .sub-footer #nextContact i {
    font-size: 16px;
  }
}
@media print {
a[href]: after {
	content: "";
}
}
@media (max-width:1600px) {
.tx-pb-social .pb-list .pb-list-item {
	width: 29%;
}
}
@media (max-width:1000px) {
.tx-pb-social .pb-list .pb-list-item {
	width: 42%;
}
.tx-pb-social .btn-filter-newsroom {
	margin-bottom: 5px;
}
}
@media (max-width:650px) {
.on-video .text {
	font-size: 38px;
	line-height: 80px;
}
}
@media (max-width:500px) {
.tx-pb-social .pb-list .pb-list-item {
	width: 100%;
	margin: 10px 0px 15px;
}
.tx-pb-social .pb-list {
	padding-top: 20px;
}
}
/* TORTUE HOME  */
#scene {
	padding-top: 100px;
	height: 100vh;
}
#parallax-home {
	position: relative;
	height: 100vh;
	background: #E0004D;
/* Old Browsers */
background: -webkit-radial-gradient(70% 60%, closest-corner,
#f86492,
	#E0004D);
/*Safari 5.1-6*/
background: -o-radial-gradient(70% 60%, closest-corner,
#f86492,
	#E0004D);
/*Opera 11.1-12*/
background: -moz-radial-gradient(70% 60%, closest-corner,
#f86492,
	#E0004D);
/*Fx 3.6-15*/
background: radial-gradient(70% 60%, closest-corner,
#f86492,
	#E0004D);
/*Standard*/
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5064d', endColorstr='#f86493', GradientType=1 );
}
#parallax-home .on-video .container {
	position: relative;
}
#scene {
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	align-items: center !important;
	-moz-align-items: center !important;
	-webkit-align-items: center !important;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.content-img #scene img {
	height: 440px;
	max-width: 100%;
	width: auto;
	display: block;
}
/*.newsroom-detail .content-img .news-img-wrap {
	position: relative;
}
.newsroom-detail .content-img .news-img-wrap:after {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	background: #000;
	opacity: 0.25;
	width: 100%;
	height: 100%;
}
*/
.on-video #scene p {
	padding-top: 0px;
	background: rgba(0, 0, 0, 0) url(../img/images/pointexclamation.png) no-repeat scroll right center / 25% auto;
	font-size: 75px;
	line-height: 85px;
	max-width: 100%;
	width: 640px;
	padding: 70px 120px 70px 0px;
	margin: 0px;
}
.on-video #scene p a {
	color: #fff;
}
.on-video #scene p a:hover {
	color: #fff;
	text-decoration: none;
}
/* WINTER 2017 HOME  */
#winter-home {
	position: relative;
	height: 100vh;
	background: url(/fileadmin/documents/wng.ch/images/home/bg-2.jpg) no-repeat center center;
	background-size: cover;
}
#winter-2017 {
	height: 100vh;
	vertical-align: middle;
	display: table-cell;
}
#winter-2017 img {
	height: auto;
	object-fit: initial;
}
/* ADN box */
.section-adn-texte {
	display: none;
}
.section-adn-texte.active {
	display: block;
}
.dce-wng-adn {
	margin: 80px 0;
	color: #585756;
}
.section-adn-titre {
	cursor: pointer;
	transition: padding-left 0.5s;
}
.section-adn-titre.active {
	padding-left: 80px;
}
.section-adn-titre:not(.active) {
	color: #ABA8A9;
	padding-left: 0;
}
.section-adn-texte-desk {
	display: none;
}
.adn-texte {
	display: table-cell;
	vertical-align: middle;
	margin-top: 17px;
}
.adn-sections {
	padding: 140px 0;
}
.adn-titre {
	color: #E0004D;
	margin-left: 0;
	text-align: left;
	margin-bottom: 50px;
}
.gradient-adn-top, .gradient-adn-bottom {
	width: 200px;
	height: 200px;
	position: absolute;
}
.gradient-adn-top {
	background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
	top: 0;
}
.gradient-adn-bottom {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	bottom: 0;
}
@media (min-width: 992px) {
.container-adn-mobile {
	display: none;
}
}
@media (max-width: 991px) {
.container-adn-desktop {
	display: none;
}
.section-adn-titre.active {
	padding-left: 20px;
}
.section-adn-titre:not(.active) {
	padding-left: 20px;
}
}
/* Fin ADN box */
@media (max-width:1600px) {
.on-video #scene p {
	font-size: 55px;
	line-height: 65px;
	width: 500px;
}
.content-img #scene img {
	height: 380px;
}
.expertise-box span {
	left: 40px;
	bottom: 40px;
	font-size: 50px;
	padding: 4px 15px 12px;
}
}
@media (max-width:1200px) {
.content-img #scene img {
	height: 260px;
}
.expertise-box span {
	left: 30px;
	bottom: 30px;
	font-size: 40px;
}
}
@media (max-width:992px) {
#scene {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	padding-top: 150px;
	height: 90vh;
}
.content-img #scene img {
	height: 320px;
}

.footer-nav p.powered {
	margin-left: 0;
}
#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize {
	margin-top: 10px;
}
.expertise-container {
	padding-top: 80px;
	padding-bottom: 60px;
}
.expertise-box span {
	left: 40px;
	bottom: 40px;
	font-size: 50px;
}
}
@media (max-width:768px) {
#scene {
	padding-top: 120px;
}
.on-video .text {
	padding-top: 65vh;
	height: 100%;
	position: inherit;
}
.scroll-btn {
	display: none;
}
}
@media (max-width:600px) {
.content-img #scene img {
	height: 250px;
}
}
@media (max-width:550px) {
.on-video #scene p {
	font-size: 55px;
	line-height: 65px;
	padding: 50px 50px 50px 0px;
	width: 100%;
}
}
@media (max-width:500px) {
.on-video #scene p {
	font-size: 50px;
	line-height: 60px;
}
.on-video .text {
	font-size: 35px;
	line-height: 70px;
	padding-top: 60vh;
}
.on-video .text span {
	padding: 0rem 1rem 0.7rem;
}
.content-reference-detail  h1 {
	clear: left;
	padding-top: 30px;
}
.content-reference-detail .author-news {
	display: block;
  float: none;
  margin-bottom: 30px;
}
.content-reference-detail .author-news img {
	margin-right: 20px;
}
.content-reference-detail .news-related, .content-reference-detail .news-categories {
	width: 100%;
}
.content-reference-detail .news-related + .news-categories, .content-reference-detail .news-related +  .news-related-news {
	margin-top: 40px;
}
.expertise-box span {
	left: 25px;
	bottom: 25px;
	font-size: 35px;
}
}
@media (max-width:450px) {
.on-video #scene p {
	font-size: 45px;
	line-height: 55px;
}
.on-video .text {
	font-size: 30px;
	line-height: 65px;
}
.content-img #scene img {
	height: 200px;
}
.expertise-box span {
	left: 20px;
	bottom: 20px;
	font-size: 30px;
	padding: 6px 15px 10px;
}
}
@media (max-width:425px) {
.on-video #scene p {
	padding: 50px 30px 50px 0px;
}
}
@media (max-width:400px) {
  .on-video #scene p {
  	font-size: 40px;
  	line-height: 50px;
  }
  .on-video .text {
  	font-size: 28px;
  	line-height: 55px;
  }
  .content-img #scene img {
  	height: 180px;
  }
  .content-reference-detail .news-single .social  .news-single .content-reference-detail .social {
  	float: none;
  	padding-top: 10px;
  }
  .content-reference-detail .author-news:after {
  	display: none;
  }
  .expertise-box span {
  	font-size: 28px;
  }
}
@media (max-width:375px) {
  .on-video #scene p {
  	font-size: 35px;
  	line-height: 35px;
  }
  .content-img #scene img {
  	height: 150px;
  }
}
@media (max-width:350px) {
  .on-video #scene p {
  	font-size: 32px;
  	line-height: 42px;
  }
  .on-video .text {
  	font-size: 24px;
  	line-height: 50px;
  }
  .expertise-box span {
  	font-size: 25px;
  	left: 18px;
  	bottom: 18px;
  }
}