/* --------------------------------

Main components

-------------------------------- */
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: rgba(0, 0, 0, 0.15);
  z-index: 200;
	-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	transition: background-color .3s linear
}
.notop { background: rgba(216,119,136, 0.45); border-bottom:0px }
.cd-header:hover {
	background: rgba(216,119,136, 0.9);
	border-bottom:2px solid rgba(216,119,136, 0.9);
	z-index: 200;
}



.cd-header:after {
  content: "";
  display: table;
  clear: both;
}
.cd-header #cd-logo {
  float: left;
  margin: 13px 0 0 5%;

}
.cd-header #cd-logo img {
  display: block;

}


.cd-header #cd-logo div {color:#999;padding:15px 0 0 20px;float:left;}



@media only screen and (min-width: 868px) {
  .cd-header {
    height: 70px;
  }
  .cd-header #cd-logo {
    margin: 12px 0 0 5%;
  }
}

.cd-main-nav {
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../../pics/maquette/cd-icon-menu.svg") no-repeat center center;
  background-size: 44px 44px;
  cursor: pointer;
}
.cd-main-nav ul {
  position: absolute;
  margin-top: 0px;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-main-nav ul.is-visible {
  -webkit-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -o-transform: translateY(80px);
  transform: translateY(80px);
}
.cd-main-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
	text-decoration:none;
  background: #2f292a;
  color: #85404b;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	transition: background-color .1s linear
}

.skin_grey .notop { background: rgba(167,167,167, 0.92); }
.skin_bottle .notop { background: rgba(0,96,87, 0.92); }
.skin_grey .cd-header:hover {
	background: rgba(167,167,167, 0.97);
	border-bottom:2px solid rgba(167,167,167, 0.97);
}
.skin_bottle .cd-header:hover {
	background: rgba(0,96,87, 0.97);
	border-bottom:2px solid rgba(0,96,87, 0.97);
}
.skin_bottle .cd-main-nav a {
	color: #006057;
}
.skin_bottle .cd-header:hover a {
	color: #d0a364;
}

.skin_grey .cd-header .cd-main-nav a {	color:#606060; }
.skin_grey .cd-header .cd-main-nav ul li a {	color:#606060; }
.skin_grey .cd-header .cd-main-nav ul.is-visible li a {	color:#A0A0A0; }
.skin_grey .cd-header .cd-main-nav ul.is-visible li a:hover {	color:#D0D0D0; }


.skin_blue .notop { background: rgba(119,189,216, 0.80); }
.skin_blue .cd-header:hover {
	background: rgba(119,189,216, 0.9);
	border-bottom:2px solid rgba(119,189,216, 0.9);
}
.skin_blue .cd-header .cd-main-nav a {	color:#41788b; }

.skin_yellow .notop { background: rgba(216,189,119, 0.80); }
.skin_yellow .cd-header:hover {
	background: rgba(216,189,119, 0.9);
	border-bottom:2px solid rgba(216,189,119, 0.9);
}
.skin_yellow .cd-header .cd-main-nav a {	color:#ebd190; }
.skin_yellow .cd-header.notop .cd-main-nav a {	color:#998040; }



.skin_green .notop { background: rgba(189,216,119, 0.80); }
.skin_green .cd-header:hover {
	color:white;
	background: rgba(189,216,119, 0.9);
	border-bottom:2px solid rgba(189,216,119, 0.9);
}
.skin_green .cd-header .cd-main-nav a {	color:#7D9837; }


.cd-header .cd-main-nav a:hover {	color:#FFF; }

.cd-main-nav a:hover {	color:white; }
.skin_green .cd-main-nav .is-visible a:hover { background-color: rgb(129,156,59); }
.skin_yellow .cd-main-nav .is-visible a:hover { background-color: rgb(156,129,59); }
.skin_blue .cd-main-nav .is-visible a:hover { background-color: rgb(59,129,156); }
.skin_grey .cd-main-nav .is-visible a:hover { background-color: rgb(107,107,107); }

.v2026 .cd-header {background: rgba(191,65,76, 0.25);	border-bottom:2px solid rgba(191,65,76, 0.1);}
.v2026 .cd-header:hover {background: rgba(191,65,76, 0.9);	border-bottom:2px solid rgba(191,65,76, 0.9);}
.v2026 .cd-header .cd-main-nav a {	color:#FFF; }
.v2026 .cd-main-nav .is-visible a:hover { background-color: rgb(107,107,107); }
.v2026 .cd-header.notop .cd-main-nav a {	color:#FFF; }





@media only screen and (min-width: 868px) {
  .cd-main-nav {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
  }
  .cd-main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 80px;
  }
  .cd-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-main-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-main-nav a {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
    color: #722e3a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.75rem;
  }
.apply_upload .cd-main-nav a {font-size:1.4rem}

  .no-touch .cd-main-nav a:hover {
    color: white;
  }

.cd-main-nav a:hover { border-bottom:3px solid #662f38;	padding-bottom:19px;background-color:transparent}
.skin_bottle .cd-header .cd-main-nav a:hover { 	border-bottom:3px solid #d0a364; }
.skin_blue .cd-header .cd-main-nav a:hover { 	border-bottom:3px solid #2c525f; }
.skin_grey .cd-header .cd-main-nav a:hover { 	border-bottom:3px solid #454545; }
.skin_green .cd-header .cd-main-nav a:hover { border-bottom:3px solid #7D9837; }
.skin_yellow .cd-header .cd-main-nav a:hover { 	border-bottom-color:#866b35; }
.v2026 .cd-header .cd-main-nav a { 	color:white; }
.v2026 .cd-header .cd-main-nav a:hover { 	border-bottom-color:#9F212C; }

.v2026 .cd-header .cd-main-nav a {	color:#FFF; }
.v2026 .cd-header .cd-main-nav ul li a {	color:#FFF; }
.v2026 .cd-header .cd-main-nav ul.is-visible li a {	color:#9F212C; }
.v2026 .cd-header .cd-main-nav ul.is-visible li a:hover {	color:#9F212C; }
}



@media only screen and (min-width: 1000px) {

  .cd-main-nav a {
    font-size: 0.9rem;
  }

}