@charset "utf-8";
/*
CSS Document
Project : CL de La Chapelle
Date : Janvier 2014
Author : NEFTIS - Dom.B
Credits : reset & defaults style generated with http://twitter.github.com/bootstrap/

Requirements : - css/PIE.htc
pieSelector { behavior: url(/js/PIE.htc); }
*/

/* ******************************** */
/* STRUCTURE */
/* ******************************** */
body { min-width: 320px; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { /*width: auto; max-width: 980px;*/ }


/* ******************************** */
/* @media-queries */
/* ******************************** */

/* Large desktop */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 991px) {
    .identity .tel { font-size: 20px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    #popupBox { width: 740px; margin-left: -370px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body { background: #fff !important; filter: none\9 !important; }
    #affMenu { display: block; }
    .container_mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url("medias/transparent_white_70p.png"); display: none; }

    .colLeft, .colRight { float: none; width: auto; }
    .colLeft { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

    #mainHeader { /*display: none;*/ position: fixed; top: 0; background: url("medias/bg_colLeft.jpg") repeat left top; /*min-width: 300px;*/ left: -80%; width: 80%; bottom: 0; }
    #mainMenuWrapper { position: absolute; left: 0; right: 0; bottom: 20px; top: 227px; overflow: auto; }
    #mainFooter { margin: 0 20px; /*border-top: 1px solid #b59779; padding-top: 24px;*/ }
    /* Flêche d'indication de menu déroulant*/
    #mainHeader.plus:before { content: ""; width: 280px; height: 50px; background: transparent; position: absolute; bottom: 20px; left: 50%; margin-left: -140px; box-shadow: 0 16px 16px -18px #200f04; }
    #mainHeader.plus:after { content: ""; position: absolute; left: 50%; margin-left: -16px; bottom: 4px; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 16px; border-color: #200f04 transparent transparent transparent; }

    .logo > img {
        image-rendering: -moz-crisp-edges;         /* Firefox */
        image-rendering:   -o-crisp-edges;         /* Opera */
        image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
    }

    .footerMenu .nav > li > a { font-size: 14px; margin: 8px 0; }

    .section1_accueil { padding: 28px 20px 24px; }
    .section2_accueil { padding: 24px 20px; }
    .section1_accueil { border-bottom: 1px solid #dddad9\9; }
    .section1_accueil:after { content: ""; width: 90%; height: 50px; background: transparent; position: absolute; bottom: 0; left: 5%; box-shadow: 0 16px 16px -22px #200f04; }
    .section1_type { padding: 32px 32px 0; }
    .titre_1 { margin: 0 -12px 22px; }

    /* Lien newsletter */
    .hidden-xs-nl { display: none !important; }
    .visible-xs-nl { display: inline !important; }

    .warning { /*margin: 0 -32px; background: url("medias/bg_colLeft.jpg") repeat left bottom; color: #eddbc5; padding-top: 12px;*/ }
    .identity { /*margin-bottom: 15px;*/ }

    /* Flexslider */
    #cl_selection, #cl_slider1 { height: auto; }
    #cl_selection .flex-control-nav { top: -25px; background: none; }
    #cl_slider1 { /*padding: 0;*/ }
    #cl_slider1 > .titre { text-align: left; margin: 12px 0 24px; }
    #cl_slider1 .media { position: relative; text-align: center; }
    #cl_slider1 .media > a { float: none; display: inline-block; }
    #cl_slider1 .media .media-body { position: absolute; top: 0; left: 0; /**/ right: 0; top: 36%; }
    #cl_slider1 .media .media-body .media-heading { background: url("medias/transparent_white_70p.png"); padding: 5px; /*margin-top: 112px; max-width: 92px;*/ margin: 0; }

    /* liste produits */
    #cl_liste .media { display: block; width: auto; }

    /* Fiche produits */
    #cl_fiche .qte { float: left; margin: 12px 0 0; }
    #cl_fiche .boutique_panier_add_items { /*margin-top: 36px;*/ }

    /* page mon compte */
    #comptev3Infos .panierv3TableBorder .panierv3TableLeft { width: auto; }
    #comptev3Infos .panierv3TableBorder .panierv3TableRight { width: auto; }

    #popupBox { width: 90%; height: 90%; left: 5%; top: 5%;  margin: 0; }
    #popupBoxClose { position: absolute; top: -12px; right: -14px; padding: 0; width: 30px; height: 30px; overflow: hidden; text-indent: -9999em; background: url("medias/closebox.png") no-repeat left bottom; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .top { padding: 5px 16px 0 12px; }

    .logo { margin: 0 0 12px; }
    .logo .titre { font-size: 12px; white-space: nowrap; }
    .tagline { margin: 0; font-size: 14px; white-space: nowrap; }

    #mainMenuWrapper { top: 192px; }
    .mainMenu .nav > li > a > span { padding: 10px 0; }
    .mainMenu .nav > li.dropdown.active > a > span { padding: 12px 0; }
    .mainMenu .nav > li.dropdown.active > .dropdown-menu > li > a { padding: 4px; }
    .mainMenu .nav > li.dropdown.active > .dropdown-menu > li.active > a { padding: 4px; }

    #visuType .message,
    #visuType .message.bas { /*bottom: auto; top: 40%;*/ }
    /* Flexslider */
    #carrousel .flexslider .slides > li .message { top: 20%; font-size: 28px; }
    #cl_selection .media > .pull-left { max-width: 25%; }

    /* Slider fiche */
    #cl_slider2 .media .media-heading > * { font-size: 8px; }
}