.terms-block strong {
font-weight: bold;
clear: both;
display: block;
}
@font-face {
    font-family: 'museo_sans100';
    src: url('../fonts/museosans-100-webfont.eot');
    src: url('../fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-100-webfont.woff') format('woff'),
         url('../fonts/museosans-100-webfont.ttf') format('truetype'),
         url('../fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans-300-webfont.eot');
    src: url('../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-300-webfont.woff') format('woff'),
         url('../fonts/museosans-300-webfont.ttf') format('truetype'),
         url('../fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans-500-webfont.eot');
    src: url('../fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-500-webfont.woff') format('woff'),
         url('../fonts/museosans-500-webfont.ttf') format('truetype'),
         url('../fonts/museosans-500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/museosans-700-webfont.eot');
    src: url('../fonts/museosans-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-700-webfont.woff') format('woff'),
         url('../fonts/museosans-700-webfont.ttf') format('truetype'),
         url('../fonts/museosans-700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans900';
    src: url('../fonts/museosans-900-webfont.eot');
    src: url('../fonts/museosans-900-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-900-webfont.woff') format('woff'),
         url('../fonts/museosans-900-webfont.ttf') format('truetype'),
         url('../fonts/museosans-900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura__condensed';
    src: url('../fonts/futura_condensed-webfont.eot');
    src: url('../fonts/futura_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura_condensed-webfont.woff') format('woff'),
         url('../fonts/futura_condensed-webfont.ttf') format('truetype'),
         url('../fonts/futura_condensed-webfont.svg#futura__condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*bandeau cookie*/

#cookieChoiceInfo {
    min-height: 40px;
    padding-top:20px !important;
    background: rgba( 0, 0, 0, 0.7) !important;
    background: #ffffff !important;
    /*text-align:left !important;*/
    font-size:11px;
}

#cookieChoiceInfo span {
    float:none!important;
}

#cookieChoiceInfo a {
    color: #1EB1E4;
}


/*structure*/
body,html{min-height:100%}
html,html body{ height:100%}
body {margin:0 auto; position: relative;}
html body {max-width: 1600px}
.container-fluid {max-width: 1280px; margin: auto;}
.saga-page .container-fluid {max-width: 1600px;}
.icon-facebook,
.icon-tumblr,
.icon-envelope-alt {background-color: #00295b; color: #fff; margin-left: 15px; font-size: 1.4em; height: 29px; line-height: 29px; padding: 2px 0 0 6px; text-align: center;  width: 26px;}
.icon-envelope-alt {line-height: 26px; width: 27px;}
.news-page .btn-share-fb.icon-facebook {display: none;}
.navbar {margin: 0;}
.navbar-inverse .navbar-inner {background: transparent; border: none; box-shadow: none; position: relative;}
.overflow {overflow:hidden;}
.ie9 .agegate-page {min-height: 900px;}
a {opacity: 1; text-decoration: none;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}

.overlay-menu.mobile {height: 130%; position: fixed; width: 100%; display: none; left:0; top:0; cursor: pointer; bottom:0; z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1a000000', endColorstr='#1a000000');
}
.no-touch a:hover,
.no-touch a:hover img,
.no-touch a:hover h2 span {opacity: 1; text-decoration: none;}
.no-touch a.thumbnail > .outer,
.no-touch a.thumbnail > .outer > .inner {
    -moz-transition: border-color 0.4s ease 0s;
    -webkit-transition: border-color 0.4s ease 0s;
    -o-transition: border-color 0.4s ease 0s;}
.no-touch a.thumbnail:hover > .outer,
.no-touch a.thumbnail:hover > .outer > .inner {border-color: #667f9d;}
.agegate-page input::-moz-placeholder ,input:-moz-placeholder{ color: #00295b;}
.agegate-page input:-ms-input-placeholder{color: #00295b;}
.agegate-page input::-webkit-input-placeholder{color: #00295b;}
/* form */
.input-small {width: 76px;}
.input-mini {width: 50px;}
.checkbox-custom {color: #FFFFFF; display: block; font: 1em/29px 'museo_sans900',Helvetica,Arial,sans-serif; height: 40px; margin: 25px auto 0; position: relative; text-transform: uppercase; white-space: nowrap; width: 175px; z-index: 1;}
    .checkbox-custom label {font: 0.75em/29px 'museo_sans900',Helvetica,Arial,sans-serif; margin: 0; min-height: 26px; padding-top: 1px; position: relative; z-index: 10;}
    .checkbox-custom span {background: url(../images/wi-form.png) no-repeat scroll 0 0 transparent; float: left;height: 32px; padding: 0;width: 32px;margin-bottom:7px;}
    .checkbox-custom span.checked {background-position: -50px 0;}
    .checkbox-custom span input {opacity: 0; filter: alpha(opacity=0);}
.radio-custom {float: left; }
    .radio-custom span {background: url(../images/wi-form-1.png) -57px top no-repeat; float: left; height: 18px; margin: 9px 10px 0 0; width: 14px; }
    .radio-custom span.checked {background-position: left top ;}
    .radio-custom span input {opacity: 0; filter: alpha(opacity=0); height: auto!important;/* margin-top: 10px; */}
    .radio-custom label {float: left;}
.btn-1 {position: absolute; top: 0; left: 0; display: block; font-family: 'museo_sans900', Helvetica, Arial, sans-serif; font-size: 0.93em; color: #fff; padding: 8px 20px 8px 14px; background-color: #28264e;z-index: 11; box-shadow: 0 0 0 ; text-shadow: 0 0 0;}
.btn-1 .icon-caret-left { background: url("../images/icon-back-facon-desk.png") no-repeat scroll left center transparent; color: transparent; height: 10px; width: 10px; text-indent: -9999px;}
.btn-1 .icon-caret-left {font-size: 1.4em; margin: -1px 10px 0 0; vertical-align: middle; display: inline-block;}
.btn-2 {background: none repeat scroll 0 0 #FFFFFF;border: medium none; color: #00295B; height: 36px; padding: 0; text-align: center; width: 36px;}
.thumbnail .btn-2 {width: 30px; height: 30px;}
.btn-3,
.btn-4 {width: 43%; display: inline-block; background-repeat: no-repeat; background-size: 100%;}

.btn-5 {width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; background: #fff; font-family: 'museo_sans900', Helvetica, Arial, sans-serif; font-size: 1.43em; color: #00295b;}

#main {margin-bottom: 90px;}
.sociable.portrait {right: 8px; margin: 0 !important; position: absolute; top: 8px; z-index: 333;}
.saga-wrapper .sociable.portrait {position: fixed;}
/*the test device*/
.desktop {display: block}
.portrait {display: none;}
.landscape {display: none;}
.mobile, ul li.mobile {display: none;}

.title {background: #fff; margin: -51px auto 20px; width: 230px; height: 57px; position: relative; font-family: 'museo_sans900'; font-size: 1em; font-weight: normal; color: #fff; text-transform: uppercase;}
    .title span {width: 190px; height: 57px; line-height: 57px; font-family: 'museo_sans700', Helvetica, Arial, sans-serif; background: url(../images/bgd-title-01.png) no-repeat center 0; display: block; position: absolute; top: -26px; left: 20px; overflow: hidden;
        transform:rotate(-8deg);
        -ms-transform:rotate(-8deg);
        -webkit-transform:rotate(-8deg);
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden; /* Chrome and Safari */
        -moz-backface-visibility:hidden; /* Firefox */
    }

.bdr-top {margin: -31px -5px 0; overflow: hidden;}
    .bdr-top > span {border-top: 1px solid #54b6e5; width: 25%; display: block;}
    .bdr-top > span span {margin-top: 0; padding-top: 4px; border-bottom: 3px solid #54b6e5; display: block;}
    .bdr-top .pull-left span {margin-left: 5px;}
    .bdr-top .pull-right span {margin-right: 5px;}
.hero-unit img.desktop {max-width: none;}
.homepage .hero-unit img.desktop {margin-top: -65px;}
.facon .hero-unit img.desktop {margin: auto auto auto 0;}
/* hero-unit */
    .wrap-bottle.mobile {display: none;}
    .hero-unit {margin-bottom: 0; padding: 0; position: relative; left: 0; top: 0; margin-left: auto; margin-right: auto; max-width: 1600px; height: 652px; overflow: hidden;}
    
    .hero-unit img {margin: auto;}
    .hero-unit .caption {position: absolute; z-index: 10; text-align: center;width: 35%;margin: -190px 15% 0;top: 35%;}
    .ie8 .hero-unit .caption .caption-2, .ie9 .hero-unit .caption .caption-2 { z-index: 999999!important; background:  url(../images/transparent.png) repeat center 0 transparent;}
    .hero-unit .caption h1 {font: 3.64em 'museo_sans700', Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;}
    .hero-unit .caption h1 span {font-weight: normal; font-family: 'museo_sans100', Helvetica, Arial, sans-serif;}
    .hero-unit .caption h2 {font: 1.4em 'museo_sans700', Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;}
    .hero-unit .caption h3 {font: 1.4em 'museo_sans300', Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;}
    .homepage .hero-unit .icon-angle-right {position: relative; top: 1px; display: block; width: 8%;}
    .homepage .hero-unit .desc {float: left; line-height: 1.4;}
    .homepage .hero-unit .desc strong {font-size: 1.429em; font-weight: normal; display: block;}
    .homepage .hero-unit .desc span {display: block; font-size: 1.143em;}
    .hero-unit .caption p {font: 1.1em/1.5 'museo_sans300', Helvetica, Arial, sans-serif; color: #fff;}
    .hero-unit .caption button.btn {color: #fff; font: 0.85em 'museo_sans900', Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; background-image: none; box-shadow: none;}
    .homepage .hero-unit .caption ul li a {display: block;}
    .hero-unit .caption a {overflow: hidden; font-family:  'museo_sans700', Helvetica, Arial, sans-serif; text-decoration: none; text-transform: uppercase; background-image: none; box-shadow: none; color: #fff;}
    .hero-unit .caption .btn-primary {border: 0 none; border-radius: 0; font:normal 0.95em 'museo_sans900', Helvetica, Arial, sans-serif; margin-top: 10px;}
    .border {border-top: 1px solid #fff; display: block; margin: 25px auto 30px; width: 80px;}
    a:hover .border,.thumbnail a:active .boder, .thumbnail a:focus .boder {border-top: 1px solid #fff!important;}
    .hero-unit .caption a span.icon-angle-right, .no-touch .hero-unit .caption a:hover span.icon-angle-right {display: block; float: left; font-size: 1.5em; text-decoration: none;}
    
    .facon .hero-unit .caption a span.icon-angle-right, .no-touch .facon .hero-unit .caption a:hover span {padding-right: 0;}
.scroll {background: url(../images/icon-scroll.png) no-repeat scroll center bottom; font: 0.85em 'museo_sans900', Helvetica, Arial, sans-serif; color: #fff; bottom: 5%; display: block; width: 160px; height: 67px; left: 50%; margin-left: -80px; position: absolute; text-align: center; text-transform: uppercase; z-index: 20; }
    .wrapper-home .scroll{display: none;}
    .no-touch .scroll:hover {color: #fff;}

/* info-block */
.info-block {background: url(../images/bgd-pastis51-02.jpg) no-repeat center 0; position: relative; text-align: center; margin: 30px 0 0;
        background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
}
    .info-block .outer {border-width: 0 1px 1px; border-style: solid; border-color: #54b6e5; display: inline-block; width: 39%; padding: 4px; margin: 9% 0 26%; position: relative;}
    .info-block .outer > .inner {border-width: 0 3px 3px; border-style: solid; border-color: #54b6e5; padding: 11% 3% 5%;}
    .info-block ul,
    .info-block p {position: relative; z-index: 10; font: 1.1em/26px 'museo_sans300', Helvetica, Arial, sans-serif; font-weight: normal;}
    .info-block ul {margin-bottom: 20px;}
    .info-block ul li {font: 1.1em/1.4 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase;}
    .info-block h2 {z-index: 10; background: none;}
    .info-block h2 span {top: 17px; background-image: url(../images/bgd-title-02.png); overflow: hidden;}
    .info-block img {position: absolute; top: inherit; left: 0; margin-left: 0; z-index:1; bottom : 0;}
  .info-block .icon-water {background: url("../images/bgd-1.png") left top no-repeat; display: block; height: 12px; margin: 5px auto; width: 7px;}
/* intro-block */
.intro-block {border-top: 1px solid #54b6e5; text-align: center; position: relative; margin: 75px 10px 0; min-height: 285px;}
    .intro-block .row-fluid {margin-top: 4%;}
    .intro-block h2.title {margin-bottom: 32px;}
    .intro-block h2.title span {top: 18px; background-image: url(../images/bgd-title-02.png); overflow: hidden;}
    .intro-block .caption {font-family: 'museo_sans300', Helvetica, Arial, sans-serif; font-size: 1.4em; color: #54b6e5; text-transform: uppercase; line-height: 26px; margin-top: 10px;}
    .intro-block .caption strong {font-family: 'museo_sans900', Helvetica, Arial, sans-serif; font-weight: normal;}


/* feature-block */
.feature-block {margin: 47px 10px 0; text-align: center;}
    .feature-block a {position: relative!important;}
    .feature-block .title {margin-bottom: 0;}
    .feature-block .thumbnail h3 span {font-family: 'museo_sans700', Helvetica, Arial, sans-serif;}

/* thumbnail */
.thumbnail,
.no-touch a.thumbnail:hover,
.no-touch a.thumbnail:focus {border: none;
    box-shadow: none; 
    -ms-box-shadow: none;
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}
    .thumbnail > .outer {background-color: #fff; position: relative; border: 1px solid #012a5c; padding: 7px; text-align: center;}
    .thumbnail > .outer > .inner {border: 3px solid #012a5c; padding: 40px 15px 30px; display: block;}
    .thumbnail h3 {font: 1.1em/26px 'museo_sans900', Helvetica, Arial, sans-serif; text-transform: uppercase;}
    .thumbnail h3 span {font-family: 'museo_sans500', Helvetica, Arial, sans-serif; display: block; font-weight: normal;}

/* header */
.wrapper-home #header {background: url(../images/bgd-header.jpg) no-repeat 0 0;}

#header {position: relative;z-index: 11;max-width: 1600px;margin: auto;}
    #header .brand {padding:0; margin: 0; position: absolute ; z-index: 5;}
    #header .brand {width: 102px; display: block; margin-left: 102px;}
    .wrapper-home #header .brand, .wrapper-home #header .nav-collapse {margin-top: -110px; }
    #header .brand img {max-width: none; position: relative; width: 105px; z-index: 1;}
    #header .brand span {display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; z-index: 0;
        box-shadow: 0 3px 10px rgba(57, 58, 63, 0.4);
        -ms-box-shadow: 0 3px 10px rgba(57, 58, 63, 0.4);
        -moz-box-shadow: 0 3px 10px rgba(57, 58, 63, 0.4);
        -webkit-box-shadow: 0 3px 10px rgba(57, 58, 63, 0.4);
    }
    .no-touch #header a.brand:hover,
    .no-touch #header a.brand:hover img {opacity: 1; text-decoration: none;}
    #header .nav-collapse {background-color: #FFFFFF; left: 0; margin: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}
    #header .nav-collapse .nav { float: none; margin-left: 102px; overflow: hidden; padding: 0 8%;}
    #header .navbar-inner {padding: 0; min-height: 63px;}
    #header .nav-collapse .nav li {margin:0; width: 19.464%; float: left;}
    #header .nav-collapse .nav li a {font-family: 'museo_sans700', Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 0 0 0; text-align: center; height: 45px; line-height: 45px; color:#00295b; text-transform: uppercase;
         text-indent: -9999px; background: url(../images/menu.png) center 24px no-repeat; widht: 100px;
    -moz-transition: background-color 0.4s ease 0s;
        -webkit-transition: background-color 0.4s ease 0s;
        -o-transition: background-color 0.4s ease 0s;
    }
  #header .nav-collapse .nav li.rose-nav a {background-position: center -25px;}
  #header .nav-collapse .nav li.glacial-nav a {background-position: center -383px;}
  #header .nav-collapse .nav li.saga-nav a {background-position: center -75px;}
  #header .nav-collapse .nav li.news-nav a {background-position: center -125px;}
    #header .nav-collapse .nav li a:hover,
    #header .nav-collapse .nav li.active a{background-color: #00295b; background-position: center -175px; color: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 0;}
  #header .nav-collapse .nav li.rose-nav a:hover ,#header .nav-collapse .nav li.rose-nav.active a{background-position: center -225px;}
  #header .nav-collapse .nav li.glacial-nav a:hover ,#header .nav-collapse .nav li.glacial-nav.active a{background-position: center -431px;}
  #header .nav-collapse .nav li.saga-nav a:hover,#header .nav-collapse .nav li.saga-nav.active a {background-position: center -275px;}
  #header .nav-collapse .nav li.news-nav a:hover,#header .nav-collapse .nav li.news-nav.active a {background-position: center -325px;}
  #detech-popup {display: none;}
/*footer*/ 
#footer { position:fixed; z-index: 200; bottom: 0;right:0; left:0}
    #footer .navbar-fixed-bottom {background-color: white; border-top: 1px solid #00295B; padding: 13px 0 0; z-index: 1000;}
    #footer .nav {margin:0; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1110; display: none; }
  #footer .nav ul {width: 100%;}
    #footer .nav li {border-left: 1px solid; font: 0.7em 'museo_sans300', Helvetica, Arial, sans-serif; padding: 0 25px; text-transform: uppercase;}
    #footer .nav li:first-child {border: none;}
    #footer .nav li a {color: #002a5c; font: 1.1em 'museo_sans300', Helvetica, Arial, sans-serif; outline: none;}
    .no-touch #footer .nav li a:hover {color: #002a5c;}
    .text-warning {font: 1em/0.8em 'museo_sans700',Helvetica,Arial,sans-serif; text-transform: uppercase; margin-bottom: 0; padding: 0 10px; min-height: 25px;}
    .sociable {margin-right: 150px; margin-top: -35px; font-family: 'museo_sans500', Helvetica, Arial, sans-serif; font-size: 1em; line-height: 33px; text-transform: uppercase; position: absolute; right:0; z-index: 20;}
    .sociable span {font: 1em 'museo_sans500', Helvetica, Arial, sans-serif; line-height: 33px;}
    .modal {z-index: 1142;}
    .modal-backdrop {z-index: 1141;}

/* popup */
.error label:first-child {color: #fe0002;}
    #contact-popup form {position: relative; margin-bottom: 60px;}
    #contact-popup .text-error, .bd-error {bottom: 13px; color: #FE0002; font: 0.95em/16px 'museo_sans700',Helvetica,Arial,sans-serif; left: 0; padding: 0; position: absolute; text-align: left; text-transform: uppercase; width: 52%; display: none;}
    
.hide-social.sociable.portrait {display: none!important}
    #facon-popup {background-color: #e2403e;}
    #facon-popup .modal-body , #facon-popup .modal-body .inner{padding:0;}
    #facon-popup img.middle-image {left: 50%; margin:-156px 0 0 -299px; position: absolute; top: 50%;}
/*age-gate*/
.agegate-page {background: #013a74 url(../images/bgd-full.jpg) no-repeat center 0;max-width: 1600px; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; min-height: 865px;}
#main.container-fluid {max-width: 1219px;margin: auto; }
.homepage {position: relative; z-index: 10;}
.homepage #main.container-fluid,.pastis #main.container-fluid,.rose #main.container-fluid {padding-bottom: 135px;}
.homepage img.landscape {position: relative; max-width: none;}
.homepage img.portrait {position: relative; margin-left: -384px; left: 50%; max-width: none;}
.ie8 .agegate-page .input-mini , .ie8 .agegate-page .input-small {line-height: 40px;}
.ie8 .news-page .span6, .ie8 .facon .span4 {margin-left: 0;}
.ie8 .news-page #footer .sociable {margin-top: -35px!important;}
    .agegate-page .span12 {text-align: center; position: relative; display: block;}
    .agegate-page .span12 h1 {color: #fff; font: 1.4em/1.2 'museo_sans700', Helvetica, Arial, sans-serif; margin: 4px 0 12px; text-transform: uppercase;}
  .agegate-page .span12 h1 span {font-weight: normal;font-family:'museo_sans300', Helvetica, Arial, sans-serif }
    .agegate-page .span12 .inner {left: 14%; position: absolute; width: 360px; z-index: 10; margin-top: 225px;min-height: 530px;}
    .agegate-page .inner ul li {padding-left : 0;padding-right : 8px;}
    .agegate-page .inner ul li input {height: 40px; border: none; font: 1.7em 'museo_sans700', Helvetica, Arial, sans-serif; color: #00295b; text-align: center;}
    .agegate-page .input-small {width: 76px;}
    .agegate-page .input-mini {width: 47px;}
    .bottle-left,.bottle-right {max-width: 50%; position: absolute; z-index: 1;}
    .wrap-bottle { top: 105px; right: -10%; position: absolute; display: block; height: 100%; z-index: 1}
    .bottle-left {left: 0; height: 100%; width: 50%;}
    .bottle-right {right: 0; height: 100%; width: 50%;}
    .bottle-right img {position: absolute; left: 165px; max-width: none; z-index: 1; }
    .bottle-left img {position: absolute; right: 165px; max-width: none;}
    .agegate-page .btn {background: #fff; border:none; border-radius: 0 ; color: #00295B; display: block; font: 1em 'museo_sans900', Helvetica, Arial, sans-serif; white-space:nowrap;height: 47px; margin: 10px auto; text-transform: uppercase; width: 162px; text-shadow:none;}
    .agegate-page .btn span{background-color: #00295b;}
    .agegate-page .btn.btn-facebook {background: #00295b; color: #fff; line-height: 35px; /*width: 278px;*/}
    .no-touch .agegate-page .btn:first-child:hover {background: #00295b; color: #fff; text-decoration: none;}
    .no-touch .agegate-page .btn:hover span {text-decoration: none; background: #1c4e8b; color: #fff;}
    .btn-facebook .icon-facebook {margin: 4px 0 0; padding:0;}
    .touch .agegate-page .btn:hover span{background: #1c4e8b;color: #fff;}
  .no-touch .agegate-page .btn:hover {background: #00295b;color: #fff;}
  .touch .agegate-page .btn.btn-facebook:hover span {color: #fff; background-color: #00295b;}
  .no-touch .agegate-page .btn.btn-facebook:hover {color: #fff; background-color: #1c4e8b;}
    .terms-block {color: #fff; font:0.74em/1.3em 'museo_sans500', Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: 0 0 0; display: block;margin-top: 20px;}
    .terms-block span {font-family: 'museo_sans900', Helvetica, Arial, sans-serif;display: block; text-shadow: 0 0 0; font-weight: normal;}
    p.text-info { bottom: 35px; color: #FFFFFF; display: block; font: 0.65em/13px 'museo_sans500',Helvetica,Arial,sans-serif,Helvetica,Arial,sans-serif;position: absolute; z-index: 20; left: 50%; width:680px; margin-left:-310px}
    .ie9 p.text-info {width: 650px; margin-left:-325px;}
  p.text-info a {font-family: 'museo_sans500'; color: #fff;}
    .no-touch p.text-info a:hover {text-decoration: underline;}
    .text-error {font: 0.9em 'museo_sans500'; padding: 0 60px; margin-top: 15px;}
    .agegate-page .inner .lead {font: 0.714em 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; margin: 0;}
    .agegate-page .navbar-fixed-bottom {z-index: 1000; padding-bottom: 0 !important;}
  .btn-primary {background-color: #00295B; background-image: none; border-color: none;text-shadow: 0 0 0; box-shadow: 0 0 0;}
/*homepage*/
    .homepage .hero-unit { margin-bottom: 40px; padding: 0; height: 653px; }
    .homepage .scroll {bottom: 1%}
    .homepage #main {background-color: #fff; position: relative;}
    .homepage .hero-unit .caption h2 {font: 4.286em 'museo_sans700'; width: 331px; color: #fff; text-transform: uppercase; text-align: justify; border-bottom: 1px solid #fff; margin-bottom: 30px; padding-bottom: 5px;}
    .homepage .hero-unit .caption h3 {font: 1.4em 'museo_sans700', Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px;}
    .homepage .hero-unit figure {position: absolute; left: 50%; margin-left: -455px; top: 0;}
    .homepage .hero-unit .caption {top: 20%; left: 0; margin: -105px 0 0 0; width: 100%;}
    .homepage .hero-unit .caption ul {margin-left: 10px;}
    .homepage .hero-unit .caption ul a:hover {color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
    .homepage .hero-unit .caption .link-list li a {color: #a2b8d0;}
    .homepage .hero-unit .caption .link-list li:hover a {color: #fff;}
    .homepage .hero-unit .caption ul li {list-style: none; margin-bottom: 3%;}
    .homepage .hero-unit .caption ul li a {width: 300px;}
    .hero-unit .icon-angle-right:before {content: "\f105\f105"; font-size: 24px; letter-spacing: -5px;}
    .wrapper-home .homepage .hero-unit .caption-1 {opacity: 0; z-index: 100;}
    .homepage .wrap-bottle {top: 42px; width: 1055px; overflow: hidden;}
    .homepage .wrap-bottle img {display: none;}
    .homepage .bottles .bottles,
    .homepage .pastis .pastis,
    .homepage .rose .rose,
    .homepage .glacial .glacial {display: block;}
    .homepage .hero-unit .caption-1 {position: absolute; width: 45%; padding-left: 14%; text-align: justify; z-index: 999999;}
    .homepage .hero-unit .caption-1 {left: 0;}
    .ie8 .homepage .hero-unit .caption-1 {left: 15px;}
    .homepage .feature-block {float: left; margin: 37px 10px 0 0; text-align: center; width: 100%;}
    .homepage .feature-block .thumbnail h3 span {font-family:'museo_sans500', Helvetica, Arial, sans-serif}
  .link-left ,.link-right{width:50%; position: absolute; top: 0; bottom: 0; }
  .link-left, .link-right a {left:0;}
  .link-right, .link-left a {right:0;}
  .link-left a,.link-right a {position: absolute; top: 2%; bottom: 8%; width: 35%; margin: 0 11%; display: block; z-index: 9;}
  .link-left a img,.link-right a img {height: 100%;}
/*51-rose*/
    .rose .bdr-top > span {border-top: 1px solid #e85655;}
    .rose .bdr-top > span span {border-bottom: 3px solid #e85655;}

    .rose .info-block h2.title span,
    .rose .intro-block h2.title span {background-image: url(../images/bgd-title-03.png);}
    .rose .info-block {background-image: url(../images/bgd-51rose-02.jpg); margin-bottom: 80px;}
    .rose .info-block .outer {margin: 12% 0 14%; border-color: #e85655;}
    .rose .info-block .outer > .inner {border-color: #e85655;}
    .rose .intro-block {border-top: 1px solid #e85655;}
    .rose .intro-block .caption {color: #e85655; margin: 0; }
    .rose .feature-block {margin-top: 80px;}

    .glacial .info-block {margin-bottom: 100px;}
/*Pastis*/
/*modal*/
.modal-block {border:none; border-radius: 0; background-color: #007CC2/*#e1e8f2*/; color: #ffffff; text-align: center; width: 100%;height: 100%;margin: 0;left: 0; top: 0;}
    .modal-block .inner {padding: 10px 9%;}
    .modal-block .modal-header {border-bottom: none; padding: 0;}
    .modal-block .close {font: 2.1em 'museo_sans300', Helvetica, Arial, sans-serif; color: #fff ; opacity:1; margin: -3px 7px 0; text-shadow: 0 0 0;}
    .modal-block .close:hover {color: #00295b; opacity:1; filter:alpha(opacity=100); }
    #contact-popup.modal-block .close {color: #00295b ;}
    #contact-popup .modal-block .close:hover {color: #1c4e8b;}
    #ml-popup h2, #cgu-popup h2,  #pdc-popup h2,  #nutrition-popup h2{font: 2.1em/1.4 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase;}
    #ml-popup h3, #cgu-popup h3,  #pdc-popup h3,  #nutrition-popup h3{font: 1em/25px 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-top: 42px;}
    #ml-popup .inner > p, #cgu-popup .inner > p, #pdc-popup .inner > p, #nutrition-popup .inner > p {text-align: center;}
    #ml-popup .inner > p strong, #cgu-popup .inner > p strong, #pdc-popup .inner > p strong, #nutrition-popup .inner > p strong {font: 1em 'museo_sans700', Helvetica, Arial, sans-serif;}
    #ml-popup .inner ul, #cgu-popup .inner ul, #pdc-popup .inner ul, #nutrition-popup .inner ul {margin-top: 37px;}
    #ml-popup .inner ul ul, #cgu-popup .inner ul ul, #pdc-popup .inner ul ul, #nutrition-popup .inner ul ul {margin-top: 10px;  text-align: left;}
    #ml-popup .inner ul p, #cgu-popup .inner ul p, #pdc-popup .inner ul p, #nutrition-popup .inner ul p{font: 0.95em/25px 'museo_sans300', Helvetica, Arial, sans-serif; margin: 0; text-align: justify; }
    #ml-popup .inner ul p strong, #cgu-popup .inner ul p strong, #pdc-popup .inner ul p strong, #nutrition-popup .inner ul p strong {font: 0.95em 'museo_sans700', Helvetica, Arial, sans-serif;text-transform: uppercase; text-align: left;}
    #ml-popup .inner li, #cgu-popup .inner li, #pdc-popup .inner li, #nutrition-popup .inner li  {border-top: 1px solid #b4c2d4; padding: 20px 0;}
    #ml-popup .inner li:first-child, #cgu-popup .inner li:first-child , #pdc-popup .inner li:first-child, #nutrition-popup .inner li:first-child  {border: none;}
    #ml-popup .inner > ul > li:first-child, #cgu-popup .inner > ul > li:first-child, #pdc-popup .inner > ul > li:first-child, #nutrition-popup .inner > ul > li:first-child {padding-bottom: 0;}
    #ml-popup .text-large , #cgu-popup .text-large, #pdc-popup .text-large, #nutrition-popup .text-large{font-size: 1.14em;}
    #ml-popup p, #cgu-popup p, #pdc-popup p, #nutrition-popup p{font-size: 0.92em;}
    .no-touch #ml-popup .inner ul p a:hover, .no-touch #cgu-popup .inner ul p a:hover, .no-touch #pdc-popup .inner ul p a:hover, .no-touch #nutrition-popup .inner ul p a:hover {text-decoration: underline;}
    /* .facon .thumbnail .text-intro p {font-size: 1em;}*/
/*contact*/
#contact-popup .modal-body .inner {padding: 10px 0; position: relative;width: 505px;margin: 0 auto;}
  #contact-popup h2 {font: 2.1em/1.4 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase;}
  #contact-popup h3 {font: 1em/25px 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-top: 42px;}
    #contact-popup ul li {border: none; overflow: hidden; padding: 5px 0;}
    #contact-popup ul li label {text-align: left; font: 0.92em/27px 'museo_sans700', Helvetica, Arial, sans-serif; text-transform: uppercase; padding-top: 3px;}
    #contact-popup ul li input {height: 35px; border: 1px solid #879cb6; color: #4c698c; font: 0.85em/30px 'museo_sans700', Helvetica, Arial, sans-serif; float: left;}

    #contact-popup ul li > .input-mini,
    #contact-popup ul li > .input-small {margin-right: 8px; text-align: center; height: 25px; line-height:25px}
    #contact-popup.modal-block .inner ul {margin: 5px 0 20px 0;}
    #contact-popup .radio-custom {margin-right: 15px;}
    #contact-popup .checkbox-custom {width: 100%; height: auto;}
    #contact-popup .checkbox-custom span {background-position: 0 -50px;}
    #contact-popup .checkbox-custom span.checked {background-position: -57px -50px;}
    #contact-popup .checkbox-custom label {font: 0.92em/22px 'museo_sans300', Helvetica, Arial, sans-serif; color: #00295b; text-transform: none; white-space:normal;}
    #contact-popup p.info-text {text-align: justify; font: 0.71em/14px 'museo_sans300', Helvetica, Arial, sans-serif;}
    #contact-popup p.info-text strong,
    #contact-popup p.info-text a {font-family: 'museo_sans700', Helvetica, Arial, sans-serif;}
    #contact-popup .btn {border-radius: 0; margin: 20px 0; font: 0.93em 'museo_sans900', Helvetica, Arial, sans-serif; background-image: none; box-shadow: none;}
    .ie9 #contact-popup ul li input {line-height: 15px;}
/*Actualite*/
.news-page {padding: 58px 20px 135px; background-color: #e1e8f2; margin: auto; max-width: 1600px;}
    .news-page .sociable {margin: 20px 0 0;}
    .news-page .sociable a {display: inline-block;}
    .news-page .sociable a span {float: none; width: 33px; padding: 0 0 0 3px; margin: 0 3px; display: block;}
  .news-page .thumbnail.mar-top {margin-top: 60px;}
    .news-page .thumbnail {margin: 22px 0 0 0; padding: 0;}
    .news-page .thumbnail > .outer > .inner {padding-bottom: 60px; position: relative;}
    .news-page .thumbnail h2.title { margin-bottom: 55px}
    .news-page .thumbnail h3 {font: 1.4em 'museo_sans700', Helvetica, Arial, sans-serif; margin: 4px 0 2px;}
    .news-page .thumbnail figure {margin: 32px 0 0;}
    .news-page .thumbnail .caption {padding: 0 20px;}


    .news-page .thumbnail p {margin: 0; line-height: 25px;}
    .news-page .thumbnail .icon-facebook {position: absolute; bottom: 0; right: 0;}
  .slide-figure .carousel-indicators li {background: url("../images/btn-silde-1.png") no-repeat scroll left top transparent;}
  .slide-figure .carousel-indicators li.active {background: url("../images/btn-silde-1-active.png") no-repeat scroll left top transparent}
  .slide-figure .carousel-inner { top: 0; overflow: hidden}
  .slide-figure .carousel-indicators { bottom: -30px; }
  .news-page .slide-figure figure img {margin: auto;}
/*saga*/
.saga-page #main {background: url(../images/bgd-saga.jpg) top center no-repeat; min-height: 720px; margin-bottom:0; max-width: 1600px;
    background-size: 100% 100%; 
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
  background-attachment:fixed;
}
  .media-body {padding-bottom: 110px; padding-left: 45px;}
  .accordion-inner .carousel-inner {top: 0; margin-bottom: 20px; display: block; float: left; width: 100%; 
    -webkit-transform: translate3d(0, 0, 0); }
  .accordion-inner .carousel-indicators {bottom: -26px;}
    .history-block {float: left;}
  .saga-wrapper #header .brand, .saga-wrapper #header .nav-collapse{ position: fixed;}
    .saga-page .row-fluid .span1 {margin-top: 25px;}
    .saga-page #main .row-fluid {max-width: 925px; margin: auto; padding-top: 65px;}
    .saga-page .history-block li {padding-right: 5px; margin-bottom: 10px; text-align: center; width:50px;}
    .saga-page .history-block li a {font: 1em "museo_sans500",Helvetica,Arial,sans-serif;}
    .saga-page .history-block li.active {border-left: 2px solid #00295b;}
    .saga-page .history-block li.active a {font: 1em 'museo_sans900',Helvetica,Arial,sans-serif; text-indent: -1px; display: block;}
    .saga-page .media-body h2 {background: url(../images/bgd-title-saga.png) no-repeat scroll center top transparent; font-size: 1em; height: 49px; margin: 0; text-align: center; position: relative;}
    .saga-page .media-body h2 span { color: #fff;font: 1.13em 'museo_sans700',Helvetica,Arial,sans-serif; left: 50%; margin-left: -20px; position: absolute; top: 16px; width: 40px;overflow: hidden;
        transform:rotate(-8deg);
        -ms-transform:rotate(-8deg);
        -webkit-transform:rotate(-8deg);
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden; /* Chrome and Safari */
        -moz-backface-visibility:hidden; /* Firefox */
    }
    .saga-page #acc-mobile {-webkit-transform:translate3d(0,0,0);}
    .saga-page .desktop-1 #saga-history {position: fixed; z-index: 20; left: 180px;}
    .saga-page .desktop-1 .tab-pane {right: 0;}
    .saga-page .media-body h3 {font: 1.14em 'museo_sans700',Helvetica,Arial,sans-serif; margin: 25px 0 15px; text-transform: uppercase; text-align: center;}
    .saga-page .media-body p {font: 1em/20px 'museo_sans300',Helvetica,Arial,sans-serif; }
    .saga-page .media-body img, .saga-page .accordion-inner img {text-align: center; display: block; margin: 20px auto 0; width: 96%;}
    .saga-page span.caption {color: #989898; display: block; font: 0.8em/12px 'museo_sans300',Helvetica,Arial,sans-serif !important; margin: 10px auto; text-align: center;}
    .saga-page .accordion-inner span.caption {display: block; float: none; margin-left: 0; text-align: center;}
  .saga-page .carousel {padding-bottom: 45px; overflow: hidden;}
  .saga-page .accordion-group {display: block; left: 0; overflow: hidden; position: relative; top: 0; width: 100%;}
  .saga-page .accordion-group .carousel {padding-bottom: 10px; position: relative; overflow: hidden; left: 0; top: 0;}
 .saga-page .carousel-inner .item.active {display: block; overflow: hidden;}
  .saga-page .carousel .carousel-indicators {bottom: -3px;}
  .saga-page .media-object {margin-top: -15px; margin-left: 47px;}
 
    .saga-page .mobile{display:none;}
    .saga-page .desktop-1 {padding-bottom: 52px;}
    .saga-page .tab-content .tab-pane.in {width: 100%; display: block; /*position: absolute; margin-top: -10000px;*/ min-height: 664px;}
  .bottles-thumb {display: block;}
    .bottles-thumb .media-object{position: fixed;top: 130px;left: 22%; width: 148px;}
    .tab-content .media .media-object {visibility: hidden;}
/* 51 facon */
.facon .caption .btn-5 {font-size: 1.43em; color: #00295b; font-size: 1.5em; height: 25px; padding: 5px 3px; display: none;}
.facon .hero-unit {overflow: hidden; max-width:1280px;}
    .facon .hero-unit .brand {position: absolute; top: 0; left: 50%; margin-left: -54px; width: 108px; display: block; z-index: 10}
    .facon .hero-unit .brand img {width: 100%;}

    .facon .hero-unit .caption {width: 484px;left: 50%; margin: 133px 0 0 -240px;top: 0;display: table;border-spacing: 0 15px;}
    .facon .hero-unit .product-intro{display:table-row;width: 100%;}
    .facon .hero-unit .caption h1 {font-family: 'museo_sans300', Helvetica, Arial, sans-serif; font-size: 1.5em; color: #001d51; margin: 0;display: table-cell;vertical-align: middle;height: 80px;text-align: center;width: 100%;}
    .facon .hero-unit .box-product{height: 276px;padding: 0 80px;display: table-row;}
    .facon .hero-unit .box-product .inner{display: table-cell;vertical-align: middle; padding: 0 80px;}
  .facon .hero-unit .box-product .inner a {display: block;}
    .facon .hero-unit .caption h2 { font: 1.3em 'museo_sans100', Helvetica, Arial, sans-serif; color: #fff; margin-top: 13px;}
    .facon .hero-unit .caption p { font: 2.12em/1.2 'museo_sans100', Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;}
    .facon .border {width: 20px; margin: 7% auto 4%;}
    .facon .thumbnails .border {margin: 5% auto 9%;}
    .facon .thumbnail a {border-color: #fff;}
    .facon .hero-unit .btn-2 {margin-top: 10px;}
    .facon .scroll {background-image: url(../images/icon-scroll-02.png); color: #00295b;bottom: 3%;}
    .facon .scroll:hover {color: #00295b;}
    .show-onios {display: none; font: 1.2em/2em "museo_sans700",Helvetica,Arial,sans-serif; text-align:center;padding-top: 16px; color: #fff; text-transform: uppercase}
  .box-product .show-onios {font-size: 1.5em;}

.facon .thumbnails {margin: 50px 0 0 13px;}
    .facon .thumbnail {margin: 7px 0 ;padding: 0; float: left; text-align: center; color: #fff; text-transform: uppercase; background-repeat: no-repeat; position: relative;
        background-size: cover; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;}
    .facon .thumbnail .bgd-thumb{width: 100%}
    .facon .thumbnail.active .text-default {display: none;}
    .facon .thumbnail .inner { padding: 18% 0 ;position: absolute;top: 0;left: 45px;right: 45px;font-size:1em;}
    .facon .thumbnail h3 {font-family: 'museo_sans700', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1em; line-height: 1; color: #fff;}
    .facon .thumbnail h3 span {font-family: 'museo_sans100', Helvetica, Arial, sans-serif; font-size: 4.57em; margin-top: 4px; display: block;}
    .facon .thumbnail p {font-family: 'museo_sans300', Helvetica, Arial, sans-serif; font-size: 1em; color: #fff; padding: 0 4%;}
    .facon .thumbnail .btns {margin: 7px 0 0; overflow: hidden;}
    .facon .thumbnail .pst-1 {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}
    .facon .thumbnail .pst-2 {position: absolute; left: 42%; bottom: 42%;}
    .facon .thumbnail-2 img {width: 100%;}
    .facon .thumbnail-2 p {position: absolute; left: 10px; right: 10px; top: 67%; font-size: 1em; color: #00295b;}
    .facon .text-intro {display: block; left: 0; margin: auto; position: absolute; right: 0; top: 67%; width: auto; color: ##00295B; font-size:1em;}
    .facon .text-intro p {color: #00295B;}
  .facon .thumbnail p strong {font: 1em/1.2em 'museo_sans700', Helvetica, Arial, sans-serif; font-weight: normal;}
  .ie8 .facon .thumbnails.row-fluid .thumbnail {margin-left: 0!important;}
    .facon #main {padding-bottom: 135px;}
    .tab-pane#90_tab .media img{margin-top: 60px!important;}
  #facon-popup-1 { background-color: #FFFFFF;height: 100%;}
  #facon-popup-1 .modal-body {padding:0; top:0; right: 0;}
  #facon-popup-1 .modal-header .close { color: #fffeff; text-shadow: 0 0 0 ; position: absolute; right: 15px ; top: 10px; z-index: 20;}
  #facon-popup-1 .modal-header .close:hover { color: #00295b; }
/*contact*/
.contact-page {background-color: #e1e8f2;}
    .contact-page .modal-body,
    .disclaimer-page .modal-body {position: relative; overflow: visible; top: 0; margin-top: 50px; text-align: center;} 
    /*.disclaimer-page #pdc-popup .modal-body,.disclaimer-page #cgu-popup .modal-body {text-align: left;} */
    .disclaimer-page #pdc-popup .modal-body li,.disclaimer-page #cgu-popup .modal-body li{border: none;} 
    .contact-page #contact-popup .btn-navbar {margin: 0;}

.accept {display: none; left: 0; position: fixed;text-align: center; top: 28px; bottom: 0; width: 100%; background:#e1e8f2}
#contact-popup .accept h2 {font: 1.8em/1.4 'museo_sans700',Helvetica,Arial,sans-serif;position: fixed;top: 50%;margin-top: -40px;left: 0;right: 0;text-align: center;}

/*tooltip*/
/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.tooltip-1 {
    width: 230px; margin-left: -102px;
}
.top.tooltip-1 {
    padding: 8px 0px;
}
.tooltip-1 .tooltip-inner {
    padding: 17px 0px; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgb(0, 41, 91);
}
.tooltip-1 .tooltip-inner {
    text-transform: uppercase; font-family: "museo_sans700"; font-size: 12px; max-width: none;
}
.tooltip-1 .tooltip-arrow {
    border-style: solid; border-color: transparent; width: 0px; height: 0px; display: block; position: absolute;
}
.tooltip-1 .tooltip-arrow::after {
    border-style: solid; border-color: transparent; width: 0px; height: 0px; display: block; position: absolute;
}
.top.tooltip-1 .tooltip-arrow {
    border-width: 8px 8px 0px; left: auto; right: 8px; bottom: 0px; margin-left: -4px; border-top-color: rgb(77, 108, 164);
}
.top.tooltip-1 .tooltip-arrow::after {
    border-width: 8px 8px 0px; bottom: 1px; margin-left: -8px; border-top-color: rgb(0, 41, 91); content: "";
}

#detech-age {display: none; height: 100%;}
#detech-age h2 {text-transform: uppercase; font-size: 1.6em; line-height: 1.4em}
.ie8 #saga-history {position: relative; z-index: 900;}
.saga-page .desktop-1 .tab-content.span11 .tab-pane .media{padding-left: 120px;}
/* Page User */
.page-user .brand {left: 50%; top: 10px; margin-left: -51px !important;}
.page-user .login-block-admin {overflow: hidden; width: 236px; margin: 150px auto 0 auto; padding: 10px 20px 0 20px; border: 1px solid #ccc;}
.page-user .login-block-admin .form-text {width: 222px;}
.page-user .login-block-admin .description {display: none;}
.page-user .login-block-admin .form-actions {background: none; margin: 0; padding: 0; border: 0; text-align: center;}
.page-user .login-block-admin .form-actions .form-submit {background: #022e5f; padding: 4px 20px; margin: 0; border: 0; color: #fff; font-family: "museo_sans300", Helvetica, Arial, sans-serif;}
.page-user .login-block-admin .form-actions .form-submit:hover {background: #114885};
.facon .thumbnail a .border{border-color: #fff!important;}
.news-page #main.container-fluid {padding-left: 40px;}
/* reponsive */

@media (min-width: 1333px) and (max-width: 1600px){
    #header .nav-collapse .nav {padding: 0 6%;}
}
@media (min-width: 1281px) and (max-width: 1330px){
    #header .nav-collapse .nav {padding: 0 7%;}
}
@media (max-width: 1250px) and (min-width:1100px){
  .facon .hero-unit .caption h1{margin: 0;height: 59px;width: 100%;vertical-align: middle;}
}
@media (max-width: 1250px) and (min-width:1000px){
  .facon .hero-unit img.pull-left {margin-left: 0;}
    .facon .hero-unit img.pull-right {margin-right: -20px;}
}
@media (max-width: 1200px) and (min-width:981px) {
    .agegate-page .span12 .inner {margin-top: 220px;}
    .agegate-page {width: 100%; overflow: hidden; }
    .agegate-page img {max-width: none !important;}
    .agegate-page #footer .sociable {margin-top: -43px}
    .agegate-page .text-warning {margin-bottom: -4px; padding: 3px 0 10px;}

}
@media (max-width: 1170px) {
  .facon .thumbnails {margin: 15px 0 0 0;}
    .facon .thumbnail.type-4 .inner {padding-top: 20%;}
    .facon .hero-unit .box-product{height: 238px;}
    .btn-3, .btn-4 {width: 40%;}
  .news-page .container-fluid {margin-left: 0;}
  .saga-page .desktop-1 #saga-history {left: 160px;}

}
@media (max-width: 1140px) and (min-width:981px){
  .info-block img.desktop {//top: 40px;
           left: -25px}
  .rose .info-block img.desktop {top: 25px; left: -25px}
}
@media (max-width: 1003px) and (min-width:787px){
.desktop {display: block;}
}
@media (max-width: 1100px) {
    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 0.9em; line-height: 1.2;}
    .facon .hero-unit .caption h1{height: 53px;}
  .bottles-thumb .media-object {left:170px}
}
@media (max-width: 1024px) {
  .agegate-page .span12 .inner {left: 8%;}
  .saga-page .desktop-1 .tab-content.span11 .tab-pane .media {padding-left: 0;}
  .agegate-page {height: 750px;top: 0; bottom:0; background-size: inherit;}
  .news-page #main.container-fluid {padding-left: 20px; padding-right: 20px; background: url(../images/bgd-full-2.jpg) no-repeat center 0;}
  .homepage .wrap-bottle {display: none;}
.saga-page #main { background: url(../images/bg-saga-ld.jpg) left top ;
background-size: 100% 100% ;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-ms-background-size: 100% 100%;
background-attachment:fixed!important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgd-saga.jpg",sizingMethod="scale");} 
   .wrap-bottle {right: -23%; top: 110px;}
   .saga-page .history-block li {margin-bottom: 8px;}
    .homepage .scroll {bottom: 1%}
    .glacial .scroll {bottom: 3%}
    .hero-unit {height: auto;}
    .desktop {display: none;}
    .landscape {display: block;}
  .tooltip-1 {display: none!important;}
    .container-fluid {padding-left: 15px; padding-right: 15px;}
  .saga-page .row-fluid .span11 {width: 103%;}
    #header{ padding:0}
    .navbar-inverse .navbar-inner {padding: 0 0 0 40px;}
    #header .nav-collapse .nav li{ width:20%}
/* info-block */
    .info-block {margin-top: 15px;margin-bottom: 90px;}
  .rose .info-block {margin-bottom: 120px;}
    .info-block .outer > .inner {padding: 12% 3% 2%;}
    .info-block .inner p {font-size: 1em;}
    .info-block img.desktop {display: block;}
    .bdr-top > span {width: 18%;}
/* intro-block + feature-block */
    .intro-block,
    .feature-block {margin-left: 0; margin-right: 0;min-height: 300px;}
    .intro-block {min-height: 200px;}
    .saga-page .desktop-1 #saga-history {position: fixed; z-index: 20; left:4.8%; margin-top:0;}
    .saga-page .desktop-1 .tab-pane {right: 0;}
    /*.saga-page .desktop-1 #saga-history {position: fixed; z-index: 20;}
    .saga-page .desktop-1 .tab-content.span11 {margin-left: 100px}*/

    .bottles-thumb {display: block;}
    .bottles-thumb .media-object{position: fixed; top: 111px; left: 17.5%; width: 130px;}
    .tab-content .media .media-object {visibility: hidden;}
  .media-body {padding: 0 95px 110px 100px;}
/* facon */
    .facon .hero-unit .caption h1{height: 83px;}
    .saga-page .bottle-left {left: -120px;}
    .saga-page .bottle-right {right: -120px;}
  .saga-page .desktop-1 { background-position: 80px 100%!important;}
    .desktop-1 {background-position: 50px 98% !important;}
/*.desktop-1.row-fluid .span11 {width: 79.906%; overflow: visible;}*/
    .desktop-1.row-fluid .span1 {margin-left: 5.5%; width: 5.98291%; }
    .hero-unit .caption{margin-top:-210px}
  .homepage .hero-unit .caption-1 {margin-left: -50px;}
  .homepage .hero-unit .caption-2 {margin-right: -50px;}
  p.text-info {bottom: 45px; width: 650px; margin-left: -325px;}
  .text-warning {line-height: 0.7em;}
  .saga-page .media-object {margin-right: 60px;}
    .facon .thumbnail a .border{border-color: #fff!important;}
    .saga-page .desktop-1 .tab-pane {right: 0;}
    #header .brand {margin-left: 40px}
    #header .nav-collapse .nav {margin-left: 145px;padding: 0 0%; margin-right: 0;}
    .facon .container-fluid {padding-left: 18px;}
          .news-page .row-fluid.mansory-wrap .span6 {width: 48.8362%;}
}
@media (max-width: 1023px) {
      .news-page .row-fluid.mansory-wrap .span6 {width: 100%;}
    .facon .hero-unit .btn-5 {padding: 6px 10px; line-height: 25px; position: relative; z-index: 999999;}
}

@media (max-width: 1010px) {
    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 0.7em;}
    .btn-5 {width: 20px; height: 20px; line-height: 20px;}
}
@media (max-width: 1009px) {
    .news-page .row-fluid.mansory-wrap .span6 {width: 100%;}
     .news-page .row-fluid.mansory-wrap #edition-limitee.span6 {margin-top: 60px;}
}
@media (max-width: 980px) {
    #header .nav-collapse .nav {margin: 0 0 0 35px;}
    .homepage .hero-unit .caption ul li a {width: 245px;}
  #header .nav-collapse .nav {padding: 0 11%;}
  .homepage .hero-unit {overflow: hidden; height: auto;}
  .homepage .hero-unit .caption-1 {margin-left:0;}
  .homepage .hero-unit .caption-2 {margin-right:0;}
    .icon-facebook, .icon-envelope-alt {font-size: 1.7em; height: 37px; line-height: 34px; width: 15px;}
    .news-page .icon-facebook{width: 35px;}
    .sociable.portrait {top: 13px; display: block!important;}
    .sociable.portrait .icon-facebook,.sociable.portrait .icon-envelope-alt{width: 35px}
    .navbar-fixed-bottom .sociable {display: none!important;}
  .info-block img.desktop {//top: 60px;
           left: -25px}
  .rose .info-block img.desktop {top: 20px; left: -25px}
  .saga-page .desktop-1 {background-position: 58px 105%;}
  /*.desktop-1.row-fluid .span11 {width: 81.906%; overflow: visible;}*/
    .desktop-1.row-fluid .span1 {margin-left: 8.54701%; width: 5.98291%;}
    .agegate-page {overflow: hidden;}
    #header .brand {margin-left: 40px;}
 
}

@media screen and (max-width:920px){
    .info-block.doubleCoktail .outer{
        width : 40%;
        margin-bottom : 35%;
    }
}

@media (max-width: 979px) {
       
    
    .nav-collapse .nav > li > a {margin: 0;}

}
@media (max-width: 979px){
        .facon .thumbnail{ width:48.5%}
}
@media (max-width: 979px) and (min-width: 769px) {
    .landscape {display: block;}
    .container-fluid {padding-left: 10px; padding-right: 10px;}
    
    .news-page.row-fluid [class*="span"] {float: none;}
    .navbar-fixed-bottom .sociable {display: none!important;}
    p.text-info {width: 630px;}
  /*home*/
    .homepage .hero-unit {position: relative; overflow: hidden;}
    .homepage .hero-unit {z-index: 10;}
    .homepage .hero-unit .caption h2 {font-size: 2.7em; width: 205px;}
    .homepage .hero-unit .caption h3 {font-size: 1em;}
    .homepage .hero-unit .caption a {font-size: .85em;}
    .scroll {bottom:2%;}
    .bottle-left, .bottle-right {max-width: none;}


/* info-block */
    .info-block .inner ul li,
    .info-block .inner p {font-size: 0.9em;}
    .agegate-page {margin-top: 0; padding-bottom: 95px;}
/*agegate-page*/
  .agegate-page .landscape {display: block;}
    .agegate-page .span12 .inner {margin-top: 220px;}
    .agegate-page {overflow: hidden;}
    .agegate-page #footer .sociable {margin-top: -43px}
    .agegate-page .text-warning {margin-bottom: -4px; padding: 3px 0 10px;}
    .agegate-page p.text-info {min-width: 46%;}
    .text-warning {font-size: 0.8em}
    .sociable.portrait {font-size: 0.8em; display: none !important;}
}

@media (max-width: 880px) {
    .feature-block .title {width: 200px;}
    .feature-block .title span {width: 180px; left: 10px; background-size: 100%;}
  .agegate-page {min-height: 800px}
  .agegate-page .landscape {/* display: none; */}
  .facon .hero-unit .caption h1{height: 46px;}
  .bottles-thumb {display: block;}
  .bottles-thumb .media-object {width: 94px;left: 5.5%; top: 410px;}
  .tab-pane .media .media-object {display: none; width: 100px;}
  .saga-page #main {background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;}
  .saga-page .media-body {padding:0 65px 110px 110px;}
}
@media (max-width: 878px) and (min-width: 767px) {
  .desktop-1.row-fluid {display: none;}
  .portrait-1.row-fluid {display: block;}
  .portrait-1 {background-image: none!important;}
  .portrait-1 img.media-object {background-image: none; padding: 0 20px 40px 0; }

    .portrait-1 .tab-content .tab-pane {min-height: 927px;}
    .portrait-1 .media > img {position: absolute; left: 4%; bottom: 18px; width: 100px;}
    .portrait-1.row-fluid .span11 {width: 85.746%; overflow: visible; margin: -20px 0 0 11.32596685082873%;}
    .portrait-1.row-fluid .span1 {margin-left: 12.54701%;}
  .saga-page .row-fluid .span1 {margin-top: -10px;}
  .saga-page .history-block li {margin-bottom: 10px;}
  .saga-page{ margin-bottom:67px}
   .saga-page .portrait-1 .media > img{ bottom:0; margin-top: 0;}
   .saga-page .desktop-1 #saga-history {left: 1%; position: fixed}
  .bottles-thumb .media-object {left: 5%;top: 671px; position: fixed}

}

@media (max-width: 768px) {
    
    #ct_cci{
        max-width:90%;
        left:0 !important;
        right:0 !important;
        margin-left: auto !important;
        margin-right : auto !important;
    }
    
    #ct_cci #ct_cookies_info{
        padding-top : 22px !important;
    }
    
    
  .saga-page #main {
    background-image : url(../images/bg-saga-lp.jpg) !important;
    background-repeat : no-repeat !important;
    background-position : top top !important;
    background-attachment : fixed !important;
    background-size: 768px 100%;
    -webkit-background-size: 768px 100%;
  }
  .homepage {overflow: hidden;}
  .agegate-page .span12 .inner {left: 5%; margin-top: 232px; width: 300px;}
  .wrap-bottle {top: 20%; right: -54%;}
  .wrap-bottle img {width: 80%;}
  .wrap-bottle .bottle-left, .wrap-bottle .bottle-right {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
   }
   .sociable.portrait {display: block!important;}
  .homepage .wrap-bottle {right: -14%; top: 10%;}
    /*#header{padding-right: 95px;}*/
  .saga-page .history-block li {margin-bottom: 5px;}
    #header .nav-collapse .nav li {width: 19.76%}
    .news-page #main.container-fluid {padding-left: 15px; padding-right: 15px;}
/* general */
    .portrait {display: block;}
    .landscape {display: none;}
    .container-fluid {padding-left: 10px; padding-right: 10px;}
    .facon .container-fluid {padding-left: 16px;padding-right: 12px;}
  .pastis .landscape , .rose .landscape {display: none;}

    .text-warning{padding:0}
    .navbar-fixed-bottom .sociable {display: none !important;}
    .agegate-page {min-height: 800px; height: auto;}
  p.text-info {width: 650px; margin-left: -325px}
/* hero-unit */
    .hero-unit .caption br {display: none;}
    .hero-unit .caption img {width: auto; margin: 0 auto;}
    .homepage .hero-unit .caption{ left: -8%; top: 26%;}
/* info-block */
    .info-block {margin:30px 7px 0;}
  .info-block img.desktop {display: none}
  .info-block img.portrait {top: inherit; bottom:0;}

  .rose .info-block img.portrait {top: 25px;}
    .info-block .outer {width: 53%; margin: 12% 0 16%;}
	.doubleCoktail.info-block .outer, .info-block .outer{width:80%; margin-bottom : 75%;}
    .info-block .outer > .inner {padding: 5% 4% 3%;}
    .info-block .inner ul {margin-top: 40px;}
    .info-block .inner ul li {font-size: 1em; line-height: 23px;}
    .info-block .inner p {font-size: 1em; line-height: 23px;}

    .scroll {display: none!important;}

/* intro-block */
    .intro-block {margin: 120px 53px 0;padding-bottom: 15px;}
    .rose .info-block {margin-bottom: 120px;}
/* feature-block */
    .feature-block .title {width: 180px;}
    .feature-block .title span {width: 170px; left: 5px;}
    .feature-block h3 span br {display: none;}
    .thumbnail h3 {font-size: 1em;}

/* agegate-page */
    .agegate-page .inner ul li input {font-size: 1.7em;}
    #header .brand {margin-left: 20px;}
    #header .nav-collapse .nav {margin-left: 125px; margin-bottom: 0px; padding: 0 98px 0 0;}
    .saga-page .desktop-1 #saga-history {position: fixed; z-index: 20;}
    .saga-page .desktop-1 .tab-pane {right: 0;}
    .saga-page .desktop-1 .tab-content.span11 {margin-left: 110px}
/* homepage */
  .homepage .landscape {display: none;}
    .homepage .hero-unit .caption h2 {font-size: 3em; text-align: left; width: 263px;317}
    .homepage .hero-unit .caption a {font-size: 1em;}

    .homepage .hero-unit .caption-1 {width: 35%;}
/* pastis + rose */
    .pastis .hero-unit .caption,
    .rose .hero-unit .caption {top: 80%; width: 76%;margin: -302px 12% 0;text-align: center;}
    .rose .hero-unit .caption{ margin-top:-354px}

/* rose */
    .rose .info-block .outer {margin: 13% 0 27%;}

/* saga-page */
  .saga-page {margin-bottom: 0; }
    .saga-page #main {height: auto!important; padding-bottom: 40px;}

    #saga-history li a {padding-left: 5px;}

  .saga-page .desktop-1 #saga-history {left: 1%;}
  .bottles-thumb .media-object {left: 4.8%;top: 520px;}
/* facon */
    .facon .hero-unit .caption{width: 50%;margin: 133px 0 0 -24%;font-size: 1.4em;}
    .facon .hero-unit .caption h1{ height: 167px; line-height: 1.3; }
  .facon .hero-unit .caption p {font: 1.6em/1.2 'museo_sans100', Helvetica, Arial, sans-serif;}
    .facon .hero-unit .caption .product-intro{}
    .facon .hero-unit .box-product .inner{ padding: 0 25px;}
    .facon .hero-unit .box-product{ height: 281px;}
    .facon .thumbnails {margin: 12px 0 0;}
    .facon .thumbnail .inner{font-size: 1.4em;}
  .facon .text-intro {font-size: 1.4em;}
  #edition-limitee {margin-top: 60px;}
  .news-page .row-fluid {height: auto!important;}
  .news-page .row-fluid .span6 {width: 100%; }

  .show-onios, .box-product .show-onios {font-size: 1em;}
    .news-page {padding-bottom: 135px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .touch .saga-page #saga-history {min-height: 930px; }
  .touch .saga-page .media-body p br {display:none}
  .saga-page #main {background-size: inherit;background-image: none!important;}
  .saga-page #main:before {
      z-index: -1;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: 100% 1024px;
      background-image: url("../images/bgd-saga.jpg");
      background-attachment: fixed;
      content: "";
  }
  .bottles-thumb .media-object {top: 550px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .saga-page #main {background-size: inherit;background-image: none!important;}
  .saga-page #main:before {
      z-index: -1;
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: 100% 768px;
      background-image: url("../images/bgd-saga.jpg");
      background-attachment: fixed;
      content: "";
  }
}
@media (max-width: 767px) {
    .facon .hero-unit .caption h1 {height: 118px;}
  
    .facon .thumbnail p,
    .facon .thumbnail h3,.facon .thumbnail {line-height: 1.2;}
    /*.facon .thumbnail .text-intro p {font-size: 14px;}*/
    .btn-3, .btn-4 {width: 40%;}
    .btn-5 {padding: 10px;}
    .facon .thumbnail .pst-2 {bottom: 45%;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
    }
    .facon .thumbnail {width: 100%;}
     .saga-page .desktop-1 #saga-history {left: 1%;}
  .bottles-thumb .media-object {left: 5%;top: 671px;}
}

@media (max-width: 767px) and (min-width: 500px) {
/* general */
    .saga-page .desktop-1.portrait-1 {display: none!important;}
    .saga-page .mobile {display: block!important; margin: 120px 0;}
    .accordion-heading {border-bottom: 1px solid #022e5f;}
    .accordion-group:first-child .accordion-heading {border-top: 1px solid #022e5f;}
    .accordion-heading .accordion-toggle {color: #022e5f; text-align: center; font: 2em/54px 'museo_sans700',Helvetica,Arial,sans-serif; height: 54px;  }
    .accordion-heading .accordion-toggle.collapsed {color: #022e5f; background-color: transparent;}
    .accordion-heading .accordion-toggle.active,
    .accordion-heading .accordion-toggle.collapse.active,
    .accordion-heading .accordion-toggle.collapsed.active {color: #fff; background-color: #022e5f;}


    .accordion-inner h3 {font: 1.3em 'museo_sans700',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center;}
    .accordion-inner p {font: 1.3em 'museo_sans300',Helvetica,Arial,sans-serif;}
    .accordion-body.in.collapse .accordion-inner {border-bottom: 1px solid #022e5f;}
}
@media (max-width: 700px) and (min-width: 641px){
    .bottle-left, .bottle-right {max-width: none;}

    .agegate-page .mobile {display: block;}
    .agegate-page #header .brand {display: none;}
    .agegate-page #header .brand {margin: 0 0 0 -56px;left: 50%;}
    
}
@media only screen and (max-width:655px) {
  .info-block img.portrait {//top: 14%}

}
@media (max-width:653px){
    .bottles-thumb {display: none;}
    .saga-page #main { background-position: center top;
    background-size: cover; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;}
  .agegate-page .inner ul li input {font-size: 1.4em;}
  .agegate-page .btn {font: 0.8em 'museo_sans900', Helvetica, Arial, sans-serif;}
    .bdr-top > span {width: 18%;}
    
    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 1.3em;}
    .facon .thumbnail .btn-5 {margin-top: 10px;} 
        #header .nav-collapse .nav {padding-right: 0;}
        .wrapper-home #header {background-image: none;}
}

@media (max-width: 640px) {
/* general */
  .landscape {display: none;}
  .portrait {display: none !important;}
  .mobile {display: block;}
  .wrap-bottle {display: none;}
  .container-fluid {padding-left: 30px; padding-right: 30px;}
  #header .brand span {height: 100%;}
  .text-warning {font: 1em 'futura__condensed',Helvetica,Arial,sans-serif; padding: 0;}
  .navbar-fixed-bottom {bottom: -1px;}
  .saga-page .container-fluid {padding-left: 0; padding-right: 0;}
  .scroll {display: none!important;}
  .homepage .scroll {display: none!important;}
  ul li.mobile {display: inline-block;}
  .contact-page {background-color: #e1e8f2;}
  .contact-page .modal-body,
  .disclaimer-page .modal-body {position: relative; overflow: visible; top: 0; margin-top: 50px; text-align: center;}
  .contact-page #contact-popup .btn-navbar {margin: 0;}
  .portrait .icon-envelope-alt.mobile{display: block;}
  /*#footer .nav li:first-child {display: none;}*/
  #footer .nav li.mobile {border: none;}
  #footer .navbar-fixed-bottom .sociable {display: none !important;}
  .navbar-fixed-top,
  .navbar-fixed-bottom {position: relative;}
  /* header */
  .nav-collapse,
  .nav-collapse.collapse {overflow: hidden;height: 0;}
  .hero-unit .caption p {line-height: 1.4;}
  .hero-unit .caption h2 {margin-top: 5px;}
  .navbar .btn-navbar {float: left; padding: 18px 12px; position: relative; z-index: 100; display: block;}
  #header {padding: 0;position: absolute;width: 100%;}
  .disclaimer-page #header,.contact-page #header{ position:static}
  #header .brand {margin: 0 0 0 -56px; left: 50%;}
  #header .navbar-inner {padding: 0;}
  #header .nav-collapse {position: absolute; width: 100%; z-index: 11;}
  #header .nav-collapse .nav {margin-left: 0; background-color: #fff;}
  #header .nav-collapse .nav li {width: 100%;}
  #header .nav-collapse .nav li a{margin: 0; border-top: 1px solid #123b69; color: #032f60;}
  #header .nav-collapse .nav li:first-child a {border: none;}
  .title {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);}
/* disclaimer */
  .contact-page .sociable.portrait,
  .disclaimer-page .sociable.portrait{display: none !important;}
  .disclaimer-page .modal-body {padding: 15px 6%;}
  .sociable.portrait {display: block!important; top: 0; right: 0;}

/*agegate-page*/
  .agegate-page .btn.btn-facebook {/*width: auto;*/margin-bottom: 20px;}
  .agegate-page .span12 .inner {margin: 140px 0 0;font-size: 1.5em;left: 6%;width: auto;right: 6%;}
  .agegate-page{min-height:850px}
  .agegate-page .inner .lead{font-size: 1em;}
  .agegate-page .span12 h1{margin: 34px 0 46px;line-height: 1.2;}
  .agegate-page .inner {display: block; text-align: center;}
  .agegate-page .inner .btn {display: inline-block;}
  .agegate-page .terms-block {display: block;line-height: 1.5;}
  p.text-info {width: auto; left: 5%;right: 5%; margin: 0;bottom: 80px; font-size: 1em;text-align: justify;line-height: 1.3;}
  p.text-info span {margin-right: 0px;}

/*contact*/
  #contact-popup .modal-body .inner {width: 100%;}
  #contact-popup ul li:first-child label {float: left; margin-right: 20px; width: auto;}

  #contact-popup ul li > .input-mini{margin-right: 5%;width: 27%;padding: 4px 1%;}
  #contact-popup ul li > .input-small{width: 34%; margin:0}
  #edition-limitee {margin-top: 45px;}

/* facon */
  .news-page .title {margin-top: -46px;}
  .facon .thumbnail .inner {font-size: 1em;}
  .facon .thumbnail .pst-2 {bottom: 44%;
  transform: scale(1.3);

  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);}

/*saga*/
    .icon-facebook, .icon-envelope-alt {font-size: 2em; height: 36px; line-height: 34px; padding: 10px 12px; text-align: center; text-indent: 1px; width: 36px;}

    .btn-facebook .icon-facebook {font-size: 1.3em;margin: 0;}
    .navbar-inverse .navbar-inner {background: none repeat scroll 0 0 transparent;}
    .desktop-1 {display: none;}
    .saga-page #main {background-repeat: repeat; position: absolute; margin-top: -100px; z-index: 0; height: auto!important;}
    .saga-page .mobile {display:block; margin: 225px 0 100px; position: relative; overflow: hidden;}
    .accordion-heading {border-bottom: 1px solid #022e5f;}
    .accordion-group:first-child .accordion-heading {border-top: 1px solid #022e5f;}
    .accordion-heading .accordion-toggle {color: #00295b; text-align: center; font: 2em/54px 'museo_sans700',Helvetica,Arial,sans-serif; height: 54px; }
    .accordion-heading .accordion-toggle.active {color: #fff; background-color: #022e5f;}
    .accordion-heading .accordion-toggle.collapsed {color: #022e5f; background-color: transparent;}
    .accordion-inner h3 {font: 1.3em 'museo_sans700',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center;}
    .accordion-inner p {font: 1.3em 'museo_sans300',Helvetica,Arial,sans-serif;}
    .accordion-body.in.collapse .accordion-inner{border-bottom: 1px solid #022e5f; }
    .intro-block .span4 h3,
    .feature-block .thumbnail h3 {font-size: 1.78em; line-height: 1.4; margin-bottom: 30px;}
    .news-page .thumbnail:first-child {margin-top: 0;}
    .intro-block .span4 {margin-top: 25px;}
    .rose .intro-block .span4 {margin-top: 35px;}
    .saga-wrapper .wrapper {overflow: hidden;}
/*homepage*/
    .homepage .feature-block {margin: 10px 17px 10px;width: 90%;}
    .homepage .hero-unit .caption {margin-top: -122px; width: 90%;}
    .homepage .hero-unit .caption .border {margin: 6px auto 12px;}
    .homepage .hero-unit .caption h3 {font-size: 1.2em; margin-bottom: 0;}
    .homepage .hero-unit .caption a {font-size: 1em;}

/* info-block */
    .info-block .outer {width: 80%; margin-bottom: 54%;}
    .rose .info-block .outer {margin-bottom: 54%;}
    .info-block .outer > .inner {padding-top: 3%; padding-bottom: 12%;}
    .info-block img {bottom: 40px; top: auto;}
    .info-block ul {margin-bottom: 10px}
    .info-block {margin: 40px 10px 30px;}
    .intro-block {margin-left: 10px; margin-right: 10px;}


    .feature-block .title span {top: -20px;}
    .feature-block {margin-left: 30px; margin-right: 30px;}
    .feature-block .thumbnail img {width: 100%;}
    .feature-block .title {margin: -47px auto 10px;}

/*news-page*/
    .contact-page{margin-top: 0px;}
    .contact-page #contact-popup .modal-body {padding-top: 80px;}
    .disclaimer-page {margin-top: 0px;}
    .disclaimer-page #ml-popup .modal-body, .disclaimer-page #cgu-popup .modal-body, .disclaimer-page #pdc-popup .modal-body{padding-top: 80px;}
    .news-page {margin-top: 0;}
    .news-page #main {margin-top: 130px; }
    .news-page .thumbnail:first-child {margin-top: 0;}
    .news-page .thumbnail {margin-top: 20px;}
    .thumbnail#edition-limitee {margin-top: 60px;}
    .news-page .thumbnail h2.title {margin-bottom: 10px;}
    .news-page .thumbnail .caption {padding: 0 5px;}
    .news-page .thumbnail .icon-facebook{//display:none}
/*pastis-51*/
    .pastis .hero-unit .caption {margin-top: -388px;}
    
    .pastis .hero-unit .caption h2 {font-size: 1.5em; margin-bottom: 0;}
    .pastis .hero-unit .caption h3 {font-size: 1.3em; margin-bottom: 0;}
    .pastis .hero-unit .caption a {font-size: 0.5em;}

/*rose-51*/
    .rose .hero-unit .caption {margin-top: -445px;}
    .rose .hero-unit .caption h1 {font-size: 2em;}
    .rose .hero-unit .caption h2 {font-size: 1.5em; margin-bottom: 0;}
    .rose .hero-unit .caption h3 {font-size: 1.3em; margin-bottom: 0;}
    .rose .hero-unit .caption a {font-size: 0.5em;}
    .rose .hero-unit .caption .btn-primary { font-size: 1.1em;}

/*glacial*/
    .glacial .hero-unit .caption {margin-top: -325px;}
/* facon */
    .facon .hero-unit .brand {width: 157px; margin-left: -78px;}
    .facon .hero-unit .caption {width: 80%;margin: 200px 0 0 -40%;font-size: 1.4em;}
    .facon .hero-unit .caption h1 {line-height: 1.4;padding: 0 17%;height: 151px;}

    .facon .hero-unit .caption .box-product{
    padding: 0;
    height: 394px;}
    /*.facon .hero-unit .caption .sumary {height: 160px;display: table-cell;vertical-align: middle;}*/
    .facon .border {width: 27px;}
    .facon .hero-unit img.pull-right {margin: 716px 0 0;}

    .btn-1 {width: 70px; height: 70px; overflow: hidden; padding: 0; float: left; text-indent: -99999px;}
    .btn-1 .icon-caret-left {background: url(../images/icon-back-facon.png) center center no-repeat;height: 35px; width: 32px; float: left; padding: 19%;margin: 0;}


    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 1.7em; line-height: 1.2;}
    
    .btn-3, .btn-4 {width: 40%;}
    .facon .thumbnails {margin: 30px 0 0;}
    .facon .thumbnails .border {margin: 0 auto 8%;}
    .facon .thumbnails .btn-5 {padding: 5px;}
    
    .show-onios {font-size: 2em;}
  .box-product .show-onios {font-size: 1.2em;}
  #header .nav-collapse .nav li a {background: url(../images/menu-mobile.png) center 10px no-repeat;}
  #header .nav-collapse .nav li.rose-nav a {background-position: center -94px;}
  #header .nav-collapse .nav li.saga-nav a {background-position: center -192px;}
  #header .nav-collapse .nav li.news-nav a {background-position: center -292px;}
  #header .nav-collapse .nav li.glacial-nav a {background-position: center -792px;}
    #header .nav-collapse .nav li a:hover,
    #header .nav-collapse .nav li.active a{background-position: center -390px;}
  #header .nav-collapse .nav li.rose-nav a:hover ,#header .nav-collapse .nav li.rose-nav.active a{background-position: center -494px;}
  #header .nav-collapse .nav li.saga-nav a:hover,#header .nav-collapse .nav li.saga-nav.active a {background-position: center -592px;}
  #header .nav-collapse .nav li.news-nav a:hover,#header .nav-collapse .nav li.news-nav.active a {background-position: center -692px;}
  #header .nav-collapse .nav li.glacial-nav a:hover,#header .nav-collapse .nav li.glacial-nav.active a {background-position: center -899px;}

  /* homepage */
 
  .homepage .hero-unit .caption {top: 80%;
           margin: -69% 12% 0; text-align: center;}
  .homepage .hero-unit .caption ul {margin: 0;}
  .homepage .hero-unit .caption ul li {margin-bottom: 2%; width: 100%;}
  .homepage .hero-unit .caption ul li a {width: 100%; text-align: center;}
    .homepage .hero-unit .caption-1 {width: 100%; padding: 0;}
    .homepage .hero-unit .caption h2 {margin:0 auto 10px; padding-bottom: 5px; width: 240px;}
    .homepage .hero-unit .desc {width: 100%;}
    .homepage .hero-unit .desc strong:before {content: "\f105\f105"; font-size: 1.5em; letter-spacing: -5px; padding-right: 10px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased;}
    .homepage .hero-unit .desc * {margin: 0 auto;}
    .homepage .hero-unit .desc strong {font-size: 1.6em;}
    .homepage .hero-unit .desc span {font-family: 'museo_sans200', Helvetica, Arial, sans-serif;}
    .hero-unit .caption a span.icon-angle-right, .no-touch .hero-unit .caption a:hover span.icon-angle-right{display: none;}
}
@media(max-width: 600px) {
    .bdr-top > span {width: 12%;}
    .facon .hero-unit .caption {width: 80%;margin: 130px 0 0 -40%;font-size: 1.4em;}
    .facon .hero-unit .caption h1 {padding: 0 12%;height: 127px;}
    .facon .hero-unit .caption .box-product {height: 361px;}
    .facon .hero-unit .caption .sumary{ height:auto}
    .facon .hero-unit .brand {width: 96px;margin-left: -48px;}
    .news-page .thumbnail .caption br {display: none;}
      .saga-wrapper #header .brand, .saga-wrapper #header .nav-collapse, .saga-wrapper .sociable.portrait {position: absolute;}
    .wrap-bottle {display: none;}
        .sociable.portrait {z-index: 10;}
        .wrapper-home #header .brand, .wrapper-home #header .nav-collapse {margin-top: 0;}
        .wrapper-home .homepage .hero-unit .caption-1, .wrapper-home .homepage .hero-unit .caption-2 {opacity: 1; filter: alpha(opacity=100);}
}
@media (max-width : 800px) and (min-aspect-ratio: 13/9){
    #main , .agegate-page,.contact-page, .disclaimer-page {width:0px; height: 0px ; overflow: hidden;}
    #detech-popup {display: block; height: 100%; }
    #header {height: 0!important; display: none!important;}
    #detech-popup h2 {font: 1.6em/1.4em 'museo_sans700',Helvetica,Arial,sans-serif; left: 0; margin-top: -22px; width: 100%; text-align: center; position: fixed; text-transform: uppercase; top: 50%;}
}
@media(max-width: 480px) {
    #main {margin-bottom: 60px;}
    .homepage .hero-unit .caption {margin-top: -98px;font-size: 0.9em;}
    .pastis .hero-unit .caption, .rose .hero-unit .caption {margin-top: -315px;}
    .glacial .hero-unit .caption {margin-top: -335px;}
    .facon .thumbnail .inner {padding-top: 20%;font-size: 1em;}

  .facon .text-intro {font-size: 1em;}
    .container-fluid {padding-left: 20px; padding-right: 20px;}
    .agegate-page{ min-height:862px}
    .agegate-page .container-fluid {padding-left: 0; padding-right: 0;}
    #header {z-index: 99999;}
    #header .navbar.navbar-inverse {z-index: 101; position: relative;}
    .contact-page .input-mini {width: 22%!important; }
    .contact-page .input-small {width: 36%!important; margin-right:0!important;}
    .info-block {margin: 10px 0 0;}
    .border {margin: 16px auto 21px;}
    .rose .hero-unit {background-size: 117%;}
    .rose .hero-unit .caption .btn-primary {font-size: 1.1em;padding: 7px 15px; margin-top: 5px;}
    .intro-block .span4 h3,
    .feature-block .thumbnail h3 {font-size: 1.2em;}
    .bdr-top > span {width: 10%;}

  .facon .hero-unit .brand {width: 96px;margin-left: -48px;}
  .btn-1 {transform: scale(0.65);
        -webkit-transform: scale(0.65);
        -moz-transform: scale(0.65);margin: -13px 0 0 -13px;}
  .btn-1 .icon-caret-left {padding: 26%;}
    .facon .thumbnails {margin-top: 20px;}
    .facon .hero-unit .caption {margin-top: 114px;font-size: 1.3em;}
    .facon .hero-unit .caption .box-product {height: 290px;}
    .facon .hero-unit .caption .inner {width: 70%; padding: 20 17px 0;}
    .facon .hero-unit .caption h1 {padding: 0 10px;height: 144px;}
    .facon .hero-unit img.pull-right {margin: 555px -30px 0 0;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
    }
    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 1.3em;}
    .facon .thumbnail p {line-height: 1.2;}
    #footer .navbar-fixed-bottom {padding: 2% 4%;}
    .show-onios{font-size: 1.7em;}
  .box-product .show-onios {font-size: 1em;}
    .wrapper-home #header .brand, .wrapper-home #header .nav-collapse {margin-top: 0;}
  .wrapper-home .homepage .hero-unit .caption-1, .wrapper-home .homepage .hero-unit .caption-2 {opacity: 1; filter: alpha(opacity= 100);}
  #header .brand img {max-width: 100%;}
  .homepage .hero-unit {height: auto;}
  .homepage .hero-unit .caption {font-size: 0.8em; top: 80%; margin: -290px 12% 0; text-align: center;}
  .homepage .hero-unit .caption {font-size: 0.8em;}
    .homepage .hero-unit .caption h2 {width: 195px; margin:0 auto 10px; padding-bottom: 5px; font-size: 3em; text-align: center;}
    .homepage .hero-unit .desc strong {font-size: 2em;}
    .homepage .hero-unit .desc span {font-size: 1.5em;}
    .homepage .hero-unit .desc strong:before {font-size: 1em; letter-spacing: -9px;}

}
@media (max-width: 479px) {
    .facon .container-fluid {padding-left: 15px; padding-right: 15px;}
    .facon .thumbnails {margin-top: 12px;}

    .facon .thumbnail p,
    .facon .thumbnail h3 {font-size: 1em;}
  .agegate-page .terms-block {margin-top: 15px;}
  .agegate-page .btn,.agegate-page .btn.btn-facebook {margin-bottom: 0;}
  .text-error {padding: 0;}
  .agegate-page{min-height:880px}
  .agegate-page .container-fluid {padding-left: 0; padding-right: 0;}
  .agegate-page .span12 .inner{font-size: 1.1em;}
  .agegate-page .inner .btn {margin-top: 0;}
  .agegate-page .btn.btn-facebook {margin-top: 5px;}
}
@media (max-width: 400px){
    .facon .hero-unit .caption h1 {padding: 0 17px;height: 99px;}
    .facon .hero-unit .caption {font-size: 1em;}
    .facon .hero-unit .caption .box-product {height: 238px;}
  #header .nav-collapse .nav li a {height: 37px; line-height: 37px; font-size: 1.4em;}
  .pastis .hero-unit .caption{margin-top: -340px;}
  .rose .hero-unit .caption {margin-top: -310px;}
  .wrap-bottle.mobile {display: block;}
  .wrap-bottle.mobile img {height: 282px; left: -40px; top: 129px; width: 100%;}
  .wrap-bottle.mobile .bottle-right img {left: 35px; }
  .homepage .hero-unit .caption {margin: -220px 12% 0;}
  .homepage .hero-unit .caption {font-size: 0.8em;}
    .homepage .hero-unit .caption h2 {width: 135px; margin:0 auto 10px; padding-bottom: 5px; font-size: 2em; text-align: center;}
    .homepage .hero-unit .desc strong {font-size: 1.5em;}
    .homepage .hero-unit .desc span {font-size: 0.8em;}
    .homepage .hero-unit .desc strong:before {font-size: 1em; letter-spacing: -5px;}
}
@media (max-width : 400px) and (max-height: 300px) and (max-aspect-ratio: 13/9) {
  #detech-popup {display: none!important;}
  #main , .agegate-page,.contact-page, .contact-page,.disclaimer-page {display: block!important;}
}
@media(max-width: 380px) {
    .facon .hero-unit .brand {width: 86px;margin-left: -48px; }
    .title {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
    }
    .news-page .title {margin-top: -57px;}
}
@media(max-width: 370px) {
  .pastis .hero-unit .caption {font-size: 0.8em; margin-top: -259px;}
  .glacial .hero-unit .caption {margin-top: -250px;}
  .rose .hero-unit .caption {font-size: 0.9em;margin-top: -284px;}
  .rose .hero-unit .caption  p, .pastis .hero-unit .caption p{margin: 0;}
  .facon .hero-unit .caption h1 {height: 90px;}
    .facon .hero-unit .caption {margin-top: 100px; font-size: 1em;}
    .facon .hero-unit .caption .box-product{ height: 214px;}
    .facon .thumbnail h3 span {font-size: 3.9em;}
  #header .brand {margin-left: -39px;}
  #header .brand, #header .brand img {width: 78px;}
}
@media(max-width: 360px){
   #header .nav-collapse .nav li a {background-position: center 5px;}
  #header .nav-collapse .nav li.rose-nav a {background-position: center -101px;}
  #header .nav-collapse .nav li.saga-nav a {background-position: center -200px;}
  #header .nav-collapse .nav li.news-nav a {background-position: center -300px;}
  #header .nav-collapse .nav li.glacial-nav a {background-position: center -799px;}
    #header .nav-collapse .nav li a:hover,
    #header .nav-collapse .nav li.active a{background-position: center -400px;}
  #header .nav-collapse .nav li.rose-nav a:hover ,#header .nav-collapse .nav li.rose-nav.active a{background-position: center -501px;}
  #header .nav-collapse .nav li.saga-nav a:hover,#header .nav-collapse .nav li.saga-nav.active a {background-position: center -600px;}
  #header .nav-collapse .nav li.news-nav a:hover,#header .nav-collapse .nav li.news-nav.active a {background-position: center -700px;}
  #header .nav-collapse .nav li.glacial-nav a:hover,#header .nav-collapse .nav li.glacial-nav .active a {background-position: center -899px;}
    .container-fluid {padding-left: 15px; padding-right: 15px;}
  .saga-page .accordion-group .carousel.slide {position: relative; overflow: hidden;}
  .saga-page .mobile {float: left; width: 100%;}
  .news-page #main.container-fluid {padding-left: 15px;}
  .info-block {margin-bottom: 0;}
  .intro-block {margin-top: 50px;}
  .rose .info-block {margin-bottom: 0;}
  .rose .intro-block {margin-top: 60px;}
  .pastis .info-block img {bottom: 35px;}
  .rose .info-block img {bottom: 25px;}
  .info-block img {bottom: 20px;}
    .agegate-page{min-height:880px}
    .agegate-page .container-fluid {padding-left: 0; padding-right: 0;}
    .agegate-page .span12 .inner{font-size: 1.1em;}
    .info-block {margin-top: 15px;}
    .info-block .title span {top: 25px;}
    .info-block .outer {margin-top: 15%;}
    .intro-block{padding-bottom:0}
    .intro-block .span4 h3,
    .feature-block .thumbnail h3 {font-size: 1.2em;}
    #contact-popup ul li .radio-custom label {margin-right: 13px;}
    .facon .hero-unit img.pull-right {margin: 422px -50px 0 0;
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
    }
    .title {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
    }
    .news-page .title {margin-top: -54px;}
    .feature-block .title {margin-top: -60px;}
    .feature-block .title span {top: -14px;}
    .thumbnail > .outer {padding: 4px;}
    .sociable.portrait {overflow: hidden;}
    .sociable .icon-facebook {text-indent: 5px;}
    .sociable .icon-facebook, .sociable .icon-envelope-alt {margin:-7px -4px 0 -5px!important; 
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75); }
    .agegate-page .sociable .icon-facebook {margin-right: -7px!important;}
    .sociable.portrait .icon-envelope-alt {margin-right: -8px!important;}
    .navbar-inverse .btn-navbar {margin: -7px 0 0 -8px;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75); }
    .news-page .thumbnail .icon-facebook{margin: 0 -10px -10px ;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
    }
  #header .nav-collapse .nav li a {height: 24px; line-height: 24px;font-size: 1.3em;}
    /*home*/
    .border {margin: 6px auto 12px;}
      .text-warning {font-size: .8em ; }
    .show-onios, .box-product .show-onios {font-size: 1.1em;}
    #footer .navbar-fixed-bottom {padding: 2% 0; margin-top: 0;}
    .text-warning {font-size: .9em;}
  .facon .hero-unit .caption p {margin: 0;}
  .btn-2 {width: 30px; height: 30px; }
  .thumbnail .btn-2 {width: 27px; height: 27px;}
  .facon .hero-unit .caption p {font: 1.8em/1.2 'museo_sans100', Helvetica, Arial, sans-serif;}
  #facon-popup-1 .modal-header .close {right: -9px;top: -9px;}
  .agegate-page .terms-block {margin-top: 15px;}
  .agegate-page .btn,.agegate-page .btn.btn-facebook {margin-bottom: 0; font-size: 0.9em; font-weight: normal;}
  .text-error {padding: 0;}
  .homepage #main.container-fluid, .pastis #main.container-fluid, .rose #main.container-fluid {padding-bottom: 70px }
  .border { width: 35px;}
  .homepage .hero-unit .icon-angle-right {top: -1px;}
  .disclaimer-page .modal-body {padding-bottom: 120px;}
}
@media (max-width: 340px){
  .facon .hero-unit .caption p {font: 1.5em/1.2 'museo_sans100', Helvetica, Arial, sans-serif;}
  .btn-2 {width: 27px;height: 27px;}
  .thumbnail .btn-2 {width: 25px; height: 25px;}
  .news-page #main.container-fluid {padding-left: 10px; padding-right: 10px;}
  .btn-facebook .icon-facebook {text-indent: 14px!important; }
}
@media(max-width: 320px){
  .news-page .thumbnail h2.title {margin-left: -4px;}
  .btn-2 {width: 27px;height: 27px;}
  .thumbnail .btn-2 {width: 25px; height: 25px;}
  .text-warning {font-size: .8em; white-space:nowrap}
  #header .brand{ margin-left: -33px;}
 #header .brand,#header .brand img { width: 66px;}
  .container-fluid {padding-left: 10px; padding-right: 10px;}
  .news-page #main.container-fluid {padding-left: 10px;}
  .facon .hero-unit .caption .box-product {height: 180px;font-size: .8em;}
  .facon .hero-unit .caption h1 {font-size: 1.3em;height: 66px;}
  .bdr-top > span {width: 15%;}
  .contact-page .modal-body,.disclaimer-page .modal-body{margin-top: 22px;}
  .sociable.portrait {overflow: hidden;}
  .sociable.portrait .icon-envelope-alt {margin-right: -10px!important;}
  .facon .thumbnail h3 {margin: 0;}
  .btn-1 .icon-caret-left {margin: 0 30px 0 -3px;}
  .facon .caption .btn-5 {padding: 5px 7px;}
  .facon .hero-unit img.pull-right {margin-top: 390px;}
  .scroll {display: none!important;}
  .agegate-page { overflow: hidden; min-height: 610px; }
  .agegate-page .span12 .inner {margin-top: 90px; font-size: 1.1em;}
  .agegate-page .inner .lead {font-size: .8em;}
  .agegate-page .inner ul{ margin-bottom:6px}
  .agegate-page .inner ul li input{ height: 34px; font-size: 1.3em;width: 60px;margin-bottom: 0;}
  .agegate-page .inner ul li input.input-small{width: 87px;}
  .agegate-page .span12 h1{font-size: 1.3em;margin: 10px 0;}
  .agegate-page .btn.btn-facebook{font-size:0.8em; padding-left:0}
  .homepage .hero-unit .caption .border{width:40px}
  p.text-info{font-size: .7em; bottom:40px}
  .agegate-page .terms-block {font-size: .7em;line-height: 1.5;}

  .saga-page #acc-mobile .text-center br {display: none;}
  .saga-page .mobile {margin: 185px 0 100px;}
  .sociable .icon-envelope-alt {text-indent: 1px; }
  .sociable .icon-facebook, .sociable .icon-envelope-alt {margin:-10px -11px 0 -5px!important;
      transform: scale(0.65);
      -webkit-transform: scale(0.65);
      -moz-transform: scale(0.65); }
  .agegate-page .sociable .icon-facebook {margin-right: -10px !important;}
  #contact-popup ul li > .input-mini{margin-right: 4%;}
  .btn.btn-navbar{margin: -10px 0 0 -11px;
      transform: scale(0.65);
      -webkit-transform: scale(0.65);
      -moz-transform: scale(0.65); }
  .icon-facebook {margin-left: 20px;}
  #header .nav-collapse .nav li a {height: 24px; line-height: 24px; font-size: 1.3em;}
  .news-page .icon-facebook {transform: scale(0.75); margin:0 -10px -10px 0;
      -webkit-transform: scale(0.75);
      -moz-transform: scale(0.75);}
  .news-page .thumbnail:first-child {margin-top: 0;}
  .intro-block .span4 {margin-top: 25px;}
  .intro-block .span4 h3 {font-size: 1.1em; line-height: 18px}
  /*homepage*/
  .homepage .feature-block {margin: 10px 17px 10px;width: 90%;}
  .homepage .hero-unit .caption {margin-top: -200px;}
  /*pasti-51*/
  .pastis .hero-unit .caption {margin-top: -227px;font-size: 0.8em;}
  .pastis .hero-unit .caption h1 {font-size: 2em;}
  .pastis .hero-unit .caption h2 {font-size: 1.5em; margin-bottom: 0;}
  .pastis .hero-unit .caption h3 {font-size: 1.3em; margin-bottom: 0;}
  .pastis .hero-unit .caption a {font-size: 0.5em;}
  .homepage .hero-unit .caption h2 {width: 125px;}
  .glacial .hero-unit .caption {margin-top: -220px;}

  /*rose-51*/
  .rose .hero-unit .caption {font-size: 0.8em;margin-top: -253px;}
  .rose .hero-unit .caption h3 {font-size: 1.3em; margin-bottom: 0;}
  .rose .hero-unit .caption a {font-size: 0.5em;}
  .rose .hero-unit .caption .btn-primary { padding: 12px 15px;font-size: 1.2em;}

  /*newsletter*/
  .contact-page{margin-top: 0px;}
  .contact-page #contact-popup .modal-body {padding-top: 50px;}
  .disclaimer-page {margin-top: 0px;}
  .disclaimer-page #ml-popup .modal-body,.disclaimer-page #cgu-popup .modal-body,.disclaimer-page #pdc-popup .modal-body{padding-top: 50px;}
  #contact-popup .radio-custom {margin-right: 0;}
  #contact-popup ul li .radio-custom label {margin-right: 13px;}
  #contact-popup .radio-custom span {margin: 9px 5px 0 0;}
  
  /*news-page*/
  .news-page {margin-top: 0;}
  .news-page #main {margin-top: 80px; }
  .news-page .thumbnail {margin-bottom: 20px;}
  .thumbnail#edition-limitee {margin-top: 60px;}
  .news-page .thumbnail h2.title {margin-bottom: 10px; left: -4px;}
  .news-page .thumbnail .caption {padding: 0 5px;}
  .info-block {margin-bottom: 0;}
  .intro-block {margin-top: 50px;}
  .info-block img {bottom: 20px;}
  .pastis .info-block img {bottom: 42px;}
  .facon .thumbnail .text-active  strong { display: block; margin: 5px 0;}
  .facon .thumbnail .text-active br { display: none;}
  .agegate-page .inner .btn { margin-top: 7px;}
  #contact-popup .checkbox-custom label {font: 0.8em/16px 'museo_sans300',Helvetica,Arial,sans-serif;}
}



/* Today-tomorrow 31 03 2015 */

.innovation2015{
line-height:28px;
}

.doubleCoktail .outer{
width:30%;
}

#outerSecond{
margin-left: 44px;

}

.doubleCoktail .outer> .inner,
.secondCoktailMobile .outer> .inner{
padding-left : 9%;
padding-right : 9%;
}

.secondCoktailMobile{
display : none;
margin-top:-80px;

}

#iframeNouveauVerre{
width : 100%;
margin : 35px 0;

}
.lienTriman{
    text-decoration: underline;
}
.rtecenter{
    text-align: center;
}
@media screen and (max-width:925px){

.secondCoktailMobile{
display : block;

}

#outerSecond{
margin-left: 44px;
display : none;
}
}

#ghostery {
    background-color: #fff;
}


/* Fin */

/* RAJOUTS CAROUSEL VIDEO */

   ul.listingVideos li{
        list-style-type:  none;
        display:inline-block;
        margin : 10px 10px 0 10px;
        cursor:pointer;
        position : relative;
    }
    ul.listingVideos li img+img{
        display:none;
        position : absolute;
        top:0;
        left : 0;
    }
    ul.listingVideos li:hover img+img{
        display : block;
       
    }
    
    ul.listingVideos{
        text-align:center;
        margin-left:0;
    }
    .saga-page ul.listingVideos li img+img{
        width : 100%;
        display:none;
    }
    
    .saga-page ul.listingVideos li:hover>img+img{
        display:block;
    }
    
    .player{
        min-height:357px;
        height:357px;
    }
    .custom-playlist{min-height:110px;}
    
    .twitter-share{
        position : absolute;
        bottom : 0;
        left : 0;
        width: 35px;
       height : 36px;
       padding : 10px 12px 10px 12px;
       background: url('/sites/all/themes/pernod/images/twitter.jpg') no-repeat;
       background-size:cover; 
    }
    
    body.page-saga .twitter-share, body.page-saga .fbShare{
        position : initial !important;
        display : inline-block !important;
        vertical-align : top;
    }
    
    @media screen and (min-width:640px){
        .twitter-share{
            padding : 2px 0 0 6px;
           
            height : 37px;
            right : 41px;
            left : initial;
        }
    }
    @media screen and (min-width:980px){
        .twitter-share{
            padding : 2px 0 0 6px;
           width : 26px;
            height : 29px;
            right : 32px;
           
        }
        
       
    }
    
    #iframeMeteo{
        max-width:100%;
        width:100%;
        min-height : 357px;
    }
    
    #ctbHome{
        margin-left : 0px;
        margin-top : 20px;
        text-align : left;
    }
    
    #ctbHome p{
        font-size : 18px;
        font-family :"museo_sans500";
        line-height: 21px;
          margin-bottom : 10px;
          text-align:center;
    }
    
    #ctbHome p strong{
        font-family : "museo_sans900";
    }
    
    #ctbHome a{
        color : #003d73;
         font-size : 16px;
         font-family : "museo_sans900";
         background-color : white;
         padding : 1px 80px;
         width : 75px;
         margin : 0 auto;
         display:block;
       
    }
    
    @media screen and (min-width : 360px){
        #ctbHome{
            margin-top : 20px;
        }
        
        #ctbHome a{
            padding : 5px 80px;
            margin-top : 20px;
        }
    }
    @media screen and (min-width : 400px){
        #ctbHome{
           max-width : 320px;
           margin-left : auto;
           margin-right : auto;
           
        }
        
   
    }
    @media screen and (min-width : 640px){
        #ctbHome{
           margin-left : 10px;
          
           
        }
        #ctbHome p{
       
           text-align : left;
           
        }
        #ctbHome a{
       
          display : inline-block;
          padding-top : 7px;
          padding-bottom  : 7px;
          padding : 10px 80px;
          width : 83px;
          font-size : 18px;
           line-height : 20px;
        }
        
   
    }
    
     @media screen and (min-width : 980px){
         #ctbHome{
             margin-top : 70px;
         }   
     }
    
    
    .ctbPastis{
        z-index : 4;
    }
    #ctbPastis{
        margin-left : 10px;
        margin-top : 30px;
        text-align : left;
        z-index : 4;
    }
    
    #ctbPastis p{
        font-size : 18px;
        font-family :"museo_sans500";
        line-height: 21px;
          margin-bottom : 20px;
          text-align : center;
    }
    
    #ctbPastis p strong{
        font-family : "museo_sans900";
    }
    
    #ctbPastis a{
        color : #003d73;
         font-size : 18px;
         font-family : "museo_sans900";
         background-color : white;
         padding : 10px 80px;
       margin : 0 auto;
       display :block;
       width : 83px;
    }
    .ctbPastis{
       
        margin-top : 30px;
        text-align : left;
        position : absolute;
            bottom : -40%;
            width : 90%;
            left:5%;
            margin-left : 0;
    }
    
    .page-51-rose .ctbPastis{
       
        margin-top : 30px;
        text-align : left;
        position : absolute;
            bottom : -45%;
            width : 90%;
            left:5%;
            margin-left : 0;
    }
    .page-51-glacial .ctbPastis{
       
        margin-top : 30px;
        text-align : left;
        position : absolute;
            bottom : -48%;
            width : 90%;
            left:5%;
            margin-left : 0;
    }
    
    .ctbPastis p{
        font-size : 14px;
        font-family :"museo_sans500";
        line-height: 18px;
          margin-bottom : 20px;
          text-align : center;
    }
    
    .ctbPastis p strong{
        font-family : "museo_sans900";
    }
    
    .ctbPastis a{
        color : #003d73;
         font-size : 18px;
         font-family : "museo_sans900";
         background-color : white;
         padding : 10px 80px;
       margin : 0 auto;
       display :block;
       width : 83px;
       max-width : 100%;
       z-index : 9999;
    }
    
    #piscine.info-block .outer, .secondCoktailMobile .outer{
        margin-bottom : 120%;
    }
    
    .page-51-rose .rose .hero-unit .caption{
        top : 91%;
    }
    .page-51-glacial .glacial .hero-unit .caption{
        top : 82%;
        width : 85%;
        margin-left : 8%;
    }
    
    #ctbPastis{
        margin-top : 15px;
        
    }
    #ctbPastis p {
        font-size : 12px;
        line-height : 16px;
        
    }
    #ctbPastis a {
        font-size : 12px;
        line-height : 16px;
        width : 56px;
    }
    
    @media screen and (min-width : 370px){
        .page-51-glacial .glacial .hero-unit .caption{
        top : 91%;
       
    }
        .page-51-glacial .glacial .hero-unit .caption>p{
     font-size : 12px;
    }
    
    
    }
    @media screen and (min-width : 480px){
        .page-51-glacial .glacial .hero-unit .caption{
        top : 85%;
       
    }
        .page-51-glacial .glacial .hero-unit .caption>p{
     font-size : 1.1em;
    }
      #ctbPastis p {
        font-size : 14px;
        line-height : 18px;
        width : 320px;
        text-align : center;
        margin-left : auto;margin-right : auto;
        
        
    }
    #ctbPastis a {
        font-size : 14px;
        line-height : 18px;
        width : 56px;
    }
    
    }
    @media screen and (min-width : 769px){
        
          .page-51-glacial .glacial .hero-unit .caption>p, .page-pastis-51 .pastis .hero-unit .caption>p{
     line-height : 1.2em;
    }
        .page-51-glacial .glacial .hero-unit .caption{
     
        width : 35%;
        margin : -190px 15% 0;
    }
        
        .page-51-glacial .glacial .hero-unit .caption, .page-pastis-51 .pastis .hero-unit .caption, .page-51-rose .rose .hero-unit .caption {
        top : 40%;
       
    }
      
      #ctbPastis p {
        font-size : 1.1em;
     max-width : 100%;
        width : 480px;
        text-align : center;
        margin-left : auto;margin-right : auto;
        
        
    }
    #ctbPastis a {
        font-size : 18px;
        padding : 10px 80px;
        width : 83px;
       line-height : 20px;
    }
    
    }
    
    
        @media screen and (min-width:480px){
    #piscine.info-block .outer, .secondCoktailMobile .outer{
        margin-bottom : 105%;
    }
        @media screen and (min-width:640px){
    #piscine.info-block .outer, .secondCoktailMobile .outer{
        margin-bottom : 85%;
    }
    
    
    
        }
        @media screen and (min-width:770px){
    #piscine.info-block .outer, .secondCoktailMobile .outer{
        margin-bottom : 33%;
    }
    
   
    
        }
    
    @media screen and(min-width:760px){
        .ctbPastis{
            left : 4%;
        }
    }
    @media screen and (min-width:920px){
        
        
        #ctbPastis{
            margin-top : 85px;
        }
       .page-51-rose #ctbPastis{
            margin-top : 118px;
        }
       .page-51-glacial #ctbPastis{
            margin-top : 59px;
        }
        
        
    }
    
    
    @media screen and (min-width:1280px){
        .ctbPastis{
            left : 11%;
        }
    }
    
  
    
/*****************************************************
*
*       Tableaux page NUTRI
*
*****************************************************/
.nutri{
  margin-top:20px;
  width:100%;
}

.nutri caption{
  color:#ED1C24;
  font-size:18px;
}


.nutri tr:nth-child(even) {
    background-color: #efefef;
}

.nutri th{
  background-color:#002D62;
  color:#fff;
  padding:10px 4px;
  font-size:12px;
  border-right:1px solid #cfcfcf;
}
.nutri th:first-child{
  padding-left:10px;
}

.nutri tr td{
  line-height: 1.6;
  font-family: 'DINPro-Light', Arial;
  font-size: 12px;
  color: #5e5e5e;
  text-align: justify;
  border-top:1px solid #fefefe;
  padding:4px 10px;
  text-align:right;
  border-right:1px solid #cfcfcf;
}
.nutri tr td:first-child{
  text-align:left;
}