@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 1400px
-------------------------------------------------------------------*/
@media screen and (max-width : 1400px) {
    /*.flexslider .slides > li { background-size:35%; }*/
}

@media screen and (max-width : 1240px) {
    .bg-sapin {
        background-size : 150px;
    }
}


/*-------------------------------------------------------------------
	Less than 960px
-------------------------------------------------------------------*/
@media screen and (max-width : 960px) {
    .bg-sapin {
        background-size : 120px;
    }

    .logo {
        margin : 0 5%;
        width  : 127px;
        height : 144px;
    }

    .share {
        right : 0;
    }

    .wrapper {
        width : 90%;
    }

    .flexslider-video-link {
        width   : 90% !important;
        display : block !important;
        margin  : 0 auto !important;
    }
    
    .flexslider-title, .flexslider-title a { font-size: 30px; line-height: 42px; }
    .flexslider-subtitle { font-size: 30px; line-height: 40px; }
    .flexslider-sub {font-size: 20px;line-height: 40px;padding-top: 10px;}
    
	header { background-size:auto; }
	header .wrapper { width:100%;padding:0 0; }
	.navigation { top:0; float:right;z-index:1; overflow:hidden; height:41px; margin:0;  position:inherit;}
	/* Navigation trigger */
	.navigation-trigger { max-width:30px; height:30px;position:absolute; z-index:2; top: 147px; left:5%; }
	.trigger { width:30px; height:30px; border:1px solid #FFF;  background:url(../images/common/navigation-trigger-down.png) no-repeat center; }
	.navigation-trigger.open .trigger { background:url(../images/common/navigation-trigger.png) no-repeat center; }
	.show { display:block !important; }
	.hide { display:none; }
	.navigation { width:80%; }
	.navigation > ul > li > a { padding: 11px 10px;}

    .navigation.is-static {
        width    : 100%;
        padding  : 0;
        position : relative;
        z-index  : 1;
        overflow : visible;
        z-index  : 200;
    }

    .navigation.is-static > ul > li > ul {
        zoom          : 1;
        filter        : alpha(opacity=100);
        background    : #fff;
        border-bottom : 1px solid #717376;
        opacity       : 1;
        z-index       : 10000;
        display       : block;
        position      : absolute;
        left          : 0;
        top           : 0;
        width         : 100%;
    }

    .navigation.is-static > ul > li, .navigation.is-static > ul > li > ul > li, .navigation.is-static > ul > li a {
        width   : 100%;
        display : block;
    }

    .navigation.is-static > ul > li:last-child {
        border : none;
    }

    .navigation.is-static {
        height     : auto;
        background : #fff;
    }

    .navigation.is-static > ul > li, .navigation.is-static > ul > li > ul > li {
        width       : 33.333%;
        border      : 2px solid #f9fafb;
        border-left : none;
        border-top  : none;
        float       : left;
    }

    .navigation.is-static > ul > li > ul > li:first-child {
        width               : 100%;
        border              : 2px solid #f9fafb;
        border-bottom-color : #000;
        border-bottom-width : 1px;
        text-align          : center;
        background          : #f9fafb;
        padding             : 11px;
        font-size           : 16px;
    }

    /*.navigation.is-static > ul > li:nth-child(3n) { border-right:none; }*/
    .navigation.is-static > ul > li:last-child {
        width  : 100%;
        border : none !important;
    }

    .navigation.is-static > ul > li:nth-last-child(2) {
        width : 50%;
    }

    .navigation.is-static > ul > li:last-child > a {
        background-color    : #000;
        width               : 100% !important;
        background-position : center;
        color               : #fff !important;
        text-align          : center;
        height              : auto !important;
    }

    /*.navigation.is-static > ul > li:nth-last-child(2) > a { background-color:#ce5429; width:100% !important; background-position:center; color:#FFF !important; text-align:center; height:auto !important;  }*/
    .navigation.is-static > ul > li:last-child > a:hover {
        background-color    : #000;
        background-position : center;
    }

    /*.navigation.is-static > ul > li:nth-last-child(2) > a:hover { background-color:#ce5429; background-position:center;  }*/
    .navigation.is-static > ul > li > ul {
        display : none;
    }

    .navigation.is-static > ul > li > a, .navigation.is-static > ul > li > ul > li > a {
        color       : #000;
        border      : none;
        background  : #fff;
        position    : relative;
        padding     : 18px !important;
        font-size   : 14px !important;
        line-height : 14px;
    }

    .navigation.is-static > ul > li > ul > li > a {
        min-height : 64px;
    }

    .navigation.is-static > ul > li:hover > a, .navigation.is-static > ul > .is-selected > a, .navigation.is-static > ul > li > ul > li:hover > a, .navigation.is-static > ul > li > ul > .is-selected > a {
        background : #f9fafb;
        border     : none;
    }

    .navigation.is-static {
        width : 100%;
        top   : 0;
    }
	.navigation.is-static > ul { padding:0 0 20px 0; }
	.navigation.is-static > ul > li > a { width:100%; } 
	.navigation.is-static > ul > li:last-child > a { top:0; width:30px; }
	.l-row-4 > div { width:50% !important; }
	.l-row-4 > div:nth-child(4n-1) { padding:0 20px 0  0!important; }
	.l-row-4 > div:nth-child(4n-2) { padding:0 0 0 20px; }
	.l-row-4 > div:nth-child(4n) { padding:0 0 0 20px; }
	.l-row-4 > div:nth-child(4n+1) { clear:both; padding:0 20px 0 0; }
	.l-row-4 > div:nth-child(2n+1) { clear:both !important; }
    .nav-trigger { display: none;  }
    .sub-navigation {display:none!important;}
}


/*-------------------------------------------------------------------
	Less than 860px
-------------------------------------------------------------------*/
@media screen and (max-width: 860px) {
	.sub-navigation { display:none; }
     .pop-up-accueil { min-width: -webkit-fill-available; }
}


/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width : 768px) {
    .bg-sapin {
        background-size : 90px;
    }

    .h2-middle {
        font-size   : 38px;
        line-height : 40px;
    }

    .technical-sheet-awards, .technical-awards {
        -moz-column-count    : 1;
        -webkit-column-count : 1;
        column-count         : 1;
        -moz-column-gap      : 0;
        -webkit-column-gap   : 0;
        column-gap           : 0;
    }

    .top {
        display : none;
    }

    .navigation.is-static > ul > li, .navigation.is-static > ul > li > ul > li {
        width : 50%;
    }

    .employees {
        -moz-column-count    : 2;
        -webkit-column-count : 2;
        column-count         : 2;
    }

    .pop-camion {
        display : none;
    }

    .navigation > ul > li:nth-last-child(2) > a.search {
        display : none;
    }

    a.searchtop {
        padding-top    : 0;
        padding-bottom : 0;
        display        : block;
        width          : 17px;
        height         : 16px;
        border         : none;
        background     : url(../images/common/icon-magnifier.png) right no-repeat;
        position       : absolute;
        top            : 16px;
        right          : 14px;
    }

    .livesearch-bar {
        right : 13px;
        top   : 40px;
        width : 50%;
    }

    .flexslider-awards {
        margin-top : 100px;
    }

    /* .flexslider .slides > li {  width: 100%; background-position: 284px bottom; background-repeat: no-repeat; display: block; }*/
    .slider-image {
        height          : 275px;
        background-size : cover;
    }

    .h2--award {
        width         : 100%;
        margin-bottom : 28px;
    }
}

/*-------------------------------------------------------------------
	Less than 680px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 680px) {
	
	.stamp:before { display:none; }
	.l-grid > div,.l-row-4 > div:nth-child(4n-1), .l-row-4 > div:nth-child(4n-2), .l-row-4 > div:nth-child(4n), .l-row-4 > div:nth-child(4n+1) { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.etiquette { width:85px; }
	.is-hover { display:none !important; }
	h1, is-small { font-size:33px !important; line-height:35px !important; }
	h2 { font-size:18px; line-height:20px; }
	h3 { font-size:24px; line-height:28px; }
	.navigation { height: 49px; }
	.navigation > ul > li > a { font-size:12px; padding:11px 7px 19px 7px !important; }
	.navigation.is-static > ul > li > a { font-size:12px;    padding: 16px 10%; }
	.intensity { width:60px; height:60px; background-size:contain; }
	.intensities { width:60px; right:10px; margin:-10px 0 0 0; }
	.intensities li:nth-child(2) { right:53px; }
	.intensities li:nth-child(3) { right:106px; }
	.technical-sheet > li { width:100%; padding:0 !important; }
	.technical-sheet li { margin:0 0 20px 0 !important; }
	.technical-sheet > li > ul { overflow: hidden;}
	.technical-sheet > li > ul > li, .technical-sheet > li:last-child { margin:0 !important; }
	.v-spacer { padding:40px 0; }
	/*.breadcrumbs { margin:0 0 30px 0; }*/
	#livesearch-bar { width:100%; }
	.top { width:40%; }

    .card-link {
        margin : 0 0 20px 0;
    }

    .logo { /*background-image:url(../images/common/logo-mobile.png); */
        height : 110px;
        width  : 100px;
    }

    .navigation-trigger {
        top : 111px;
    }
	#map_canvas { height:200px; }
	.filters { margin:10px 0 20px 0; padding:15px 0; }
	.card-content ul li:last-child, .card-content ul li:last-child .award-title { margin:0; }
.flexslider-titles, .flexslider-picture, .flexslider-pics{ height:0; }
	.flexslider-title {  font-size:24px;line-height:25px;     }
	.flexslider-subtitle {  font-size:18px;line-height:20px; }
	/*.flexslider .slides > li {     background-size: 66%; }*/
	.filter-list-milk {  margin:0 10px 0 0; }
	.filter-list-milk:last-child { margin:0; }
	.filter-list-milk a span { width:60px; height:60px; }
	.filter-list-milk .filter-list-milk-icon { background-size:40%; }
	footer, #l-wrap:after { height:auto; }
	#l-wrap {margin-bottom:0;  }
	footer { padding:20px 0; }
	.footer-navigation { padding:30px 0 16px 0; }
	.footer-navigation ul li a { padding:0 8px; font-size:14px; white-space: nowrap; }
	.footer-navigation-secondary ul li a { font-size:12px; }
	.slogan, .slogan-en { display:none; }
	.logo-footer { height:111px; background-size:contain; background-repeat:no-repeat; background-position:center; }
    /*	.flexslider-title, .flexslider-title a { font-size:22px; line-height:25px; }
        .flexslider-title-wrapper { text-align:left; padding:0; }
        .flexslider-alt-title-01 {font-size: 28px; }
        .flexslider-title-wrapper-top { display:block; }
        .flexslider .slides img { margin: 20px 0!important;}
        .flex-bg {background-position-x: 100%!important; }  */
    
   /* .flexslider-titles, .flexslider-picture { height:310px; }
	.flexslider-title {  font-size:24px;line-height:25px;     }
	.flexslider-subtitle {  font-size:18px;line-height:20px; }
	.flexslider .slides > li { background-size:55%; }
    .flexslider-title, .flexslider-title a { font-size:25px; line-height:25px; }
	.flexslider-title-wrapper { text-align:left; }*/
    
	.video .flexslider-title-wrapper { padding:0; }
	.video .flexslider-title { font-size:18px; line-height: 22px; padding-top: 0; width: 60%; margin: 0 0 0 10px;}
    .flexslider-alt-title-02 {font-size: 17px;  line-height: 30px;  margin: 0 0 10px 0;}
	.video-play { width: 60px;}
	.arrow-down { display:none; }
	.card-smaller { width:100%; float:none; padding:0 !important; margin:0 !important; }
	.publication-logo { max-width:100%; }
	.technical-sheet-title { font-size:12px; }
	.technical-sheet > li > ul > li { margin:0 0 15px 0 !important; }
	.breadcrumbs > li, .breadcrumbs > li > a { font-size:12px; }
	.livesearch-bar-static input { font-size:13px; padding: 10px 18px; }
	.print-link { display:none; }
	
	.l-grid.s-row-2 > div { float:left !important; clear:none !important; width:50% !important; padding:0 10px 0 0 !important; }
	.l-grid.s-row-2 > div:nth-child(2n) { padding:0 0 0 10px !important; }
	.l-grid.s-row-2 > div:nth-child(2n+1) { clear:both !important; }
	
	input[type='radio'].cheese_choice_radio + label { width:120px; }
	.cheese_choice_picture { width:120px; height:120px; }
	.special-title h1 { font-size:28px !important; line-height:30px !important; }
	.special-title .special-subtitle { font-size:16px; line-height:18px; margin:10px 0 0 0; }
	.contest-prize-title { font-size:20px; line-height:21px; }
	.cheese_choice_name { font-size:13px !important; line-height:15px; }
	.chosen { width:auto; margin:0 0 20px 0; }
	.contest-choices .chosen .cheese_choice_picture { float:none !important; }
	.chosen:nth-child(1) {left:0; }
	.chosen:nth-child(2) { right:0; }
	.appreciation { width:100%; }
	.appreciation-level { margin: 0 5px; }

    .iga:after {
        display : block;
        margin  : 0 0 10px 0;
    }

    .logo::after, .logo-footer::after {
        left : 105px;
    }

    .pop-titre {
        font-size : 24px;
    }

    .pop-up-accueil div.fancybox-skin {
        width : 90% !important;
    }

    .btn--slider {
        display : none;
    }

    /* .flexslider-sub {font-size: 16px;}
     .flexslider-awards {  margin-top: 0; }*/
    .flex {
        display : inherit;
    }

    .bg-image {
        height : 300px;
    }

    .fake-br {
        display : initial;
    }

    .border-left {
        border-left : 0px dashed #c1c1c1;
    }

    .border-right {
        border-right : 0px dashed #c1c1c1;
    }

}

@media screen and (max-width : 595px) {
    /* .flexslider .slides > li {  background-size: contain; background-position-y:115px; background-position-x: center; }
     .flexslider-title, .flexslider-title a { font-size: 22px; line-height: 25px; }
     .flexslider-title-wrapper {vertical-align: inherit; padding-top: 36px;}
     .flexslider-sub { font-size: 16px; line-height: 26px; padding-top: 0; }
       /*.flexslider .slides > li {     background-size: 196%; background-position-y: top;     height: 262px!important;}*/
    .filter-list-stores li {
        margin : 0 0 0 0;
        width  : 100%;
    }

    select {
        width : 100%;
    }

    .ou {
        margin : 20px 32px 20px 0 !important;
    }

    .zip_code {
        margin : 0;
    }
    
    }

/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	.share { background: url(../images/common/icon-share@2x.png); background-size:contain; }
	.nutrition-facts-link .nutrition-facts-icon { background: url(../images/common/icon-nutrition_facts@2x.png) no-repeat center #2c2c2c; background-size:50%; }
	.print-link .print-icon { background: url(../images/common/icon-print@2x.png) no-repeat center #2c2c2c; background-size:50%; }
	.trigger { background: url(../images/common/navigation-trigger-down@2x.png) no-repeat center; background-size:40%; }
	.appreciation-level { background: url(../images/common/hearth-empty@2x.png); background-size:cover; }
	.is-appreciated { background: url(../images/common/hearth@2x.png); background-size:cover; }
}