@charset "UTF-8";
/* CSS Document */

/* INIT */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: ;
    background: 0 0;
}
html,
html a {
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div { position: relative; }
body {
	overflow-y: hidden;
}

/* HEADER */
.main-header {
	position: fixed; 
	display: block;
	top: 0;
	left: 0;
	height: 100vh;
	background-color: #fff;
	/*width: calc( ( 100vh - 100px ) * (190 / 1648) + 60px);*/
	width: 67px;
	z-index: 50;
}
.main-header-mobile {
	position: fixed; 
	display: none;
	top: 0;
	left: 0;
	height: 60px;
	background-color: #fff;
	/*width: calc( ( 100vh - 100px ) * (190 / 1648) + 60px);*/
	width: 100%;
	z-index: 50;
}
.main-header__container {
	display: block;
	height: 100%;
	position: relative;
	padding: 50px 15px;
}
.main-header img { height: 100%; text-align: center}
.main-header__container__hamburger {
	display: block;
	height: 20px;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.main-header__container__logo {
	display: block;
	height: 146px;
	position: relative;
	text-align: center;
}
.main-header__container__contactButton {
	display: block;
	height: 167px;
	position: relative;
	text-align: center;
}
.main-header__container__separator {
	display: block;
	height: 1%;
	position: relative;
}

.main-nav {
	position: fixed; 
	display: block;
	top: 0;
	left: -600px;
	height: 100vh;
	background-color: #000;
	width: 600px;
	transition: left 500ms;
	z-index: 49;
}
.main-nav.open {
	/*left: calc( ( 100vh - 100px ) * (190 / 1648) + 60px);*/
	left: 67px;
	transition: left 500ms;
}
.main-nav__navigation__close {
	display: block;
	height: 5%;
	position: relative;
	text-align: right;
	cursor: pointer;
}
.main-nav__navigation__close img {
	height: 100%;
}
.main-nav__navigation {
	position: relative;
	height: 100%;
	display: block;
	background-color: #000;
	padding: 50px 30px;
}
.main-nav__navigation__close {
	position: relative;
	width: 100%;
	text-align: right;
	display: block;
}
.main-nav__navigation__menu {
	position: relative;
	display: block;
	padding-top: 30px;
}
.main-nav__navigation__menu a {
	font-family: 'DIN';
	font-size: 65px;
	line-height: 1;
	color: #C1C1C1;
	text-decoration: none;
}
.main-nav__navigation__menu a:hover {
	color: #fff;
	text-decoration: none;
}
.main-nav__navigation__submenu {
	position: relative;
	display: block;
	padding-top: 30px;
}
.main-nav__navigation__submenu a {
	font-family: 'DIN';
	font-size: 40px;
	line-height: 1;
	color: #FFF;
	text-decoration: none;
}
.main-nav__navigation__submenu a:hover {
	color: #fff;
	text-decoration: none;
}
.main-nav__navigation__credits {
	font-family: 'geomanistregular';
	font-size: 16px;
	color: #fff;
	position: absolute;
    left: 0px;
    bottom: 120px;
    margin-right: 30px;
    margin-left: 30px;
}
.main-nav__navigation__credits strong {
	font-family: 'GT Alpina Bold';
	font-size: 20px;
}
.main-nav__navigation__footer {
	position: absolute;
    left: 0px;
    bottom: 30px;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.main-nav__navigation__footer .copyright {
	text-align: left;
	font-family: 'geomanistregular';
	font-size: 12px;
	color: #fff;
	margin-left: 30px;
	line-height: 29px;
}
.main-nav__navigation__footer .social {
	text-align: center;
	margin-right: 30px;
}
.main-nav__navigation__footer .social img {
	height: 25px;
}
.main-nav__navigation__footer .langue {
	text-align: right;
	font-family: 'geomanistregular';
	font-size: 12px;
	color: #fff;
	margin-right: 30px;
	line-height: 29px;
}
/* CONTAINER */
.container {
	position: relative;
	height: 100vh;
	width: 50054px;
	overflow-y: hidden;
	overflow-x: hidden;
	/*margin-left: calc( ( 100vh - 100px ) * (190 / 1648) + 60px);*/
	margin-left: 67px;
	z-index: 1;
	transition: margin-left 500ms;
}

.container.menuOpen {
	/*margin-left: calc( ( 100vh - 100px ) * (190 / 1648) + 660px);*/
	margin-left: 667px;
	transition: margin-left 500ms;
}
.container__block {
	position: relative;
	height: 100%;
	display: block;
	padding: 50px 50px;
	float: left;
}
.container__block__onglets {
	position: relative;
	height: 100%;
	display: block;
	float: left;
}
.container__block__group {
	position: relative;
	height: 100%;
	display: block;
	float: left;
}
.container__block__footer {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
}
.container__block__grid__footer {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}


/* BLOCK WIDTH */
.block__xs {
	position: relative;
	width: 490px;
}
.block__1col {
	position: relative;
	width: 640px;
}
.block__small {
	position: relative;
	width: 740px;
}
.block__medium {
	position: relative;
	width: 940px;
}
.block__medlarge {
	position: relative;
	width: 1240px;
}
.block__large-dig {
	position: relative;
	width: 1540px;
}
.block__large {
	position: relative;
	width: 1540px;
}
.block__xl {
	position: relative;
	width: 1840px;
}
.onglets {
	position: relative;
	width: 50px;
	padding: 0 15px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.onglets2 {
	position: relative;
	width: 50px;
	padding: 0 15px 0 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.sous-onglets {
	position: relative;
	width: 45px;
	padding: 0 15px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.sous-onglets2 {
	position: relative;
	width: 45px;
	padding: 0 15px 0 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.onglets-mobile, .onglets2-mobile, .sous-onglets-mobile, .sous-onglets2-mobile {
	display: none; width: 0px;
}


.onglets.open, .onglets2.open, .sous-onglets.open, .sous-onglets2.open { border-right: 0px; }
.onglets .arrow, .onglets2 .arrow, .sous-onglets .arrow, .sous-onglets2 .arrow { rotate:0deg; transition: rotate 300ms; }
.onglets.open .arrow, .onglets2.open .arrow, .sous-onglets.open .arrow, .sous-onglets2.open .arrow { rotate:-90deg; transition: rotate 300ms; }

/* GRID */
.grid__3cols {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
	grid-row-gap: 30px;
}
.grid__4cols {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 30px;
	grid-row-gap: 30px;
}
.grid__3cols > div, .grid__4cols > div, .grid__2cols > div {
	position: relative;
	height: 100%;
}
.grid__2cols {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 30px;
	grid-row-gap: 30px;
}
/* TEXT TYPE */
.titre_page, .titre_page2 {
	display: inline-block;
	font-family:'DIN';
	font-size: 40px;
	padding: 7px 10px 5px;
	
}

.titre_article {
	font-family: 'GT Alpina Bold';
	font-size: 54px;
	line-height: 0.95;
	letter-spacing: -1px;
}
.auteur {
	font-family:'DIN';
	font-size: 30px;
}
.texte {
	font-family: 'geomanistregular';
	font-size: 20px;
	line-height: 1.4;
	z-index: 1;
}
.bouton {
	display: inline-block;
	font-family:'DIN';
	font-size: 30px;
	width: 300px;
	padding: 7px 30px 5px;
	text-decoration: none;
}
.bouton2 {
	display: inline-block;
	font-family:'DIN';
	font-size: 30px;
	width: 350px;
	padding: 7px 30px 5px;
	text-decoration: none;
}
.titre_alpina {
	font-family: 'GT Alpina Bold';
	font-size: 40px;
	line-height: 0.95;
	letter-spacing: -1px;
}
.titre_alpina_mini{
	font-family: 'GT Alpina Bold';
	font-size: 30px;
	line-height: 0.95;
	letter-spacing: -1px;
}
.image {
	padding-top: 57%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.align__ba__center {
	background-position: center center !important;
}
.titre_image {
	display: inline-block;
	font-family:'DIN';
	font-size: 31px;
	padding: 7px 10px 5px;
	z-index: 3;
}
.mini-titre {
	display: inline-block;
	font-family:'DIN';
	font-size: 25px;
	padding: 5px 10px 3px;
	
}
.mini-titre-p {
	display: inline-block;
	font-family:'DIN';
	font-size: 25px;
	padding: 5px 10px 3px;
	
}
.backArrow { rotate:180deg; transition: rotate 300ms; }
/* FLEX */
.flex__va__center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.flex__va__m33 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: calc( 100% - 17vh) !important;
	padding-top: 17vh;
}
.flex__va__between {
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	height: 100%;
}

/* COLOR: BACKGROUND */
.back__white { background-color:#fff; }
.back__black { background-color:#000; }
.back__yellow { background-color:#ffdd33; }
.back__orange { background-color: rgba(233, 91, 10, 0.91); }
.back__violet { background-color: #6C3987; }
.back__turquoise { background-color: #09C; }
.back__green { background-color: #439741; }
.back__image { padding-bottom: 60%; background-position: center; background-size: cover; background-repeat: no-repeat; }

/* COLOR: TEXT */
.txt__white { color:#fff; }
.txt__black { color:#000; }
.txt__yellow { color:#ffdd33; }
.txt__lightgrey { color:#c1c1c1; }

/* BORDER */
.border__black { border: 1px solid #000; }
.border__white { border: 1px solid #fff; }
.border__noTop { border-top: 0; }
.border__noBottom { border-bottom: 0; }
.border__top { border-bottom: 0; border-right: 0; border-left: 0; }
.border__top_bottom { border-right: 0; border-left: 0; }
.border__left { border-bottom: 0; border-right: 0; border-top: 0; }

/* MARGIN */
.margin__tm15 { margin-top: -15px; }
.margin__tm30 { margin-top: -38px; }
.margin__t40 { margin-top: 40px; }
.margin__b10 { margin-bottom: 10px; }
.margin__b15 { margin-bottom: 15px; }
.margin__b30 { margin-bottom: 30px; }
.margin__b30m { margin-bottom: 30px; }
.margin__b40 { margin-bottom: 40px; }
.margin__b60 { margin-bottom: 60px; }
.margin__lr15 { margin-left: 15px; margin-right: 15px; }
.margin__lr30 { margin-left: 30px; margin-right: 50px; }

/* PADDING */
.padding__a10 { padding: 10px; }
.padding__a15 { padding: 15px; }
.padding__a30, .padding__a30m { padding: 30px; }
.padding__l15 { padding-left: 15px; }
.padding__l30 { padding-left: 30px; }
.padding__t15 { padding-top: 15px; }
.padding__t30 { padding-top: 30px; }
.padding__lr30 { padding-left: 50px; padding-right: 80px; }
.padding__b40 { padding-bottom: 40px; }
.padding__t40 { padding-top: 40px; }

/* ALIGN */
.align__center { text-align: center; }
.align__left { text-align: left; }
.align__right { text-align: right; }

/* column span */
.col__span_3 { grid-column: span 3; }
.col__span_2 { grid-column: span 2; }


/* Line-Height */
.line__14 { line-height: 1.4; }

/* HEIGHT */ 
.height__70 { height: 70vh; }
.height__66 { height: 66vh; }
.height__min__330 { min-height: 330px; }

/* width */
.w_30 { width: 20px; }
.w_25 { width: 25px; }
.w_15 { width: 15px; }
.h__100 { height: 100%; }
.width__max_180 { max-width: 130px; }
/* POSITION */
.position__absolute__titre { position: absolute; top: 90px; left: 0; z-index: 20;  }
.position__absolute__logo { position: absolute; top: 40%; right: -70px; z-index: 20;  }

/* SWIPER */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 80vh;
  object-fit: contain;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

/* ZONE JS */

.print, .digital, .evenementiel, .consulting,  .nespresso, .alpro, .lancement, .bistro, .san-pe, .plage, .priceless, .suisse, .civb, .saint-laurent, .gout-monde, .pmu {
	width: 0;
	overflow: hidden;
	transition: width 500ms;
}

.print.open, .digital.open, .evenementiel.open, .consulting.open, .nespresso.open, .alpro.open, .lancement.open, .bistro.open, .san-pe.open, .plage.open, .priceless.open, .suisse.open, .civb.open, .saint-laurent.open, .gout-monde.open, .pmu.open {
	width: auto;
	overflow: visible;
	transition: width 500ms;
}
.no_desktop { display: none; width: 0px; }
.img__45 { display: inline-block; height: 45%; max-width: 100%; }
.img__20 { display: inline-block; max-height: 300px; height: auto; vertical-align: middle; max-width: 20%; margin-bottom: 15px; }
.img__30 { display: inline-block; max-height: 600px; height: auto; vertical-align: middle; max-width: 30%; margin-bottom: 15px; }
.img__50p { display: inline-block; max-height: 300px; height: auto; vertical-align: middle; max-width: 50%; margin-bottom: 15px; }
.img__50 { display: inline-block; max-height: 100%; height: auto; vertical-align: middle; max-width: 50%; margin-bottom: 15px; }

.hackM{
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: hidden;
}
.hackM > img{
	height: 100%;
}

@media all and (max-height: 900px) {
	.titre_page, .titre_page2 {
		display: inline-block;
		font-family:'DIN';
		font-size: 30px;
		padding: 7px 10px 5px;

	}
	.titre_article {
		font-family: 'GT Alpina Bold';
		font-size: 44px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.auteur {
		font-family:'DIN';
		font-size: 20px;
	}
	.texte {
		font-family: 'geomanistregular';
		font-size: 16px;
		line-height: 1.4;
		z-index: 1;
	}
	.bouton {
		display: inline-block;
		font-family:'DIN';
		font-size: 28px;
		width: 300px;
		padding: 7px 30px 5px;
		text-decoration: none;
	}
	.titre_alpina {
		font-family: 'GT Alpina Bold';
		font-size: 30px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.titre_alpina_mini{
		font-family: 'GT Alpina Bold';
		font-size: 20px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.image {
		padding-top: 57%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.titre_image {
		display: inline-block;
		font-family:'DIN';
		font-size: 28px;
		padding: 7px 10px 5px;
		z-index: 3;
	}
	.height__min__330 { min-height: 250px; }
	.mini-titre {
		display: inline-block;
		font-family:'DIN';
		font-size: 18px;
		padding: 5px 10px 3px;
	}
	.mini-titre {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 5px 10px 3px;

	}
	.main-nav__navigation__menu a {
		font-family: 'DIN';
		font-size: 45px;
		line-height: 1;
		color: #C1C1C1;
		text-decoration: none;
	}
	.main-nav__navigation__submenu a {
		font-family: 'DIN';
		font-size: 25px;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
	}
	.main-nav__navigation__credits {
		font-family: 'geomanistregular';
		font-size: 14px;
		color: #fff;
		position: absolute;
		left: 0px;
		bottom: 120px;
		margin-right: 30px;
		margin-left: 30px;
	}
	.main-nav__navigation__credits strong {
		font-family: 'GT Alpina Bold';
		font-size: 16px;
	}
	.block__large-dig {
		position: relative;
		width: 1360px;
	}
}

@media all and (max-height: 775px) {
	.titre_page, .titre_page2 {
		display: inline-block;
		font-family:'DIN';
		font-size: 25px;
		padding: 7px 10px 5px;

	}
	.titre_article {
		font-family: 'GT Alpina Bold';
		font-size: 34px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.auteur {
		font-family:'DIN';
		font-size: 16px;
	}
	.texte {
		font-family: 'geomanistregular';
		font-size: 16px;
		line-height: 1.4;
		z-index: 1;
	}
	.bouton {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		width: 300px;
		padding: 7px 30px 5px;
		text-decoration: none;
	}
	.titre_alpina {
		font-family: 'GT Alpina Bold';
		font-size: 20px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.titre_alpina_mini{
		font-family: 'GT Alpina Bold';
		font-size: 16px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.image {
		padding-top: 45%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.titre_image {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 7px 10px 5px;
		z-index: 3;
	}
	.height__min__330 { min-height: 230px; }
	.mini-titre {
		display: inline-block;
		font-family:'DIN';
		font-size: 16px;
		padding: 5px 10px 3px;

	}
	.mini-titre-p {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 5px 10px 3px;

	}
	
	.main-nav__navigation__menu a {
		font-family: 'DIN';
		font-size: 35px;
		line-height: 1;
		color: #C1C1C1;
		text-decoration: none;
	}
	.main-nav__navigation__submenu a {
		font-family: 'DIN';
		font-size: 25px;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
	}
	.main-nav__navigation__credits {
		font-family: 'geomanistregular';
		font-size: 14px;
		color: #fff;
		position: absolute;
		left: 0px;
		bottom: 120px;
		margin-right: 30px;
		margin-left: 30px;
	}
	.main-nav__navigation__credits strong {
		font-family: 'GT Alpina Bold';
		font-size: 16px;
	}
	.margin__b60 { margin-bottom: 30px; }
	.block__large-dig {
		position: relative;
		width: 1180px;
	}
}

@media all and (max-height: 730px) {
	.titre_page, .titre_page2 {
		display: inline-block;
		font-family:'DIN';
		font-size: 25px;
		padding: 7px 10px 5px;

	}
	.titre_article {
		font-family: 'GT Alpina Bold';
		font-size: 34px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.auteur {
		font-family:'DIN';
		font-size: 16px;
	}
	.texte {
		font-family: 'geomanistregular';
		font-size: 14px;
		line-height: 1.4;
		z-index: 1;
	}
	.bouton {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		width: 300px;
		padding: 7px 30px 5px;
		text-decoration: none;
	}
	.titre_alpina {
		font-family: 'GT Alpina Bold';
		font-size: 20px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.titre_alpina_mini{
		font-family: 'GT Alpina Bold';
		font-size: 14px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.image {
		padding-top: 45%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.titre_image {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 7px 10px 5px;
		z-index: 3;
	}
	.height__min__330 { min-height: 230px; }
	.mini-titre {
		display: inline-block;
		font-family:'DIN';
		font-size: 16px;
		padding: 5px 10px 3px;

	}
	.mini-titre-p {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 5px 10px 3px;

	}
	
	.main-nav__navigation__menu a {
		font-family: 'DIN';
		font-size: 35px;
		line-height: 1;
		color: #C1C1C1;
		text-decoration: none;
	}
	.main-nav__navigation__submenu a {
		font-family: 'DIN';
		font-size: 25px;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
	}
	.main-nav__navigation__credits {
		font-family: 'geomanistregular';
		font-size: 14px;
		color: #fff;
		position: absolute;
		left: 0px;
		bottom: 120px;
		margin-right: 30px;
		margin-left: 30px;
	}
	.main-nav__navigation__credits strong {
		font-family: 'GT Alpina Bold';
		font-size: 16px;
	}
	.margin__b60 { margin-bottom: 30px; }
	.block__large-dig {
		position: relative;
		width: 1180px;
	}
}

@media all and (max-height: 700px) {
	.titre_page, .titre_page2 {
		display: inline-block;
		font-family:'DIN';
		font-size: 25px;
		padding: 7px 10px 5px;

	}
	.titre_article {
		font-family: 'GT Alpina Bold';
		font-size: 34px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.auteur {
		font-family:'DIN';
		font-size: 16px;
	}
	.texte {
		font-family: 'geomanistregular';
		font-size: 12px;
		line-height: 1.4;
		z-index: 1;
	}
	.bouton {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		width: 300px;
		padding: 7px 30px 5px;
		text-decoration: none;
	}
	.titre_alpina {
		font-family: 'GT Alpina Bold';
		font-size: 20px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.titre_alpina_mini{
		font-family: 'GT Alpina Bold';
		font-size: 12px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.image {
		padding-top: 45%;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.titre_image {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 7px 10px 5px;
		z-index: 3;
	}
	.height__min__330 { min-height: 230px; }
	.mini-titre {
		display: inline-block;
		font-family:'DIN';
		font-size: 16px;
		padding: 5px 10px 3px;

	}
	.mini-titre-p {
		display: inline-block;
		font-family:'DIN';
		font-size: 22px;
		padding: 5px 10px 3px;

	}
	
	.main-nav__navigation__menu a {
		font-family: 'DIN';
		font-size: 35px;
		line-height: 1;
		color: #C1C1C1;
		text-decoration: none;
	}
	.main-nav__navigation__submenu a {
		font-family: 'DIN';
		font-size: 25px;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
	}
	.main-nav__navigation__credits {
		font-family: 'geomanistregular';
		font-size: 14px;
		color: #fff;
		position: absolute;
		left: 0px;
		bottom: 120px;
		margin-right: 30px;
		margin-left: 30px;
	}
	.main-nav__navigation__credits strong {
		font-family: 'GT Alpina Bold';
		font-size: 16px;
	}
	.margin__b60 { margin-bottom: 30px; }
	.block__large-dig {
		position: relative;
		width: 1180px;
	}
}

@media all and (max-width: 996px) {
	.main-header-mobile {
		display: block;
	}
	.main-header {
		display: none;
	}
	.main-header__container {
		display: flex;
		height: 100%;
		justify-content: space-between;
		position: relative;
		padding: 10px 15px;
	}
	.main-header__container__hamburger {
		display: flex;
		height: auto;
		width: 50px;
		position: relative;
		text-align: center;
		cursor: pointer;
		flex-direction: column;
		justify-content: center;
	}
	.main-header__container__spacing {
		display: flex;
		height: auto;
		width: 50px;
		position: relative;
		text-align: center;
		cursor: pointer;
		flex-direction: column;
	}
	.main-header__container__hamburger img {
		height: 18px;
		vertical-align: middle;
	}
	.main-header__container__logo {
		display: block;
		height: auto;
		width: 225px;
		position: relative;
		text-align: center;
	}
	.main-header__container__logo img {
		height: 40px;
	}
	.main-nav {
		position: fixed; 
		display: block;
		top: 0;
		left: -100%;
		height: calc(100vh - 60px);
		background-color: #000;
		width: 100%;
		transition: left 500ms;
		z-index: 49;
		top:60px;
	}
	.main-nav.open {
		/*left: calc( ( 100vh - 100px ) * (190 / 1648) + 60px);*/
		left: 0;
		transition: left 500ms;
	}
	.main-nav__navigation {
		position: relative;
		height: 100%;
		display: block;
		background-color: #000;
		padding: 10px 15px;
	}
	.main-nav__navigation__close {
		display: none;
	}
	.main-nav__navigation__menu {
		position: relative;
		display: block;
		padding-top: 20px;
	}
	.main-nav__navigation__menu a {
		font-family: 'DIN';
		font-size: 30px;
		line-height: 1;
		color: #C1C1C1;
		text-decoration: none;
	}
	.main-nav__navigation__submenu {
		position: relative;
		display: block;
		padding-top: 30px;
	}
	.main-nav__navigation__submenu a {
		font-family: 'DIN';
		font-size: 20px;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
	}
	.main-nav__navigation__credits {
		font-family: 'geomanistregular';
		font-size: 13px;
		color: #fff;
		position: absolute;
		left: 0px;
		bottom: 120px;
		margin-right: 15px;
		margin-left: 15px;
	}
	.main-nav__navigation__credits strong {
		font-family: 'GT Alpina Bold';
		font-size: 14px;
	}
	.container {
		position: relative;
		height: auto;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		margin-left: 0;
		z-index: 1;
		transition: margin-left 500ms;
		margin-top: 60px;
	}
	.container__block {
		position: relative;
		height: auto;
		display: block;
		padding: 50px 15px;
		float: left;
	}
	.container__block2 {
		position: relative;
		height: auto;
		display: block;
		padding: 20px 15px;
		float: left;
	}
	.block__xs, .block__1col, .block__small, .block__medium, .block__medlarge, .block__large, .block__xl, .block__large-dig {
		position: relative;
		width: 100%;
	}
	.grid__3cols, .grid__4cols {
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 30px;
		grid-row-gap: 30px;
	}
	.grid__3cols > div, .grid__4cols > div, .grid__2cols > div {
		position: relative;
		height: auto;
	}
	.grid__2cols {
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		column-gap: 30px;
		grid-row-gap: 30px;
	}
	.onglets-mobile {
		position: relative;
		display: block;
		width: 100%;
		padding: 0 15px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	.onglets2-mobile {
		position: relative;
		display: block;
		width: 100%;
		padding: 0 15px 0 10px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.sous-onglets-mobile {
		position: relative;
		display: block;
		width: 100%;
		padding: 0 15px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		font-family: 'DIN';
    	font-size: 20px;
		text-decoration: none;
		text-transform: uppercase;
		color: #000;
	}
	.sous-onglets2-mobile {
		position: relative;
		display: block;
		width: 100%;
		padding: 0 15px 0 10px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		font-family: 'DIN';
    	font-size: 20px;
		text-decoration: none;
		text-transform: uppercase;
		color: #000;
	}
	.onglets, .onglets2, .sous-onglets, .sous-onglets2 {
		display: none;
	}
	.onglets-mobile.open, .onglets2-mobile.open, .sous-onglets-mobile.open, .sous-onglets2-mobile.open { border-bottom: 0px; }
	.onglets-mobile .arrow, .onglets2-mobile .arrow, .sous-onglets-mobile .arrow, .sous-onglets2-mobile .arrow { rotate:0deg; transition: rotate 300ms; vertical-align: bottom; }
	.onglets-mobile.open .arrow, .onglets2-mobile.open .arrow, .sous-onglets-mobile.open .arrow, .sous-onglets2-mobile.open .arrow { rotate:90deg; transition: rotate 300ms; }
	.flex__ra__center {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 10px;
		height: 40px;
	}
	.flex__ras__center {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		padding: 10px;
		height: 32px;
	}
	.container__block__grid__footer {
		position: relative;
		padding-top: 30px;
	}
	.container__block__footer {
		position: relative;
		padding-top: 30px;
		bottom: 0;
		padding-bottom: 30px;
	}
	.height__66 { height: auto; }
	.height__70 { height: auto; padding-top:60px; }
	.container__block__group {
		width: 100%;
	}
	.margin__lr30 {
		margin-left: 0px;
		margin-right: 0px;
	}
	.position__absolute__titre {
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 20;
	}
	.titre_page {
		display: inline-block;
		font-family: 'DIN';
		font-size: 20px;
		padding: 7px 10px 5px;
	}
	.titre_page2 {
		display: inline-block;
		font-family: 'DIN';
		font-size: 30px;
		padding: 7px 10px 5px;
	}
	.width__max_180 { max-width: 60px; }
	.position__absolute__logo {
		position: absolute;
		top: 97%;
		right: calc(50% - 40px);
		z-index: 20;
	}
	.flex__va__m33 {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		height: calc( 100% - 17vh) !important;
		padding-top: 2vh;
	}
	.print, .digital, .evenementiel, .consulting,  .nespresso, .alpro, .lancement, .bistro, .san-pe, .plage, .priceless, .suisse, .civb, .saint-laurent, .gout-monde, .pmu {
		height: 0;
		overflow: hidden;
		transition: height 500ms;
	}

	.print.open, .digital.open, .evenementiel.open, .consulting.open, .nespresso.open, .alpro.open, .lancement.open, .bistro.open, .san-pe.open, .plage.open, .priceless.open, .suisse.open, .civb.open, .saint-laurent.open, .gout-monde.open, .pmu.open {
		height: auto;
		width: 100%;
		overflow: visible;
		transition: height 500ms;
	}
	.titre_article {
		font-family: 'GT Alpina Bold';
		font-size: 34px;
		line-height: 0.95;
		letter-spacing: -1px;
	}
	.texte {
		font-family: 'geomanistregular';
		font-size: 16px;
		line-height: 1.4;
		z-index: 1;
	}
	.bouton2 {
		display: inline-block;
		font-family: 'DIN';
		font-size: 20px;
		width: 204px;
		padding: 7px 15px 5px;
		text-decoration: none;
		float: right;
        margin-top: 10px;
	}
	.no_mobile { display: none; }
	.no_desktop { display: block; width: 100%; }
	.padding__lr30 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.titre_alpina {
		font-family: 'GT Alpina Bold';
		font-size: 30px;
		letter-spacing: -1px;
	}
	.auteur {
		font-family: 'DIN';
		font-size: 20px;
	}
	.titre_image {
		display: inline-block;
		font-family: 'DIN';
		font-size: 20px;
		padding: 7px 10px 5px;
		z-index: 3;
	}
	.height__min__330 { min-height: 250px; }
	.height__min__150 { min-height: 100px; }
	.bouton {
		display: inline-block;
		font-family: 'DIN';
		font-size: 25px;
		width: 300px;
		padding: 7px 30px 5px;
		text-decoration: none;
	}
	.padding__l30 {
		padding-left: 0px;
	}
	.mini-titre {
		display: inline-block;
		font-family: 'DIN';
		font-size: 20px;
		padding: 5px 10px 3px;
	}
	.noflex__ra__center {
		width: 100%;
		padding: 10px;
		height: auto;
		text-align: center;
	}
	.padding__a30m { padding: 0px; }
	.margin__b30m { margin-bottom: 60px; }
	.col__span_2 {
	  grid-column: span 1;
	}
	.margin__b60 {
	  margin-bottom: 20px;
	}
	.swiper-slide img {
	  display: block;
	  width: 100%;
	  height: 50vh;
	  object-fit: contain;
	}
	.main-header__container__contactButton {
	  display: block;
	  height: 50px;
	  position: relative;
	  text-align: center;
	}
	.main-header__container__contactButton img {
	  height: 50px;
	}
	.mySwiperYellow .swiper-button-next, .mySwiperYellow .swiper-button-prev {
		color: #000;
		margin-top: -53px;
	}
	.mySwiperYellow .swiper-slide {
	  flex-shrink: 0;
	  width: 80%;
	  height: 100%;
	  position: relative;
	  transition-property: transform;
	  display: block;
	  padding-bottom: 45px;
	}
	.mySwiperYellow .swiper-button-next::after, .mySwiperYellow .swiper-button-prev::after {
	  font-family: swiper-icons;
	  font-size: 30px;
	  text-transform: none !important;
	  letter-spacing: 0;
	  font-variant: initial;
	  line-height: 1;
	}
	.mySwiperYellow .swiper-pagination-bullet-active {
	  background: #000;
	}
	.mySwiperBlack .swiper-button-next, .mySwiperBlack .swiper-button-prev {
		color: #000;
		margin-top: -84px;
	}
	.mySwiperBlack .swiper-slide {
	  width: 70%;
	}
	.mySwiperBlack .swiper-slide > div {
	  width: 100%;
	}
	.mySwiperBlack .swiper-button-next::after, .mySwiperBlack .swiper-button-prev::after {
	  font-family: swiper-icons;
	  font-size: 30px;
	  text-transform: none !important;
	  letter-spacing: 0;
	  font-variant: initial;
	  line-height: 1;
	}
	.mySwiperBlack .swiper-slide {
	  display: block;
	}
	.mySwiperBlack .swiper-pagination-bullet {
	  background: #444;
	  opacity: 1;
	}
	.mySwiperBlack .swiper-pagination-bullet-active {
	  background: #fff;
	}
	.img__45 { display: inline-block; max-width: 100%; height: auto; }
	.img__20 { display: inline-block; max-height: 300px; height: auto; vertical-align: middle; max-width: 30%; margin-bottom: 15px; }
	.img__30 { display: inline-block; max-height: 600px; height: auto; vertical-align: middle; max-width: 100%; margin-bottom: 15px; }
	.img__50p { display: inline-block; max-height: 300px; height: auto; vertical-align: middle; max-width: 100%; margin-bottom: 15px; }
	.img__50 { display: inline-block; max-height: 600px; height: auto; vertical-align: middle; max-width: 100%; margin-bottom: 15px; }
	#contact  .titre_page {
		display: inline-block;
		font-family: 'DIN';
		font-size: 30px;
		padding: 7px 10px 5px;
	  }
	.padding__b30m {
		padding-bottom: 30px;
	}
	.padding__b15m {
		padding-bottom: 15px;
	}
	.border__bottom__m {
		border-bottom: 1px solid #000; 
	}
}