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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.clearfix:after, .clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: 'brown';
  src: url("../fonts/brown-regular-webfont.eot");
  src: url("../fonts/brown-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/brown-regular-webfont.woff") format("woff"), url("../fonts/brown-regular-webfont.html") format("truetype"), url("../fonts/brown-regular-webfont.svg#brownregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'brown-bold';
  src: url("../fonts/brown-bold-webfont.eot");
  src: url("../fonts/brown-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/brown-bold-webfont.woff") format("woff"), url("../fonts/brown-bold-webfont.html") format("truetype"), url("../fonts/brown-bold-webfont.svg#brownbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'brown-light';
  src: url("../fonts/brown-light-webfont.eot");
  src: url("../fonts/brown-light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/brown-light-webfont.woff") format("woff"), url("../fonts/brown-light-webfont.html") format("truetype"), url("../fonts/brown-light-webfont.svg#brownlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'brown-thin';
  src: url("../fonts/brown-thin-italic-webfont.eot");
  src: url("../fonts/brown-thin-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/brown-thin-italic-webfont.woff") format("woff"), url("../fonts/brown-thin-italic-webfont.html") format("truetype"), url("../fonts/brown-thin-italic-webfont.svg#brownthin_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*.cartouche{
	background-color: $bleu-vert;
	padding:0 7%;
	color:#fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 7px;
	width:7.55%;
	margin:0 0 6.89%;
}*/
.lnk {
  cursor: pointer;
}

.btn {
  cursor: pointer;
  text-indent: -999em;
  display: block;
}

.btn:hover,
.icheckbox.checked {
  background-position: 100% 0;
  background-size: 200% auto;
}

#menu {
  position: fixed;
  z-index: 110;
  margin-left: 10px;
  top: 50%;
  margin-top: -229px;
}
#menu li {
  margin: 10px 0;
}
#menu li a {
  display: block;
  background: transparent url(../img/nav_bt_menu.png) 0 0 scroll no-repeat;
  background-size: 200% auto;
  width: 18px;
  height: 18px;
  color: #626262;
}
#menu li .label {
  display: none;
  margin: 0 0 0 30px;
  padding: 2px 10px 3px;
  text-align: left;
  white-space: nowrap;
  width: auto;
}
#menu li:hover .label {
  display: inline-block;
}
#menu li.active a {
  background-position: 100% 0;
}

.desktop #menu li a:hover {
  background-position: 100% 0;
}

.mobile #menu li:hover .label {
  display: none;
}

.mobile.non-retina #menu {
  display: none;
}

html {
  font-size: 18px;
  line-height: 1;
  color: #363636;
  font-family: 'brown';
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}

a {
  color: inherit;
  font-size: inherit;
  text-decoration: inherit;
}

img {
  width: 100%;
}

strong {
  font-family: 'brown-bold';
}

sup {
  font-size: 70%;
  vertical-align: text-top;
}

em {
  font-style: italic;
  font-family: 'brown-light';
}

#wrapper {
  min-width: 1000px;
  max-width: 2000px;
  width: 100%;
  height: 100vh;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}

.trigger {
  position: absolute;
  top: 50%;
}

.trigger1 {
  top: 55%;
}

.triggerb {
  position: absolute;
  top: 0;
}

.txt {
  width: 100%;
}

.skrollable {
  position: absolute;
}

.slide {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  vertical-align: top;
  padding: 0 1%;
}

.logosml {
  top: 6.6%;
  right: 3.5%;
  height: 2.7%;
  width: 6.5%;
  z-index: 50;
}

.logosml2 {
  top: 106.6%;
}

.popin {
  /*display: none;*/
  z-index: 101;
  position: absolute;
  text-align: left;
  padding: 5%;
  top: 16%;
  left: 16%;
  width: 68%;
  height: 66%;
  -moz-box-shadow: 5px 5px 40px 0px #000000;
  -webkit-box-shadow: 5px 5px 40px 0px #000000;
  -o-box-shadow: 5px 5px 40px 0px #000000;
  box-shadow: 5px 5px 40px 0px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=40);
}
.popin .fond {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.97;
  background: none #fff;
}
.popin .titre {
  text-transform: uppercase;
  color: #7f7f7e;
  font-family: 'brown-light';
  text-align: left;
}
.popin .titre, .popin .sub {
  margin: 0 0 2%;
}
.popin .titre {
  text-transform: uppercase;
}

.fond {
  position: absolute;
  z-index: -1;
  background: url(../img/legroupe_bloc_texte.png) 0 0 no-repeat transparent;
  background-size: cover;
  opacity: 0.8;
}

.flechev {
  top: 52.7%;
  left: 0%;
  width: 50.9%;
  height: 3.5%;
  /*background: url(../img/fleche-verte.png) right 50% no-repeat transparent;*/
  /*background-size: auto 100%;*/
  color: #ffffff;
  line-height: 200%;
}
.flechev .txt {
  right: 12%;
  top: 1%;
  width: 50%;
  white-space: nowrap;
}

.flechej {
  /*background-image: url(../img/fleche_jaune.png);*/
}

.flecheg {
  /*background-image: url(../img/fleche_grise.png);*/
}

.open {
  bottom: 7.5%;
  right: 2.5%;
  height: 13.5%;
  width: 30%;
  text-align: right;
  color: #7f7f7e;
}
.open div {
  display: block;
  margin: 0 0 2%;
  text-transform: uppercase;
}
.open div span {
  background: url(../img/nav_bt_plus1.png) 0 0 no-repeat transparent;
  background-size: 200% auto;
  display: inline-block;
  width: 12%;
  height: 0%;
  padding-top: 12%;
  vertical-align: middle;
}
.open div a:hover,
.open div.active {
  color: #000000;
}
.open div a:hover span,
.open div.active span {
  background-position: 100% 0;
  background-size: 200% auto;
}
.open div.vf span {
  background-image: url(../img/nav_bt_plus1.png);
}
.open div.vf span {
  background-image: url(../img/nav_bt_plus2.png);
}
.open div.or span {
  background-image: url(../img/nav_bt_plus3.png);
}

.close {
  background: url(../img/nav_bt_plus1.png) 100% 0 no-repeat transparent;
  background-size: 200% auto;
  display: inline-block;
  width: 6%;
  height: 0%;
  padding-top: 7%;
  vertical-align: middle;
  position: absolute;
  right: 2%;
  top: 2%;
  text-indent: -999em;
  z-index: 9;
}

.popinvf .close {
  background-image: url(../img/nav_bt_plus2.png);
}

.popinor .close {
  background-image: url(../img/nav_bt_plus3.png);
}

.txt {
  position: absolute;
  text-align: left;
  z-index: 5;
}
.txt span {
  font-family: 'brown-light';
}

.titre {
  font-size: 150%;
}

.cycle-slideshow {
  width: 100%;
  height: 100%;
}
.cycle-slideshow > div {
  width: 22%;
  padding: 0 3.6%;
  text-align: left;
  vertical-align: top;
  background-color: #ffffff;
}
.cycle-slideshow img {
  margin: 0 0 5%;
}
.cycle-slideshow p {
  white-space: normal;
  margin: 0 5% 4%;
}
.cycle-slideshow .titre {
  color: #000000;
  margin: 0 5% 8%;
}
.cycle-slideshow a {
  float: right;
}

#prev,
#next,
#prevpar,
#nextpar {
  position: absolute;
  top: 51.2%;
  background: url(../img/nav_bt_gd.png) 0 0 no-repeat transparent;
  background-size: 200% auto;
  display: inline-block;
  width: 4%;
  height: 0%;
  padding-top: 4.5%;
  text-indent: -999em;
  z-index: 49;
}

#prev,
#prevpar {
  left: 7.72%;
}

#next,
#nextpar {
  right: 7.7%;
  background-position: 100% 0;
}

#prevpar,
#nextpar {
  width: 5%;
  padding-top: 5.5%;
}

#prevpar {
  left: -3%;
}

#nextpar {
  right: -3%;
}

.lvl {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.lvl2 {
  z-index: 2;
}

.lvl3 {
  z-index: 3;
}

.lvl4 {
  z-index: 4;
}

.lvl5 {
  z-index: 5;
}

.lvl6 {
  z-index: 6;
}

.lvl7 {
  z-index: 7;
}

.lvl8 {
  z-index: 8;
}

.lvl9 {
  z-index: 9;
}

.lvl10 {
  z-index: 10;
}

.lvl11 {
  z-index: 11;
}

.lvl12 {
  z-index: 12;
}

/* MOBILE */
.mobile .fond {
  background-image: url(../img/legroupe_bloc_texte.png);
}
.mobile .open div span {
  background-image: url(../img/mob/nav_bt_plus1.png);
}
.mobile .open div.ve span {
  background-image: url(../img/mob/nav_bt_plus1.png);
}
.mobile .open div.vf span {
  background-image: url(../img/mob/nav_bt_plus2.png);
}
.mobile .open div.or span {
  background-image: url(../img/mob/nav_bt_plus3.png);
}
.mobile .close {
  background: url(../img/mob/nav_bt_plus1.png) 100% 0 no-repeat transparent;
}
.mobile .popinvf .close {
  background-image: url(../img/mob/nav_bt_plus2.png);
}
.mobile .popinor .close {
  background-image: url(../img/mob/nav_bt_plus3.png);
}
.mobile #prev,
.mobile #next,
.mobile #prevpar,
.mobile #nextpar {
  background-image: url(../img/mob/nav_bt_gd.png);
}

/* END MOBILE */
/* SLIDE 1 : ENTREE */
.slide1 {
  /*background-image: url(../img/ref/01-entree.jpg);*/
  background-image: url(../img/fonds/fond_entree.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 1;*/
  z-index: 4;
}
.slide1 .logo {
  position: absolute;
  top: -18%;
  left: 19.4%;
  width: 53%;
  height: 75%;
}
.slide1 .lvl1 {
  top: 0%;
}
.slide1 .lvl2 {
  top: 50%;
  left: 30%;
  width: 43%;
  height: 20%;
}
.slide1 .lvl2 a {
  position: absolute;
  top: 200%;
  height: 25%;
  width: 25%;
}
.slide1 .lvl2 a.fr {
  right: 22%;
}
.slide1 .lvl2 a.en {
  left: 25%;
}
.slide1 .lvl2 .lang {
  width: 45.6%;
  float: right;
  margin: 57% 26% 0 0;
}
.slide1 .lvl3 {
  bottom: -15%;
  left: 0;
  width: 100%;
}

.mobile .slide1 {
  background-image: url(../img/mob/fonds/fond_entree.jpg);
}

/* STRATE 2 : LE GROUPE */
.slide2 {
  /*background-image: url(../img/ref/02-modif.jpg);*/
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 2;*/
  z-index: 3;
}
.slide2 .popin {
  text-align: center;
}
.slide2 .popinve img {
  width: 45%;
  margin: 2% 0 0 2%;
}
.slide2 .popinor a {
  display: block;
}
.slide2 .popinor img {
  width: 60%;
  margin: 2% 0 0 2%;
}
.slide2 .lvl1 {
  top: 32.3%;
  left: 0%;
  width: 61.2%;
}
.slide2 .lvl2 {
  top: 14.4%;
  left: 51%;
  width: 47.4%;
}
.slide2 .lvl3 {
  top: 8.6%;
  right: 0%;
  width: 54.5%;
  height: 74%;
}
.slide2 .lvl4 {
  top: 52.7%;
}
.slide2 .lvl5 {
  top: 15.7%;
  left: 15.3%;
  width: 39%;
  height: 67%;
}
.slide2 .lvl5 .fond {
  bottom: -3%;
  right: 1%;
  width: 89%;
  height: 0;
  padding-bottom: 40%;
}
.slide2 .txt1 {
  left: 0%;
  top: 0%;
  width: 100%;
  color: #363636;
  white-space: nowrap;
}
.slide2 .txt2 {
  left: 12.6%;
  top: 26%;
  width: 60%;
  line-height: 125%;
}
.slide2 .txt3, .slide2 .txt4 {
  left: 12%;
  top: 64.7%;
  width: 40%;
  text-align: left;
}
.slide2 .txt4 {
  left: 55.5%;
}
.slide2 .phot {
  position: absolute;
  width: 16%;
}
.slide2 .phot .fl {
  position: absolute;
  width: 12%;
  left: 0%;
  top: 100%;
}
.slide2 .phot p {
  position: absolute;
  top: 101%;
  left: 14%;
  width: 150%;
  /*text-transform: uppercase;*/
  text-align: left;
}
.slide2 .phot p.po {
  text-transform: none;
  left: -2%;
  top: 107%;
  font-size: 90%;
  line-height: 75%;
}
.slide2 .phot.phot1 {
  width: 21.7%;
  left: 1%;
  top: 25.4%;
}
.slide2 .phot.phot2 {
  left: 24.3%;
  top: 0%;
}
.slide2 .phot.phot3 {
  left: 24.3%;
  top: 36%;
}
.slide2 .phot.phot4 {
  left: 42.2%;
  top: 11.4%;
}
.slide2 .phot.phot4 p.po {
  width: 110%;
}
.slide2 .phot.phot5 {
  left: 24.3%;
  top: 73.4%;
}
.slide2 .phot.phot6 {
  left: 60.3%;
  top: 44.7%;
  white-space: nowrap;
}
.slide2 .phot.phot7 {
  left: 42.2%;
  top: 49%;
  white-space: nowrap;
}
.slide2 .phot.phot8 {
  left: 60.3%;
  top: 9.5%;
  white-space: nowrap;
}
.slide2 .phot.phot9 {
  left: 77.7%;
  top: 28.8%;
  white-space: nowrap;
}

/* STRATE 3 : FRANCE/INTERNATIONAL */
.slide3 {
  /*background-image: url(../img/ref/03-EnFrance-Etranger.jpg);*/
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: #000000;
  /*z-index: 3;*/
  z-index: 2;
}
.slide3 .popin.popinve p.texte {
  margin: 0px 15% 0px 0px;
}
.slide3 .popin.popinor p.texte {
  margin: 0px 13% 0px 0px;
}
.slide3 .popin.popinvi {
  text-align: left;
  top: 60%;
  left: 21%;
  width: 27%;
  height: 19%;
  padding: 1%;
}
.slide3 .lvl1 {
  top: 0%;
  left: 0%;
  width: 100%;
  text-transform: uppercase;
}
.slide3 .lvl2 {
  right: 0%;
  bottom: -10%;
  width: 15%;
}
.slide3 .lvl3 {
  height: 10.4%;
  left: 15.3%;
  top: 15.6%;
  width: 31.1%;
  color: #363636;
  pointer-events: none;
}
.slide3 .txt1 {
  width: 100%;
}
.slide3 .vi {
  position: absolute;
  display: block;
  text-transform: uppercase;
  width: 15%;
  text-align: left;
  font-family: 'brown-light';
}
.slide3 .vi a {
  display: inline;
}
.slide3 .vi span {
  background: url(../img/enfrance_pastille.png) 0 0 no-repeat transparent;
  background-size: 200% auto;
  position: absolute;
  width: 9%;
  height: 0%;
  padding-top: 9%;
  vertical-align: middle;
}
.slide3 .vi a:hover span,
.slide3 .vi.active span {
  background-position: 100% 0;
  background-size: 200% auto;
}
.slide3 .mi {
  top: 49%;
  left: 30.8%;
}
.slide3 .mi span {
  top: 45%;
  left: -10%;
}
.slide3 .pa {
  top: 37.4%;
  left: 42%;
}
.slide3 .pa span {
  top: 31%;
  left: 37%;
}
.slide3 .ma {
  top: 42.6%;
  left: 50%;
}
.slide3 .ma span {
  top: -34%;
  left: -15%;
}
.slide3 .du {
  top: 53%;
  left: 60.7%;
}
.slide3 .du span {
  top: -61%;
  left: -14%;
}
.slide3 .si {
  top: 59.2%;
  left: 70.6%;
}
.slide3 .si span {
  top: 83%;
  left: -13%;
}
.slide3 .dj {
  top: 68%;
  left: 61.5%;
}
.slide3 .dj span {
  top: -44%;
  left: 66%;
}
.slide3 .sh {
  top: 50.8%;
  left: 74.3%;
}
.slide3 .sh span {
  top: -87%;
  left: -12%;
}
.slide3 .popin {
  text-align: left;
  padding: 5%;
}
.slide3 .popin .titre {
  font-family: 'brown-light';
  margin: 0 0 5% -2%;
  font-size: 150%;
}

/* STRATE 4 : FRAGRANCES 

FOND
1 flechev
2 stylo1 top
3 stylo2 bottom
4 stylo3 right
5 titre
6 textes

*/
.slide4 {
  /*background-image: url(../img/ref/04-fragrances.jpg);*/
  background-image: url(../img/fonds/fond_fragrances.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 4;*/
}
.slide4 .popin strong {
  color: #7f7f7e;
}
.slide4 .popin > img {
  width: 80%;
  display: block;
  margin: 2% auto;
}
.slide4 .lvl1 {
  left: -4.2%;
  top: 52%;
}
.slide4 .lvl2 {
  top: 37%;
  right: 18%;
  width: 10%;
}
.slide4 .lvl3 {
  top: 85.2%;
  left: 32.5%;
  width: 9%;
}
.slide4 .lvl4 {
  top: -10%;
  left: 41.6%;
  width: 5%;
}
.slide4 .lvl5 {
  left: 15.3%;
  top: 15.6%;
  width: 19%;
}
.slide4 .lvl6 {
  top: 24.6%;
  left: 18.6%;
  width: 25.1%;
  height: 55.4%;
}
.slide4 .lvl6 img {
  position: absolute;
  top: 61.2%;
  left: 7%;
  width: 86.6%;
  z-index: 2;
}
.slide4 .lvl6 .fond {
  background-image: url(../img/fragrances_bloc_texte.png);
  width: 100%;
  height: 46%;
  top: 0;
  left: 0;
  opacity: 0.9;
}
.slide4 .lvl6 .fond.fond2 {
  top: auto;
  bottom: 0;
  height: 40%;
}
.slide4 .txt2 {
  top: 0%;
  left: 0%;
  width: 100%;
  color: #363636;
}
.slide4 .txt3 {
  top: 4%;
  left: 7%;
  width: 89%;
}
.slide4 .txt4 {
  top: 19%;
  left: 7%;
  width: 89%;
}
.slide4 .txt5 {
  top: 82.2%;
  left: 7%;
  width: 89%;
}

.mobile .slide4 {
  background-image: url(../img/mob/fonds/fond_fragrances.jpg);
}
.mobile .slide4 .fond {
  background-image: url(../img/mob/fragrances_bloc_texte.png);
}

/* STRATE 5 : PARFUMEURS

FOND
1 poudre
2 titre
3 texte
4 visuel

*/
.slide5 {
  /*background-image: url(../img/ref/05-parfumeurs.jpg);*/
  background-image: url(../img/fonds/fond_parfumeurs.jpg);
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 5;*/
  z-index: 2;
}
.slide5 .popin em {
  font-size: 150%;
}
.slide5 .popin .logo {
  position: absolute;
  z-index: 0;
  top: 77%;
  left: 10%;
  width: 13%;
  height: 11%;
}
.slide5 .popinve {
  padding: 2% 0;
  height: auto;
  min-height: 66%;
}
.slide5 .popinvf .logo {
  height: 4%;
  width: 8%;
  position: relative;
  top: 1%;
  left: 0;
}
.slide5 .lvl1 {
  top: 97.7%;
  left: 0%;
  width: 100%;
  z-index: 0;
}
.slide5 .lvl2 {
  top: -10%;
  left: 0%;
  width: 100%;
}
.slide5 .lvl3 {
  top: 15.3%;
  left: 15.3%;
  width: 51%;
  height: 11%;
  color: #ffffff;
}
.slide5 .lvl4 {
  top: 26.9%;
  left: 18.6%;
  width: 66.3%;
  height: 14.1%;
}
.slide5 .lvl5 {
  top: 37%;
  left: 34.3%;
  width: 37%;
}
.slide5 .lvl6 {
  height: 20.8%;
}
.slide5 .lvl7,
.slide5 .lvl8 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 12%;
}
.slide5 .lvl7 {
  left: 0;
  background: url(../img/news_degrade_g_recherche.png) 0 0 repeat;
  background-size: 100% auto;
}
.slide5 .lvl8 {
  right: 0;
  background: url(../img/news_degrade_d_recherche.png) 0 0 repeat;
  background-size: 100% auto;
}
.slide5 .fond {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.slide5 .txt2 {
  top: 12%;
  left: 2.4%;
}
.slide5 .txt3 {
  top: 52%;
  left: 2.4%;
  width: 96%;
}
.slide5 .carou {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide5 .cycle-slideshow {
  margin: 0 0 0 -13.8%;
  width: 107%;
}
.slide5 .cycle-slideshow > div, .slide5 .cycle-slideshow div.item {
  /*width:22%;*/
  padding: 0 1%;
  text-align: left;
  vertical-align: top;
  background-color: transparent;
  /*margin:0 0 0 -4.85%;*/
}
.slide5 .cycle-slideshow img {
  margin: 0 0 5%;
}
.slide5 .cycle-slideshow p {
  white-space: normal;
  margin: 0 5% 3%;
}
.slide5 .cycle-slideshow .textepar p {
  /*font-size: 65%;*/
  width: 85%;
}
.slide5 .cycle-slideshow .titre {
  margin: 0 5% 1%;
  text-transform: none;
  font-family: 'brown-bold';
  color: #000000;
}
.slide5 .cycle-slideshow .soustitre {
  font-style: italic;
  font-size: 130%;
}
.slide5 .cycle-slideshow em {
  font-size: 100%;
  font-family: inherit;
}
.slide5 .cycle-slideshow a {
  float: right;
}

.mobile .slide5 {
  background-image: url(../img/mob/fonds/fond_parfumeurs.jpg);
}
.mobile .slide5 .lvl7 {
  background: url(../img/mob/news_degrade_g_recherche.png) 0 0 repeat;
}
.mobile .slide5 .lvl8 {
  background: url(../img/mob/news_degrade_d_recherche.png) 0 0 repeat;
}

/* STRATE 6 : LABORATOIRE

FOND
1 dalles
2 titre
3 texte
4 visuel

*/
.slide6 {
  /*background-image: url(../img/ref/06-labo.jpg);*/
  background-image: url(../img/fonds/fond_labo.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 6;*/
  z-index: 1;
  /*    .lvl5{
          height:20.8%;
      }*/
}
.slide6 .lvl1 {
  top: -30%;
  left: 0%;
  width: 100%;
}
.slide6 .lvl2 {
  top: 15.3%;
  left: 15.3%;
  width: 51%;
  height: 11%;
  color: #ffffff;
}
.slide6 .lvl3 {
  top: 42.7%;
  left: 15.6%;
  width: 66.3%;
  height: 12.5%;
  line-height: 105%;
}
.slide6 .lvl4 {
  top: 30%;
  left: 75.3%;
  width: 17.3%;
}
.slide6 .fond {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.slide6 .txt2 {
  top: 6%;
  left: 2.4%;
  width: 82%;
}

.mobile .slide6 {
  background-image: url(../img/mob/fonds/fond_labo.jpg);
}

/* STRATE 7 : CABINE

FOND
1 poudre
2 bougies
3 portes
4 titre
5 texte

*/
.slide7 {
  /*background-image: url(../img/ref/07-cabines-senteurs.jpg);*/
  background-image: url(../img/fonds/fond_cabine.jpg);
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 7;*/
}
.slide7 .lvl1 {
  top: -2%;
  left: 0%;
  width: 100%;
}
.slide7 .lvl2 {
  top: 49%;
  left: 3%;
  width: 83%;
}
.slide7 .lvl3 {
  top: 0%;
  left: 0%;
  width: 100%;
}
.slide7 .lvl4 {
  top: 15.3%;
  left: 15.3%;
  width: 51%;
  height: 11%;
}
.slide7 .lvl5 {
  top: 31.7%;
  left: 18.6%;
  width: 36.8%;
  height: 15.2%;
  line-height: 105%;
}
.slide7 .fond {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.slide7 .txt2 {
  top: 8%;
  left: 2.4%;
  width: 96%;
}
.slide7 .open {
  height: 6.2%;
}

.mobile .slide7 {
  background-image: url(../img/mob/fonds/fond_cabine.jpg);
}

/* STRATE 8 : DOMAINES D'APPLICATION 

FOND
1 poudre
2 couche1
3 couche2
4 couche3
5 couche 4
6 titre
7 textes
8 texte central

*/
.slide8 {
  /*background-image: url(../img/ref/08-applications.jpg);*/
  background-image: url(../img/fonds/fond_applications.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: #000000;
  /*z-index: 8;*/
  z-index: 3;
}
.slide8 .popin > img {
  width: 90%;
  margin: 0 auto;
  display: block;
}
.slide8 .lvl1 {
  right: 0%;
  top: -7%;
  width: 12%;
}
.slide8 .lvl2 {
  top: 2%;
  right: 15%;
  width: 31%;
}
.slide8 .lvl3 {
  top: 15%;
  left: 5%;
  width: 10%;
}
.slide8 .lvl4 {
  top: 36%;
  left: 40%;
  width: 21%;
}
.slide8 .lvl5 {
  top: 31%;
  right: 11%;
  width: 65%;
}
.slide8 .lvl6 {
  top: 15.5%;
  left: 15.3%;
  width: 51%;
  height: 11%;
}
.slide8 .lvl7 {
  top: 26%;
  left: 18.7%;
  width: 35.5%;
  height: 36%;
}
.slide8 .lvl8 {
  top: 73%;
  left: 16%;
  width: 67.5%;
  height: 4%;
}
.slide8 .lvl8 .txt {
  text-align: center;
  text-transform: uppercase;
}
.slide8 .txt {
  width: 100%;
}
.slide8 .txt2,
.slide8 .txt3 {
  font-family: 'brown-light';
}
.slide8 .txt2 p,
.slide8 .txt3 p {
  position: absolute;
}
.slide8 .txt2 {
  top: 0%;
  left: 0%;
  width: 70%;
  height: 38.3%;
}
.slide8 .txt2 p {
  top: 54%;
  left: 6%;
  width: 91%;
}
.slide8 .txt3 {
  top: 57%;
  left: 0%;
  width: 80%;
  height: 40%;
}
.slide8 .txt3 p {
  top: 10%;
  left: 6%;
}
.slide8 .open {
  height: 6.2%;
}
.slide8 .fond {
  background-image: url(../img/application_bloc1.png);
  width: 100%;
  height: 100%;
}
.slide8 .fond.fond2 {
  background-image: url(../img/application_bloc2.png);
  top: 12%;
}

.mobile .slide8 {
  background-image: url(../img/mob/fonds/fond_applications.jpg);
}
.mobile .slide8 .fond {
  background-image: url(../img/mob/application_bloc1.png);
}
.mobile .slide8 .fond.fond2 {
  background-image: url(../img/mob/application_bloc2.png);
}

/* STRATE 9 : ROXANE K 

FOND
1 poudre
2 flechev
3 perso
4 titre
5 texte haut
6 texte bas

*/
.slide9 {
  /*background-image: url(../img/ref/09-roxanek.jpg);*/
  background-image: url(../img/fonds/fond_roxanek.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 9;*/
  z-index: 4;
}
.slide9 .lvl1 {
  top: -10%;
  right: 8%;
  width: 45%;
}
.slide9 .lvl2 {
  top: 52%;
  width: 77.2%;
}
.slide9 .lvl3 {
  top: 27.6%;
  left: 8.3%;
  width: 15%;
}
.slide9 .lvl4 {
  top: 15.6%;
  left: 15.4%;
  width: 18%;
  height: 10%;
  color: #ffffff;
}
.slide9 .lvl5 {
  top: 36.2%;
  left: 52.2%;
  width: 25%;
  height: 14%;
}
.slide9 .lvl5 .txt {
  width: 90%;
  left: 7%;
}
.slide9 .lvl6 {
  top: 56.6%;
  left: 52.2%;
  width: 25%;
  height: 19%;
}
.slide9 .lvl6 .txt {
  width: 90%;
  left: 7%;
}
.slide9 .txt3,
.slide9 .txt5 {
  top: 11%;
}
.slide9 .txt4 {
  top: 44%;
  line-height: 120%;
}
.slide9 .txt6 {
  top: 34%;
  line-height: 120%;
}
.slide9 .fond {
  width: 100%;
  height: 100%;
  background-image: url(../img/roxanek_bloc_inf.png);
}

.mobile .slide9 {
  background-image: url(../img/mob/fonds/fond_roxanek.jpg);
}
.mobile .slide9 .fond {
  background-image: url(../img/mob/fragrances_bloc_texte.png);
}

/* STRATE 10 : ROXANE A 

1 chariot
2 porte
3 flecheo
4 titre
5 texte haut
6 texte bas

*/
.slide10 {
  /*background-image: url(../img/ref/10-roxanea.jpg);*/
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff;
  overflow: hidden;
  /*z-index: 10;*/
  z-index: 2;
}
.slide10 .lvl1 {
  top: 10%;
  left: 0%;
  width: 100%;
  font-size: 0;
  overflow: hidden;
}
.slide10 .lvl1 img {
  display: block;
}
.slide10 .lvl8 {
  top: 0%;
  left: 0%;
  width: 100%;
}
.slide10 .lvl9 {
  top: 45.8%;
  width: 62%;
}
.slide10 .lvl10 {
  top: 15.6%;
  left: 15.4%;
  width: 18%;
  height: 10%;
  color: #ffffff;
}
.slide10 .lvl11 {
  top: 31%;
  left: 18.9%;
  width: 62.2%;
  height: 12.6%;
}
.slide10 .lvl11 .txt {
  width: 90%;
  left: 7%;
}
.slide10 .lvl12 {
  top: 51.2%;
  left: 18.9%;
  width: 25%;
  height: 23.5%;
}
.slide10 .lvl12 .txt {
  width: 93%;
  left: 4%;
}
.slide10 .txt {
  z-index: 9;
}
.slide10 .txt3 {
  top: 16%;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
}
.slide10 .txt4 {
  top: 5%;
  line-height: 120%;
}
.slide10 .fond {
  width: 100%;
  height: 100%;
  background-image: url(../img/roxanea_bloc_texte.png);
  z-index: 8;
}

.mobile .slide10 .fond {
  background-image: url(../img/mob/roxanea_bloc_texte.png);
}

/* STRATE 11 ROXANE C 

fond
1 poudre
2 flecheg
3 titre

*/
.slide11 {
  /*background-image: url(../img/ref/11-roxanec.jpg);*/
  background-image: url(../img/fonds/fond_roxanec.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 11;*/
  z-index: 3;
}
.slide11 .lvl1 {
  top: -10%;
  left: 25%;
  width: 51%;
}
.slide11 .lvl2 {
  top: 28.6%;
  width: 60.5%;
}
.slide11 .lvl3 {
  top: 15.6%;
  left: 15.4%;
  width: 18%;
  height: 10%;
  color: #4a535e;
}
.slide11 .lvl4 {
  top: 72%;
  left: 45%;
  width: 8.5%;
  height: 11%;
}

.mobile .slide11 {
  background-image: url(../img/mob/fonds/fond_roxanec.jpg);
}

/* STRATE 12 : CHROMOGRAPHE

FOND
1 poudre
2 flechev
3 titre
4 texte haut
5 texte bas

*/
.slide12 {
  /*background-image: url(../img/ref/12-chromographe.jpg);*/
  background-image: url(../img/fonds/fond_chromographe.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 12;*/
  z-index: 4;
}
.slide12 .popin .titre {
  margin-bottom: 5%;
}
.slide12 .lvl1 {
  top: -10%;
  right: 8%;
  width: 60%;
}
.slide12 .lvl2 {
  top: 0%;
  left: 0%;
  width: 35%;
}
.slide12 .lvl3 {
  bottom: 0%;
  right: 0%;
  width: 53%;
}
.slide12 .lvl4 {
  top: 53.6%;
  width: 65.2%;
}
.slide12 .lvl5 {
  top: 7%;
  left: 17%;
  width: 37%;
  height: 12%;
  color: #363636;
}
.slide12 .lvl6 {
  top: 23.2%;
  left: 18.8%;
  width: 25%;
  height: 28%;
}
.slide12 .lvl6 .txt {
  width: 90%;
  left: 7%;
}
.slide12 .lvl7 {
  top: 60.6%;
  left: 18.8%;
  width: 25%;
  height: 25%;
}
.slide12 .lvl7 .txt {
  width: 90%;
  left: 7%;
}
.slide12 .txt3 {
  top: 3%;
}
.slide12 .txt5 {
  top: 3%;
}
.slide12 .txt4 {
  top: 16%;
  line-height: 110%;
}
.slide12 .txt6 {
  top: 22%;
  line-height: 110%;
}
.slide12 .open {
  height: 6.2%;
}
.slide12 .popin {
  line-height: 200%;
}
.slide12 .fond {
  width: 100%;
  height: 100%;
  background-image: url(../img/fragrances_bloc_texte.png);
}

.mobile .slide12 {
  background-image: url(../img/mob/fonds/fond_chromographe.jpg);
}
.mobile .slide12 .fond {
  background-image: url(../img/mob/fragrances_bloc_texte.png);
}

/* STRATE 13 : RESPONSABILITES

FOND
1 feuille1
2 feuille2
3 feuille3
4 titre
5 texte haut
6 texte bas
*/
.slide13 {
  /*background-image: url(../img/ref/13-responsabilites.jpg);*/
  background-image: url(../img/fonds/fond_responsabilites.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 13;*/
  z-index: 5;
}
.slide13 .lvl1 {
  top: -8%;
  right: 0%;
  width: 23%;
}
.slide13 .lvl2 {
  top: 5%;
  left: 0%;
  width: 25%;
}
.slide13 .lvl3 {
  top: 70%;
  right: 0%;
  width: 20%;
}
.slide13 .lvl4 {
  top: 16%;
  left: 16%;
  width: 35%;
  height: 7%;
  color: #ffffff;
}
.slide13 .lvl5 {
  top: 27%;
  left: 18.8%;
  width: 62.2%;
  height: 7.4%;
}
.slide13 .lvl6 {
  top: 36%;
  left: 18.8%;
  width: 62.2%;
  height: 37%;
}
.slide13 .txt2 {
  top: 23%;
  left: 2%;
  width: 97%;
}
.slide13 .txt3 {
  top: 6%;
  left: 4%;
  width: 95%;
  color: #7f7f7e;
  font-family: 'brown-light';
}
.slide13 .fond {
  width: 100%;
  height: 100%;
  background-image: url(../img/fragrances_bloc_texte.png);
}
.slide13 a {
  text-decoration: underline;
}

.mobile .slide13 {
  background-image: url(../img/mob/fonds/fond_responsabilites.jpg);
}
.mobile .slide13 .fond {
  background-image: url(../img/mob/fragrances_bloc_texte.png);
}

/* STRATE 14 : NEWS

FOND
1 feuille1
2 feuille2
3 feuille3
4 titre
5 texte haut
6 texte bas
*/
.slide14 {
  /*background-image: url(../img/ref/14-news.jpg);*/
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 14;*/
  z-index: 3;
}
.slide14 .popin {
  padding: 1%;
}
.slide14 .popin .chap {
  position: absolute;
  left: 1%;
  top: 14%;
  text-align: left;
}
.slide14 .popin .illus {
  position: absolute;
  top: 25%;
  left: 1%;
  width: 53%;
}
.slide14 .popin .texte1 {
  position: absolute;
  top: 25%;
  left: 55%;
  width: 21%;
  font-size: 65%;
}
.slide14 .popin .texte2 {
  position: absolute;
  top: 25%;
  left: 77%;
  width: 21%;
  font-size: 65%;
}
.slide14 .lvl1 {
  top: 10%;
  left: 20%;
  width: 46%;
}
.slide14 .lvl2 {
  top: 24%;
  left: 0%;
  width: 100%;
  height: 77%;
  font-size: 0;
}
.slide14 .cycle-slideshow p, .slide14 .cycle-slideshow a {
  font-family: 'brown-light';
}
.slide14 .cycle-slideshow p.titre {
  font-family: 'brown-bold';
  margin: 0 5% 5%;
}
.slide14 .cycle-slideshow a.plus {
  font-style: italic;
  font-size: 125%;
}
.slide14 .cycle-slideshow .item {
  width: 100%;
  height: 100%;
  top: 0;
  vertical-align: top;
  padding: 0 1%;
}
.slide14 .lvl3,
.slide14 .lvl4 {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25%;
}
.slide14 .lvl3 {
  left: 0;
  background: url(../img/news_degrade_g_recherche.png) 0 0 repeat;
  background-size: 100% auto;
}
.slide14 .lvl4 {
  right: 0;
  background: url(../img/news_degrade_d_recherche.png) 0 0 repeat;
  background-size: 100% auto;
}
.slide14 .link {
  position: absolute;
  right: 13%;
  top: 17%;
  width: 25%;
  text-align: right;
  font-style: italic;
}
.slide14 .link:hover {
  text-decoration: underline;
}
.slide14 .link.lvl6 {
  top: 20%;
}

.mobile .slide14 .lvl3 {
  background: url(../img/mob/news_degrade_g_recherche.png) 0 0 repeat;
}
.mobile .slide14 .lvl4 {
  background: url(../img/mob/news_degrade_d_recherche.png) 0 0 repeat;
}

/* STRATE 15 : CONTACTS

FOND
1 titre
2 contacts
*/
.slide15 {
  /*background-image: url(../img/ref/15-contacts.jpg);*/
  background-image: url(../img/fonds/fond_contacts.jpg);
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*z-index: 15;*/
}
.slide15 .lvl1 {
  height: 6%;
  left: 16%;
  top: 16%;
  width: 17%;
}
.slide15 .lvl2 {
  top: 25.7%;
  left: 9.5%;
  width: 81%;
  height: 58.3%;
}
.slide15 .lvl2 .fond {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.slide15 .lvl2 .txt {
  width: 34%;
  line-height: 120%;
}
.slide15 .lvl2 .txt span {
  font-size: 150%;
  font-family: 'brown';
}
.slide15 .txt1 {
  top: 2%;
  left: 2%;
}
.slide15 .top,
.slide15 .mid,
.slide15 .bottom {
  position: absolute;
  left: 2.3%;
  width: 96.1%;
  z-index: 10;
}
.slide15 .top,
.slide15 .mid {
  background: url(../img/contact_filethor.png) 0 100% repeat-x transparent;
}
.slide15 .top {
  top: 0;
  height: 34%;
}
.slide15 .mid {
  top: 34%;
  height: 34%;
}
.slide15 .bottom {
  top: 68%;
  height: 30%;
}
.slide15 .txt5,
.slide15 .txt6,
.slide15 .txt8 {
  background: url(../img/contact_filetvert.png) 100% 0 repeat-y transparent;
  height: 90%;
  padding: 1% 0 0;
}
.slide15 .txt2 {
  top: 17%;
  left: 0%;
}
.slide15 .txt3 {
  top: 17%;
  left: 33.4%;
}
.slide15 .txt4 {
  top: 31%;
  left: 69.8%;
}
.slide15 .lvl2 .txt5 {
  top: 6%;
  left: 0%;
  width: 31.7%;
}
.slide15 .lvl2 .txt6 {
  top: 6%;
  left: 33.4%;
  width: 34.8%;
}
.slide15 .txt7 {
  top: 14%;
  left: 70%;
}
.slide15 .lvl2 .txt8 {
  top: 5%;
  left: 0%;
  width: 54.5%;
  padding: 1.7% 0 0;
}
.slide15 .txt9 {
  top: 18%;
  left: 56.6%;
}

.mobile .slide15 {
  background-image: url(../img/mob/fonds/fond_contacts.jpg);
}
.mobile .slide15 .top,
.mobile .slide15 .mid {
  background: url(../img/mob/contact_filethor.png) 0 100% repeat-x transparent;
}
.mobile .slide15 .txt5,
.mobile .slide15 .txt6,
.mobile .slide15 .txt8 {
  background: url(../img/mob/contact_filetvert.png) 100% 0 repeat-y transparent;
}

/* FENETRE DE MOINS DE 1200px DE LARGE */
@media only screen and (min-width: 0px) and (max-width: 1199px) {
  .slide4 .txt,
  .slide12 .txt {
    line-height: 80% !important;
  }

  .slide6 .txt,
  .slide7 .txt {
    line-height: 120% !important;
  }

  .slide9 .txt {
    line-height: 100% !important;
  }
}