/* **************** COULEURS *************** */
/* **************** TEXTES *************** */
.line-through {
  text-decoration: line-through;
}
/* **************** BOX SIZING *************** */
/* **************** FLEX *************** */
/* **************** BLOCKS *************** */
/* **************** BACKGROUNDS *************** */
/* **************** MARGINS / PADDINGS *************** */
/* **************** BORDERS *************** */
/* **************** ARRONDIS *************** */
/* **************** SHADOW *************** */
/* **************** MISC *************** */
/* **************** ANIMATIONS *************** */
/* **************** SPECIFIQUE *************** */
/*.nav_link{
    .typo;font-size:1.4em;line-height:2em;text-decoration:none;color:#000000;
  }
  .nav_hover(@bg-color:#0099cc, @color:#FFFFFF){
  .br(transparent,4px);
  &.haschild{
  background:url(../img/puce-n.png) 185px center no-repeat ;
  padding-right:15px;
}
&:hover{
background-color:@bg-color;
& when (@bg-color = #ffffff){
&:before{
content:'';
background:url(../img/bg-nav.png) left repeat-y transparent;
width:13px;
height:28px;
.abs;
left:0px;
}
}
.br(#ff8700,4px);
>a{
color:@color;
}
&.haschild when (@bg-color = #0099cc){
background:url(../img/puce.png) 185px center no-repeat @bg-color ;
padding-right:15px;
}

}
}


/* **************** VISUELS PRINCIPAUX *************** */
/* **************** IMAGES *************** */
/* **************** BLOC *************** */
/* **************** CTA *************** */
/* **************** CTA *************** */
/* **************** CTA *************** */
/* **************** PLACEHOLDER *************** */
/* **************** Animations / Transitions *************** */
/* new mixins */
/* use like this :
div{
.transition(background, 1s; border-color, 2s; color, 2s);
}
*/
/* use like this :
div#div2{
.transform(rotate, 20deg; scale, 1.5; translateX, 10px);
}
*/
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    -moz-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -moz-transform: none;
  }
}
@-ms-keyframes fadeInRight {
  from {
    opacity: 0;
    -ms-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -ms-transform: none;
  }
}
@-o-keyframes fadeInRight {
  from {
    opacity: 0;
    -o-transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
  }
}
/*
Utilisation :
.cta_hamburger_cross(~'.top-navigation-sideNav-icons', ~'.top-navigation-sideNav-icon',~'.sb-active-left', @okaidi,@width-step2);
HTML :
.top-navigation-sideNav-icons
.top-navigation-sideNav-icon.top
.top-navigation-sideNav-icon.middle
.top-navigation-sideNav-icon.bottom
Déclencheur :
.sb-active-left .top-navigation-sideNav-icons
.top-navigation-sideNav-icon.top
.top-navigation-sideNav-icon.middle
.top-navigation-sideNav-icon.bottom
Need : translateRotate - animated - fadeInDown - fadeOutDown
*/
/*

@-webkit-keyframes zoomOut {
from {
opacity: 1;
}

50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

to {
opacity: 0;
}
}

@keyframes zoomOut {
from {
opacity: 1;
}

50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

to {
opacity: 0;
}
}

.zoomOut() {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;

-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
/* **************** Formes *************** */
/* **************** nakaa-sticky-header *************** */
/* **************** custom scrollbars *************** */
/* **************** GRILLE BOOTSTRAP *************** */
/* **************** MEDIA WIDTH *************** */
/* Nav store navigation */
/*@animation-nav-stores-timing : @animation-timing;*/
/* ease-in-out */
/* **************** COULEURS *************** */
/* **************** SPECIFIQUE MODULES *************** */
/* **************** TEMPLATES de modules *************** */
/* **************** TEMPLATE : module-brand-1 *************** */
.collection_module_1 {
  z-index: 2;
  margin-top: 4.8em;
  /* -> 1379px*/
  /* -> 1280px*/
  /* -> 1023px*/
  /* -> 767px*/
}
.collection_module_1 .bg img {
  float: left;
  max-width: 100%;
}
.collection_module_1 .bg .wrapper {
  float: left;
  width: 20%;
  position: relative;
}
.collection_module_1 .bg .wrapper .fixed-cta {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  padding: 10px 5px;
}
@media (max-width: 1023px) {
  .collection_module_1 .bg .wrapper {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .collection_module_1 .bg .wrapper {
    width: 50%;
  }
  .collection_module_1 .bg .wrapper .fixed-cta {
    position: absolute;
    bottom: .75em;
    left: .5em;
    right: .5em;
  }
}
/* **************** TEMPLATE : module-brand-1 *************** */
.collection_module_2 {
  /* 1280px -> 1379px*/
  /* 1024px -> 1279px*/
  /* 768px -> 1023px*/
  /* 320px -> 767px*/
}
.collection_module_2 > .row > div {
  margin-top: 4.8em;
}
.collection_module_2 .wrapper-1 {
  background-color: #f2f2f2;
  width: 100%;
  height: 36em;
  overflow: hidden;
}
.collection_module_2 .wrapper-2 {
  background-color: #f2f2f2;
  width: 100%;
  height: 76.8em;
  overflow: hidden;
}
.collection_module_2 .wrapper-3 {
  background-color: #ffffff;
  width: 100%;
  height: 27.5em;
  overflow: hidden;
}
.collection_module_2 .wrapper-4 {
  background-color: #f2f2f2;
  width: 100%;
  height: 25.2em;
  overflow: hidden;
}
.collection_module_2 .mod-actu {
  float: right;
}
.collection_module_2 .mod-actu .top-title {
  height: 100%;
}
.collection_module_2 .mod-actu .top-title img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.collection_module_2 .mod-video img {
  height: 100%;
}
.collection_module_2 .mod-expert .wrapper-3 {
  border: 1px solid #cdcdcd;
  position: relative;
}
.collection_module_2 .mod-expert .right-title .wrap {
  position: absolute;
  top: 0;
  left: 620px;
  right: 120px;
}
.collection_module_2 .mod-basics .wrapper-4 {
  position: relative;
}
.collection_module_2 .mod-basics .left-title .bg {
  width: 620px;
  float: right;
}
.collection_module_2 .mod-basics .left-title .bg.image-large {
  width: 880px;
}
.collection_module_2 .mod-basics .left-title > img {
  float: right;
}
.collection_module_2 .mod-basics .left-title .wrap {
  position: absolute;
  top: 0;
  left: 20px;
  right: 625px;
}
.collection_module_2 .mod-basics .left-title .wrap.image-large {
  right: 880px;
}
.collection_module_2 .top-title {
  position: relative;
}
.collection_module_2 .top-title .wrap {
  position: absolute;
  left: 25px;
  top: 10px;
}
.collection_module_2.univers_okaidi .top-title-white h3,
.collection_module_2.univers_children .top-title-white h3 {
  color: #ffffff;
}
.collection_module_2 .text {
  padding: 0em 1.5em 1.5em 1.5em;
}
@media (max-width: 1279px) {
  .collection_module_2 {
    margin-top: 2em;
  }
  .collection_module_2 > .row > div {
    margin-bottom: 2em;
    margin-top: 0;
  }
  .collection_module_2 > .row > div:last-child {
    margin-bottom: 0;
  }
  .collection_module_2 .wrapper-1 {
    height: 27.5em;
  }
  .collection_module_2 .wrapper-2 {
    height: 57em;
  }
  .collection_module_2 .mod-actu .top-title {
    height: 57em;
  }
  .collection_module_2 .mod-actu .top-title > img {
    max-height: 100%;
    padding-top: 45px;
  }
  .collection_module_2 .mod-collection .top-title {
    height: 94px;
    overflow: hidden;
  }
  .collection_module_2 .mod-collection .top-title .wrap {
    top: 22px;
  }
  .collection_module_2 .mod-collection .top-title > img {
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  .collection_module_2.univers_obaibi .mod-collection .top-title,
  .collection_module_2.univers_newborns-and-babies .mod-collection .top-title {
    height: 80px;
  }
  .collection_module_2.univers_obaibi .mod-collection .top-title .wrap,
  .collection_module_2.univers_newborns-and-babies .mod-collection .top-title .wrap {
    top: 0px;
  }
  .collection_module_2.univers_obaibi .mod-collection .top-title > img,
  .collection_module_2.univers_newborns-and-babies .mod-collection .top-title > img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
  }
  .collection_module_2 .mod-basics .wrapper-4 {
    height: 23em;
  }
  .collection_module_2 .mod-basics .left-title .bg.image-large {
    width: 675px;
  }
  .collection_module_2 .mod-basics .left-title .wrap {
    position: absolute;
    top: 15px;
    right: 625px;
  }
  .collection_module_2 .mod-basics .left-title .wrap.image-large {
    right: 666px;
  }
  .collection_module_2 .mod-basics img,
  .collection_module_2 .mod-basics .image {
    max-width: 680px;
  }
  .collection_module_2.univers_obaibi .mod-basics img,
  .collection_module_2.univers_newborns-and-babies .mod-basics img,
  .collection_module_2.univers_obaibi .mod-basics .image,
  .collection_module_2.univers_newborns-and-babies .mod-basics .image {
    margin-top: 2em;
  }
  .collection_module_2 .mod-expert .wrapper-3 {
    height: 22.8em;
  }
  .collection_module_2 .mod-expert .right-title {
    height: 22.8em;
  }
  .collection_module_2 .mod-expert .right-title > img {
    max-height: 100%;
  }
  .collection_module_2 .mod-expert .right-title .wrap {
    position: absolute;
    top: 15px;
    left: 525px;
    right: 25px;
  }
}
@media (max-width: 1023px) {
  .collection_module_2 .wrapper-1 {
    height: 32.8em;
  }
  .collection_module_2 .mod-video .wrapper-1 {
    height: 20.4em;
  }
  .collection_module_2 .wrapper-2 {
    height: 27.5em;
  }
  .collection_module_2 .mod-collection .top-title {
    height: 80px;
  }
  .collection_module_2 .mod-collection .top-title .wrap {
    top: 15px;
  }
  .collection_module_2 .mod-basics .wrapper-4 {
    height: 35.7em;
  }
  .collection_module_2 .mod-basics .left-title > img,
  .collection_module_2 .mod-basics .left-title .bg {
    max-width: 100%;
    padding-top: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  .collection_module_2 .mod-basics .left-title .wrap {
    top: 0px;
    right: 15px;
    left: 15px;
  }
  .collection_module_2 .mod-basics .left-title .wrap.image-large {
    right: 15px;
  }
  .collection_module_2 .mod-expert {
    float: right;
  }
  .collection_module_2 .mod-expert .wrapper-3 {
    height: 48.1em;
  }
  .collection_module_2 .mod-expert .right-title {
    height: 48.1em;
  }
  .collection_module_2 .mod-expert .right-title > img {
    max-width: 400px;
    left: -15px;
    position: relative;
  }
  .collection_module_2 .mod-expert .right-title .wrap {
    position: absolute;
    top: 195px;
    left: 15px;
    right: 15px;
  }
  .collection_module_2 .mod-actu {
    display: none;
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  .collection_module_2 > .row > div:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .collection_module_2 .wrapper-1 {
    height: auto;
  }
  .collection_module_2 .mod-video .wrapper-1 {
    padding-top: 58.06451613%;
    height: 0;
    width: 100%;
    position: relative;
  }
  .collection_module_2 .mod-video .wrapper-1 > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .collection_module_2 .wrapper-2 {
    height: 27.5em;
  }
  .collection_module_2 .mod-collection .top-title {
    height: 80px;
  }
  .collection_module_2 .mod-collection .top-title .wrap {
    top: 15px;
  }
  .collection_module_2 .mod-basics .wrapper-4 {
    height: auto;
  }
  .collection_module_2 .mod-basics .left-title > img,
  .collection_module_2 .mod-basics .left-title .bg {
    float: none;
    position: relative;
    padding-top: 0;
    margin-top: 0;
  }
  .collection_module_2 .mod-basics .left-title .wrap {
    position: relative;
    top: auto;
    left: auto;
    right: auto !important;
    padding: 15px 10px;
  }
  .collection_module_2 .mod-expert {
    float: right;
  }
  .collection_module_2 .mod-expert .wrapper-3 {
    height: auto;
  }
  .collection_module_2 .mod-expert .right-title {
    height: auto;
  }
  .collection_module_2 .mod-expert .right-title > img {
    max-width: 100%;
    left: 0px;
    position: relative;
    width: 100%;
    float: left;
  }
  .collection_module_2 .mod-expert .right-title .wrap {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    padding: 15px 10px;
  }
  .collection_module_2 .mod-expert .right-title .wrap p {
    text-align: justify;
  }
  .collection_module_2 .mod-actu {
    display: block;
  }
  .collection_module_2 .mod-actu .wrapper-2 {
    height: auto;
  }
  .collection_module_2 .mod-actu .top-title {
    height: auto;
  }
  .collection_module_2 .mod-actu .top-title img {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 10em;
  }
  .collection_module_2 .mod-actu .top-title .wrap {
    top: 1.5em;
    left: 1.5em;
    right: 1.5em;
  }
}
/* **************** TEMPLATE : module-brand-1 *************** */
.collection_module_3 {
  margin-top: 4.8em;
  /* -> 1379px*/
  /* -> 1280px*/
  /* -> 1023px*/
  /* -> 767px*/
}
.collection_module_3 .wrapper-5 {
  background-color: #f2f2f2;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.collection_module_3 .mod-quality .wrapper-5 {
  position: relative;
}
.collection_module_3 .mod-quality .left-title > img {
  float: right;
}
.collection_module_3 .mod-quality .left-title .bg {
  width: 620px;
  float: right;
}
.collection_module_3 .mod-quality .left-title .wrap {
  position: absolute;
  top: 0;
  left: 20px;
  right: 640px;
}
@media (max-width: 1279px) {
  .collection_module_3 {
    margin-top: 2em;
  }
  .collection_module_3 .mod-quality .wrapper-5 {
    height: auto;
  }
  .collection_module_3 .mod-quality .left-title {
    height: auto;
  }
  .collection_module_3 .mod-quality .left-title > img {
    max-height: 100%;
  }
  .collection_module_3 .mod-quality .left-title .bg {
    width: 440px;
  }
  .collection_module_3 .mod-quality .left-title .wrap {
    position: absolute;
    top: 15px;
    left: 20px;
    right: 445px;
  }
}
@media (max-width: 1023px) {
  .collection_module_3 .mod-quality .wrapper-5 {
    height: auto;
  }
  .collection_module_3 .mod-quality .left-title {
    height: auto;
  }
  .collection_module_3 .mod-quality .left-title .bg {
    width: 346px;
  }
  .collection_module_3 .mod-quality .left-title .wrap {
    position: absolute;
    top: 0px;
    left: 15px;
    right: 260px;
  }
}
@media (max-width: 767px) {
  .collection_module_3 .mod-quality .wrapper-5 {
    height: auto;
    background-color: #ffffff;
  }
  .collection_module_3 .mod-quality .left-title {
    height: auto;
    background-color: #efefef;
  }
  .collection_module_3 .mod-quality .left-title > img {
    float: none;
  }
  .collection_module_3 .mod-quality .left-title .bg {
    width: 100%;
  }
  .collection_module_3 .mod-quality .left-title .wrap {
    position: relative;
    float: left;
    background-color: #efefef;
    padding: 35px 25px 35px;
    left: auto;
    right: auto;
  }
  .collection_module_3 .mod-quality .left-title .wrap p {
    text-align: justify;
  }
}
/* **************** TEMPLATE : module-brand-1 *************** */
.collection_module_4 {
  margin-top: 4.8em;
  /* 1280px -> 1379px*/
  /* 1024px -> 1279px*/
  /* 768px -> 1023px*/
  /* 320px -> 767px*/
}
.collection_module_4 .bg {
  width: 100%;
}
.collection_module_4 .brand_wrapper {
  position: relative;
}
.collection_module_4 blockquote {
  left: 0;
  padding-bottom: 50px;
}
.collection_module_4 aside.texte {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 90px;
  padding: 0px 0px 0px 70px;
  width: 420px;
  max-width: 48%;
}
.collection_module_4 aside.texte img {
  max-width: 66.66666667%;
}
.collection_module_4 .logo_signature {
  position: absolute;
  bottom: 20px;
  right: 50px;
  max-width: 185px;
}
@media (max-width: 1279px) {
  .collection_module_4 aside.texte {
    padding: 0px 0px 0px 50px;
    width: 450px;
    bottom: 35px;
  }
  .collection_module_4 .logo_signature {
    bottom: 15px;
    right: 40px;
    max-width: 140px;
  }
}
@media (max-width: 1023px) {
  .collection_module_4 aside.texte {
    padding: 0px 0px 0px 35px;
    bottom: 30px;
  }
  .collection_module_4 .logo_signature {
    bottom: 35px;
    right: 35px;
    max-width: 120px;
  }
}
@media (max-width: 767px) {
  .collection_module_4 aside.texte {
    position: relative;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    background-color: #efefef;
    text-align: center;
    padding: 25px 10px 0px;
  }
  .collection_module_4 aside.texte img {
    width: 162px;
  }
  .collection_module_4 aside.texte p {
    text-align: center;
  }
  .collection_module_4 aside.texte > div {
    margin-bottom: 0em;
  }
  .collection_module_4 .logo_signature {
    position: relative;
    bottom: auto;
    right: auto;
    width: 125px;
    padding-top: 15px;
  }
  .collection_module_4 .brand_wrapper {
    background-color: #efefef;
    padding-bottom: 25px;
    text-align: center;
  }
}
/* **************** TEMPLATE : module-brand-5 *************** */
.collection_module_5 {
  /* 1280px -> 1379px*/
  /* 1024px -> 1279px*/
  /* 768px -> 1023px*/
  /* 320px -> 767px*/
}
.collection_module_5 .bg {
  width: 100%;
}
.collection_module_5 .brand_wrapper {
  position: relative;
}
.collection_module_5 blockquote {
  left: 0;
  padding-bottom: 50px;
}
.collection_module_5 img {
  float: left;
}
.collection_module_5 aside.texte {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 25px 0px 0px 30px;
  width: auto;
}
.collection_module_5 .mod-obmum-look {
  margin-top: 4.8em;
}
.collection_module_5 .mod-obmum-look h2 {
  color: #7ec6da;
  margin: 0;
}
@media (max-width: 1279px) {
  .collection_module_5 aside.texte {
    padding: 20px 0px 0px 20px;
  }
  .collection_module_5 .mod-obmum-look {
    margin-top: 20px;
  }
}
@media (max-width: 1023px) {
  .collection_module_5 aside.texte {
    padding: 15px 0px 0px 15px;
  }
}
@media (max-width: 767px) {
  .collection_module_5 .mod-obmum-look {
    margin-top: 75px;
  }
}