/* Generated in 00:00:00.0025121 */
/* 1 css file(s) appended */
/* Generation date 09-11-2023 10:08:10 */

/* StyleSheet File : ~/fr-CA/_media/stylesheet/51.css */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700|Roboto:400,400italic,700,700italic);
@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
</style>@charset "UTF-8";
@import url(/_media/document/4367/defaultgpc.css);

a.btnArrow.btnArrow {
    padding: 1.25rem 3.375rem 1.25rem 1rem;
    position: relative;
    font-size: 1rem;
    text-transform: inherit;
    text-align: left;
    font-family: "Lato", sans-serif;
}

a.btnArrow.btnArrow:after {
    content: '\f061';
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    font-size: 1.375rem;
    font-weight: 500;
}

a.btnArrow.btnArrow.back:after {
    content: '\f060';
}

a.btn.btnFlip {
    background: none;
    color: #4F4F4F;
    border: 1px solid #4F4F4F;
    font-size: 1rem;
    text-transform: none;
    padding: 1.25rem 1rem;
    position: relative;
    font-family: "Lato", sans-serif;
}

a.btn.btnFlip:hover{
    color: white;
    background: #4f4f4f;
}

a.btn.btnFlip.selected{
    color: white;
    background: #4f4f4f;
    pointer-events: none;
}

.redMsg{
    color: red;
}
.st-search-summary {
    display: none!important;
}
.titleSearch{display:none;}
.titleSearch h1{
color: #24743a;
}
.st-result-pagination-link{font-size:0}
.st-result-pagination-link span,
.st-ui-pagination-number-link{font-size:1.00rem}
.st-ui-pagination-link{
    display: inline-block;
    margin-right: 1px;
    padding: 4px 8px;
    line-height: 1em;
    cursor: pointer;
    color: #1d1d1d;
    background: #e5e5e5;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 0;
    text-decoration: none;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    margin: 0 0.3125rem 0.3125rem;
}

.st-ui-pagination-link.active{
background: #49ab3e;
    color: #fff;
}
.st-ui-pagination-link:hover{
    background: #24743a;
    color: #fff;
    text-decoration: none;
}
.st-ui-pagination-link:hover span{
    border-color: #fff;
}
.st-result-pagination-link{
    line-height: 16px;
    vertical-align: top;
}
.st-ui-footer span.st-ui-arrow.left-arrow{
    top: 4px;
 border-width: 0 2px 2px 0;
}
.st-ui-footer span.st-ui-arrow.right-arrow{
    top: 4px;
    right: 2px;
 border-width: 0 2px 2px 0;
}
.st-ui-container-footer_bar{
    padding-top: 1.00rem;
}
/*==============================================================================================================================================
================================================================================================================================================
      � ENLEVER POUR FAIRE AFFICHER LES BOUTONS AMENANTS AUX CIRCULAIRES ET LA SECTION PROMO DE LA PAGE D'ACCUEIL DU CLUB */

.asideCta > div:nth-child(2), .clubPromotions, .promoZone {
    display: none;
}
/*==============================================================================================================================================
================================================================================================================================================*/
ul li {
    text-align: -webkit-auto;
}

.recovery-container {
    width: auto!important;
    height: auto!important;
}

.header2019 .topMenu .links > a.circulaires, .footer2019 .menuBotanix .menuCss14 .rank1, .mobileMenu2019 .wrapper .topMenu .links > a.circulaires, .mobileMenu2019 .wrapper .botMenu .menu .menuCss17 ul li.rank0{

}

li[class*="cultureItemLiSelected"] {
  display: none !important;
}

 /* Normalize CSS */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
    display: block;
}

audio, canvas, video
{
    display: inline-block;
}

    audio:not([controls])
    {
        display: none;
        height: 0;
    }

[hidden]
{
    display: none;
}

html
{
    font-size: 12px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html, button, input, select, textarea
{
    font-family: sans-serif;
}

body
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    overflow-x: auto;
}

a:focus
{
    outline-width: thin;
    outline-style: dotted;
    outline-color: -moz-initial;
    outline-color: initial;
    outline-color: initial;
}

a:active, a:hover
{
    outline-width: 0;
    outline-style: none;
    outline-color: -moz-initial;
    outline-color: initial;
    outline-color: initial;
}

h1
{
    font-size: 2em;
    margin-top: .67em;
    margin-right: 0;
    margin-bottom: .67em;
    margin-left: 0;
    line-height: 1.15em;
}

h2
{
    font-size: 1.5em;
    margin-top: .83em;
    margin-right: 0;
    margin-bottom: .83em;
    margin-left: 0;
    line-height: 1.15em;
}

h3
{
    font-size: 1.17em;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
}

h4
{
    font-size: 1em;
    margin-top: 1.33em;
    margin-right: 0;
    margin-bottom: 1.33em;
    margin-left: 0;
}

h5
{
    font-size: .83em;
    margin-top: 1.67em;
    margin-right: 0;
    margin-bottom: 1.67em;
    margin-left: 0;
}

h6
{
    font-size: .67em;
    margin-top: 2.33em;
    margin-right: 0;
    margin-bottom: 2.33em;
    margin-left: 0;
}

abbr[title]
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
}

b, strong
{
    font-weight: bold;
}

blockquote
{
    margin-top: 1em;
    margin-right: 40px;
    margin-bottom: 1em;
    margin-left: 40px;
}

dfn
{
    font-style: italic;
}

hr
{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark
{
    background-color: #ff0;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #000;
}

p, pre
{
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
}

code, kbd, pre, samp
{
    font-family: monospace, serif;
    _font-family: 'courier new' monospace;
    font-size: 1em;
}

pre
{
    white-space: pre;
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

q
{
    quotes: none;
}

    q:before, q:after
    {
        content: '';
        content: none;
    }

small
{
    font-size: 80%;
}

sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

dl, menu, ol, ul
{
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
}

dd
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 40px;
}

menu, ol, ul
{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 40px;
}

nav ul, nav ol
{
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}

img
{
    border-top-width: 0;
    border-top-style: none;
    border-top-color: -moz-initial;
    border-top-color: initial;
    border-top-color: initial;
    border-right-width: 0;
    border-right-style: none;
    border-right-color: -moz-initial;
    border-right-color: initial;
    border-right-color: initial;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: -moz-initial;
    border-left-color: initial;
    border-left-color: initial;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root)
{
    overflow: hidden;
}

figure
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

form
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

fieldset
{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: silver;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: silver;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: silver;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: silver;
    margin-top: 0;
    margin-right: 2px;
    margin-bottom: 0;
    margin-left: 2px;
    padding-top: .35em;
    padding-right: .625em;
    padding-bottom: .75em;
    padding-left: .625em;
}

legend
{
    border-top-width: 0;
    border-top-style: none;
    border-top-color: -moz-initial;
    border-top-color: initial;
    border-top-color: initial;
    border-right-width: 0;
    border-right-style: none;
    border-right-color: -moz-initial;
    border-right-color: initial;
    border-right-color: initial;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: -moz-initial;
    border-left-color: initial;
    border-left-color: initial;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    white-space: normal;
}

button, input, select, textarea
{
    font-size: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: baseline;
}

button, input
{
    line-height: normal;
}

button, select
{
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]
{
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled]
    {
        cursor: default;
    }

input[type="checkbox"], input[type="radio"]
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

input[type="search"]
{
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
    {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner
{
    border-top-width: 0;
    border-top-style: none;
    border-top-color: -moz-initial;
    border-top-color: initial;
    border-top-color: initial;
    border-right-width: 0;
    border-right-style: none;
    border-right-color: -moz-initial;
    border-right-color: initial;
    border-right-color: initial;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: -moz-initial;
    border-left-color: initial;
    border-left-color: initial;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

textarea
{
    overflow: auto;
    vertical-align: top;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/* Standard */

html
{
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 1.5em;
    background-color: #f9fbf9;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
}

body
{
    min-height: 100%;
    width: 100%;
    min-width: 956px;
    position: relative;
}

form
{
    min-height: 100%;
    height: 100%;
}

::-moz-selection
{
    background-color: #eb9925;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #fff;
    text-shadow: none;
}

::selection
{
    background-color: #eb9925;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #fff;
    text-shadow: none;
}

input[type=text], input[type=password], textarea, select
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
}

textarea
{
    resize: vertical;
}

input[type=submit], input[type=button], .button
{
    color: #fff;
    display: inline-block;
    font-size: 1.083em;
    background-color: #eb9925;
    text-decoration: none;
    border-top-width: 0;
    border-top-style: none;
    border-top-color: -moz-initial;
    border-top-color: initial;
    border-top-color: initial;
    border-right-width: 0;
    border-right-style: none;
    border-right-color: -moz-initial;
    border-right-color: initial;
    border-right-color: initial;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: -moz-initial;
    border-left-color: initial;
    border-left-color: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

    input[type=submit]:hover, input[type=button]:hover, .button:hover
    {
        background-color: #da8f24;
    }

    .button img
    {
        padding-right: 0.5em;
    }

hr
{
    border-top-width: 0;
    border-top-style: none;
    border-top-color: -moz-initial;
    border-top-color: initial;
    border-top-color: initial;
    border-right-width: 0;
    border-right-style: none;
    border-right-color: -moz-initial;
    border-right-color: initial;
    border-right-color: initial;
    border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: -moz-initial;
    border-bottom-color: initial;
    border-bottom-color: initial;
    border-left-width: 0;
    border-left-style: none;
    border-left-color: -moz-initial;
    border-left-color: initial;
    border-left-color: initial;
    background-color: #ededed;
    background-image: url(/_media/image/4367/divider-pattern.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    height: 0.66em;
    margin-top: 2em;
    margin-right: 0;
    margin-bottom: 2em;
    margin-left: 0;
}

.mobile
{
    display: none;
}

a
{
    text-decoration: underline;
    cursor: pointer;
    color: #426037;
}

    a:hover, a:active
    {
        text-decoration: none;
    }

.wrapper .filAriane ~ * a:visited
{
    color: #888;
}
form .hiddenField{
display:none!important;
}

h1
{
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2.16em;
    line-height: 1em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.5em;
    margin-left: 0;
    font-weight: normal;
}

h2
{
    font-weight: normal;
    font-size: 1.83em;
    color: #426037;
    margin-top: 1em;
    margin-right: 0;
    margin-bottom: 0.5em;
    margin-left: 0;
}

p, ul, ol
{
    margin-top: 0.75em;
    margin-right: 0;
    margin-bottom: 0.75em;
    margin-left: 0;
}

ul, ol
{
    padding-left: 2em;
}

.wrapContent ul
{
    display: table;
}
.wrapContent .texte-principale-blogue table ul
{
    display: block;
}

.wrapContent .texte-principale-blogue table ul li
{
text-align:left;
}
h3
{
    margin-top: 1.5em;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

    h1:first-child, h2:first-child, h3:first-child, h3 + p
    {
        margin-top: 0;
    }

img
{
    vertical-align: middle;
    max-width: 100%;
}

.clear
{
    clear: both;
}

.clearfix
{
    zoom: 1;
}

    .clearfix:after
    {
        content: "";
        display: table;
        clear: both;
    }

.left
{
    float: left;
}

.right
{
    float: right;
}
textarea, input[type="text"], input[type="button"], input[type="password"], input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.wrapper
{
    max-width: 956px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.wrapAll
{
    height: auto;
    min-height: 100%;
}

.ouvrirPopinImages { display: none; }
.openPopin{ display: none;}

.bgpopin
{
    background-color: transparent;
    background-image: url(/_media/image/4367/bgpopin.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
}
/* Gabarits */

.defaultFacet span{
    display: block;
}

.defaultFacet span.hiddenResults.GpcPagerTrailing {
    display: inline;
}

    .wrapContent > .wrapper
    {
        background-color: #fff;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        padding-top: 20px;
        padding-right: 22px;
        padding-bottom: 20px;
        padding-left: 22px;
        max-width: 912px;
    }

.content1
{
    width: 79%;
}

.circulaire
{
    padding-bottom: 2.66em;
    position: relative;
    margin-top: 0.75em;
    margin-right: 0;
    margin-bottom: 2em;
    margin-left: 0;
}

    .circulaire:before
    {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.66em;
        background-color: #EDEDED;
        background-image: url(/_media/image/4367/divider-pattern.png);
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
    }

    .circulaire .left
    {
        width: 35%;
        font-weight: bold;
    }

.wrapMiniCirculaire
{
    max-height: 21.5em;
    margin-bottom: 1em;
    overflow: hidden;
}

.circulaire .left img.agrandir
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0.4em;
    vertical-align: text-top;
    display: inline;
}

.circulaire .right
{
    width: 58.5%;
}

.circulaire h2
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.circulaire h3
{
    margin-top: 0.35em;
    margin-right: 0;
    margin-bottom:0;
    margin-left: 0;
    font-size: 0.916em;
    text-transform: uppercase;
}

.circulaire .button
{
    margin-top: 1em;
    font-size: 1em;
}
.circulaire .zoneGeo{
    font-style: italic;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    color: #000;
    margin-bottom: 1.5em;
}
.circulaire .erratum{
    font-family: 'Lato', Arial, sans-serif;
    font-size: 11px;
}
.popinCirculaire
{
    width: 956px;
}

    .popinCirculaire .content
    {
        background-color: #000;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        padding-top: 29px;
        padding-right: 29px;
        padding-bottom: 29px;
        padding-left: 29px;
        -ms-overflow-y: scroll;
        -ms-overflow-y: scroll;
        overflow-y: scroll;
        -ms-overflow-x: hidden;
        -ms-overflow-x: hidden;
        overflow-x: hidden;
        max-height: 500px;
    }

.amenagementPaysager
{
    padding-bottom: 2.66em;
    position: relative;
    margin-top: 0.75em;
    margin-right: 0;
    margin-bottom: 2em;
    margin-left: 0;
}

    .amenagementPaysager .left
    {
        width: 35%;
    }

    .amenagementPaysager .right
    {
        width: 61.25%;
    }

    .amenagementPaysager h2
    {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .amenagementPaysager h3
    {
        margin-top: 0.5em;
        margin-right: 0;
        margin-bottom: 0.8em;
        margin-left: 0;
    }

        .amenagementPaysager h2 a, .amenagementPaysager h3 a
        {
            text-decoration: none;
            color: #EB9925;
            -webkit-transition: color 0.25s;
            transition: color 0.25s;
        }

            .amenagementPaysager h2 a:hover, .amenagementPaysager h3 a:hover
            {
                color: #426037;
            }

.filAriane
{
    color: #000;
    margin-bottom: 2.3em;
}

    .filAriane a
    {
        color: #426037;
        text-decoration: underline;
    }

        .filAriane a:hover
        {
            text-decoration: none;
        }

    .filAriane span *:last-child:after
    {
        content: "\25b6";
        color: #515151;
        padding-left: 2px;
    }

.title.clearfix
{
}

    .title.clearfix h1
    {
        float: left;
        width: 85%;
    }

    .title.clearfix .button
    {
        float: right;
        margin-left: 0.5em;
        padding-top: 2px;
        padding-right: 6px;
        padding-bottom: 2px;
        padding-left: 6px;
    }

.content2
{
    clear: both;
}

.astuces
{
    width: 634px;
    margin-top: 3em;
    clear: both;
}

    .astuces .title
    {
        color: #fff;
        text-transform: uppercase;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1.6em;
        background-color: #395336;
        background-image: url(/_media/image/4367/tips.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 11px 7px;
        padding-top: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-left: 2.25em;
        margin-bottom: 1.2em;
    }

.astuce
{
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
}

    .astuce:nth-child(3n)
    {
        margin-right: 0;
    }

    .astuce a:hover img
    {
        -webkit-opacity: 0.75;
        -webkit-opacity: 0.75;
        opacity: 0.75;
    }

    .astuce .titre
    {
        text-transform: uppercase;
        font-size: 1.16em;
        color: #000;
        line-height: 1.15em;
        margin-top: 0.785em;
        margin-right: 0;
        margin-bottom: 0.785em;
        margin-left: 0;
        font-family: "Roboto Condensed", sans-serif;
    }

        .astuce .titre strong
        {
            display: block;
        }

.readMore
{
    display: block;
    font-size: 1.083em;
    text-decoration: none;
    color: #000;
}

    .readMore:before
    {
        content: "";
        height: 1em;
        display: inline-block;
        width: 1em;
        vertical-align: baseline;
        margin-right: 0.5em;
        background-color: #46a83b;
        background-image: url(/_media/image/4367/plus.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }

    .readMore:hover:before
    {
        background-color: #eb9925;
    }
/* Ent�te */

.popinBottomRight {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99999999;
    transition: all 0.5s ease-in-out;
    transform: translateY(100%);
    background: #49ab3e;
    color: #fff;
    width: 28.75rem;
    box-sizing: border-box;
    padding: 1.5625rem 3rem 4.75rem 1.5rem;
    min-height: 150px;
}

.popinBottomRight.open {
    transform: translateY(0);
}

.popinBottomRight .popinText {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0.5625rem 0 0rem;
    font-weight: bold;
}

.popinBottomRight .popinText p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0.5625rem 0 0rem;
    font-weight: bold;
    color: white;
}

.popinBottomRight .cta {
    height: 100%;
    width: 100%;
    display: block;
    box-sizing: border-box;
    color: #fff;
    padding-left: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-size: 1rem;
    font-family: 'lato', sans-serif;
    font-weight: 500;
    padding-right: 3.125rem;
    transition: all 0.25s ease-in-out;
    width: 100%;
    height: 3.75rem;
    background: #3a8932;
    position: absolute;
    bottom: 0;
    left: 0;
    text-decoration: none;
}

.popinBottomRight .cta:after {
    content: '\f061';
    font-family: 'FontAwesome';
    width: 3.375rem;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    font-size: 1.375rem;
    font-weight: 500;
}

.popinBottomRight .cta:hover {
    background: #307727;
}

.popinBottomRight .close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    color: white;
    transition: all 0.25s ease-in-out;
}

.popinBottomRight .close:after {
    content: '\f00d';
    font-family: fontawesome;
    font-weight: 700;
    font-size: 1.25rem;
}

.popinBottomRight .close:hover {
    opacity: 0.75;
    text-decoration: none;
}

.specialNotebook {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: center;
  margin: 2.75rem 0;
}
.specialNotebook a {
  width: 32%;
  display: block;
  text-align: center;
  transition: all 0.25s ease-in-out 0s;
}
.specialNotebook a:hover,
.specialNotebook a:focus {
  opacity: 0.85;
}
.specialNotebook img {
  object-fit: cover;
}


@media screen and (max-width: 640px){

a.btnArrow.btnArrow {
  width: 100%;
  box-sizing: border-box;
  padding-right: 4rem;
}

    .popinBottomRight{
        width: 100%;
        padding-left: 1rem;
    }

    .popinBottomRight .close{
        right: 1rem;
        top: 1rem
    }

    .popinBottomRight .close:after{
        font-size: 1.5rem;
    }


}

.cke_editable .popinBottomRight{
  transform: translateY(0);
}

.header
{
    padding-top: 1.3em;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

    .header .logo
    {
        margin-bottom: 2em;
    }

        .header .logo h1
        {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0;
        }

    .header .utilitaires
    {
        padding-right: 1.66em;
        margin-bottom: 2em;
    }

    .header .menus
    {
        float: right;
    }

        .header .menus div
        {
            display: inline-block;
        }

        .header .menus ul
        {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            list-style-type: none;
        }

        .header .menus li
        {
            display: inline-block;
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
        }

    .header .menuCss1 li
    {
        padding-right: 9px;
        margin-right: 5px;
        background-color: transparent;
        background-image: url(/_media/image/4367/divider-header-menu.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center right;
    }

    .header .menus a
    {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1.083em;
        color: #2a2a2a;
        text-decoration: none;
    }

        .header .menus a:hover, .header .menuCss1 li.selected a
        {
            color: #eb9925;
        }

    .header .recherche
    {
        white-space: nowrap;
        clear: right;
        float: right;
        padding-top: 0.75em;
    }

        .header .recherche .facebook
        {
            vertical-align: middle;
            text-decoration: none;
            -webkit-transition: opacity 0.25s;
            transition: opacity 0.25s;
        }

            .header .recherche .facebook:hover
            {
                -webkit-opacity: 0.75;
                -webkit-opacity: 0.75;
                opacity: 0.75;
            }

        .header .recherche div
        {
            display: inline-block;
            border-top-width: 1px;
            border-top-style: solid;
            border-top-color: #bfc1bd;
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #bfc1bd;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #bfc1bd;
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #bfc1bd;
            background-color: #2a2e2a;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: top left;
            position: relative;
            width: 220px;
            margin-left: 0.83em;
            vertical-align: middle;
        }

        .header .recherche input[type=text]
        {
            color: #fff;
            font-size: 0.916em;
            width: 100%;
            background-color: transparent;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: top left;
            border-top-width: 0;
            border-top-style: none;
            border-top-color: -moz-initial;
            border-top-color: initial;
            border-top-color: initial;
            border-right-width: 0;
            border-right-style: none;
            border-right-color: -moz-initial;
            border-right-color: initial;
            border-right-color: initial;
            border-bottom-width: 0;
            border-bottom-style: none;
            border-bottom-color: -moz-initial;
            border-bottom-color: initial;
            border-bottom-color: initial;
            border-left-width: 0;
            border-left-style: none;
            border-left-color: -moz-initial;
            border-left-color: initial;
            border-left-color: initial;
            outline-width: 0;
            outline-style: none;
            outline-color: -moz-initial;
            outline-color: initial;
            outline-color: initial;
            padding-top: 2%;
            padding-right: 12%;
            padding-bottom: 2%;
            padding-left: 4.75%;
        }

            .header .recherche input[type=text]::-webkit-input-placeholder
            {
                color: #fff;
            }

            .header .recherche input[type=text]:-moz-placeholder
            {
                color: #fff;
            }

            .header .recherche input[type=text]::-moz-placeholder
            {
                color: #fff;
            }

            .header .recherche input[type=text]:-ms-input-placeholder
            {
                color: #fff;
            }

        .header .recherche input[type=submit], .header .recherche div img
        {
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #bfc1bd;
            width: 8.6%;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            cursor: pointer;
            -webkit-transition: background-color 0.25s;
            transition: background-color 0.25s;
            background-color: transparent;
            background-image: url(/_media/image/4367/arrow-right-white-small.png);
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: center center;
        }

            .header .recherche input[type=submit]:hover, .header .recherche div img:hover
            {
                background-color: rgba(255,255,255,0.3);
            }

.menuPrincipal
{
    background-color: #2b2b2b;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    position: relative;
    z-index: 2;
}

.menuCss2
{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0.583em;
    max-width: 768px;
}

    .menuCss2:after
    {
        content: "";
        display: table;
        clear: both;
    }

    .menuCss2 ul
    {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        list-style-type: none;
    }

    .menuCss2 li
    {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        float: left;
    }

    .menuCss2 a
    {
        display: block;
        text-decoration: none;
        font-family: "Roboto Condensed", sans-serif;
        text-transform: uppercase;
        font-size: 1.083em;
        color: #fff;
        padding-top: 0.769em;
        padding-right: 1.153em;
        padding-bottom: 0.769em;
        padding-left: 1.153em;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }

        .menuCss2 a:hover, .menuCss2 li.selected a
        {
            background-color: #464646;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: top left;
        }

.menuPrincipal .cta
{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2B2B2B;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    width: 18%;
}

    .menuPrincipal .cta a
    {
        display: block;
        text-decoration: none;
        position: relative;
        padding-top: 0.4em;
        padding-right: 0;
        padding-bottom: 0.4em;
        padding-left: 10.4%;
        line-height: 1.4em;
        color: #fff;
        background-color: #49ab3e;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        min-height: 2.5em;
        text-transform: uppercase;
        text-shadow: 0 0 1px rgba(0,0,0,0.5);
        font-size: 0.91em;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }

        .menuPrincipal .cta a.flyer
        {
            background-color: #eb9925;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: top left;
        }

        .menuPrincipal .cta a + a
        {
            margin-top: 0.9em;
        }

        .menuPrincipal .cta a:hover
        {
            -webkit-opacity: 0.75;
            -webkit-opacity: 0.75;
            opacity: 0.75;
        }

        .menuPrincipal .cta a .strong
        {
            display: block;
            font-weight: bold;
            font-size: 1.31em;
        }

        .menuPrincipal .cta a .img
        {
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 32.5%;
            height: 100%;
        }

            .menuPrincipal .cta a .img:before
            {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle;
            }
/* Accueil */

.diapo
{
    margin-top: -3.16em;
    position: relative;
    overflow: hidden;
}

.wrapDiapo, .wrapDiapo > *
{
    min-height: 429px;
}

    .wrapDiapo > *:empty
    {
        background: #bcffaf;
    }

form .wrapDiapo > *
{
    background: none !important;
}

form .wrapDiapo, form .wrapDiapo > *
{
    min-height: 0;
}

.jshowoff-slidelinks
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    max-width: 956px;
    left: 50%;
    top: 380px;
    margin-left: -478px;
    font-size: 0;
}

    .jshowoff-slidelinks a
    {
        background-color: #bcc2c2;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        display: inline-block;
        -webkit-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: transparent;
        height: 0.66rem;
        width: 0.66rem;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-bottom: 0;
        margin-left: 0.25rem;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }

        .jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a:hover
        {
            background-color: #49ab3e;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: top left;
        }

.elementDiapo
{
    white-space: nowrap;
}

    .elementDiapo .imgLarge img
    {
        display: block;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        height: 429px;
        max-width: none;
    }

    .elementDiapo .wrapper
    {
        position: relative;
    }

form .elementDiapo .wrapper
{
    position: absolute;
    top: 300px;
    left: 50%;
    margin-left: -478px;
}

.elementDiapo .infos
{
    padding-left: 2.9em;
}

.elementDiapo .link
{
    position: absolute;
    height: 65px;
    width: 2.45em;
    background-color: #49ab3e;
    background-image: url(/_media/image/4367/arrow-right-white-large.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    top: 0;
    left: 0;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

form .elementDiapo .link
{
    height: 100%;
}

.elementDiapo .link:hover
{
    background-color: #35922b;
}

.elementDiapo .title
{
    background-color: #fff;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #2a2a2a;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.25em;
    text-transform: uppercase;
    padding-top: 0.53em;
    padding-right: 1em;
    padding-bottom: 0.53em;
    padding-left: 1em;
    float: left;
    margin-bottom: 0.35em;
}

    .elementDiapo .title strong
    {
        font-weight: normal;
        font-size: 1.3em;
    }

        .elementDiapo .title strong:after
        {
            content: " - ";
        }

.elementDiapo .specs
{
    clear: left;
    float: left;
    background-color: #1e2131;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #fff;
    padding-top: 0.21em;
    padding-right: 0.21em;
    padding-bottom: 0.21em;
    padding-left: 0.21em;
    font-family: "Roboto Condensed", sans-serif;
}

    .elementDiapo .specs .zone
    {
        padding-right: 0.7em;
        vertical-align: middle;
    }

        .elementDiapo .specs .zone:last-child
        {
            padding-right: 0;
        }

.accueil .wrapContent > .wrapper
{
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    max-width: 956px;
    padding-top: 53px;
    padding-right: 0;
    padding-bottom: 53px;
    padding-left: 0;
}

.accueil1
{
    margin-bottom: 5.3em;
}

    .accueil1 .left
    {
        width: 52%;
    }

    .accueil1 .right
    {
        width: 45.75%;
    }

        .accueil1 .right .readMore
        {
            text-align: right;
            margin-top: -0.75em;
        }

.decouvrirPlus
{
    margin-bottom: 2.25em;
}

    .decouvrirPlus a
    {
        display: block;
        text-decoration: none;
        position: relative;
        color: #fff;
        font-size: 1.83em;
        overflow: hidden;
    }

        .decouvrirPlus a > img
        {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .decouvrirPlus .txt
    {
        background-color: #49ab3e;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        float: left;
        position: relative;
        height: 2.27em;
        width: 9em;
        display: block;
        padding-top: 0.5em;
        padding-right: 0;
        padding-bottom: 1em;
        padding-left: 0.77em;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }

    .decouvrirPlus a:hover .txt
    {
        background-color: #EB9925;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
    }

    .decouvrirPlus .txt:after
    {
        content: "";
        position: absolute;
        height: 100%;
        width: 3em;
        top: 0;
        background-color: #49ab3e;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        right: -0.8em;
        -webkit-transform: skew(-18deg,0deg);
        -moz-transform: skew(-18deg,0deg);
        -ms-transform: skew(-18deg,0deg);
        -o-transform: skew(-18deg,0deg);
        -webkit-transform: skew(-18deg,0deg);
        -ms-transform: skew(-18deg,0deg);
        -o-transform: skew(-18deg,0deg);
        transform: skew(-18deg,0deg);
    }

    .decouvrirPlus a:hover .txt:after
    {
        background-color: #EB9925;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
    }

    .decouvrirPlus .titre
    {
        text-transform: uppercase;
        font-family: "Roboto Condensed", sans-serif;
        display: block;
        position: relative;
        z-index: 2;
        line-height: 1.15em;
    }

    .decouvrirPlus .decouvrir
    {
        position: absolute;
        font-size: 0.63em;
        bottom: 0.5em;
        right: 0em;
        font-family: Roboto, sans-serif;
        display: block;
        z-index: 2;
    }

        .decouvrirPlus .decouvrir:after
        {
            content: url(/_media/image/4367/plus.png);
            height: 0.57em;
            display: inline-block;
            vertical-align: middle;
            padding-left: 2px;
        }

.accueil2
{
    margin-bottom: 2.5em;
}

    .accueil2 .astuces
    {
        float: left;
        margin-top: 0;
        width: 66%;
    }

.saviezVous
{
    float: right;
    width: 30.5%;
}

    .saviezVous .title
    {
        color: #fff;
        text-transform: uppercase;
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1.6em;
        background-color: #eb9925;
        background-image: url(/_media/image/4367/questionmark.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 11px 7px;
        padding-top: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-left: 2.25em;
        margin-bottom: 0.65em;
    }

    .saviezVous .content
    {
        font-size: 1.083em;
        background-color: #eaeaea;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        padding-top: 0.923em;
        padding-right: 0.923em;
        padding-bottom: 0.923em;
        padding-left: 0.923em;
        line-height: 1.307em;
    }

        .saviezVous .content p
        {
            margin-top: 0;
        }

        .saviezVous .content .clearfix
        {
        }

        .saviezVous .content .left
        {
            width: 66%;
        }

        .saviezVous .content .note
        {
            font-size: 1.076em;
            text-transform: uppercase;
            font-family: "Roboto Condensed", sans-serif;
            margin-top: 1.75em;
            margin-right: 0;
            margin-bottom: 1em;
            margin-left: 0;
        }

        .saviezVous .content .readMore
        {
            font-size: 1em;
        }

        .saviezVous .content .right
        {
            width: 34%;
            position: relative;
        }

            .saviezVous .content .right img
            {
                -webkit-box-shadow: 0 0 6px 0 #5a5a5a;
                -webkit-box-shadow: 0 0 6px 0 #5a5a5a;
                box-shadow: 0 0 6px 0 #5a5a5a;
                position: absolute;
                top: 0;
                right: 0;
            }
/* R�sultats de recherche */

.loading
{
    text-align: center;
    margin-top: 2em;
    margin-right: 0;
    margin-bottom: 2em;
    margin-left: 0;
    display: none;
}

.resultatsRecherche
{
    margin-bottom: 2em;
}

.ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839
{
    position: relative;
    padding-top: 1.5em;
    padding-right: 0;
    padding-bottom: 1.5em;
    padding-left: 0;
}

.ResultMainDivdd7c73c7c38a4b428fa937f100a1f839
{
    margin-top: 1.5em;
    margin-right: 0;
    margin-bottom: 1.5em;
    margin-left: 0;
}

.ResultImageDivdd7c73c7c38a4b428fa937f100a1f839
{
    display: none;
}

.ResultTitleDivdd7c73c7c38a4b428fa937f100a1f839 a
{
    color: #426037;
    font-size: 1.5em;
    margin-bottom: 0.33em;
    text-decoration: none;
}

    .ResultTitleDivdd7c73c7c38a4b428fa937f100a1f839 a:hover
    {
        text-decoration: underline;
    }

.ResultUrlDivdd7c73c7c38a4b428fa937f100a1f839
{
    display: none;
}

.ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839 > span
{
    display: block;
    text-align: right;
}

    .ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839 > span a
    {
        display: inline-block;
        color: #000;
        text-decoration: none;
        margin-top: 0;
        margin-right: 3px;
        margin-bottom: 10px;
        margin-left: 3px;
        padding-top: 0.15em;
        padding-right: 0.5em;
        padding-bottom: 0.15em;
        padding-left: 0.5em;
        background-color: #ededed;
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: top left;
        -webkit-transition: background-color 0.25s, color 0.25s;
        transition: background-color 0.25s, color 0.25s;
    }

        .ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839 > span a:hover, .ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839 > span a.selected
        {
            background-color: #426037;
            color: #fff;
        }

    .ContainerMainDivdd7c73c7c38a4b428fa937f100a1f839 > span span
    {
        display: none;
    }
/* Pied de page */

.footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #2b2b2b;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #fff;
    font-size: 0.916em;
}

    .footer a
    {
        color: #fff;
        text-decoration: none;
        padding-top: 0;
        padding-right: 2px;
        padding-bottom: 0;
        padding-left: 2px;
    }

        .footer a:hover
        {
            text-decoration: underline;
        }

        .footer a img
        {
            padding-left: 3px;
            vertical-align: middle;
        }

    .footer .wrapper
    {
        padding-top: 5.63em;
        padding-right: 0;
        padding-bottom: 2em;
        padding-left: 0;
    }

    .footer .clearfix
    {
        width: 69%;
    }

    .footer .left, .footer .right
    {
        max-width: 50%;
    }


.footer .credit {
  width: 120px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-content: center;
  -webkit-align-content: center;
  text-transform: uppercase;
  font-size: 0.625rem;
}
.footer .credit .conception {
  letter-spacing: 1px;
}
.footer .credit .logo {
  width: 16.6%;
  margin-left: 0.75em;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.footer .credit .logo img {
  max-width: 100%;
}
.footer .credit .logo:hover {
  margin-left: 1.35em;
}




/* Storelocator */

.wrapper_map
{
    border: 2px solid #e9e9e9;
    line-height: 1.3em;
margin-bottom:3%;
}

.mapPanel
{
    position: relative;
    width: 337px;
    float: left;
    height: 475px;
    overflow: auto;
}

.mapCanvas
{
    width: 571px;
    float: right;
    height: 475px;
}

    .mapCanvas .store
    {
        position: relative;
    }

.store .title
{
    margin-bottom: 5px;
    height: auto;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.store .address
{
    font-size: 13px;
    line-height: 15px;
}

.store .phone
{
    font-size: 13px;
}

.store .misc
{
    margin-bottom: 1em;
}

.store .web
{
    display: none;
}

.store A
{
    color: #426037;
}

.store a[href^='mailto']:hover{
text-decoration: underline;
}

.zoomhere.action
{
    display: none;
}

DIV.store .plusinfos
{
    display: none;
}

    DIV.store .plusinfos:hover
    {
        background: #377315;
        text-decoration: none;
        color: white;
    }

.mapPanel .store .web
{
    display: none;
}

.mapPanel .store .misc
{
    display: none;
}

ul.features
{
    display: none;
}

.mapCanvas .store .phone SPAN
{
    display: none;
}

.mapPanel .store .phone
{
    font-size: 12px;
}

.store .action
{
    font-size: 12px;
    margin-right: 12px;
}

.store a:hover
{
    text-decoration: none;
}

.storelocator-panel FORM
{
    margin: 0px;
    height: auto;
    min-height: 0;
}

.location-search
{
    position: relative;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

    .location-search H4
    {
        padding-bottom: 0px;
        font-weight: normal;
        margin: 5px 0px 6px 12px;
        padding-left: 0px;
        padding-right: 0px;
        color: #000;
        font-size: 19px;
        padding-top: 0px;
    }

    .location-search INPUT
    {
        margin: 2px 0px 0px 10px;
        width: 89%;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        padding: 2px 7px;
    }
    .location-search span{

   }

UL.store-list
{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    display: block;
}

.store-list LI.store
{
    padding-bottom: 15px;
    list-style-type: none;
    margin: 1px 0px 0px;
    padding-left: 9px;
    padding-right: 9px;
    list-style-image: none;
    padding-top: 15px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    position: relative;
cursor:pointer;
}

    .store-list LI.store .number
    {
        display: none;
        position: absolute;
        top: 13px;
        left: 20px;
        width: 20px;
        text-align: center;
        padding: 3px 0;
        color: #fff;
        font-size: 13px;
        border: 1px solid #fff;
        background: #898989;
        border-radius: 50%;
    }



.no-stores
{
    list-style-type: none;
    margin-bottom: 4px;
    margin-left: 8px;
    font-size: 0.85em;
    font-weight: bold;
    list-style-image: none;
}
.mapPanel .storelocator-filter .location-search INPUT {
  width: 89.88764%;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4375rem 0.5rem 0.4375rem;
  border: 1px solid #888888;
  line-height: 1.3em;
  height: 2.125rem;
  outline: 0;
  margin: 0;
  color: #222222;
}

.autre-info .newFilters .storelocator-filter .location-search h4 {
  display: none;
}

.club-botanix UL.store-list {
  background: #fff;
  height: 21rem;
  overflow: auto;
  margin: 0;
  width: 100%;
  border: 1px solid #888888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.no-stores {
  margin: 1%;
}

.store-list LI.highlighted.store {
  background: #49ab3e !important;
  color: #fff !important;
}

.store-list LI.store:hover {
  background: #52c146;
}

  .store-list LI.store:hover .title, .store-list LI.highlighted.store .title {
    color: #fff;
  }

.directions-panel
{
    position: relative;
    width: 100%;
    left: 0px;
}

    .directions-panel INPUT[type=submit]
    {
        display: none;
    }

.close-directions
{
    position: absolute;
    text-indent: 9999px;
    width: 22px;
    height: 22px;
    right: 10px;
    top: 23px;
}

    .close-directions:hover
    {
        background-position: -22px top;
    }

.directions-panel FORM
{
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 20px;
}

.directions-to
{
    border-bottom: 0px;
    border-left: 0px;
    margin-top: 13px;
    color: #444;
    border-top: 0px;
    border-right: 0px;
}

.directions-panel .rendered-directions
{
    margin: 12px;
}

.adp-directions
{
    width: 100%;
}

    .adp-directions tr:hover TD
    {
        background: #f8f8ff;
    }

    .adp-directions TR TD
    {
        font-size: 14px;
    }

.adp-legal
{
    text-align: right;
    margin-top: 12px;
    font-size: 12px;
}

.adp-summary
{
    font-style: italic;
}

.mapCanvas img
{
    max-width: 99999px;
}

.gm-style
{
    font-family: Arial, Helvetica, sans-serif;
}
.gm-style-iw > div{
width:18.31rem;
overflow:hidden!important;
}

.gm-iw DIV
{
    margin-bottom: 6px;
}

.adp-placemark
{
    background: #e4e4ff;
}

.N1aa1f7c4a274436fa09d3eebac80869fCss
{
    background: url(/_media/image/4367/flechedroite2.png) no-repeat 0px 0.5em;
    text-decoration: none;
    display: block;
    float: left;
    width: 36%;
    padding: 0 0 0 15px;
}

    .N1aa1f7c4a274436fa09d3eebac80869fCss:hover
    {
        text-decoration: underline;
    }

.imgFloatRight
{
    padding-bottom: 15px;
    padding-left: 15px;
    float: right;
    clear: right;
}

.imgFloatLeft
{
    padding-bottom: 15px;
    padding-right: 15px;
    float: left;
    clear: left;
}

.blocH3Img .left
{
    width: 70%;
}

.agencementAnnuelles .left
{
    float: right;
}

.blocH3Img .right
{
    width: 25%;
    overflow: hidden;
}

.agencementAnnuelles .right
{
    float: left;
}

.blocH3Img h3
{
    margin: 0;
}

.blocH3Img .right img
{
    margin-left: 15px;
    margin-bottom: 15px;
}

.blocH3Img
{
    margin: 1em 0;
font-size: 14px;
  font-size: 0.875rem;
}

table
{
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

td
{
    padding: 0.25em;
    border: 1px solid #eaeaea;
    text-align: left;
    vertical-align: top;
}

    td[align=center]
    {
        text-align: center;
    }

    td[valign=middle]
    {
        vertical-align: middle;
    }

th
{
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    padding: 0.5em;
    border: 1px solid #eaeaea;
    text-transform: uppercase;
}

.typePlante .right img
{
    margin: 0 !important;
    padding: 0 !important;
}

.properties
{
    display: inline-block;
    background-color: #1E2131;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    color: #FFF;
    padding-top: 0.21em;
    padding-right: 0.21em;
    padding-bottom: 0.21em;
    padding-left: 0.21em;
    font-family: 'Roboto Condensed', sans-serif;
}

li .properties
{
    margin-bottom: 0.75em;
}

.properties span
{
    padding-right: 0.7em;
    vertical-align: middle;
    white-space: nowrap;
}

    .properties span:last-child
    {
        padding-right: 0;
    }

.titrePlante
{
}

    .titrePlante h3
    {
        margin: 0;
    }

        .titrePlante h3 a
        {
            cursor: default;
            text-decoration: none;
            color: #000;
        }

    .titrePlante .sousTitrePlante
    {
        font-style: italic;
    }

        .titrePlante .sousTitrePlante h3
        {
            font-style: normal;
        }

.typePlante
{
    min-width: 600px;
    margin: 1em 0;
}

form .typePlante
{
    min-width: 0;
}

.typePlante .left
{
    padding: 0 1em 1em 0;
    max-width: 25%;
    overflow: hidden;
}

form *
{
    outline: 0 !important;
}

.galerieImages
{
    margin: 1em 0;
}

    .galerieImages a
    {
        display: block;
        float: left;
        margin: 0.25em;
        text-decoration: none;
        max-width: 50%;
    }

    .galerieImages a
    {
        display: inline-block;
        text-decoration: none;
        height: auto !important;
        width: auto !important;
    }

.toggleZone, .contenuToggle
{
    width: 720px;
}

form .toggleZone, form .contenuToggle
{
    width: auto;
}

.toggleZone .toggleH2
{
    margin: 0px;
    font-size: 1em;
}

    .toggleZone .toggleH2 a
    {
        background: rgb(237, 237, 237);
        margin: 0.75em 0px;
        padding: 0.75em 1em;
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 1.83em;
        text-decoration: none;
        display: block;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        line-height: 1em;
    }

        .toggleZone .toggleH2 a:hover
        {
            background-color: #e3e3e3;
        }

        .toggleZone .toggleH2 a:before
        {
            content: url(/_media/image/4367/plus2.png);
            float: right;
        }

        .toggleZone .toggleH2 a.selected:before
        {
            content: url(/_media/image/4367/minus2.png);
        }

.contenuToggle .imgGauche
{
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.083em;
    width: 35%;
    margin: 0.5625rem 0 0.4375rem;
}

    .contenuToggle .imgGauche img
    {
        display: block;
        /*margin: 0 0 0.4em 0;*/
        /*max-width: 185px;*/
        height: auto !important;
        width: auto !important;
    }

    .contenuToggle .imgGauche p
    {
        margin-bottom: 1.5em;
    }

.contenuToggle .txtDroite
{
    float: right;
    width: 61.7%;
    position: relative;
    z-index: 2;
}

/* Fonts */
@font-face {
  font-family: "FontAwesome";
  src: url(/_media/document/4367/fontawesome-webfont-eot.eot);
  src: url(/_media/document/4367/fontawesome-webfont-eot.eot) format("eot"), url(/_media/document/4367/fontawesome-webfont-woff.woff) format("woff"), url(/_media/document/4367/fontawesome-webfont-ttf.ttf) format("truetype"), url(/_media/document/4367/fontawesome-webfont-svg.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Standard */
html {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  min-height: 100%;
height:100%;
  width: 100%;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  color: #222222;
  font-size: 16px;
  min-width: 320px;
  background: #fff;
}

body {
  min-height: 100%;
height:100%;
  width: 100%;
  position: relative;
}

form {
  min-height: 100%;
  height: 100%;
}

::-moz-selection {
  background: #49ab3e;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #49ab3e;
  color: #fff;
  text-shadow: none;
}

textarea {
  resize: vertical;
}

a {
  text-decoration: none;
  color: #49ab3e;
}
a:hover, a:active {
  text-decoration: underline;
}

h1 {
  font-weight: normal;
  font-family:'Lato', Arial, sans-serif;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 1.3em;
  color: #24743a;
  margin: 18px 0 5px;
  margin: 1.125rem 0 0.3125rem;
}
h1:first-child{
margin: 18px 0 5px;
margin: 1.125rem 0 1rem;
}

h2 {
  font-family:'Lato', Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
  font-size: 1.875rem;
  color: #24743a;
  line-height: 1.3em;
  margin: 18px 0 7px;
  margin: 1.125rem 0 0.4375rem;
}

h3 {
  font-family:'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  color: #24743a;
  line-height: 1.3em;
  margin: 18px 0 10px;
  margin: 1.125rem 0 0.625rem;
}

h4 {
  font-family:'Lato', Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  color: #24743a;
  line-height: 1.3em;
  margin: 18px 0 10px;
  margin: 1.125rem 0 0.625rem;
}

h5 {
  font-family:'Lato', Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3em;
  margin: 18px 0 10px;
  margin: 1.125rem 0 0.625rem;
}

.wrapAll{
position:relative;
min-height:100%;
height:auto!important;
margin:0 auto -184px;
min-width:320px;
}

.wrapper {
  max-width: 1024px;
  padding: 0;
  margin: 0 auto;
}

.wrapContent {
position: relative;
max-width:1024px;
margin:0 auto;
}
.wrapAll.home .wrapContent > .wrapper{
padding:0;
}

.wrapContent > .wrapper{
max-width:none;
padding:0;
min-height:500px;
}
.m {
  display: none;
}

.btn a {
  background: #49ab3e;
  display: inline-block;
  color: #fff;
  padding: 3px 12px;
  font-weight: 900;
  text-decoration: none;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.btn a:hover {
  background: #35992a;
}
.btn a:active {
  background: #23791a;
}
.pageBoutiqueNoelEntete{
    background-image: url(/_media/image/4367/boutique-noel.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 37%;
}
.pageBoutiqueNoelEntete.pageBoutiqueSapinNoelEntete{
    background-image: url(/_media/image/4367/visuel-localisateur.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 37%;
}
.pageBoutiqueNoelEntete .pageBoutiqueNoelTitre{
width:60%;
}
.pageBoutiqueNoelEntete .pageBoutiqueNoelTexte{
width:60%;
padding-bottom: 1.00rem;
}
/* Ent�te */
.header {
  margin: 0 auto;
  padding: 0;
  position: relative;
  max-width: 1024px;
  min-width: 1024px;
  width: 100%;
  background: #49ab3e;
  height: 80px;
}
.header .logo {
  padding: 1.313rem 1.75781% 1.313rem 2.34375%;
  float: left;
}
.header .logo a{
display:block;
}
.header .logo-mobile{
display:none;
}
.header .menuCss5 ul {
  padding: 0;
  margin: 0;
}
.header .menuCss5 ul li {
  float: left;
  list-style: none;
height:100%;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.header .menuCss5 ul li.rank0 a {
  max-width: 86px!important;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .menuCss5 ul li.rank2 a {
  max-width: 70px;
}

html[lang="en-CA"] .header .menuCss5 ul li.item271 a{
max-width: 83px;
}

html .header .menuCss5 ul li.rank4 a{
max-width: 60px;
}
html .header .menuCss5 ul li.item343 a{
max-width: 65px;
    padding-top: 0;
    padding-bottom: 0;
}
html .header .menuCss5 ul li.item344 a{
    max-width: 72px;
    padding-top: 0;
    padding-bottom: 0;
}
.header .menuCss5 ul li a {
  height: 100%;
  line-height: 1.3em;
  display: inline-block;
  width:auto;
  max-width:60px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2em;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  padding:23px 15px 25px;
  padding: 1.4375rem 0.7575rem 1.5625rem;
display:table-cell;
vertical-align:middle;

}
.header .menuCss5 ul li a.selected {
padding:23px 12px 18px;
padding: 1.4375rem 0.7575rem 1.1625rem;
  border-bottom: 6px solid white;
}
.header .menuCss5 ul li a:hover {
  position: relative;
  background: #349629;
  text-decoration: none;
}
.header .menuCss5 ul li a:active {
  position: relative;
  background: #23791a;
  text-decoration: none;
}
html[lang="fr-CA"] .header .menuCss5 ul li.item331,
html[lang="fr-CA"] .header .menuCss5 ul li.item344 {
display:none;
}
html[lang="en-CA"] .header .menuCss5 ul li.item330,
html[lang="en-CA"] .header .menuCss5 ul li.item343{
display:none;
}
.header .recherche{
padding:0;
}

.autres .recherche, .autres .anglais, .autres .circulaire, .autres .carte, .autres .anglais {
  float: left;
}
.autres .recherche img, .autres .anglais img, .autres .circulaire img, .autres .carte img, .autres .anglais img {
  width: auto;
}
.autres .carte img{
  max-height: 100%;
}
.autres .recherche a:hover, .autres .anglais a:hover, .autres .circulaire a:hover, .autres .carte a:hover, .autres .anglais a:hover {
  text-decoration: none;
}
.autres .circulaire img{
display:block;
margin:0 auto;
}

.anglais ul, .anglais ul li{
margin:0;
padding:0;
list-style:none;
}

.autres {
  width: 35.5%;
  position:absolute;
top:0;
right:0;
}
.autres a {
  color: #fff;
}
.autres .recherche {
  width: 15.91512%;
  position: relative;
}
.autres .recherche a.close:after {
  font-family: "FontAwesome";
  content: "\f00d";
  color: #fff;
}
.autres .recherche a {
  display: block;
  position: relative;
  padding: 50.33333% 33.33333% 46%;
}
.autres .recherche a:after {
  font-family: "FontAwesome";
  content: "\f002";
  font-size: 18px;
  font-size: 1.125rem;
}

.autres .anglais {
  width: 18.03714%;
}
.autres .anglais a {
  display: block;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 50% 29.41176% 42.17647%;
}
.autres .anglais a:hover {
  background: #349629;
}
.autres .anglais a.selected {
  position: relative;
  background: #349629;
  text-decoration: none;
  padding: 50% 29.41176% 33.82353%;
  border-bottom: 6px solid #395336;
}
.autres .circulaire {
  background: #eb9925;
  width: 32.89125%;
  padding:0;
  margin:0;
}
.circulaire:before{
background:none!important;
}
.autres .circulaire a {
  display: block;
  padding: 12.22903% 0% 10%;
  text-align: center;
}
.circulaire a span{
font-size:11px;
font-size:0.6875rem;
}
.autres .circulaire:hover {
  background: #d28519;
}
.autres .circulaire:active {
  background: #ac6a0e;
}
.autres .carte {
  background: #349629;
  width: 33.12345%;
}
.autres .carte a {
  display: block;
  padding: 10.12903% 0 8.12903% 0;
  text-align: center;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
height:100%;
}
.autres .carte:hover {
  background: #23791a;
}
.autres .carte:active {
  background: #186410;
}

.zone-input-recherche {
  background: #349629;
  position: absolute;
  width: 50%;
  left: 18.45703%;
  padding: 1.25rem 0.8% 0.875rem 2.83203%;
display:none;
}
.zone-input-recherche .SearchBox{
position:relative;
}
.zone-input-recherche img{
cursor: pointer;
  position: absolute;
  right: 16%;
  top: 32%;
}
.SearchResults .SearchResultsZoneUrl{
display:none;
}
.SearchResultsWrapResults{
    margin: 0 0 0.5rem;
}
.SearchMainDiv0fc4ade83e7f4ad693c58d03d93f9a5c{
position:relative;
}
.zone-input-recherche ::-ms-clear, .zone-input-recherche ::-ms-reveal {
  display: none;
}
.zone-input-recherche .loupe {
  position: absolute;
  right: 21%;
  top: 39%;
  width: 10px;
  height: 10px;
  display: block;
}
.zone-input-recherche .loupe:after {
  font-family: 'FontAwesome';
  content: "\f002";
  font-size: 16px;
  font-size: 1rem;
}
.zone-input-recherche .loupe:hover {
  text-decoration: none;
  color: #35992a;
}
.zone-input-recherche input[type="text"] {
  position: relative;
  width: 87.2193%;
  padding: 2.72904% 2.14425% 2.33918% 2.72904%;
}

.content-gauche {
  width: 59.64844%;
  padding-right: 1.95313%;
  float: left;
}

.content-droite {
  float: right;
  width: 38.39844%;
}
.content-droite .pub-droite .zone-texte {
  padding: 2.92398% 7.01754% 3.50877%;
  text-align: center;
  background: #349629;
  color: #fff;
  line-height: 1.5em;
}
.content-droite .pub-droite .zone-texte p {
  margin: 0;
  color: #fff;
  line-height: 1.5em;
}
.content-droite .pub-droite .image a{
display:block;
text-align:right;
}

.btn.magasin {
  position: relative;
}
.btn.magasin a {
  padding: 4.38596% 4.38596% 4.67836% 13.74269%;
  width: auto;
  position: relative;
  display: block;
  color: #fff;
  background: #49ab3e;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.btn.magasin a:before {
  content: " ";
  display: block;
  position: absolute;
  top: 11.11111%;
  left: 23.39181%;
  width: 30px;
  height: 30px;
  background-image: url(/_media/image/4367/magasin-small.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.btn.magasin a:hover {
  text-decoration: none;
  background: #23791a;
}

.filtrer {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 13px;
}

.faux-gpc .FacetteNaviguation {
  width: 21.97266%;
  float: left;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display:block;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li {
  background: #e4e4e4;
  position: relative;
}

.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a:after, .faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a:hover:after {
  content: "";
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li a {
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: block;
  padding: 2.22222% 8.88889% 2.66667% 4%;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 700;
  background: #e4e4e4;
  text-transform: none;
  color: #222222;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li a:hover {
  background: #c2c2c2;
  color: #222222;
  text-decoration: none;
}

.faux-gpc .FacetteNaviguation .menuCss7 ul li a.selected{
  background: #49ab3e;
  text-transform: none;
  color: #fff;
  position: relative;
}

.faux-gpc .FacetteNaviguation .menuCss7 ul li a.selected:after{
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  right: 2.66667%;
  color: #fff;
}
.faux-gpc .FacetteNaviguation .menuCss7 .enfant > div{
  background: none;
}
.faux-gpc .FacetteNaviguation .menuCss7 .parent > div.top-menu{
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background: #395336;
  display: block;
  padding: 2.22222% 8.88889% 2.66667% 4%;
  color: #fff;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  position:relative;
}
.faux-gpc .FacetteNaviguation .menuCss7 .parent > div.top-menu:after{
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  right: 2.66667%;
  color: #fff;
}
.faux-gpc .FacetteNaviguation .menuCss7 .parent.open > div.top-menu:after{
content: "\f106";
}

.faux-gpc .FacetteNaviguation .menuCss7 ul li div{
  display:block;
visibility:visible;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li {
  margin-bottom: 0;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a {
  background: #e4e4e4;
  text-transform: none;
  color: #222222;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a.selected {
  background: #49ab3e;
  text-transform: none;
  color: #fff;
  position: relative;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a.selected:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  right: 2.66667%;
  color: #fff;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a.selected:hover {
  background: #35992a;
}
.faux-gpc .FacetteNaviguation .menuCss7 ul li div ul li a.selected:hover:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  right: 2.66667%;
  color: #fff;
}

.faux-gpc .FacetteNaviguation .menuCss7 .parent{
margin-bottom:15px;
}

.FacetteExplorer {
  width: 76.95313%;
  margin-left: 1%;
  float: left;
}
.FacetteExplorer .produit {
  float: left;
  overflow: hidden;
  width: 23.89731%;
  margin-right: 1.26904%;
margin-bottom:1.27%;
}
.FacetteExplorer .produit:nth-child(4n) {
  margin-right: 0;
}
.FacetteExplorer .produit a {
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  background: #f3f3f3;
  min-height: 210px;
width:100%;
}
.FacetteExplorer .produit a .titre-produit h2 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  color: #49ab3e;
  text-align: center;
  margin-top: 11px;
  padding:0 1%;
  margin-top: 0.6875rem;
  line-height: 1.285em;
}
.FacetteExplorer .produit a:hover {
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  text-decoration: none;
}

/* Pied de page */
.footer {
  width: 100%;
  max-width: 1024px;
  min-width: 1024px;
  margin: 0 auto;
  background-color: #49ab3e;
  position: relative;
}
.footer a {
  text-decoration: none;
  color: #49ab3e;
}
.footer .content-footer .menu-footer {
  background: #1d1d1d;
  min-height: 90px;
width: 18.16406%;
  padding: 2.44141% 3.61328% 1.46484% 3.125%;
}
.footer .content-footer .menu-footer .menuCss6 {
  padding-top: 5.57143%;
}
.footer .content-footer .menu-footer .menuCss6 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer .content-footer .menu-footer .menuCss6 ul li {
  line-height: 1.6em;
}
.footer .content-footer .menu-footer .menuCss6 ul li a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
text-decoration:underline;
}
.footer .content-footer .menu-footer .menuCss6 ul li a:hover{
text-decoration:none;
}

.footer .content-footer{
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.footer .infolettre {
  width: 19.84%;
    padding: 1.275rem 2.53% 1.06719%;
  background: #49ab3e;
min-height:100px;
}

.footer .infolettre a{
display:block;
padding:0;
position:relative;
}

.footer .infolettre a:after{
content:"\f105";
font-family:FontAwesome;
font-size:1rem;
padding:0.5rem;
background:#35992a;
color:#fff;
position:absolute;
right:1%;
bottom:3%;
margin;auto;
line-height: 0.65em;
text-align: center;
width: 1.563rem;
height: 1.563rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}

.footer .infolettre a:hover:after{
background:#23791a;
}


.infolettre .boite-texte label.error{
position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  line-height: 1em;
  color: rgb(255, 0, 0);
}
.footer .infolettre .text-small {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.3em;
width:100%;
display:block;
}
.footer .infolettre .text-big {
  color: #fff;
  margin-bottom: 10px;
  font-weight: bold;
  font-size:1.75rem;
line-height:1.3em;
}
.footer .infolettre input[type="text"] {
  padding: 2.46305% 1.97044%;
  float: left;
  display: block;
  border: none;
  width:85%;
  font-size: 14px;
  font-size: 0.875rem;
}

.footer .infolettre input[type="text"].error{
box-sizing: border-box;
border:1px solid rgb(255, 0, 0);
}
.footer .infolettre input[type="submit"] {
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 28px;
  height: 27px;
  display: block;
  float: left;
  background-color: #35992a;
  background-image: url(/_media/image/4367/fleche-input.png);
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
  position: relative;
}
.footer .infolettre input[type="submit"]:hover {
  background-color: #23791a;
}

.signature {
  padding: 1.95313% 3.61328%;
  color: #313131;
  background: #f1f1f1;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: Arial, sans-serif;
}
.signature .copyright {
  float: left;
  margin-right: 3.90625%;
}
.signature .menu-signature {
  float: left;
}
.signature .nmedia {
  float: right;
}

/* Interne amenagement */
.content-droite-amenagement {
  float: right;
  width: 49.48047%;
}

.content-gauche-amenagement {
  width: 48.64844%;
  float: left;
}

.Amenagement-droite .image {
  margin-top: 8.19137%;
}


.liste-plantation h2 {
  font-weight: 500;
}
.liste-plantation .liste ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.liste-plantation .liste ul li {
  line-height: 1.5em;
}

.liste-float {
  width: 24.903%;
  float: left;
}
.plante{
width:255px;
}
.plante .image img {
  width: 100%;
}
.plante .texte {
  background: #ebebeb;
  padding: 3.92157% 3.92157% 5.4902%;
}
.plante .texte .titre h3 {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}
.plante .texte .nom-latin {
  font-style: italic;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 5.88235%;
}
.plante .texte .description p {
  margin: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.plante .mesure {
  padding: 3.13725% 4.31373% 4.70588%;
  background: #1e2131;
  min-height: 20px;
}
.plante .mesure span {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: arial,sans-serif;
  color: #fff;
  padding-right: 3.92157%;
}
.magazine{
margin-top:4%;
}
.magazine a{display:block;}
.magazine a:after{content:"";display:table;clear:both;}
.magazine h4{
margin:0;
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
color: #222222;
}
.magazine h3{
margin:0;
}
.magazine a{
-moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.magazine a:hover{
filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.magazine span{
display:block;
}
.titre-mag{
display: inline-block;
padding:2% 1%;
}
.image-mag{
display:block;
float:left;
}

/*nous joindre*/

.push{
height:184px;
position:relative;
}


/*ACCUEIL*/
.conteneur-fleur{
min-width:1024px;
}
.zone-fleur:first-child {
  width: 342px;
}
.zone-fleur {
  width: 341px;
  float: left;
}
.zone-fleur:hover .image img {
  transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.zone-fleur .image {
  overflow: hidden;
max-height:292px;
}
.zone-fleur .image img {
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.zone-fleur .btn a {
  background: #49ab3e;
  display: block;
  font-weight: 300;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 28px;
  padding: 9px 16px;
  font-size: 1.75rem;
  text-decoration: none;
  position: relative;
  color: #fff;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.zone-fleur .btn a:hover {
  background: #35992a;
}
.zone-fleur .btn a:active {
  background: #2c8722;
}
.zone-fleur .btn a:active span:after {
  background-color: #2c8722;
}
.zone-fleur .btn a span {
  display: block;
  width: 70.58824%;
line-height:1.1em;
min-height: 62px;
}
.zone-fleur .btn a span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-image: url(/_media/image/4367/plus-2015.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #35992a;
}

.conteneur-reseau-concours {
  min-width: 1024px;
}
.concours .btn a{
text-align:center;
}
.concours .btn a:hover{
background: #349629;
cursor:pointer;
}
.concours {
  float: left;
  width: 682px;
  position: relative;
}
 .concours .rosie {
  position: absolute;
  left: -20px;
  top: 10px;
  width:100%;
z-index:9999;
}

 .concours .rosie img{
  width:auto;
}
.concours .zone-texte {
  height: auto;
  width: 49.12023%;
  position: absolute;
  right: 0;
  top: 10px;
  color: #fff;
padding:0 1%;
z-index:9999;
}
 .concours .zone-texte h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 26px;
  font-size: 1.625rem;
}
.concours .zone-texte h3 {
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  font-size: 26px;
line-height:1.2em;
  margin: 1.025rem 0 0.625rem;
  font-size: 1.625rem;
}
.concours .zone-texte p {
  color: #fff;
  font-family: arial,sans-serif;
  font-size: 16px;
  font-size: 1rem;
}
.conteneur-reseau-concours .reseau {
  width: 33.399%;
  float: left;
}
.conteneur-reseau-concours .reseau .circulaire-accueil {
  height: 170px;
  width: 100%;
  background: url(/_media/image/4367/bg-circulaire-accueil.png);
  background-color: #eb9925;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 116% -17%;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.conteneur-reseau-concours .reseau .circulaire-accueil:hover {
  background-color: #d28519;
}
.conteneur-reseau-concours .reseau .circulaire-accueil:active {
  background-color: #ac6a0e;
}
.conteneur-reseau-concours .reseau .circulaire-accueil a {
  font-weight: 300;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  color: #fff;
  text-decoration: none;
  display: block;
line-height:1.3em;
  padding: 26.97947% 6.15836% 4.10557%;
}
.conteneur-reseau-concours .reseau .facebook {
  overflow: hidden;
  height: 130px;
  width: 100%;
  background: url(/_media/image/4367/bg-facebook.png);
  background-color: #3460a1;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 90% 40px;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.conteneur-reseau-concours .reseau .facebook:hover {
  background-color: #26508d;
}
.conteneur-reseau-concours .reseau .facebook:active {
  background-color: #1f4276;
}
.conteneur-reseau-concours .reseau .facebook a {
  font-weight: 300;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-size: 1.625rem;
  color: #fff;
  text-decoration: none;
  display: block;
line-height:1.3em;
  padding: 9.38416% 6.15836% 9.97067%;
}

.conseil-accueil{
min-width:1024px;
}

.conseil-accueil .astuce {
  float: left;
  width: 24.902242%;
  min-height: 256px;
  background: #395336;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
margin:0;
}
.conseil-accueil .astuce:hover {
  background: #2b4528;
}
.conseil-accueil .astuce:active {
  background: #1f351d;
}
.conseil-accueil .astuce a {
  display: block;
  padding-top: 16.40625%;
}
.conseil-accueil .astuce a:hover {
  text-decoration: none;
}
.conseil-accueil .astuce a:hover span.voir-conseil{
text-decoration:none;
}
.conseil-accueil .astuce a span {
  text-align: center;
  text-decoration: none;
  display: block;
  color: #fff;
  line-height: 1.24em;
}
.conseil-accueil .astuce a span.light-specialiste {
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
text-transform: uppercase;
    padding: 0 2%;
}
.conseil-accueil .astuce a span.bold-botanix {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 42px;
  font-size: 2.625rem;
  padding-bottom: 30.20313%;
}
.conseil-accueil .astuce a span.voir-conseil {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: arial,sans-serif;
text-decoration:underline;
}
.conseil-accueil .astuce a:hover span.voir-conseil{

}
.conseil-accueil .conseil {
  width: 75.1001%;
  float: left;
}
.conseil-accueil .conseil .produit {
  float: left;
  overflow: hidden;
  width: 33.2%;
  border-right: 1px solid #cdcdcd;
}
.conseil-accueil .conseil .produit:nth-child(3n) {
  border-right: 0;
}
.conseil-accueil .conseil .produit a {
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  background: #f3f3f3;
  min-height: 287px;
}
.conseil-accueil .conseil .produit a span{
display:block;
}
.conseil-accueil .conseil .produit a span.image-produit{
overflow:hidden;
}
.conseil-accueil .conseil .produit a span img{
width:100%;
-moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.conseil-accueil .conseil .produit a .titre-produit h2 {
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  color: #49ab3e;
  text-align: center;
  margin-top: 11px;
  margin-top: 0.6875rem;
  line-height: 1.285em;
}
.conseil-accueil .conseil .produit a:hover {
text-decoration: none;
}
.conseil-accueil .conseil .produit a:hover span img{
     transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.footer .content-footer .menu-footer {
  width: 18.16406%;
}

.footer .content-footer .menu-footer .menuCss6 {
  padding-top: 20.57143%;
}

.conteneur-magazine {
  height: 100%;
  min-height: 130px;
  max-height: 130px;
  background: #35992a;
  width: 50.2%;
  padding: 1.313rem 1.95313%;
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.conteneur-magazine .image-mag{
float:none;
}
.conteneur-magazine .magazine {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #222222;
margin:0;
font-weight:bold;
}
.conteneur-magazine .titre-magazine {
  padding-top: 5px;
  padding-bottom: 20px;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #fff;
}
.conteneur-magazine .consulter a {
  display: inline-block;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
text-decoration: underline;
}
.conteneur-magazine .consulter a:hover {
  text-decoration: none;
}
.footer .conteneur-magazine.image a {padding:0;}
.footer .conteneur-magazine.image a img {padding-left:0;}

.FacetteExplorer .produit .image-produit img {
    width: 100%;
  }




/*Refonte 2016*/
.img-logo-h1 {
  display: inline-block;
  vertical-align: baseline;
}

div.promo-club-accueil{
margin:1rem 0;
border: 2px dashed #000;
padding:0.5rem;
display:inline-block;
}
.menu2016 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

  .menu2016 .zone-menu {
    height: 100%;
  }

    .menu2016 .zone-menu .menuCss5 {
      height: 100%;
    }

  .menu2016 .header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
  }

    .menu2016 .header .logo {
      margin: 0;
      float: none;
    }

  .menu2016 .zone-menu .menuCss5 ul {
    height: 100%;
  }

  .menu2016 .header .menuCss5 ul li:hover {
    background: #349629;
  }

  .menu2016 .header .menuCss5 ul li a:hover {
    background: none;
  }

  .menu2016 .autres {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -wekbit-justify-content: center;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    position: static;
    width: auto;
height:100%;
  }

    .menu2016 .autres .recherche {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-around;
      -wekbit-justify-content: space-around;
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      float: none;
      width: auto;
    }

      .menu2016 .autres .recherche a {
        align-self: center;
        -ms-align-self: center;
        -webkit-align-self: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2.188rem 0.75rem 2.188rem;
      }

    .menu2016 .autres .anglais {
      float: none;
      width: auto;
    }

      .menu2016 .autres .anglais a {
        padding: 2rem 1.125rem 2rem;
      }

    .menu2016 .autres .carte {
      width: 5rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: none;
height:100%;
    }

    .menu2016 .autres .menu-club-botanix {
      background: #ffffff;
      background: rgb(255,255,255);
      background: -moz-linear-gradient(top, rgba(255,255,255,1) 45%, rgba(240,240,240,1) 89%, rgba(230,230,230,1) 100%);
      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 45%,rgba(240,240,240,1) 89%,rgba(230,230,230,1) 100%);
      background: linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(240,240,240,1) 89%,rgba(230,230,230,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
      padding: 0.5625rem 1.2rem 0.5625rem 0.9375rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

      .menu2016 .autres .menu-club-botanix .zone-connexion {
        color: #24743a;
        font-size: 0.6875rem;
        font-family: arial,sans-serif;
      }

        .menu2016 .autres .menu-club-botanix .zone-connexion a {
          color: #24743a;
          font-size: 0.6875rem;
          text-decoration: underline;
          font-family: arial,sans-serif;
        }

          .menu2016 .autres .menu-club-botanix .zone-connexion a:hover {
            text-decoration: none;
          }

      .menu2016 .autres .menu-club-botanix .nms_logged input {
        background: none;
        border: none;
        color: #24743a;
        font-size: 0.6875rem;
        font-family: arial,sans-serif;
        text-decoration: underline;
        display: inline;
        padding: 0;
        text-shadow: none;
      }

        .menu2016 .autres .menu-club-botanix .nms_logged input:hover {
          text-decoration: none;
        }

label.error {
  font-size: 0.75rem;
  color: red;
  font-family: 'Lato', Arial, sans-serif;
  display: block
}

.container-coupon .coupon {
  width: 59.375rem;
  border: 2px dashed #000;
  margin: 0 0 2.5rem;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

  .container-coupon .coupon:after {
    content: "";
    position: absolute;
    bottom: -1.25rem;
    right: 20.625rem;
    margin: auto;
    background: url(/_media/image/4367/cisors.png) no-repeat center center;
    width: 3.125rem;
    height: 2.8125rem;
  }

    .container-coupon .coupon .wrapper .zone-droite {

      padding:2rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

.container-coupon .coupon .wrapper .zone-droite .left{width:15rem;}
.container-coupon .coupon .wrapper .zone-droite .right{width:calc(100% - 15.5rem);padding-top:1.94rem;position:relative;}
.container-coupon .coupon .wrapper .zone-droite .right .img{position:absolute;bottom:0;max-width:22%;right:0;}
.container-coupon .coupon .wrapper .zone-top .club{max-width:8rem;}
.container-coupon .coupon .wrapper .zone-top .offre{margin:1.25rem 0;}

      .container-coupon .coupon .wrapper .zone-top .offre p {
        color: #24743a;
        text-transform: uppercase;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 900;
        text-align: left;
        line-height: 1.3em;
        margin: 0;
      }
.container-coupon .coupon .wrapper .zone-bottom .nom .membreBotanix{color: #49ab3e;
        font-weight: bold;
        font-size: 0.875rem;}
    .container-coupon .coupon .wrapper .zone-bottom {
      
    }

      .container-coupon .coupon .wrapper .zone-bottom .nom p, .container-coupon .coupon .wrapper .zone-droite .right .titre {
        color: #24743a;
        font-weight: bold;margin:0;
        font-size: 1.3125rem;
      }

    .container-coupon .coupon .wrapper .condition {
      padding-top: 0.9375rem;
clear:both;
    }

      .container-coupon .coupon .wrapper .condition p {
        font-size: 0.6875rem;
        color: #222222;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: normal;
        line-height: 1.3em;
      }

    .container-coupon .coupon .wrapper .rabais {
      width: 75%;
margin-top:1rem;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      -wekbit-justify-content: space-between;
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      align-items: stretch;
    }

      .container-coupon .coupon .wrapper .rabais .gros-chiffre {
        width: 40%;
border-radius:0.5rem 0 0 0.5rem;
position:relative;
        text-align: center;
        font-size: 4.875rem;
        line-height: 1em;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding: 1.25rem 0 0 0;
        color: #fff;
        background: #49ab3e;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

        .container-coupon .coupon .wrapper .rabais .gros-chiffre sup {
          font-size: 3rem;
          font-weight: bold;
        }
.container-coupon .coupon .wrapper .rabais .gros-chiffre .rabais{position:absolute;font-size:0.875rem;top:2.75rem;left:7.6rem;}

      .container-coupon .coupon .wrapper .rabais .texte {
        width: 60%;
border-radius:0 0.5rem 0.5rem 0;
        padding: 0.9375rem 1.375rem 0.875rem 1.375rem;
        background: #24743a;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
text-align:left;
        box-sizing: border-box;
      }

        .container-coupon .coupon .wrapper .rabais .texte h3 {
          color: #fff;
          font-family: "Lato", Arial, Helvetica, sans-serif;
          margin-top: 0;
          margin-bottom: 0.375rem;
          font-size: 1.125rem;
        }

        .container-coupon .coupon .wrapper .rabais .texte p {
          color: #fff;
          font-size: 1rem;
          font-family: "Lato", Arial, Helvetica, sans-serif;
          line-height: 1.3em;
          margin: 0;
        }

/*coupon germoir*/

.container-coupon .coupon.germoir .wrapper .zone-droite {
  width: 16.25rem;
  padding-bottom: 0.75rem;
  padding-right: 2.8125rem;
}
.container-coupon .coupon.germoir .wrapper .zone-droite .zone-top .club {
  width: 8.125rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.container-coupon .coupon.germoir .wrapper .zone-droite .zone-bottom {
  padding-top: 1.25rem;
}
.container-coupon .coupon.germoir .wrapper .zone-droite .zone-bottom .nom {
  padding-bottom: 0.25rem;
}
.container-coupon .coupon.germoir .wrapper .zone-droite .zone-bottom .nom p {
  margin: 0;
}
.container-coupon .coupon.germoir .wrapper .zone-droite .zone-bottom .membre-club {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #49ab3e;
  font-size: 0.875rem;
}
.container-coupon .coupon.germoir .wrapper .titre-rabais {
  width: 23.75rem;
}
.container-coupon .coupon.germoir .wrapper .titre-rabais h3 {
  color: #24743a;
  font-size: 1.3125rem;
  font-weight: 900;
  line-height: 1.1em;
  margin-bottom: 1.375rem;
text-transform:none;
}
.container-coupon .coupon.germoir .wrapper .rabais {
  width: 42.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.625rem;
  display: block;
  background: url(/_media/image/4367/img-coupon-germoir.jpg) no-repeat 92% 10px;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: stretch;
  width: 28.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre {
  width: 42.5%;
  text-align: left;
  font-size: 4.875rem;
  position: relative;
  padding: 0;
  padding: 0 0.9375rem;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre sup {
  right: -0.625rem;
  font-size: 3.25rem;
  top: -1.125rem;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre span.instant {
  font-size: 0.875rem;
  color: #fff;
  font-weight: bold;
line-height:1em;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre:after {
  content: "\f067";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 2.25rem;
  color: #fff;
  position: absolute;
  right: -0.875rem;
line-height:1em;
  top: 38%;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .texte {
  width: 57.5%;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.9375rem 1.875rem;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .texte h3{
text-transform:none;
text-align:left;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .texte p {
  text-align: left;
}
.container-coupon .coupon.germoir .condition {
  padding: 1.25rem 2.1875rem 1.125rem;
  font-size: 0.6875rem;
  color: #222222;
}
.container-coupon .coupon.germoir .condition p {
  font-size: 0.6875rem;
  color: #222222;
  margin: 0;
  line-height: 1.2em;
}

/*fin coupon germoir*/

/*coupon vaporisateur*/

.container-coupon .coupon.vaporisateur .wrapper .zone-droite {
  width: 16.25rem;
  padding-bottom: 0.75rem;
  padding-right: 2.8125rem;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-top .club {
  width: 8.125rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-bottom {
  padding-top: 1.25rem;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-bottom .nom {
  padding-bottom: 0.25rem;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-bottom .nom p {
  margin: 0;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-bottom .membre-club {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #49ab3e;
  font-size: 0.875rem;
}
.container-coupon .coupon.vaporisateur .wrapper .titre-rabais {
  width: 23.75rem;
}
.container-coupon .coupon.vaporisateur .wrapper .titre-rabais h3 {
  color: #24743a;
  font-size: 1.3125rem;
  font-weight: 900;
  line-height: 1.1em;
  margin-bottom: 1.375rem;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais {
  width: 42.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.625rem 0 1.875rem;
  display: block;
  background: url(/_media/image/4367/vaporisateur.png) no-repeat right 0;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: stretch;
  width: 15.9375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
position:relative;
z-index:10;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur .gros-chiffre {
  width: 100%;
  text-align: left;
  font-size: 1rem;
  position: relative;
  padding: 0;
  padding: 0.9375rem;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur .gros-chiffre span.instant {
  font-size: 1rem;
  font-weight: 900;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur .texte {
  width: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0.9375rem;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur .texte h3{
text-align:left;
text-transform: none;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur .texte p {
  text-align: left;
}
.container-coupon .coupon.vaporisateur .condition {
  padding: 1.25rem 2.1875rem 1.125rem;
  font-size: 0.6875rem;
  color: #222222;
}
.container-coupon .coupon.vaporisateur .condition p {
  font-size: 0.6875rem;
  color: #222222;
  margin: 0;
  line-height: 1.2em;
}

/*fin coupon vaporisateur*/


/*coupon semences*/

.container-coupon .coupon.semences .wrapper .zone-droite {
  width: 16.25rem;
  padding-bottom: 0.75rem;
  padding-right: 2.8125rem;
}
.container-coupon .coupon.semences .wrapper .zone-droite .zone-top .club {
  width: 8.125rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.container-coupon .coupon.semences .wrapper .zone-droite .zone-bottom {
  padding-top: 1.25rem;
}
.container-coupon .coupon.semences .wrapper .zone-droite .zone-bottom .nom {
  padding-bottom: 0.25rem;
}
.container-coupon .coupon.semences .wrapper .zone-droite .zone-bottom .nom p {
  margin: 0;
}
.container-coupon .coupon.semences .wrapper .zone-droite .zone-bottom .membre-club {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #49ab3e;
  font-size: 0.875rem;
}
.container-coupon .coupon.semences .wrapper .titre-rabais {
  width: 25.75rem;
}
.container-coupon .coupon.semences .wrapper .titre-rabais h3 {
  color: #24743a;
  font-size: 1.3125rem;
  font-weight: 900;
  line-height: 1.1em;
  margin-bottom: 1.375rem;
text-transform:none;
}
.container-coupon .coupon.semences .wrapper .rabais {
  width: 42.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.625rem;
  display: block;
  background: url(/_media/image/4367/botanix-semences-coupon.jpg) no-repeat 94% 20px;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: stretch;
  width: 28.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .gros-chiffre {
  width: 42.5%;
  text-align: left;
  font-size: 4.875rem;
  position: relative;
  padding: 0;
  padding: 0 0.9375rem;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
    padding-top: 11px;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .gros-chiffre sup {
  right: -0.625rem;
  font-size: 3.25rem;
  top: -1.125rem;
}

.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .gros-chiffre > .instant{
text-align: right;
margin-top: -27px;
}

.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .gros-chiffre span.instant {
  font-size: 0.875rem;
  color: #fff;
  font-weight: bold;
line-height:1em;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .gros-chiffre:after {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 2.25rem;
  color: #fff;
  position: absolute;
  right: -0.875rem;
line-height:1em;
  top: 38%;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .texte {
  width: 57.5%;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 1.4375rem 1.875rem 0;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .texte h3{
text-transform:none;
text-align:left;
}
.container-coupon .coupon.semences .wrapper .rabais .zone-couleur .texte p {
  text-align: left;
}
.container-coupon .coupon.semences .condition {
  padding: 1.25rem 2.1875rem 1.125rem;
  font-size: 0.6875rem;
  color: #222222;
}
.container-coupon .coupon.semences .condition p {
  font-size: 0.6875rem;
  color: #222222;
  margin: 0;
  line-height: 1.2em;
}

/*fin coupon semence*/

/*coupon universel*/

.container-coupon .coupon.universel .wrapper .zone-droite {
  width: 16.25rem;
  padding-bottom: 0.75rem;
  padding-right: 2.8125rem;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-top .club {
  width: 8.125rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-bottom {
  padding-top: 1.25rem;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-bottom .nom {
  padding-bottom: 0.25rem;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-bottom .nom p {
  margin: 0;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-bottom .membre-club {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #49ab3e;
  font-size: 0.875rem;
}
.container-coupon .coupon.universel .wrapper .titre-rabais {
  width: 25.75rem;
}
.container-coupon .coupon.universel .wrapper .titre-rabais h3 {
  color: #24743a;
  font-size: 1.3125rem;
  font-weight: 900;
  line-height: 1.1em;
  margin-bottom: 1.375rem;
text-transform:none;
}
.container-coupon .coupon.universel .wrapper .rabais {
  width: 42.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0.625rem;
  display: block;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: stretch;
  width: 28.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .gros-chiffre {
  width: 49.5%;
  text-align: left;
  font-size: 4.875rem;
  position: relative;
  padding: 0;
  padding: 0 0.9375rem;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
    padding-top: 11px;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .gros-chiffre sup {
  right: -0.625rem;
  font-size: 3.25rem;
  top: -1.125rem;
}

.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .gros-chiffre > .instant{
text-align: right;
margin-top: -27px;
}

.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .gros-chiffre span.instant {
  font-size: 0.875rem;
  color: #fff;
  font-weight: bold;
line-height:1em;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .gros-chiffre:after {
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 2.25rem;
  color: #fff;
  position: absolute;
  right: -0.875rem;
line-height:1em;
  top: 38%;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .texte {
  width: 50.5%;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 1.4375rem 1.875rem 0;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .texte h3{
text-transform:none;
text-align:left;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur .texte p {
  text-align: left;
}
.container-coupon .coupon.universel .wrapper .rabais .promoTitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: lato, sans-serif;
    font-weight: 800;
    color: #24743A;
    width: 100%;
    margin-bottom: 1rem;
}

.wrapContent > .wrapper > .content, .wrapContent > .wrapper > .content-full {
    padding-bottom: 2rem;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    min-height: 172px;
    align-items: stretch;
    background: #E6007E;
    position: relative;
    margin-right: 1.25rem;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .text {
    width: 50%;
    color: #fff;
    box-sizing: border-box;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    display: flex;
    align-items: center;
    font-family: Lato, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: normal;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 10;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .text p {
    color: #fff;
    font-family: Lato, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: normal;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer {
    width: 60%;
    position: relative;
    margin-right: auto;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer:after {
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 100%;
    top: 0;
    right: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6007e+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,0,126,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,0,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,0,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6007e',GradientType=1 ); /* IE6-9 */
}
.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer > span {
    display: block;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer > span img {
    min-width: 100%;
}
.container-coupon .coupon.universel .condition {
  padding: 1.25rem 2.1875rem 1.125rem;
  font-size: 0.6875rem;
  color: #222222;
}
.container-coupon .coupon.universel .condition p {
  font-size: 0.6875rem;
  color: #222222;
  margin: 0;
  line-height: 1.2em;
}

/*fin coupon universel*/

.club-botanix .mapCanvas {
  display: none;
}

.club-botanix .mapPanel, .newFilters .mapPanel {
  width: 100%;
  overflow: visible;
  height: auto;
  float: none;
}

.club-botanix .wrapper_map {
  margin: 0;
  line-height: inherit;
}

.club-botanix .storelocator-filter {
  margin-bottom: 0.9375rem;
}

.club-botanix .location-search, .newFilters .location-search {
  padding: 0;
}

.club-botanix .newFilters .location-search h4 {
  display: none;
}

.club-botanix .location-search input[type="submit"], .newFilters .location-search input[type="submit"] {
  background: #49ab3e url(/_media/image/4367/loupe-magasin.png) no-repeat center center;
  border: 0;
  padding: 1rem 1.0625rem;
  outline: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  width: 2.125rem;
  float: right;
  margin: 0;
  -webkit-appearance: none;
}

.tooltipElem {
  position: relative;
}

.tooltip, .tooltip2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -1.875rem;
  background: #fff;
  border: 1px solid #888b89;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 0.875rem 1.25rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
  width: 100%;
  z-index: 9999;
}

  .tooltip:after, .tooltip2:after {
    content: "";
    width: 22px;
    height: 12px;
    position: absolute;
    bottom: -0.6875rem;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/_media/image/4367/fleche-tooltip.png)no-repeat center center;
    z-index: 9999;
  }

.security .tooltip, .security2 .tooltip2 {
  top: -10.63rem;
  width: 18.75rem;
  left: -100%;
}

.tooltip ol li, .tooltip ul li, .tooltip p, .tooltip2 ol li, .tooltip2 ul li, .tooltip2 p {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 0.75rem;
}

.tooltip ol, .tooltip ul, .tooltip2 ol, .tooltip2 ul {
  margin: 0;
  padding-left: 1em;
}

a.btn {
  color: #fff;
  background: #49ab3e;
  display: inline-block;
  padding: 0.5625rem 5%;
  width: auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

  a.btn:hover {
    background: #349629;
    text-decoration: none;
  }

.container-connexion {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  background: #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1rem;
}

  .container-connexion .connexion-split {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.25rem;
  }

  .container-connexion .recovery {
    margin-top: 1rem;
  }

.recovery-container {
  background: #fff;
  padding: 0;
  position: relative;
}

  .recovery-container input[type="button"] {
    padding: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #49ab3e;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-shadow: none;
    width: 100%;
  }

  .recovery-container .N9b285be9e2a44b16b69bf3b47c7b9229Css {
    border: 0;
    padding: 2rem;
  }

  .recovery-container .N7c7fd41a5c7e4dae91223508f59f7736Css, .recovery-container .N9278580f487447a58d77b28bab17f0e8Css {
    margin-left: 0;
    margin-right: 0;
  }

  .recovery-container .Nbee0ecb933634a3687dbec7c78faf8ebCss {
    margin: 0;
    padding-top: 0.5rem;
    width: 100%;
  }

  .recovery-container .Na788bf098dfb408f9bf07f9655ef5bbfCss {
    float: none;
    border: 0;
    margin-right: 0;
    padding-top: 1rem;
  }

  .recovery-container input[type="text"], .recovery-container input[type="password"] {
    width: 100%;
    font-size: 0.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4375rem 0.5rem 0.4375rem;
    border: 1px solid #888888;
    line-height: 1.3em;
    height: 2.125rem;
    outline: 0;
    color: #222222;
    -webkit-appearance: none;
  }

  .recovery-container a.close:after {
    content: "\f00d";
    position: absolute;
    font-family: Fontawesome;
    font-size: 1rem;
    color: #222222;
    top: 0.25rem;
    right: 0.5rem;
  }


.container-connexion .connexion-split.bouton div.texte {
  padding-top: 1.25rem;
}

  .container-connexion .connexion-split.bouton div.texte p {
    font-size: 1rem;
  }

.container-connexion .connexion-split .label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
}

.container-connexion .connexion-split .input input {
  width: 100%;
  font-size: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4375rem 0.5rem 0.4375rem;
  border: 1px solid #888888;
  line-height: 1.3em;
  height: 2.125rem;
  outline: 0;
  color: #222222;
}

.container-connexion .connexion-split .submit-container {
  margin-top: 1rem;
}

  .container-connexion .connexion-split a.btn, .container-connexion .connexion-split .submit-container input[type="submit"] {
    color: #fff;
    background: #49ab3e;
    display: inline-block;
    padding: 0.5625rem 5%;
    width: auto;
    border: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-decoration: none;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-shadow: none;
    line-height: 1.5em;
  }

  .container-connexion .connexion-split .submit-container input[type="submit"] {
    width: 100%;
  }

.container-connexion .connexion-split a.btn {
  margin-top: 3.313rem;
}

  .container-connexion .connexion-split a.btn:hover, .container-connexion .connexion-split .submit-container input[type="submit"]:hover {
    background: #349629;
  }


.club-botanix .image-programme-container {
  padding-top: 1.4375rem;
  padding-bottom: 1.5625rem;
}

  .club-botanix .image-programme-container .image, .club-botanix .image-programme-container .titre {
    display: inline-block;
    vertical-align: bottom;
  }

    .club-botanix .image-programme-container .image h1, .club-botanix .image-programme-container .image h2, .club-botanix .image-programme-container .titre h1, .club-botanix .image-programme-container .titre h2 {
      margin: 0;
    }

    .club-botanix .image-programme-container .titre h2 {
      line-height: 1em;
      font-size: 1.875rem;
      font-family: "Lato", Arial, Helvetica, sans-serif;
      font-weight: normal;
      color: #24743a;
    }

  .club-botanix .image-programme-container .image {
    margin-left: 0.25rem;
    margin-right: 1.125rem;
  }

.club-botanix .zone-info-club-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  padding-bottom: 1.5rem;
}

  .club-botanix .zone-info-club-top .nouveau-membre {
    width: 48.82813%;
  }

    .club-botanix .zone-info-club-top .nouveau-membre h3 {
      color: #24743a;
      font-size: 1.25rem;
      font-weight: bold;
      line-height: 1.1em;
    }

    .club-botanix .zone-info-club-top .nouveau-membre p {
      line-height: 1.5em;
      font-size: 0.875rem;
    }

  .club-botanix .zone-info-club-top .deja-membre {
    width: 47.36328%;
  }

    .club-botanix .zone-info-club-top .deja-membre h3 {
      color: #24743a;
      margin-bottom: 0.9375rem;
    }

    .club-botanix .zone-info-club-top .deja-membre .bouton a.btn {
      color: #fff;
      background: #49ab3e;
      display: inline-block;
      padding: 0.5625rem 5%;
      width: auto;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.875rem;
      text-decoration: none;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
    }

.bouton a.btn {
  color: #fff;
  background: #49ab3e;
  display: inline-block;
  padding: 0.5625rem 5%;
  width: auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

  .bouton a.btn:hover {
    background: #349629;
  }

.club-botanix .zone-info-club-top .deja-membre .bouton a.btn:hover {
  background: #349629;
}

.club-botanix .form-creation-container {
  min-width: 1024px;
}

  .club-botanix .form-creation-container .titre h4 {
    margin-top: 0;
    font-size: 1.25rem;
    color: #24743a;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  .club-botanix .form-creation-container .input-container span.security, .club-botanix .form-creation-container .input-container span.security2 {
    font-size: 0.75rem;
  }

    .club-botanix .form-creation-container .input-container span.security .dashed, .club-botanix .form-creation-container .input-container span.security2 .dashed {
      border-bottom: 1px dashed #24743a;
      cursor: pointer;
    }

  .club-botanix .form-creation-container .input-container .label {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }

  .club-botanix .form-creation-container .input-container .input {
    margin-bottom: 0.6875rem;
  }

    .club-botanix .form-creation-container .input-container .input input[type="text"], .club-botanix .form-creation-container .input-container .input select, .club-botanix .form-creation-container .input-container .input input[type="password"] {
      width: 100%;
      font-size: 0.875rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0.4375rem 0.5rem 0.4375rem;
      border: 1px solid #888888;
      line-height: 1.3em;
      height: 2.125rem;
      outline: 0;
      color: #222222;
    }

  .club-botanix .form-creation-container .input-container label.fakeCheck {
    position: relative;
    padding-left: 2.25rem;
    cursor: pointer;
    display: inline-block;
  }

    .club-botanix .form-creation-container .input-container label.fakeCheck span {
      display: inline-block;
      vertical-align: top;
      line-height: 1.3em;
    }

    .club-botanix .form-creation-container .input-container label.fakeCheck input[type="checkbox"] {
      height: 1px;
      width: 0;
      position: absolute;
      left: -9999px;
    }

      .club-botanix .form-creation-container .input-container label.fakeCheck input[type="checkbox"]:checked + span.check:after {
        content: "\f046";
      }

      .club-botanix .form-creation-container .input-container label.fakeCheck input[type="checkbox"] + span {
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 0.875rem;
        display: inline-block;
      }

        .club-botanix .form-creation-container .input-container label.fakeCheck input[type="checkbox"] + span.check, .club-botanix .form-creation-container .input-container label.fakeCheck table + span.check {
          width: 0.6875rem;
          height: 0.6875rem;
          position: absolute;
          left: 0;
        }

          .club-botanix .form-creation-container .input-container label.fakeCheck input[type="checkbox"] + span.check:after, .club-botanix .form-creation-container .input-container label.fakeCheck table + span.check:after {
            content: "\f096";
            font-family: FontAwesome;
          }

  .club-botanix .form-creation-container .form-creation-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
  }

    .club-botanix .form-creation-container .form-creation-top .info-perso {
      background: #e6e6e6;
      width: 49.31641%;
      padding: 60px 150px 0 150px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

      .club-botanix .form-creation-container .form-creation-top .info-perso .titre h4 {
        margin-bottom: 0.875rem;
      }

      .club-botanix .form-creation-container .form-creation-top .info-perso .requis p {
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-size: 0.75rem;
        font-weight: normal;
        margin-bottom: 1.375rem;
      }

      .club-botanix .form-creation-container .form-creation-top .info-perso .zone-ville {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -wekbit-justify-content: space-between;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
      }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-ville .input-container.ville {
          width: 69.66292%;
        }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-ville .input-container.province {
          width: 26.96629%;
        }

      .club-botanix .form-creation-container .form-creation-top .info-perso .zone-pays {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -wekbit-justify-content: space-between;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
      }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-pays .input-container.pays {
          width: 69.66292%;
        }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-pays .input-container.postal {
          width: 26.96629%;
        }

      .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel {
        border-bottom: 1px solid #cfcfcf;
        padding-bottom: 1.1875rem;
        margin-bottom: 1.5625rem;
      }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .input-container {
          width: 69.66292%;
        }

          .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .input-container.date .input input {
            width: 18.3871%;
            margin-right: 0.375rem;
text-align:center;
          }

        .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms {
          position: relative;
          margin-bottom: 1.1875rem;
          font-size: 0.875rem;
        }

          .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck {
            position: relative;
            padding-left: 2.25rem;
          }

            .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck input[type="checkbox"] {
              height: 1px;
              width: 0;
              position: absolute;
              left: -9999px;
            }

              .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck input[type="checkbox"]:checked + span.check:after {
                content: "\f046";
              }

              .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck input[type="checkbox"] + span {
                font-family: "Lato", Arial, Helvetica, sans-serif;
                font-weight: normal;
                font-size: 0.875rem;
              }

                .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck input[type="checkbox"] + span.check {
                  width: 0.6875rem;
                  height: 0.6875rem;
                  position: absolute;
                  left: 0;
                }

                  .club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck input[type="checkbox"] + span.check:after {
                    content: "\f096";
                    font-family: FontAwesome;
                  }

      .club-botanix .form-creation-container .form-creation-top .info-perso .password {
        padding-right: 1.125rem;
      }

        .club-botanix .form-creation-container .form-creation-top .info-perso .password .input-container:last-child .input {
          margin-bottom: 0;
        }

    .club-botanix .form-creation-container .form-creation-top .autre-info {
      width: 49.31641%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

      .club-botanix .form-creation-container .form-creation-top .autre-info .interet, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin {
        background: #e6e6e6;
        margin-bottom: 0.625rem;
        padding: 60px 150px 0 150px;
      }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store-list LI:hover {
          cursor: pointer;
          background: #b2e8c1 !important;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store-list LI.no-stores:hover {
          cursor: default;
          background: transparent !important;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store-list LI.highlighted.store {
          background: #49ab3e !important;
          color: #fff !important;
        }

          .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store-list LI.highlighted.store:hover {
            color: inherit !important;
          }

        .club-botanix .form-creation-container .form-creation-top .autre-info .interet .titre h4, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .titre h4, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .titre h4 {
          margin-top: 0;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .interet .texte p, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .texte p, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .texte p {
          line-height: 1.5em;
          margin-bottom: 1.25rem;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          justify-content: space-around;
          -wekbit-justify-content: space-around;
          flex-flow: row wrap;
          -webkit-flex-flow: row wrap;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store ul.store-list li.store .services-offerts, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store ul.store-list li.store p a.btn {
          display: none;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .newFilters {
          padding: 0;
        }

          .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .newFilters .location-search .zone-submit {
            width: 100%;
          }

            .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .newFilters .location-search .zone-submit input[type="text"] {
              width: 89%;
            }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container table tr td input {
          height: 1px;
          width: 0;
          position: absolute;
          left: -9999px;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container table tr td label {
          position: relative;
          padding-left: 2.25rem;
          cursor: pointer;
          display: inline-block;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container span.texte-abonnement {
          position: relative;
          padding-left: 2.25rem;
          cursor: pointer;
          display: inline-block;
          width: 100%;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container table {
          /*display: none;
          visibility: hidden;*/
        }

          .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container table tr td label:before {
            content: "\f096";
            font-family: FontAwesome;
            position: absolute;
            width: 0.6875rem;
            height: 0.6875rem;
            position: absolute;
            left: 0;
            font-weight: normal;
            font-size: 0.875rem;
          }


        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container span.texte-abonnement:before {
          content: "\f096";
          font-family: FontAwesome;
          position: absolute;
          width: 0.6875rem;
          height: 0.6875rem;
          position: absolute;
          left: 0;
          font-weight: normal;
          font-size: 0.875rem;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container table tr td input[type="checkbox"]:checked + label:before {
          content: "\f046";
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container span.texte-abonnement.clicked:before {
          content: "\f046";
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check .input-container, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check .input-container {
          width: 48%;
          margin-bottom: 0.5rem;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container {
          width: 100%;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check .warning, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .warning, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check .warning {
          margin-top: 0.5rem;
          padding-left: 0.875rem;
          position: relative;
        }

          .club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check .warning:before, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .warning:before, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check .warning:before {
            content: "*";
            position: absolute;
            left: 0;
            font-size: 0.75rem;
            top: 0;
          }

          .club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check .warning p, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .warning p, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check .warning p {
            font-size: 0.75rem;
            line-height: 1.3em;
          }

      .club-botanix .form-creation-container .form-creation-top .autre-info .magasin {
        margin-bottom: 0;
      }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .texte p {
          margin-bottom: 1rem;
        }

        .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store .search {
          margin-bottom: 1.5625rem;
        }

          .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store .search input[type="text"] {
            width: 89.88764%;
            font-size: 0.875rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0.4375rem 0.5rem 0.4375rem;
            border: 1px solid #888888;
            line-height: 1.3em;
            height: 2.125rem;
            outline: 0;
            color: #222222;
          }

          .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store .search span {
            background: #49ab3e;
            color: #fff;
            position: relative;
            display: inline-block;
            padding: 0.625rem 0.6875rem 0.625rem 0.625rem;
            margin-left: 0.625rem;
            cursor: pointer;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out;
            -ms-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
          }

            .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store .search span:after {
              content: "\f002";
              font-family: FontAwesome;
              font-size: 0.875rem;
              color: #fff;
            }

            .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .store .search span:hover {
              background: #349629;
            }

  .club-botanix .form-creation-container .form-creation-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -wekbit-justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3.0625rem;
    padding-bottom: 4.375rem;
  }

    .club-botanix .form-creation-container .form-creation-bottom .submit-container {
      margin-left: 150px;
    }
.club-botanix .form-creation-container .vraiSubmit{margin-top:2rem;text-align:right;}
.club-botanix .form-creation-container .imgRight{margin-bottom:2rem;}

      .club-botanix .form-creation-container .form-creation-bottom .submit-container input[type="submit"], .club-botanix .form-creation-container .vraiSubmit input[type="submit"] {
        border: none;
        display: inline-block;
        background: #49ab3e;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.125rem;
        font-weight: bold;
        color: #fff;
        padding: 1.6875rem 1.5625rem;
        text-transform: uppercase;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
      }

        .club-botanix .form-creation-container .form-creation-bottom .submit-container input[type="submit"]:hover, .club-botanix .form-creation-container .vraiSubmit input[type="submit"]:hover {
          background: #349629;
        }

.chosenStoreText .services-offerts {
  display: none;
}

.editStore {
  margin-top: 20px;
}

  .editStore:hover {
    cursor: pointer;
  }

.nom-succ {
  color: #49ab3e;
  font-weight: bold;
}
/*magasin 2016*/
.titre-mag2016{
padding:1.25rem 0 1.75rem;
}
.titre-mag h1{
margin-top:0;
font-size:2.625rem;
}
.map-mag #map{
width:20.5rem;
height:13.75rem;
}

.map-mag #map *{
margin: 0;
padding: 0;
border: none;
width: 100%;
height: 100%;
}
.map-mag .lat-mag, .map-mag .long-mag{
display:none!important;
}
.containter-coordonnees{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.container-coordonnees .tier-titre h3{
font-size:1.25rem;
font-weight:bold;
}

.containter-coordonnees .tier, .containter-coordonnees .tier .spanForBroker{
font-size:0.875rem;
color:#222222;
}
.containter-coordonnees .tier .info-heures-mag .heure-mag .zoneForBroker .spanForBroker{
width:6.875rem;
display:inline-block;
} 
.containter-coordonnees .tier.coord .site-mag div.ProductBrokerType_RichText{
display:inline-block;
}

.containter-coordonnees .tier.coord .email-mag div.ProductBrokerType_RichText{
display:inline-block;
}
.containter-coordonnees .tier a.btn.itinetaire{
    margin-top: 1rem;
}

.containter-coordonnees .tier .infos-mag, .containter-coordonnees .tier .info-heures-mag{
line-height:1.5em;
}
.containter-coordonnees .tier .tel-mag{
margin:0.625rem 0 0;
}
.containter-coordonnees .tier .email-mag{
margin:0.625rem 0 0;
}
.containter-coordonnees .tier .site-mag{
 margin:0.625rem 0;
}
.containter-coordonnees .tier .site-mag p{
margin:0;
}


.services-mag{
width:100%;
padding-top:0.625rem;
padding-bottom:3.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -wekbit-justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.services-mag .container-icone-mag{
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -wekbit-justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
width:22.88rem;
padding-bottom:0.625rem;
}
.services-mag .container-icone-mag .icone-mag{
margin-right:1.375rem;
}
.services-mag .container-icone-mag .icone-mag img{
width:3rem;
height:3rem;
}
.services-mag .container-icone-mag .texte-icone{
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -wekbit-justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
width:18.5rem;
}

.services-mag .container-icone-mag .texte-icone span{
font-weight:bold;
font-size:1rem;
align-self:center;
-webkit-align-self:center;
-ms-align-self:center;
line-height:1.3em;
}


/*accueil 2016*/
.refonte2016 .zone-promo2016 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -wekbit-justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  min-width: 1024px;
}

  .refonte2016 .zone-promo2016 .promo img {
    width: 100%;
  }

  .refonte2016 .zone-promo2016 .club img {
    width: 100%;
  }

.refonte2016 .conteneur-reseau-plante {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -wekbit-justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  min-width: 1024px;
}

  .refonte2016 .conteneur-reseau-plante .plantes {
    width: 66.60156%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -wekbit-justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
  }

    .refonte2016 .conteneur-reseau-plante .plantes .zone-fleur {
      width: 50%;
      float: none;
    }

  .refonte2016 .conteneur-reseau-plante .reseau {
    width: 33.39844%;
  }

    .refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil {
      height: 180px;
      width: 100%;
position:relative;
overflow:hidden;
      background: url(/_media/image/4367/bg-circulaire-accueil.png);
      background-color: #eb9925;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: 116% 25%;
      -moz-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      -webkit-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
    }

      .refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil:hover {
        background-color: #d28519;
      }

      .refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil:active {
        background-color: #ac6a0e;
      }

      .refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil a {
        font-weight: 300;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-size: 1.625rem;
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 26.97947% 6.15836% 4.10557%;
    position: absolute;
    bottom: 0;
    width: 100%;
height:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
      }

    .refonte2016 .conteneur-reseau-plante .reseau .facebook {
      overflow: hidden;
      height: 120px;
position:relative;
      width: 100%;
      /*background: url(/_media/image/4367/bg-facebook.png);
      background-color: #3460a1;*/
/*background: url(/_media/image/4367/bg-bloc-service.png);*/
/*background: url(/_media/image/4367/decouvrez-fleuristeries-bouton-accueil.png);*/
background-color: #24743a;
      background-size: auto;
      background-repeat: no-repeat;
     /* background-position: 90% 30px; */
background-position: right top;
      -moz-transition: all 0.15s ease-in-out;
      -o-transition: all 0.15s ease-in-out;
      -webkit-transition: all 0.15s ease-in-out;
      -ms-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
    }

      .refonte2016 .conteneur-reseau-plante .reseau .facebook:hover {
        /* background-color: #26508d; */
/*background-color: #395336;*/
opacity:0.8;
      }

      .refonte2016 .conteneur-reseau-plante .reseau .facebook:active {
        /* background-color: #1f4276; */
/*background-color: #395336;*/
      }

      .refonte2016 .conteneur-reseau-plante .reseau .facebook a {
        font-weight: 300;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-size: 26px;
        font-size: 1.625rem;
        color: #fff;
color:#24743a;
        text-decoration: none;
        display: block;
        padding:11.38416% 6.15836% 6.97067%;
    position: absolute;
    bottom: 0;
    width: 100%;
height:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
      }

.refonte2016 .conteneur-reseau-plante .reseau .facebook a {
padding:0;
background:none;
}

.refonte2016 .conseil-accueil {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  -wekbit-justify-content: flex-start;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1024px;
}

  .refonte2016 .conseil-accueil .astuce {
    background: #24743a;
    position: relative;
    float: none;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

    .refonte2016 .conseil-accueil .astuce:hover {
      background: #24743a;
    }

    .refonte2016 .conseil-accueil .astuce:after {
      content: "";
      position: absolute;
      background: url(/_media/image/4367/triangle-astuce.png) no-repeat center center;
      width: 1.6875rem;
      height: 1.6875rem;
      right: -14px;
      top: 0;
      bottom: 0;
      margin: auto;
      margin-top: 42%;
      z-index: 9999;
    }

    .refonte2016 .conseil-accueil .astuce a span.bold-botanix span.experts {
      line-height: 1.3em;
      vertical-align: middle;
    }

  .refonte2016 .conseil-accueil .conseil {
    width: 75%;
    float: none;
  }
.refonte2016 .conseil-accueil .conseil .defaultFacet{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.refonte2016 .conseil-accueil .conseil .defaultFacet .FacetedResultTemplate{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    float: none;
    width: 33.333333333%;
margin:0;
}

    .refonte2016 .conseil-accueil .conseil .produit {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      float: none;
      width: 100%;
    }

      .refonte2016 .conseil-accueil .conseil .produit a {
        position: relative;
      }

        .refonte2016 .conseil-accueil .conseil .produit a:before {
          content: "";
          z-index: 11000;
          width: 2.75rem;
          height: 100%;
          background: url(/_media/image/4367/shadow-article-accueil.png) no-repeat center center;
          position: absolute;
        }

        .refonte2016 .conseil-accueil .conseil .produit a .titre-produit {
          margin: 0 1.25rem;
          display: block;
padding-top:0.75em;
padding-bottom:2.5em;
        }

          .refonte2016 .conseil-accueil .conseil .produit a .titre-produit h2 {
            text-transform: none;
            text-align: left;
margin-top:0;
line-height:1em;
font-size:1.125rem;
          }

        .refonte2016 .conseil-accueil .conseil .produit a .lien {
          margin: 0 1.25rem;
          color: #222222;
          font-family: Arial,sans-serif;
          font-size: 0.75rem;
          text-decoration: underline;
    position: absolute;
    line-height: 1em;
    bottom: 0;
    padding-bottom: 0.75rem;
        }

/*store locator 2016*/
form .containter-magasins .gpcStores, form .gpcStores.defaultFacet {
  display: none !important;
}

.containter-magasins .titre h1 {
  color: #24743a;
  font-size: 2.625rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  margin-top: 2.375rem;
  margin-bottom: 0.875rem;
}

.containter-magasins .texte {
  margin-bottom: 2.25rem;
  width: 65%;
}

  .containter-magasins .texte p:last-child {
    margin-bottom: 0;
  }

.containter-magasins .newFilters, .newFilters {
  background: #e6e6e6;
  padding: 1.3125rem 1.25rem 1.25rem;
  margin-bottom: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

  .containter-magasins .newFilters .location-search, .newFilters .location-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -wekbit-justify-content: space-between;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    background: none;
  }

    .containter-magasins .newFilters .location-search h4, .newFilters .location-search h4 {
      margin: 0;
      display: inline;
      vertical-align: middle;
      color: #24743a;
      font-weight: bold;
      font-size: 1.25rem;
    }

    .containter-magasins .newFilters .location-search .zone-submit, .newFilters .location-search .zone-submit {
      display: inline-block;
      vertical-align: middle;
    }

    .containter-magasins .newFilters .location-search input[type="text"] {
      width: 27.75rem;
      padding: 0.4375rem 1.0625rem;
      outline: 0;
      margin: 0;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: 0.625rem;
      border: 1px solid #888888;
    }

    .newFilters .location-search input[type="text"] {
      padding: 0.4375rem 1.0625rem;
      outline: 0;
      margin: 0;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: 0.625rem;
      border: 1px solid #888888;
      width: 27.75rem;
      -webkit-appearance: none;
    }

    .containter-magasins .newFilters .location-search input[type="submit"] {
      background: #49ab3e url(/_media/image/4367/loupe-magasin.png) no-repeat center center;
      border: 0;
      padding: 1rem 1.0625rem;
      outline: 0;
      margin: 0;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: auto;

    }
.containter-magasins .mapCanvas .gm-style-iw-d,
.containter-magasins .mapCanvas .gm-style-iw.gm-style-iw-c{
    max-height: inherit!important;
}
.containter-magasins .mapCanvas {
  height: 21.875rem;
  width: 100%;
  float: none;
  background: #e6e6e6;
}

.containter-magasins .mapPanel.storelocator-panel {
  margin-top: 2.875rem;
  width: 100%;
  height: auto;
  float: none;
  overflow: visible;
}

  .containter-magasins .mapPanel.storelocator-panel ul.store-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    -wekbit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store {
      width: 33.333%;
      padding: 0;
      margin: 0;
      cursor: default;
      padding-bottom: 1.5rem;
    }

      .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store a {
        color: #49ab3e;
      }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.no-stores {
      display: none;
    }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store:hover, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.highlighted.store {
      background: none !important;
      color: inherit !important;
    }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store h3 {
      color: #24743a;
      font-size: 1.25rem;
      font-weight: bold;
      font-family: "Lato", Arial, Helvetica, sans-serif;
    }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.ouverture, .wrapContentInfoWindow span.ouverture, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.txt-ouvert, .wrapContentInfoWindow span.txt-ouvert {
      color: #49ab3e;
      font-family: "Lato", Arial, Helvetica, sans-serif;
      font-weight: bold;
    }

      .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.ouverture.ferme, .wrapContentInfoWindow span.ouverture.ferme, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.txt-ouvert.ferme, .wrapContentInfoWindow span.txt-ouvert.ferme {
        color: #ff0000;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: bold;
      }
.wrapContentInfoWindow p{
font-weight: normal;
}

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .heure-ouverture {
      margin-bottom: 1.625rem;
    }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts {
      width: 100%;
      display: inline-block;
    }

      .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre {
        display: inline-block;
        width: 100%;
        margin-bottom: 1rem;
        font-family: "Lato", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 0.875rem;
      }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
      -wekbit-justify-content: flex-start;
      flex-flow: row wrap;
      -webkit-flex-flow: row wrap;
      width: 75%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 1.5625rem;
      position: relative;
    }

      .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone {
        width: 2rem;
        margin: 0 0.625rem 0.625rem 0;
        position: relative;
      }

        .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip2 {
          position: absolute;
          left: -5rem;
          width: 12rem;
          margin: auto;
          top: -5.25rem;
          background: #fff;
          border: 1px solid #888b89;
          border-radius: 3px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          padding: 0.75rem;
          font-family: "Lato", Arial, Helvetica, sans-serif;
          font-size: 0.875rem;
          z-index: 9999;
          color: #222222;
          text-align: center;
          min-height: 4.25rem;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }

    .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store a.btn, .containter-magasins .wrapContentInfoWindow a.btn {
      background: #49ab3e;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 0.875rem;
      text-transform: uppercase;
      padding: 0.5625rem 0.625rem;
      display: inline-block;
      text-decoration: none;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
    }

      .containter-magasins .wrapContentInfoWindow a.btn.gItineraire, a.btn.gItineraire {
        display: none;
      }

      .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store a.btn:hover, .containter-magasins .wrapContentInfoWindow a.btn:hover {
        background: #23791a;
      }

.chosenStoreText a.btn{
display:none!important;
}
.chosenStore .editStore a.btn{
display:block!important;
}


/*----------------------blogue 2016------------------------*/
.container-blogue {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1024px;
}
.container-blogue .banner-blogue {
  /*margin-top: 2.25rem;*/
  margin-bottom: 2.25rem;
  position: relative;
  min-height:19.69rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 0;
}
.container-blogue .banner-blogue:after{
/*content: "";
    background: url(/_media/image/4367/bg-banner-article.png)no-repeat center center;
    background-size: cover;
    position: absolute;
top:0;
    width: 100%;
    height: 100%;
    z-index: 1000;*/
}
.container-blogue .banner-blogue .retour-blogue {
  position: absolute;
  top: 3.1875rem;
  left: 3.125rem;
z-index:9999;
}
.container-blogue .banner-blogue .retour-blogue a {
      position: relative;
    font-size: 0.875rem;
    padding: 0.2rem 0.625rem;
    display: inline-block;
    width: 100%;
}
.container-blogue .banner-blogue .retour-blogue a:before {
  content: "\f0d9";
  font-family: FontAwesome;
  display: inline-block;
margin-right:0.75rem;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-blogue .banner-blogue .retour-blogue a:hover {
  text-decoration: none;
}
.container-blogue .banner-blogue .retour-blogue a:hover:before {
  left: -1.25rem;
}
.container-blogue .banner-blogue .container-titre-blogue {
  position: absolute;
  bottom: 2.5rem;
  left: 3.125rem;
  width: 57.8125rem;
z-index:9999;
}
.container-blogue .banner-blogue .container-titre-blogue .date-blogue {
  line-height: 1em;
  padding-bottom: 1rem;
  color: #fff;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-shadow: 0px 0px 5px black;
z-index:9999;
}
.container-blogue .banner-blogue .container-titre-blogue .titre-blogue h1 {
  line-height: 1.15em;
  margin: 0;
  font-size: 2.625rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 0px 0px 6px black;
}
.container-blogue .container-contenu-blogue {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
.container-blogue .container-contenu-blogue .texte-blogue {
  width: 41.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 7.5rem;
}
.container-blogue .container-contenu-blogue .texte-blogue .description-blogue h2 {
  font-weight: bold;
  color: #24743a;
  font-size: 1.25rem;
  margin-top: 0;
  line-height: 1.15em;
  margin-bottom: 1.9375rem;
}
.container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue h3 {
  font-size: 1rem;
  color: #222222;
  font-weight: bold;
  margin-bottom: 0.875rem;
}
.container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue p {
  line-height: 1.5em;
  margin-bottom: 1.5rem;
}
.container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue p, .container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue ul li, .container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue ol li {
font-size:0.875rem;
}
.container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue h4 {
  color: #24743a;
  font-size: 0.875rem;
  font-weight: bold;
}
.container-blogue .container-contenu-blogue .texte-blogue .texte-principale-blogue img {
/*  margin: 0.5625rem 0 0.4375rem;*/
}

.texte-principale-blogue .contenuToggle{
margin-bottom:2.00rem
}
.container-blogue .container-contenu-blogue .texte-blogue table tr td{
font-size:0.875rem;
line-height:1.3em;
padding: 0.5em 0.25em;
text-align: left;
}
.container-blogue .container-contenu-blogue .aside-blogue, .aside-blogue {
  width: 19.375rem;
  margin-top: 0.25rem;
  background: url(/_media/image/4367/bg-partage.png) repeat-x center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.1875rem 2.4375rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .titre-partage, .aside-blogue .zone-partage-blogue .titre-partage {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #222222;
  padding-bottom: 0.9375rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage, .aside-blogue .zone-partage-blogue .icone-partage {
  padding-bottom: 1.4375rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa, .aside-blogue .zone-partage-blogue .icone-partage a.fa, .container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fab, .aside-blogue .zone-partage-blogue .icone-partage a.fab {
  font-size: 2.375rem;
  text-decoration: none;
  margin-right: 0.4375rem;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa:hover, .aside-blogue .zone-partage-blogue .icone-partage a.fa:hover, .container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fab:hover, .aside-blogue .zone-partage-blogue .icone-partage a.fab:hover {
  opacity: 0.8;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa-facebook-square, .aside-blogue .zone-partage-blogue .icone-partage a.fa-facebook-square {
  color: #3b5998;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa-twitter-square, .aside-blogue .zone-partage-blogue .icone-partage a.fa-twitter-square {
  color: #55acee;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa-pinterest-square, .aside-blogue .zone-partage-blogue .icone-partage a.fa-pinterest-square {
  color: #cc2127;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa-envelope-square, .aside-blogue .zone-partage-blogue .icone-partage a.fa-envelope-square {
  color: #808080;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa.fa-print, .aside-blogue .zone-partage-blogue .icone-partage a.fa.fa-print{
background: #1d1d1d;
    padding: 0.4375rem;
    font-size: 1.25rem;
    vertical-align: top;
    border-radius: 5px;
-webkit-border-radius:5px;
    color: #fff;
    margin-top: 0.125rem;
    margin-left: 0.125rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .titre-dernier-article, .aside-blogue .dernier-article-blogue .titre-dernier-article {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #222222;
  padding-bottom: 1.0625rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet, .aside-blogue .dernier-article-blogue .defaultFacet, .conseils .defaultFacet {
  width: 100%;
  padding: 0;
  margin: 0;
min-height:9.438rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate, .conseils .defaultFacet .FacetedResultTemplate {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  margin-bottom: 0.625rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue, .conseils .defaultFacet .FacetedResultTemplate a.lien-blogue {
  text-decoration: none;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent:after, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent:after, .conseils .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent:after {
  background: #24743a;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent img, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent img, .conseils .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
opacity:0.7;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent, .conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent {
  position: relative;
  height: 9.375rem;
background:black;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent img, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent img, .conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent img {
width:100%;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent:before, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent:before, .conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent:before{
content:"";
background:url(/_media/image/4367/shadow-miniature-blog.png)no-repeat center center;
background-size:cover;
position:absolute;
width:100%;
height:100%;
z-index:1000;
 -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent:after, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent:after, .conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent:after {
  content: "\f067";
  color: #fff;
  font-family: FontAwesome;
  background: #49ab3e;
  width: 2.125rem;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  height: auto;
  padding: 0.5625rem 0;
  position: absolute;
  bottom: 0;
  right: 0;
z-index:9999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .titre-blogue-recent, .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .titre-blogue-recent, .conseils .defaultFacet .FacetedResultTemplate .titre-blogue-recent {
  width: 12.25rem;
  padding: 0 0 0.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index:9999;
  bottom: 0;
  left: 0;
  text-align: left;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.15em;
  text-shadow: 1px 1px 2px black;
}

/*Liste d'article de blogue*/
.container-liste-blogue{
min-width:1024px;
}
.container-liste-blogue .banner-liste-blogue {
  padding: 5.5rem 0;
  background: url(/_media/image/4367/banner-liste-blogue.jpg) no-repeat center center;
  background-size: auto 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-liste-blogue .banner-liste-blogue .container-titre-liste-blogue {
  width: 37.5rem;
  margin: 0 auto;
  background: url(/_media/image/4367/background-title-liste-blogue.png) no-repeat center center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2.125rem 0 2.5rem;
}
.container-liste-blogue .banner-liste-blogue .container-titre-liste-blogue .titre-liste-blogue h1 {
  margin: 0;
  color: #24743a;
  font-size: 1.875rem;
  text-align: center;
  font-weight: 500;
  padding-bottom: 0.5rem;
}
.container-liste-blogue .banner-liste-blogue .container-titre-liste-blogue .texte-liste-blogue {
  text-align: center;
}
.container-liste-blogue .banner-liste-blogue .container-titre-liste-blogue .texte-liste-blogue span {
  font-size: 0.875rem;
  color: #222222;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

form[action="annuelles"] .banner-liste-blogue, form[action="annuals"] .banner-liste-blogue{
 background: url(/_media/image/4367/banniere-blogue-annuelles.jpg) no-repeat center center !important;
}
form[action="arbres-arbustes-coniferes"] .banner-liste-blogue, form[action="trees-shrubs-conifers"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-arbres-arbustes-coniferes.jpg) no-repeat center center !important;
}
form[action="bulbes-semis-germes"] .banner-liste-blogue, form[action="bulbs-seeds-sprouts"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-bulbes-semis-germes.jpg) no-repeat center center !important;
}
form[action="fines-herbes-potager-fruits"] .banner-liste-blogue, form[action="herbs-vegetables-fruits"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-fines-herbes-potager.jpg) no-repeat center center !important;
}
form[action="pelouse"] .banner-liste-blogue, form[action="lawn"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-pelouse.jpg) no-repeat center center !important;
}
form[action="planification-amenagement"] .banner-liste-blogue, form[action="planning-landscaping"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-planification.jpg) no-repeat center center !important;
}
form[action="plantes-aquatiques"] .banner-liste-blogue, form[action="aquatic-plants"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-plantes-aquatiques.jpg) no-repeat center center !important;
}
form[action="plantes-interieur"] .banner-liste-blogue, form[action="interior-plants"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-plantes-interieur.jpg) no-repeat center center !important;
}
form[action="techniques-horticoles-outillage"] .banner-liste-blogue, form[action="gardening-techniques-tools"] .banner-liste-blogue {
 background: url(/_media/image/4367/banniere-techniques-horticoles.jpg) no-repeat center center !important;
}

.container-liste-blogue .filtrer-blogue{
font-weight:bold;
font-size:1.125rem;
padding: 1.75rem 0 0;
text-align: center;
-moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.landing-page .GpcMenuWrapper .FacetedNavigation { display: none !important;}
.landing-page .GpcMenuWrapper h2{ margin: 0.5rem auto;}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper {
  width: 100%;
  margin: 0 auto;
  float: none;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu {
  width: auto;
  margin: 0 auto;
  padding: 0 0 1.25rem;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul{
text-align:center;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu li{
padding:0;
float:none;
display:inline-block;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li a{
    color: #222222;
    background: #fff;
    display: inline-block;
    border: 1px solid #888888;
    padding: 0.1875rem 0.625rem;
    width: auto;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    line-height: 1.3em;
    text-decoration: none;
    margin-bottom: 0.3125rem;
    margin-left: 0.3125rem;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li:hover a{
background: #49ab3e;
border: 1px solid #49ab3e;
color: #fff;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li.selected a{
background: #49ab3e!important;
border: 1px solid #49ab3e;
color: #fff!important;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li.selected a:after{
content:"\f00d";
display:inline-block;
font-family:Fontawesome;
color:#fff;
margin-left:0.5rem;
}
.container-liste-blogue .FacetedExplorer.liste-blogue.nouveaute .GpcMenuWrapper .GpcMenu{
display:table;
padding-top:1.25rem;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory {
  float: left;
  margin: 0;
  margin-right: 0.9375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    z-index: 9999;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory:last-child{
z-index: 9998;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory:nth-child(3) {
  margin: 0;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory .GpcMenuCategoryTitle {
  display: none;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory .FacetMenuDropDown {
  background-image: url(/_media/image/4367/fleche-fakeselect.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  border: 1px solid #888888;
  width: 12.875rem;
  padding: 0.4375rem 1.875rem 0.4375rem 0.625rem;
  height: auto;
  line-height: 1.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
margin:0 auto;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory .FacetMenuDropDown .FacetMenuDropDownValues {
  left: -1px;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  max-height: 300px;
  overflow: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory .FacetMenuDropDown .FacetMenuDropDownValues .GpcDropDownMenuItem {
  border-top: 1px solid #888888;
  padding: 0.4375rem 1.875rem 0.4375rem 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet {
  width: 100%;
  float: none;
  padding: 2.5rem 2.3125rem 2rem;
  background: url(/_media/image/4367/bg-facette.png) repeat-x center top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .GpcResultItemWrapper {
  width: 100%;
  float: none;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate {
  width: 14.375rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  margin-bottom: 0.625rem;
  height: 9.375rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-Nouveau:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-Nouveau:before{
content:"";
position:absolute;
right:0.625rem;
top:0.625rem;
width:3.75rem;
height:3.75rem;
background:url(/_media/image/4367/icone-nouveau-f.png)no-repeat;
background-size: auto 100%;
z-index:999;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-Coupdecoeur:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-Coupdecoeur:before{
content:"";
position:absolute;
right:0.625rem;
top:0.625rem;
width:4.063rem;
height:3.75rem;
background:url(/_media/image/4367/icone-coup-de-coeur-f.png)no-repeat;
background-size: auto 100%;
z-index:999;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-MeilleurChoix:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-MeilleurChoix:before{
content:"";
position:absolute;
right:0.625rem;
top:0.625rem;
width:3.75rem;
height:3.75rem;
background:url(/_media/image/4367/icone-meilleur-choix-f.png)no-repeat;
background-size: auto 100%;
z-index:999;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-Petitbonheur:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-Petitbonheur:before{
content:"";
position:absolute;
right:0.625rem;
top:0.625rem;
width:3.75rem;
height:3.75rem;
background:url(/_media/image/4367/icone-les-petits-bonheurs-f.png)no-repeat;
background-size: auto 100%;
z-index:999;
}


.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-Exceptionnelles:before,
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-Exceptionals:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-Exceptionnelles:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-Exceptionals:before {
  content:"";
  position:absolute;
  right:0.625rem;
  top:0.625rem;
  width:3.75rem;
  height:3.75rem;
  background:url(/_media/image/4367/icone-exceptionnelles.png)no-repeat;
  background-size: auto 100%;
  z-index:999;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-CoupsdecoeurBOTANIX:before,
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.tag-BOTANIXBestPicks:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-CoupsdecoeurBOTANIX:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.tag-BOTANIXBestPicks:before {
  content:"";
  position:absolute;
  right:0.625rem;
  top:0.625rem;
  width: 5rem;
  height: 5rem;
  background:url(/_media/image/4367/botanix-best-picks-small-tag.png) no-repeat;
  background-size: contain;
  z-index:999;
}


.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.ele-large {
  width: 29.375rem;
  overflow: hidden;
  height: 19.5rem;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate:nth-child(4),
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate:nth-child(4) {
  margin-right: 0;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste {
  text-decoration: none;
display:block;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste .ResultImage,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste .ResultImage {
  background: none;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste .ResultImage img,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste .ResultImage img {
  max-width: 200%;
  width: 100%;
  
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette:after,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette:after {
  background: #24743a;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette img,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
opacity:0.7;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette {
  position: relative;
background:black;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate{
height:14.38rem;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large{
height:29.38rem;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette img{
max-width: 200%;
    width: 100%;
   position: absolute;
  left: 0;
    right: 0;
    margin: auto;
  min-height: 100%;
}

.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette{
height:14.38rem;
max-height:none;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large .img-blogue-facette{
height:29.38rem;
max-height:none;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large .img-blogue-facette img{
max-width: 200%;
    width: 100%;
   position: absolute;
  left: 0;
    right: 0;
    margin: auto;
  min-height: 100%;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette img,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette img {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette:after,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette:after {
  content: "\f067";
  color: #fff;
  font-family: FontAwesome;
  background: #49ab3e;
  width: 2.125rem;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  height: auto;
  padding: 0.5625rem 0;
  position: absolute;
  bottom: 0;
  right: 0;
z-index:9999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette:before,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette:before{
content:"";
background:url(/_media/image/4367/shadow-miniature-blog.png)no-repeat center center;
background-size:cover;
position:absolute;
left:0;
width:100%;
height:100%;
z-index:995;
 -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .titre-blogue-recent,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .titre-blogue-recent {
  width: auto;
  padding: 0 0 0.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  text-align: left;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.15em;
  max-width: 84%;
  text-shadow: 1px 1px 2px black;
z-index:9999;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager {
  float: none;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  white-space: normal;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a, .GpcResultPager a {
  color: #1d1d1d;
  background:#e5e5e5;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  border: 0;
  text-decoration: none;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 0 0.3125rem 0.3125rem;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a.selected, .GpcResultPager a.selected{
background: #49ab3e;
color: #fff;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a:hover, .GpcResultPager a:hover {
  background: #24743a;
color: #fff;
text-decoration:none;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a[disabled], .GpcResultPager a[disabled]{
    color: #1d1d1d!important;
background:#e5e5e5;
opacity:0.5;
}

/*-----------------fin blogue 2016-------------------------*/

/*NOUVEAUT�S PLANTES*/
.container-nouveaute {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 1024px;
  padding-top: 2.5rem;
}
.container-nouveaute .retour-blogue {
  width: auto;
  display: inline-block;
  margin-bottom: 2.25rem;
}
.container-nouveaute .retour-blogue a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.375rem 0.5625rem;
}
.container-nouveaute .retour-blogue a:before {
  content: "\f0d9";
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.75rem;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-nouveaute .container-contenu-nouveaute {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante {
  width: 19.375rem;
  margin-top: 0.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.8125rem 0;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .titre-partage {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #222222;
  padding-bottom: 0.9375rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage {
  padding-bottom: 2.125rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa, .container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fab {
  font-size: 2.375rem;
  text-decoration: none;
  margin-right: 0.4375rem;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa:hover, .container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fab:hover {
  opacity: 0.8;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa-facebook-square {
  color: #3b5998;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa-twitter-square {
  color: #55acee;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa-pinterest-square {
  color: #cc2127;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa-envelope-square {
  color: #808080;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage a.fa.fa-print {
  background: #1d1d1d;
  padding: 0.4375rem;
  font-size: 1.25rem;
  vertical-align: top;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  margin-top: 0.125rem;
  margin-left: 0.125rem;
}
.plantesNouveauteDesktopTextContainer {
    margin-bottom: 3rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .description-plante p, .plantesNouveauteDesktopTextContainer .description-plante p {
  font-weight: bold;
  color: #24743a;
  font-size: 1.25rem;
  margin-top: 0;
  line-height: 1.15em;
  margin-bottom: 1.9375rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .titre-plante {
  font-weight: bold;
  margin-bottom: 1.25rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info {
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -wekbit-justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info:nth-child(odd) {
  background: #ececec;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info .titre-info {
  width: 50%;
  padding: 0.6875rem 0.9375rem 0.75rem;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info .field-info {
  width: 50%;
  padding: 0.6875rem 0.9375rem 0.75rem;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span {
  display: inline-block;
  vertical-align: middle;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.25rem;
  margin-right: 0.375rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-floraison {
  position: relative;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-top:0.25rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-floraison:after {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  background: url(/_media/image/4367/floraison.png) no-repeat;
  background-size: auto 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Mi-ombre, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Partial {
  position: relative;
  width: 1.4375rem;
  height: 1.125rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Mi-ombre:after, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Partial:after {
  content: "";
  width: 1.4375rem;
  height: 1.125rem;
  position: absolute;
  background: url(/_media/image/4367/mi-ombre.png) no-repeat;
  background-size: auto 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Soleil, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Sunny{
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
margin-top:0.125rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Soleil:after, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Sunny:after {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  background: url(/_media/image/4367/ensoleille.png) no-repeat;
  background-size: auto 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Ombre, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Shade{
  position: relative;
  width: 1.125rem;
  height: 0.75rem;
margin-top:0.3125rem;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Ombre:after, .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-Shade:after {
  content: "";
  width: 1.125rem;
  height: 0.75rem;
  position: absolute;
  background: url(/_media/image/4367/ombre.png) no-repeat;
  background-size: auto 100%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .infos-plante .info span.icone-zone {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 0.5rem;
  padding: 0.125rem 0.3125rem;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #222222;
  border-radius: 4px;
  letter-spacing: 0.75px;
  margin-top: 0;
line-height:1.3em;
display:inline-block;
vertical-align:middle;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante {
  width: 41.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 2.75rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .tag-plante {
  display: inline-block;
  vertical-align: top;
  width: 4.3125rem;
  margin-right: 1.25rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .tag-plante img {
  margin-top: 0.125rem;
  margin-left: -0.25rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre {
  display: inline-block;
  vertical-align: top;
width:35rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre .latin h2 {
  margin: 0;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #49ab3e;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre .titre h1 {
  margin: 0;
  font-size: 2.625rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #24743a;
  margin-bottom: 1.75rem;
line-height:1.1em;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal{
width:100%;
}

.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselAndButtons{
width:100%;
position:relative;
height:8.5rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcLightBoxZone{
width:100%;
height:auto;
border:none;
margin:0;
padding-bottom:1.25rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcLightBoxZone .jquery-lightbox{
width:100%!important;
height:auto!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcLightBoxZone .jquery-lightbox .lightbox-container-image{
width:100%!important;
height:auto!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcLightBoxZone .jquery-lightbox .lightbox-container-image .lightbox-container-image img{
width:100%!important;
height:auto!important;
display:block!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselNext, .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselPrevious{
position:relative;
background:none;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselPrevious{
position:absolute;
left:0;
height:100%;
width: 1.875rem;
background:#ebebeb;
z-index:999;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselPrevious:after{
content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 1em;
    width: 0.625rem;
    height: 1rem;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselNext{
position:absolute;
right:0;
height:100%;
width: 1.875rem;
background:#ebebeb;
z-index:999;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselNext:after{
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    line-height: 1em;
    width: 0.625rem;
    height: 1rem;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselWrapper{
    width: 100%;
    height: auto;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselWrapper .bx-viewport{
width: 100%!important;
    height: auto!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselWrapper .bx-wrapper{
max-width:100%!important;
}

.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselWrapper .bx-controls{
display:none!important;
}

.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcImageViewerItem{
height:auto;
border:none;
margin: 0 0 0 1.25rem;
width:12.81rem!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcImageViewerItem:first-child{
margin:0;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcImageViewerItem a.lightbox-image-selected{
opacity:0.5;
pointer-events: none;
}

.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcLightBoxZone .jquery-lightbox .lightbox-container-image-data-box{
display:none!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .images-miniature .GpcImageViewerTiles .GpcImageViewerItem {
  height: auto;
  width: auto;
  border: 0;
  margin: 0;
  margin-top: 1.25rem;
  margin-right: 1.25rem;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .images-miniature .GpcImageViewerTiles .GpcImageViewerItem:nth-child(3n) {
  margin-right: 0;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .images-miniature .GpcImageViewerTiles .GpcImageViewerItem a {
  display: block;
}
.container-nouveaute .autres-plantes{
padding-bottom:3.75rem;
}
.container-nouveaute .autres-plantes .titre-plantes {
  float: left;
}
.container-nouveaute .autres-plantes .titre-plantes h3 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  color: #24743a;
  margin: 0 0 1.5625rem;
}
.container-nouveaute .autres-plantes .naviguation {
  float: right;
}
.container-nouveaute .autres-plantes .naviguation .prev, .container-nouveaute .autres-plantes .naviguation .next {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1em;
  position: relative;
  float: left;
  background: #e5e5e5;
  cursor: pointer;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-nouveaute .autres-plantes .naviguation .prev:after, .container-nouveaute .autres-plantes .naviguation .next:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  line-height: 1em;
  width: 0.625rem;
  height: 1rem;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-nouveaute .autres-plantes .naviguation .prev:hover, .container-nouveaute .autres-plantes .naviguation .next:hover {
  background: #349629;
}
.container-nouveaute .autres-plantes .naviguation .prev:hover:after, .container-nouveaute .autres-plantes .naviguation .next:hover:after {
  color: #fff;
}
.container-nouveaute .autres-plantes .naviguation .prev {
  margin-right: 0.3125rem;
}
.container-nouveaute .autres-plantes .naviguation .prev:after {
  content: "\f104";
}
.container-nouveaute .autres-plantes .naviguation .next:after {
  content: "\f105";
}
.container-nouveaute .autres-plantes .defaultFacet {
  padding-bottom: 3.125rem;
  width: 100%;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate {
  width: 15.625rem!important;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  position: relative;
  margin-right: 0.5rem;
  margin-bottom: 0.625rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate:nth-child(4n) {
  margin-right: 0;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate a.lien-blogue {
  text-decoration: none;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent:after {
  background: #24743a;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate a.lien-blogue:hover .img-blogue-recent img {
  -ms-transform: scale(1.1);
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Safari */
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent {
  position: relative;
  height: 10.375rem;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent img {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
display:block;
position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent:before{
content:"";
background:url(/_media/image/4367/shadow-miniature-blog.png)no-repeat center center;
background-size:cover;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:1000;
 -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent:after {
  content: "\f067";
  color: #fff;
  font-family: FontAwesome;
  background: #49ab3e;
  width: 2.125rem;
  line-height: 1em;
  vertical-align: middle;
  text-align: center;
  height: auto;
  padding: 0.5625rem 0;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
z-index:9999;
}
.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .titre-blogue-recent {
  width: 12.25rem;
  padding: 0 0 0.75rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  text-align: left;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.15em;
  text-shadow: 1px 1px 2px black;
z-index:9999;
}

.container-nouveaute .container-contenu-nouveaute.arrangement .aside-plante {
  padding-top: 2.1875rem;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .zone-principale-plante {
  padding-bottom: 2.125rem;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante {
  padding-top: 1.0625rem;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante .titre-liste-plante h3 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  color: #24743a;
  margin-bottom: 0.875rem;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante ul {
  list-style: none;
  counter-reset: liste-plante;
  padding: 0;
  margin: 0;
display:block;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante ul:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante ul li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1rem;
    position: relative;
    height: 2.5rem;
    padding-left: 3.75rem;
    margin: 0;
    margin-bottom: 0.625rem;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante ul li:before {
  counter-increment: liste-plante;
  content: counter(liste-plante,upper-alpha);
  background: #349629;
  margin-right: 1.25rem;
  border-radius: 50%;
  padding: 0.6875rem 0.875rem;
  color: #fff;
  font-family: Arial,sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  /*position: absolute;*/
      line-height: 1em;
    margin-left: -3.125rem;
    margin-right: 0.5625rem;
  top: 0;
  left: 0;
}
.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires a, .containerServices .aside-blogue .btnTrouverMarchand a, .asideCta > div a, .btnMarchand a{-webkit-transition:all 0.25s;transition:opacity 0.25s;}
.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires a:hover, .refonte2016 .zone-promo2016 a:hover, .containerServices .aside-blogue .btnTrouverMarchand a:hover, .asideCta > div a:hover, .btnMarchand a:hover{opacity:0.75;}
.refonte2016 .zone-promo2016 a{transition: opacity 0.25s;}

/*ARRANGEMENT*/



/*FIN ARRANGEMENT*/

/***********************************************************************PAGE PRODUITS************************************************************************************************************************************************************************/
.pageProduits{

}
.pageProduits div{
box-sizing:border-box;
}
.pageProduits .banner-liste-blogue{
background-image:url(/_media/image/4367/banniereproduits.png);
}
.pageProduits .produitsContenu{
    padding: 2.188rem;
    color: #24743a;
    font-weight: 700;
    font-size: 1.250rem;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.produitsGpc{
padding:2.500rem 2.313rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+100&0.65+0,0+71 */
background: -moz-linear-gradient(top,  rgba(230,230,230,0.65) 0%, rgba(230,230,230,0) 71%, rgba(230,230,230,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(230,230,230,0.65) 0%,rgba(230,230,230,0) 71%,rgba(230,230,230,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(230,230,230,0.65) 0%,rgba(230,230,230,0) 71%,rgba(230,230,230,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e6e6e6', endColorstr='#00e6e6e6',GradientType=0 ); /* IE6-9 */


}
.produitsGpc .defaultFacet .FacetedResultTemplate{
    background-color: #fff;
    border: 1px solid #35992a;
    margin-right: 1.563rem;
    float: left;
width:300px;
    margin-bottom: 1.500rem;
}
.produitsGpc .defaultFacet .FacetedResultTemplate a:after{
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
position:absolute;
  top: 50%;
  transform: translateY(-50%);
right:0;
height:1.875rem;
width:1.875rem;
display:block;
color:#fff;
    font-size: 1.250rem;
    text-align: center;
    line-height: 1.875rem;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
background-color:#35992a;
}
.produitsGpc .defaultFacet .FacetedResultTemplate a{
display:block;
position:relative;
}
.produitsGpc .defaultFacet .FacetedResultTemplate a:hover{
text-decoration:none;
}
.produitsGpc .defaultFacet .FacetedResultTemplate:hover a:after {
   background-color: #000;
}
.produitsGpc .defaultFacet .FacetedResultTemplate:nth-child(3n){
margin-right:0;
}
.produitsGpc .defaultFacet .ResultImage{
background-color: transparent;
    position: absolute;
    left: 0.813rem;
    height: 100%;
    overflow: inherit;
    top: -0.500rem;
}
.produitsGpc .defaultFacet .ResultContent{
  color: #24743a;
    font-weight: 700;
    font-size: 1.00rem;
height:5.250rem;
    text-align: left;
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-content: center;
    -webkit-align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.produitsGpc .defaultFacet .ResultContent span{
    margin: 0;
    display: inline-block;
    width: 5.938rem;
    padding: 0 1.250rem;
    margin-right: 2.813rem;
    line-height: 1.00rem;
    text-align: center;
}
.produitsEntete{
    padding-bottom: 3.750rem;
}
.produitsEntete .produitsTitre{
color:#24743a;
font-size:1.875rem;
    float: left;
}
.produitsEntete .imprimeFiche{
    float: right;
}
.produitsEntete .imprimeFiche a{
color: #fff;
    white-space: nowrap;
    background: #49ab3e;
    display: inline-block;
    padding: 0.5625rem 5%;
    width: auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.875rem;
    text-decoration: none;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.produitsEntete .imprimeFiche a:hover{
    background: #349629;
}
.produitsEntete .imprimeFiche a:after{
    content: "\f1c1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
color:#fff;
    margin-left: 0.625rem;
}
.pageArticleProduit .description-blogue{
    font-weight: bold;
    color: #24743a;
    font-size: 1.25rem;
    margin-top: 0;
    line-height: 1.15em;
    margin-bottom: 1.9375rem;
}
.produitsTableau{
    padding-bottom: 5.000rem;
}
.produitsTableau table{
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    border-collapse: collapse;
    border-spacing: 0px;
    box-sizing:border-box;
margin:0;
padding:0;
border:0;
  }
.produitsTableau table tr{
   box-sizing:border-box;
margin:0;
padding:0;
border:0;
 }
.produitsTableau table tr td{
   box-sizing:border-box;
   text-align: center;
margin:0;
padding:0;
border:0;
vertical-align:middle;
 }
.produitsTableau table tr td span{
  font-family: 'Lato', sans-serif;
  font-size:1.125rem;
line-height:1.125rem;
  font-weight: 700;
  color:#000;
}
.produitsTableau table tr td span.annuelles,
.produitsTableau table tr td span.arbres,
.produitsTableau table tr td span.potager,
.produitsTableau table tr td span.pelouse,
.produitsTableau table tr td span.terre{
    width: 75%;
    display: block;
    margin: 0 auto;

}
.produitsTableau table tr:first-child td{
position:relative;
}
.produitsTableau table tr td span.annuelles:after{
content:"";
display:block;
width:2.063rem;
height:2.500rem;
background-image:url(/_media/image/4367/iconfleur.png);
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.produitsTableau table tr td span.arbres:after{
content:"";
display:block;
width:51px;
height:46px;
background-image:url(/_media/image/4367/iconarbres.png);
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.produitsTableau table tr td span.potager:after{
content:"";
display:block;
width:59px;
height:40px;
background-image:url(/_media/image/4367/iconlegumes.png);
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.produitsTableau table tr td span.pelouse:after{
content:"";
display:block;
width:41px;
height:40px;
background-image:url(/_media/image/4367/iconpelouse.png);
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.produitsTableau .gris{
  background-color: #ececec;
}
.produitsTableau .gris.icone{
font-weight:700;
}
.produitsTableau .blanc{
  background-color:#fff;
}
.produitsTableau .noir{
  background-color:#000;
  position:relative;
    border: 1px black solid;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 60px;
}
.produitsTableau .noir div{
-moz-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    -webkit-transform: rotate(-90.0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    margin-left: -10em;
    margin-right: -10em;
    color: #fff;
    font-size: 0.875rem;
    /* display: block; */
    /* width: 100%; */
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
font-weight:700;
line-height:1.00rem;
}
/*.produitsTableau .noir span div{
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari */
  transform: rotate(-90deg);
}*/
.produitsTableau .espaceBlancTitre{
  background-color: #fff;
  width:112px;
  border:0px;
}
.produitsTableau .titreTR{
  background-color: #000;
  width:60px;
  border:0px;

}
.produitsTableau .vertical .sectionProduits{
    display: block;
    padding: 0 25px;
vertical-align:top;
}
.produitsTableau .sectionProduits{
  display:flex;
  justify-content:center;
  align-items:center;

}
.produitsTableau .produitsVente{


}
.produitsTableau .plus:after{
    content: "\f067";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
color:#000;
    padding: 0 20px;
}
.produitsTableau .fonts12 .plus:after{
    padding: 0 45px;
}
.produitsTableau .texteOu{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 0 10px;
}
.produitsTableau .produitsVente .imgProduits{
  width:55px;
  margin: 0 auto;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
padding-bottom:6px;
}
.produitsTableau .produitsVente .imgProduits img{
width:100%;
}
.produitsTableau .vertical .produitsVente .imgProduits{
height:auto;
}


.produitsTableau .produitsVente .nomProduits span{
  font-size:0.875rem;
  color:#387e48;
  font-family: 'Lato', sans-serif;
text-decoration:underline;
}
.produitsTableau .produitsVente:hover .nomProduits span{
text-decoration:none;
}
.produitsTableau .produitsVente .fonts12 .nomProduits span{
font-size:0.750rem
}
.produitsTableau .textOu{
  font-family: 'Lato', sans-serif;
  font-size:16px;
  font-weight: 700;
  padding:0 20px;
  color:#000;
}
.produitsTableau .vertical{
  padding: 25px 0;
vertical-align:top;
}
.produitsTableau .vertical .produitsVente{
  margin-bottom:25px;
}
.produitsTableau .double .sectionProduits .produitsVente{
width:150px;
}
.produitsTableau .vertical.espace{
padding-top:150px;
}
.tabImage{
display:none;
}
.pageArticleProduit .container-blogue .banner-blogue .container-titre-blogue{
width:30.00rem;
}
/***********************************************************************FIN PAGE PRODUITS************************************************************************************************************************************************************************/





/* -------------Mobile------------------- */

/*-----style 2015-----*/

@media screen and (min-width: 641px) {
  .menuMobile, .toggleMenuMobile, .m {
    display: none !important;
  }

a[href^="tel:"]{
pointer-events: none;
    color: inherit!important;
}
}
@media screen and (max-width: 640px) {
.container-coupon .coupon .wrapper .rabais .gros-chiffre{width:100%;border-radius:0.5rem 0.5rem 0 0;padding:0.75rem;}
.container-coupon .coupon .wrapper .rabais .gros-chiffre .rabais{position:static;display:block;width:auto;line-height:1em;marign-top:0;}
.container-coupon .coupon .wrapper .rabais .texte{width:100%;border-radius:0 0 0.5rem 0.5rem;padding:0.75rem;}
.container-coupon .coupon .wrapper .zone-droite{padding:1rem;}
.container-coupon .coupon .wrapper .zone-droite .right{float:none;width:auto;}
.container-coupon .coupon .wrapper .zone-droite .left{float:none;width:auto;}
.club-botanix .form-creation-container .imgRight, .container-coupon .coupon .wrapper .zone-droite .right .img{display:none;}
.club-botanix .form-creation-container .vraiSubmit{text-align:center;}
.club-botanix .form-creation-container .form-creation-top .autre-info > p{padding:0 1.875rem;}
.wrapContent > .wrapper{
padding:0;
}


.container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent img {
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
display:block;
position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.signature .menu-signature{
float:none;
display:none;
}
.img-gauche{
width: 100%;
}
.texte-droite{
width:100%;
}
  .menuMobile {
    position: absolute;
    display:block;
    height: 100%;
    top: 0;
    width: 82.8125%;
    background: #121212;
    z-index: 10000;
display:none!important;
  }
.menuMobile.open{
display:block!important;
}
.menuMobile .menuCss1{
display:block!important;
}
.autres{
  position: static;
}
.autres-mobile{
text-align: right!important;
  background: #ebebeb!important;
  height: 105px;
  overflow: hidden;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -wekbit-justify-content: flex-end;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
align-items: stretch;
-webkit-align-items: stretch;
}
.carte-mobile{
background: #349629;
  width: auto;
height:100%;
  display: block;
  position: relative;
padding:0 1rem;
}
.carte-mobile a{
  display: block;
  width: 100%;
margin:auto;
height:100%;
  padding: 5.97% 20%;
  text-align: center;
  background: #349629;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.circulaire-mobile{
display: block;
  background: #eb9925;
  width: auto;
height:100%;
  padding: 0px;
  margin: 0;
  position: relative;
}

.circulaire-mobile a{
display: block;
  width: 90%;
margin:auto;
height:100%;
  padding: 5.97% 15%;
  text-align: center;
  background: #eb9925;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.circulaire-mobile a img, .carte-mobile a img{
width:auto;
height:100%;
max-width:200%;
display:block;
margin:0 auto;
}
  .header .menuCss5{
display:none;
}
  .menuMobile .menuCss3 ul, .menuMobile .menuCss1 ul {
    padding: 0;
    margin: 0;
  }
  .menuMobile .menuCss3 ul li, .menuMobile .menuCss1 ul li {
    position: relative;
    list-style: none;
    list-style-image: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #1a1a1a;
  }
  .menuMobile .menuCss3 ul li a, .menuMobile .menuCss1 ul li a {
    font-size: 0.92857rem;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 2.8125% 5.625%;
line-height: 1.3em;
  }
  .menuMobile .menuCss3 ul li a:hover, .menuMobile .menuCss1 ul li a:hover {
    text-decoration: none;
  }
  .menuMobile .menuCss1 ul li a {
    font-weight: 300;
    font-size: 0.71429rem;
  }

.menuMobile .menuCss3 ul li a{
font-family: 'Lato', Arial, sans-serif;
border-top:0;
}
html[lang="fr-CA"] .menuMobile .menuCss3 ul li.item333,
html[lang="fr-CA"] .menuMobile .menuCss3 ul li.item346{
display:none;
}
html[lang="en-CA"] .menuMobile .menuCss3 ul li.item332,
html[lang="en-CA"] .menuMobile .menuCss3 ul li.item345{
display:none;
}
  .header .toggleMenuMobile {
    width: 32.8125%;
    float: left;
    position: relative;
    top: auto;
    display: inline-block;
    vertical-align: middle;
    height: 0;
    left: auto;
    padding-top: 15.625%;
  }
  .toggleMenuMobile.open .bar1 {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    top: 55%;
  }
  .toggleMenuMobile.open .bar2 {
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  .toggleMenuMobile.open .bar3 {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    top: 55%;
  }
  .toggleMenuMobile div {
    position: absolute;
    background: #47aa42;
    width: 19.52381%;
    left: 15.2381%;
    height: 0;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-top: 3.33333%;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .toggleMenuMobile div.bar1 {
    top: 35.77982%;
  }
  .toggleMenuMobile div.bar2 {
    top: 50.45872%;
  }
  .toggleMenuMobile div.bar3 {
    top: 64.22018%;
  }

  html {
    font-size: 28px;
    height: 100%;
  }

  h1 {
    font-size: 2.14286rem;
    margin: 0.64286rem 0 0.17857rem;
  }

  h2 {
    font-size: 1.71429rem;
    margin: 0.64286rem 0 0.25rem;
  }

  p, ul, ol {
    font-size: 0.85714rem;
    margin: 0 0 0.5rem;
  }

  .wrapContent {
max-width:100%;
    padding-bottom: 8.75%;
  }
.wrapContent > .wrapper > .content, .wrapContent > .wrapper > .content-full {
    padding-bottom: 0;
}

  .header {
    min-width: 0;
    height: auto;
    max-width: none;
    background: #fff;
    padding-bottom: 1.24375%;
  }
.header .logo {
display:none;
  }
  .header .logo img {
    width: 100%;
    max-width:none;
  }

.header .logo-mobile{
width: 32.03125%;
padding: 3.75% 0.97656%;
float: left;
display:block;
}
.header .logo-mobile img{
width: 100%;
    max-width:none;
}
  .header .menuCss1 {
    display: none;
  }

  .autres .circulaire, .autres .carte, .autres .recherche {
    display: none;
  }
  .autres .anglais {
    position: absolute;
    top: 0;
    right: -0.5%;
  }
  .autres .anglais a {
    padding: 34% 0 0;
    text-align: center;
    color: #49ab3e;
  }
  .autres .anglais a:hover {
    background: none;
  }

  .content-droite {
    float: none;
    width: 100%;
  }
  .content-droite .pub-droite .image {
    display: none;
  }
  .content-droite .pub-droite .zone-texte {
    line-height: 1.4em;
    width: 96%;
    padding: 3.03125% 1.98675% 2.5625%;
  }

  .content-gauche {
    width: 92%;
    float: none;
    padding: 0 4%;
  }

  .btn.magasin a {
    padding: 4.38596% 4.38596% 4.67836% 11.69591%;
    background: #49ab3e;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.65714rem;
  }
  .btn.magasin a:before {
    content: " ";
    display: block;
    position: absolute;
    top: 11.11111%;
    left: 21.05263%;
    width: 9%;
    height: 78%;
    background-image: url(/_media/image/4367/magasins.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .filtrer {
    display: none;
  }

  .faux-gpc {
    margin-bottom: 3.90625%;
  }
  .faux-gpc .FacetteNaviguation {
    width: 88%;
    padding: 0 6%;
    float: none;
  }

  .FacetteExplorer {
    width: 88%;
    padding: 0 6%;
    float: none;
    margin: 0;
  }
  .FacetteExplorer .produit {
    margin: 0 !important;
    width: 45.527%;
  }
  .FacetteExplorer .produit:nth-child(odd) {
    margin-right: 8.4375% !important;
  }
  .FacetteExplorer .produit a {
    min-height: 0;
    padding-bottom: 14.53744%;
    margin-bottom: 7.92952%;
   display:block;
  }
  .FacetteExplorer .produit a .titre-produit h2 {
    font-size: 0.74286rem;
    margin-top: 0.39286rem;
    line-height: 1.265em;
  }
  .FacetteExplorer .produit .image-produit img {
    width: 100%;
  }

  .menu-footer, .infolettre {
    display: none;
  }

  .footer {
    width: 100%;
    min-width: 0;
position:relative;
height:auto;
    max-width: none;
  }

  .signature {
    font-size: 0.5571rem;
    padding: 3.125% 4.125%;
  }

/*interne amenagement*/
  .content-droite-amenagement, .content-gauche-amenagement {
    width: 100%;
  }

  .content-gauche-amenagement {
    width: 92%;
    padding: 0 4%;
  }

  .plante {
  overflow: visible;
  position: static!important;
  height: auto!important;
  width: 100%!important;
  }

  .conteneur-plante {
    margin: 0 auto;
    width:100%!important;
    height:auto!important;
  }

  .liste-float {
    width: 100%;
    float: none;
  }

  .liste-plantation {
    width: 92%;
    padding: 0 4% 6%;
  }
.liste-plantation > div{
position:relative!important;
}
.Amenagement-droite .image img{
width:90%;
display:block;
margin:0 auto;
}


/*accueil mobile*/

.wrapAll{
margin: 0 auto -13%;
}



.push{
height:1rem;
}

 .concours .rosie img{
  width:32%;
}
.lire-conseil.m{
display:block;
  color: #395336;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.7rem;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align: center;
  display: block;
  padding-top: 10.254%;
  padding-bottom: 4.102%;
}

.conteneur-fleur, .conseil-accueil{
min-width:0;
}
.zone-fleur:first-child{
width:100%;
}
.zone-fleur{
  width: 100%;
  border-bottom:5px solid #fff;
  overflow: hidden;
  position: relative;
}

.zone-fleur .image{
  float: left;
  overflow: hidden;
  width: 34.81%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
max-height:none;
}
.zone-fleur .btn{
float: right;
width: 65.8%;
}

.zone-fleur .btn a{
font-size: 1.4rem;
padding: 5.2% 6.2%;
min-height:58px;
}

.zone-fleur .btn a span{
min-height:0;
line-height:1.3em;
}

.zone-fleur .btn a span:after{
width: 28.892%;
height:100%;
}

.conteneur-reseau-concours{
min-width:0;
margin-bottom: 0.79%;
}
.concours{
width:100%;
overflow: hidden;
border-bottom:5px solid #fff;
}
.concours .zone-texte{
top:1.5%;
}
.concours .zone-texte h3{
font-size:0.9286rem;
margin-top:auto;
}
.concours .zone-texte h2{
  font-size: 0.9286rem;
  margin: 0.14286rem 0 0.25rem;
display:none;
}
.concours .zone-texte p{
font-size:0.5714rem;
}
.concours .zone-texte .btn a{
  font-size: 0.7rem;
  padding: 1.5% 7%;
  line-height: 1.3em;
}

.conteneur-reseau-concours .reseau{
width:100%;
}
.conteneur-reseau-concours .reseau .circulaire-accueil{
width:50%;
float:left;
height:100%;
background-size: auto 100%;
background-position: 110% -17%;
}

.conteneur-reseau-concours .reseau .circulaire-accueil a, .conteneur-reseau-concours .reseau .facebook a{
font-size:0.9286rem;
}

.conteneur-reseau-concours .reseau .circulaire-accueil a{
  padding: 9.38416% 6.15836% 9.97067%;
}
.conteneur-reseau-concours .reseau .facebook{
  height: 100%;
  float: left;
  width: 50%;
  background-position: 90% 20px;
  background-size: auto 100%;
}

.conseil-accueil .astuce{
min-height:0;
width:92%;
padding:4%;
}

.conseil-accueil .astuce:hover{
background:#395336;
}

.conseil-accueil .astuce a{
  padding-top: 2.20625%;
}

.conseil-accueil .astuce a span.bold-botanix{
padding-bottom:0;
}

.conseil-accueil .conseil{
width:96%;
  float: left;
  padding: 2%;
  background: #395336;
}
.conseil-accueil .astuce a span{
display:inline;
line-height:1.3em;
}

.conseil-accueil .astuce a span.light-specialiste{
font-size:0.8143rem;
  margin-right: 2%;
}
.conseil-accueil .astuce a span.bold-botanix{
font-size:1.5rem;
vertical-align: middle;
}

.conseil-accueil .astuce a span.voir-conseil{
display:none;
}

.wrapContent.home{
padding:0;

}

.conteneur-produit-accueil:first-child{
margin-right: 2%;
}

.conteneur-produit-accueil{
width: 49%;
  height: 100%;
  display: block;
  float: left;
}

.voir-conseil-mobile a{
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.7rem;
  font-family: "Lato", arial,sans-serif;
  text-decoration:none;
  text-align: center;
  display: block;
  color: #fff;
  line-height: 1.24em;
}

.conseil-accueil .conseil div:nth-child(3){
display:none!important;
}
.conseil-accueil .conseil > div{
display:block!important;
}
.conseil-accueil .conseil .produit a{
min-height:100px;�
width:100%;
}

.conseil-accueil .conseil .produit a .titre-produit h2{
font-size: 0.8429rem;
padding: 0 1%;
}

.conseil-accueil .conseil .produit .image-produit img{
width:100%;
}

.conseil-accueil .conseil .produit{
width:100%;
border-right:none;
}

.voir-conseil-mobile.m{
display: block;
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 6.11%;
  padding-bottom: 3.142%;
}

.conteneur-magazine{
min-height:0;
max-height:none;
width: 100%;
}

.conteneur-magazine .magazine{
font-size:0.4286rem;
line-height:1.3em;
text-align: left;
}

.conteneur-magazine .titre-magazine{
font-size:0.7143rem;
line-height:1.3em;
text-align: left;
}

.conteneur-magazine .consulter a{
font-size:0.5rem;
line-height:1.3em;
text-align: left;
display: block;
}

.footer .infolettre .text-big{
text-align:left;
line-height: 1.3em;
display:block;
width:100%;
}

.footer .infolettre .text-small{
text-align:left;
line-height: 1.3em;
}

.footer .infolettre{
display:block;
width: 100%!important;
min-height:0;
float:right;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
padding: 5.73438% 5% 3.79719% 5%;
}
.footer .infolettre{
min-height:0;
}

.footer .infolettre input[type="submit"]{
width: 14.5%;
height: auto;
padding:0;
}

.footer .infolettre input[type="text"]{
font-size: 0.5rem;
padding: 4.36305% 2.97044%;
color:#696969;
}
.footer .infolettre a:after{
right:5%;
}

.footer .infolettre .text-big{
margin-bottom: 0;
}

.footer .infolettre .text-small{
line-height: 1em;
}

.content-footer{
position:relative;
}

	/* Widget Special Notebook 3 images */

	.specialNotebook {
	  flex-wrap: wrap;
	}
	.specialNotebook a {
	  width: 100%;
	  margin-bottom: 0.25rem;
	}
	/* END Widget Special Notebook 3 images */

}
@media screen and (max-width: 590px) {
.concours .zone-texte h2{
font-size: 0.7286rem;
}
.concours .zone-texte h3{
font-size: 0.7286rem;
}
.conteneur-reseau-concours .concours .zone-texte .btn a{
font-size: 0.4rem;
padding: 0.5% 4%;
}
}
@media screen and (max-width: 580px) {
.autres-mobile{
height:100px;
}
.conseil-accueil .astuce a span.bold-botanix{
font-size: 1.3rem;
}

.produitsGpc .defaultFacet .ResultContent span{
font-size:1.00rem;
}
}
@media screen and (max-width: 560px) {
.autres-mobile{
height:95px;
}

}
@media screen and (max-width: 520px) {
  html {
    font-size: 24.5px;
  }
.autres-mobile{
height: 90px;
}
.produitsGpc .defaultFacet .ResultContent span{
font-size:1.00rem!important;
}
.produitsGpc .defaultFacet .ResultImage{
width:3.00rem!important;
}
}
@media screen and (max-width: 480px) {
  html {
    font-size: 21px;
  }
.autres-mobile{
height:80px;
}
}
@media screen and (max-width: 450px) {
  html {
    font-size: 21px;
  }
.autres-mobile{
height: 75px;
}
}
@media screen and (max-width: 400px) {
  html {
    font-size: 17.5px;
  }
.produitsGpc .defaultFacet .ResultContent span{
font-size:0.875rem!important;
}
}
@media screen and (max-width: 360px) {
  html {
    font-size: 17.5px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 14px;
  }
.produitsGpc .defaultFacet .ResultContent span{
font-size: 0.875rem!important;
}
}
/* Impression */
@media print {
  .menuCss1, .menuCss2, .menuCss3, .menuCss4, .menuCss5, .menuCss6 {
    display: none !important;
  }

  .pub-droite, .autres, .produit, .filtrer, .infolettre {
    display: none !important;
  }

      .container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer:after{
        display: none;
        content: none;
    }

    .container-coupon .coupon.universel .wrapper .rabais .bannerContainer .text{
        position: relative;
    }
}



/*------fin style 2015----*/

/*----------2016------------*/

@media screen and (max-width:640px)
{

.container-liste-blogue .filtrer-blogue{
width: 80%;
margin:1.25rem auto 0;
padding:0;
font-size: 0.875rem;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border: 1px solid #888888;
text-align:left;
padding: 0.4375rem 1.875rem 0.4375rem 0.625rem;
    background-image: url(/_media/image/4367/fleche-fakeselect.png);
    background-repeat: no-repeat;
    background-position: 94% center;
}
.container-liste-blogue .filtrer-blogue.open{
border-bottom:1px solid transparent;
}
.container-liste-blogue .liste-blogue{
margin-top:1.25rem;

}
.container-liste-blogue .liste-blogue.open{
margin-top:0;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul{
display:block;
width:80%;
margin:0 auto;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu li{
display:block;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li a{
width:100%;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border-top: 1px solid #888888;
padding: 0.4375rem 1.875rem 0.4375rem 0.625rem;
border-bottom:0;
margin:0;
}
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li:hover a{
background:transparent;
color:#222222;
border: 1px solid #888;
border-bottom: 0;
}

.container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu ul li:last-child a{
border-bottom: 1px solid #888888;
}

.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate{
max-height: none!important;
    height: auto!important;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate .img-blogue-facette{
max-height: none;
    height: auto;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large .img-blogue-facette{
max-height: none;
    height: auto;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate a.lien-blogue-liste .ResultImage img{
position:static;
min-height:0;
}
.container-nouveaute .container-contenu-nouveaute.arrangement .liste-plante ul li{
width:100%;
padding-left: 3.5rem;
height:auto;
display:block;
line-height: 1em;
}
.container-liste-blogue.arrangement .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large .img-blogue-facette img{
min-height:0;
}
/*NOUVEAUT�S 2016*/
  .container-nouveaute {
    min-width: 100%;
  }


.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcImageViewerItem{
width:4.75%!important;
}
.container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselNext, .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .image-principale .GpcImageViewerHorizontal .GpcCarouselPrevious{
display:none;
}


  .container-nouveaute .retour-blogue {
    width: 100%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .retour-blogue a {
    padding: 0.5rem;
    font-size:0.675rem;
  }

  .container-nouveaute .container-contenu-nouveaute {
    display: block;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante {
    width: 100%;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .tag-plante {
    width: 15%;
    margin: 0 3%;
    padding-bottom: 1rem;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre .latin h2 {
    font-size: 0.675rem;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre {
    width: 100%;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .zone-titre-plante .inner-titre .titre h1 {
    font-size: 1.5rem;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .images-miniature {
    width: 100%;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .container-contenu-nouveaute .zone-principale-plante .images-miniature .GpcImageViewerTiles .GpcImageViewerItem {
    width: 45%;
    margin: 1.25rem 1% 1rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante {
    padding-top: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante {
      display: flex;
      flex-direction: column;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante .btnMarchand {
      order: 10;
      margin-top: 1rem;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante {
      order: 20;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante .icone-partage {
      padding-bottom:  0;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante .zone-partage-plante, .container-nouveaute .container-contenu-nouveaute .aside-plante .description-plante {
    padding: 0 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .container-contenu-nouveaute .aside-plante .container-info-plante .titre-plante {
    padding: 0 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .autres-plantes {
    padding: 0 4%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
display:none!important;
  }

  .container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate {
    width: 100%!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-nouveaute .autres-plantes .defaultFacet .FacetedResultTemplate .img-blogue-recent {
    max-height: none;
height:auto;
  }

  .container-nouveaute .autres-plantes .defaultFacet {
    padding: 0;
  }
.container-nouveaute .autres-plantes .titre-plantes{
width:70%;
}

.container-nouveaute .autres-plantes .titre-plantes h3{
    font-size: 100%;
}
  /*fin NOUVEAUT�*/


.menu2016 .zone-menu{
display:none;
}
.zone-input-recherche{
display:none;
}

.refonte2016 .conseil-accueil .conseil .produit a .titre-produit{
padding-bottom: 0.5em;
}
.conseil-accueil .conseil .produit a:hover{
opacity:1;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa, .container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fab {
font-size:2rem;
margin-left: 0;
margin-right: 0.25rem;
}
.container-blogue .container-contenu-blogue .aside-blogue .zone-partage-blogue .icone-partage a.fa.fa-print{
font-size:0.85rem;
margin-left:0;
}
.services-mag .container-icone-mag{
width:100%;
}
.containter-coordonnees .tier a.btn.itinetaire{
    margin-bottom: 2rem;
}

/*COUPON GERMOIR*/
  .container-coupon .coupon.germoir {
    width: 100%;
  }

  .container-coupon .coupon.germoir .wrapper {
    max-width: 100%;
    width: 100%;
    display: block;
  }

  .container-coupon .coupon.germoir .wrapper .zone-droite {
    width: 100%;
    padding: 0 4%;
  }

  .container-coupon .coupon.germoir .wrapper .rabais {
    width: 100%;
    background: none;
  }

  .container-coupon .coupon.germoir .wrapper .titre-rabais {
    width: 100%;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-coupon .coupon.germoir .wrapper .rabais .zone-couleur {
    width: 100%;
  }

  .container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .texte, .container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre {
    width: 50%;
  }

  .container-coupon .coupon.germoir .condition {
    padding: 1.25rem 4%;
  }

  /*FIN COUPON GERMOIR*/

/*COUPON Vaporisateur*/

.container-coupon .coupon.vaporisateur .wrapper .zone-droite{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding-left:4%;
padding-right:4%;
}
.container-coupon .coupon.vaporisateur .wrapper .zone-droite .zone-top .club{
width:100%;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
background:none;
padding-bottom:1%;
}
.container-coupon .coupon.vaporisateur .wrapper .titre-rabais{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding-left:4%;
padding-right:4%;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais .zone-couleur{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-coupon .coupon.vaporisateur .condition{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding:4%;
}

/*fin COUPON Vaporisateur*/

/*COUPON universel*/

.container-coupon .coupon.universel .wrapper .zone-droite{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding-left:4%;
padding-right:4%;
}
.container-coupon .coupon.universel .wrapper .zone-droite .zone-top .club{
width:100%;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-coupon .coupon.universel .wrapper .rabais{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
background:none;
padding:0 4% 1%;
}
.container-coupon .coupon.universel .wrapper .titre-rabais{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding-left:4%;
padding-right:4%;
}
.container-coupon .coupon.universel .wrapper .rabais .zone-couleur{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-coupon .coupon.universel .condition{
width:100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
padding:4%;
}
.container-coupon .coupon.universel .wrapper .rabais .bannerContainer {
    margin: 0;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .text {
    font-size: 0.75rem;
    line-height: normal;
    padding: 0.75rem 0 0.75rem 0.75rem;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .text p {
    font-size: 0.75rem;
    line-height: normal;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer > span img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-coupon .coupon.universel .wrapper .rabais .bannerContainer .imgContainer > span {
    height: 100%;
}


/*fin COUPON universel*/

/*liste blogue 2016*/
.container-liste-blogue{
min-width:0;
}
  .container-liste-blogue .banner-liste-blogue .container-titre-liste-blogue {
    width: 100%;
    padding: 2.125rem 2.5rem;
  }

  .container-liste-blogue .banner-liste-blogue {
    padding: 2.5rem 1rem;
  }

.pageProduits .produitsContenu{
width:100%;
}

.produitsTableau{
display:none;
}

.produitsGpc .defaultFacet .FacetedResultTemplate{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.00rem;
}
.produitsGpc .defaultFacet .ResultImage{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
width:4.00rem;
left:0.5rem;
}
.produitsGpc .defaultFacet .ResultContent span{
font-size: 1.00rem;
margin-left: 5rem;
    width: 100%;
    padding: 0;
    display: block;
    text-align: center;
}
.produitsEntete{
    padding-bottom: 1.5rem;
}
.produitsEntete .produitsTitre{
float: none;
    text-align: center;
    font-size: 2.0rem;
    line-height: 2.25rem;
    padding-bottom: 1.5rem;
    width: 80%;
    margin: 0 auto;
}
.produitsEntete .imprimeFiche{
float:none;
    width: 80%;
    margin: 0 auto;
}
.produitsEntete .imprimeFiche a{
    white-space: inherit;
    width: 100%;
    padding: 0.5625rem 5%;
    box-sizing: border-box;
}
.tabImage{
    display: block;
    width: 80%;
    margin: 0 auto;

padding-bottom: 3rem;
}
.tabImage img{
border:1px solid #666;
}
  .container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .container-liste-blogue .FacetedExplorer.liste-blogue .GpcMenuWrapper .GpcMenu .GpcMenuCategory {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    margin: 0;
    width: 100%;
    margin-bottom: 1rem;
  }

  .container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate.ele-large,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate.ele-large {
    width: 100%;
    height: auto;
  }

  .container-liste-blogue .FacetedExplorer.liste-blogue .GpcFacetedResults.defaultFacet .FacetedResultTemplate,
.container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate {
    width: 100%;
    height: auto;
max-height:none;
  }

  .container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a {
    font-size: 0.75rem;
  }
.container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a.GpcPagerFirst, .container-liste-blogue .FacetedExplorer.liste-blogue .GpcResultPager a.GpcPagerLast{
display:none!important;
}

  /*fin liste blogue 2016*/
  /*blogue 2016*/
  .container-blogue {
    min-width: 100%;
  }
.container-blogue .banner-blogue{
min-height:0;
}
.container-blogue .banner-blogue:after{
/*display:none;*/
}
.container-blogue .banner-blogue .retour-blogue a{
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
font-size: 0.675rem;
}

  .container-blogue .banner-blogue .retour-blogue {
        top: inherit;
    width: 100%;
    left: 0;
bottom:0;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-blogue .banner-blogue .container-titre-blogue {
    width: 100%;
    padding: 0 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    bottom: 30%;
  }
.container-blogue .banner-blogue{
margin-bottom:0;
}

  .container-blogue .banner-blogue .img-blogue {
    position: relative;
    overflow: hidden;
    height: 11.25rem;
  }

  .container-blogue .banner-blogue .img-blogue img {
    position: absolute;
    max-width: 200%;
    left: -9999px;
    right: -9999px;
    margin: auto;
    text-align: center;
  }

  .container-blogue .banner-blogue .container-titre-blogue .titre-blogue h1 {
    font-size: 1.5rem;
    text-shadow: 0px 0px 6px black;
  }
.container-blogue .container-contenu-blogue .texte-blogue .description-blogue{
margin-top:1.5rem;
}
.pageArticleProduit .contenuToggle .imgGauche img{
    max-width: inherit;
    /*max-height: 12rem;*/
    margin: auto!important;
    /*margin-top: 0.5625rem!important;*/
    /*margin-bottom: 0.4375rem!important;*/
}
  .container-blogue .banner-blogue .container-titre-blogue .date-blogue {
    font-size: 0.675rem;
  }

.pageArticleProduit .container-blogue .banner-blogue .container-titre-blogue{
width:auto;
}
  .container-blogue .container-contenu-blogue {
    display: block;
    width: 100%;
    padding: 0 4%;
  }

  .container-blogue .container-contenu-blogue .texte-blogue {
    width: 100%;
    padding-bottom: 2rem;
  }

  .container-blogue .container-contenu-blogue .aside-blogue {
    width: 100%;
  }
.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet{
min-height:0;
}

  .container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent {
    height: auto;
  }

  .container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .img-blogue-recent img {
    max-width: 200%;
    width: 100%;
  }

.container-blogue .container-contenu-blogue .aside-blogue .dernier-article-blogue .defaultFacet .FacetedResultTemplate .titre-blogue-recent{
    width: 84%;
}
  /*fin blogue 2016*/


.wrapContent{
max-width:100%;
}

.refonte2016 .conseil-accueil .conseil .produit a:before{
width:100%;
background: url(/_media/image/4367/shadow-article-accueil.png) no-repeat left top;
    background-size: auto 100%;
}



.container-coupon .coupon:after{
display:none;
}

.menu2016 .header{
display:block;
width:100%;
}
.menu2016 .autres .anglais a{
padding: 1.35rem 1.125rem 2rem;
}
.menu2016 .autres .menu-club-botanix{
display:none;
}
.header .logo-mobile{
    width: 33%;
    padding: 3.75% 0.97656%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
.location-search INPUT {
    margin: 0;
    width: 96%;
    font-size: 0.75em;
    padding: 2%;
    border: 1px solid #bfc1bd;
    margin-top: 0.5em;
  }

  .newFilters .location-search input[type="text"] {
    width: 84%;
  }

  .captcha {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 1rem;
  }

    .captcha input[type="text"] {
      border: 1px solid #888888;
      font-size: 0.875rem;
      color: #222222;
      padding: 0.5% 1%;
    }

  .club-botanix .location-search input[type="submit"], .newFilters .location-search input[type="submit"] {
    padding: 0.2rem 1.0625rem;
  }


.refonte2016 .zone-promo2016{
width:100%;
min-width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .zone-promo2016 .club{
display:none;
}
.refonte2016 .conteneur-reseau-plante{
width:100%;
min-width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conteneur-reseau-plante .plantes{
width:100%;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conteneur-reseau-plante .plantes .zone-fleur{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conteneur-reseau-plante .plantes .zone-fleur:first-child{
border-top: 5px solid #fff;
}
.zone-fleur .image img{
max-width:120%;
}
.refonte2016 .conseil-accueil{
display:block;
min-width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conseil-accueil .astuce{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conseil-accueil .astuce:after{
display:none;
}
.refonte2016 .conseil-accueil .conseil .produit{
width:100%;
margin:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conseil-accueil .conseil .defaultFacet .FacetedResultTemplate{
    width: 46%;
    margin: 0 1%;
}
.refonte2016 .conseil-accueil .conseil .produit a .lien{
padding-bottom:1rem;
padding-top: 0.5rem;
position:static;
}
.refonte2016 .conseil-accueil .conseil{
padding-top:1rem;
padding-bottom:3rem;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.refonte2016 .conteneur-reseau-plante .reseau{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
border-bottom:5px solid #fff;
}
.refonte2016 .conteneur-reseau-plante .reseau .facebook a, .refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil a{
line-height: 1em;
    font-size: 1rem;
    height: 100%;
    padding: 24.97947% 6.15836% 4.10557%;
position:static;

}
.refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil a{
padding: 24.97947% 6.15836% 4.10557%;
}

.menuMobile .menuCss3 ul li a{
font-size: 0.92857rem;
}
.menu2016 .autres-mobile .bouton-club-mobile{
height:100%;
}
.refonte2016 .conseil-accueil .astuce{
background:#395336;
}
.refonte2016 .conseil-accueil .astuce:hover{
background:#395336;
}

.menu2016 .autres-mobile .bouton-club-mobile a{
height:100%;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:10%;
background: #ffffff;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 45%, rgba(240,240,240,1) 89%, rgba(230,230,230,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 45%,rgba(240,240,240,1) 89%,rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(240,240,240,1) 89%,rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
}

.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires{display:inline-block;width:50%;}
.refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil, .refonte2016 .conteneur-reseau-plante .reseau .facebook{
height: 100%;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
/********************************************************************************* AJUSTEMENTS MOBILE ACCUEIL - OL**************************************************************************************************/ 
/*.wrapAll.home{
    margin: 0 auto;
}
.wrapAll.home .push{
display:none;
}
.refonte2016 .conseil-accueil .conseil{
padding:4%;
}*/
/********************************************************************************* AJUSTEMENTS MOBILE ACCUEIL BANNIERE 3 ET 4 - OL**************************************************************************************************/ 
.refonte2016 .conteneur-reseau-plante .reseau{

}
.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires{
    width: 50%;
padding-top: 17.5421875%;
    overflow: hidden;
position:relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
position:relative;
}
.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires a{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0%;
    left: 0;
}
.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires img{

}
.refonte2016 .conteneur-reseau-plante .reseau .facebook{
background: none;
}
.refonte2016 .conteneur-reseau-plante .reseau .facebook a{
padding:0;
}

/********************************************************************************* FIN AJUSTEMENTS MOBILE ACCUEIL BANNIERE 3 ET 4 - OL**************************************************************************************************/ 

/********************************************************************************* AJUSTEMENTS MOBILE ACCUEIL SECTION DERNIERE ARTICLES - OL**************************************************************************************************/ 
.refonte2016 .conseil-accueil .conseil .defaultFacet{
    /* display: flex; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex!important;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-content: stretch;
    -webkit-align-content: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.refonte2016 .conseil-accueil .conseil .produit{
    display: flex; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: stretch;
    -webkit-align-content: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
height: 100%;
}
.refonte2016 .conseil-accueil .conseil .produit a{
    /* display: flex; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: space-between;
    -webkit-align-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
/********************************************************************************* FIN AJUSTEMENTS MOBILE ACCUEIL SECTION DERNIERE ARTICLES - OL**************************************************************************************************/ 
/********************************************************************************* AJUSTEMENTS MOBILE ACCUEIL SECTION INFOLETTRE - OL**************************************************************************************************/ 
.footer .infolettre{
    padding: 3%!important;
}
.footer .infolettre a{
    display: flex;
    justify-content: center;
    flex-direction: column;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer .infolettre .text-big{
margin-bottom:0;
}
/********************************************************************************* FIN AJUSTEMENTS MOBILE ACCUEIL SECTION INFOLETTRE  - OL**************************************************************************************************/ 

/********************************************************************************* AJUSTEMENTS MOBILE PIED DE PAGE - OL**************************************************************************************************/ 
.signature{
    padding: 2% 4%!important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-content: center;
    -webkit-align-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.signature .copyright{
    float: none;
    margin-right: 0;
}
.signature .menu-signature,
.signature .clear{
display:none;
}
.signature .nmedia{
float:none;
}
/********************************************************************************* FIN AJUSTEMENTS MOBILE PIED DE PAGE - OL**************************************************************************************************/ 
.menu2016 .carte-mobile a{
padding:10% 0%;
}
club-botanix{
padding:0 4%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .image-programme-container{
padding:0 4%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .zone-info-club-top{
display:block;
padding:0 4%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .zone-info-club-top .nouveau-membre{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .zone-info-club-top .deja-membre{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container{
min-width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container .form-creation-top{
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container .form-creation-top .info-perso{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
margin-bottom:2rem;
}
.club-botanix .form-creation-container .form-creation-top .autre-info{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check .input-container, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement .zone-check .input-container, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check .input-container{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container .form-creation-top .autre-info .magasin .newFilters .location-search .zone-submit input[type="text"]{
width:81%;
font-size:0.85rem;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.club-botanix .form-creation-container .form-creation-bottom{
width:100%;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.container-connexion{
width:100%;
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.container-connexion .connexion-split{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.container-connexion .connexion-split a.btn{
margin-top:0;
}

.content .content-full.full-width .top-connection, .texte-connection{
padding:0 4%
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.content-full.full-width{
padding:0 4%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.pageBoutiqueNoelEntete{
    background-size: 60%;
}
.pageBoutiqueNoelEntete .pageBoutiqueNoelTitre{
width:100%
}
.pageBoutiqueNoelEntete .pageBoutiqueNoelTexte{
width:100%;
padding-bottom: 4rem;
}
.pageBoutiqueNoel .containter-magasins .newFilters .location-search input[type="text"]{
width:60%
}
.pageBoutiqueNoel .containter-magasins .newFilters .location-search input[type="submit"]{
background-image:none!important;
}


.container-coupon .coupon{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.container-coupon .coupon .wrapper .rabais{
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.containter-magasins .newFilters, .newFilters {
    padding: 1rem 0 0;
}

.containter-magasins .newFilters .location-search, .newFilters .location-search{
display:block;
}
.containter-magasins .newFilters .location-search .zone-submit, .newFilters .location-search .zone-submit{
width:100%;
padding-top:1rem;
box-sizing:border-box;
-webkit-box-sizing:border-box;
display: flex;
justify-content: center;
}
.containter-magasins .newFilters .location-search input[type="text"]{
width:82%;
font-size:0.85rem;
box-sizing:border-box;
-webkit-box-sizing:border-box;
margin: 0;
width: 100%;
}
.club-botanix .location-search input[type="submit"], .newFilters .location-search input[type="submit"]{
padding: 0.2rem 1.0625rem;
}
.containter-magasins .mapPanel.storelocator-panel ul.store-list{
display:block;
}
.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store{
padding:4% 0 2%;
width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.containter-magasins .newFilters .location-search input[type="submit"]{
padding: 0.3rem 1.0625rem;
font-size: 0;
}
.club-botanix .form-creation-container .form-creation-bottom .submit-container{
width:100%;
margin:0;
padding:0 10%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.footer .infolettre a:after{
display:none;
}

.footer .infolettre .text-big, .footer .infolettre .text-small{
text-align:center!important;
}
.club-botanix .zone-info-club-top .deja-membre .bouton a.btn{
margin-bottom:1rem;
}
.club-botanix .form-creation-container .input-container.postal .label{
    font-size: 0.775rem;
}
.club-botanix .form-creation-container .form-creation-top .info-perso .zone-tel .sms label.fakeCheck{
display:block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.security .tooltip, .security2 .tooltip2{
    display: block!important;
    position: static;
    box-sizing: border-box;
   -webkit-box-sizing:border-box;
    margin: 0;
    width: 100%!important;
    margin-bottom: 1rem;
}
.club-botanix .form-creation-container .form-creation-top .autre-info .interet .zone-check, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin .zone-check{
display:block;
min-width:100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.security .tooltip:after, .security2 .tooltip2:after{
display:none;
}
.club-botanix .form-creation-container .form-creation-top .info-perso .password{
padding:0;
}

.map-mag #map{
display:none;
}
.services-mag{
width:100%;
display:block;
}
.containter-coordonnees{
display:block;
}
.services-mag .container-icone-mag .texte-icone{
    width:65%;
}
.containter-coordonnees .tier{
padding-bottom:0.75rem;
}
.titre-mag2016{
padding: 1.25rem 0 0.5rem;
}
/*fin 2016*/


    html
    {
        font-size: 28px;
        background: #fff;
        min-width: 320px;
        overflow-x: hidden;
        -webkit-transition: font-size 1s;
        transition: font-size 1s;
    }

    body
    {
        min-width: 320px;
    }

    .printFlyer, .circulaire .left, .saviezVous .content .readMore, .saviezVous .content .note, .saviezVous .content .right, .accueil1 .right .readMore, .elementDiapo .title strong:after, .elementDiapo .link, .menuCss1, .header .recherche, .header .utilitaires, .menuPrincipal, .astuce .readMore, .title.clearfix .button
    {
        display: none !important;
    }

    h1
    {
        font-size: 1.857em;
    }

    h2
    {
        font-size: 1.5714em;
        font-weight: bold;
    }

    h3
    {
        margin-top: 1em;
    }
.wrapper{
max-width:100%;
}

    .wrapContent > .wrapper hr
    {
        margin-left: -6.2%;
        margin-right: -6.2%;
        height: 0.571em;
    }

    input[type=submit], input[type=button], .button
    {
        font-family: "Roboto", sans-serif;
        font-size: 1.1875em;
        text-shadow: none;
        display: block;
        color: #fff;
        padding: 0.7em 0;
        text-align: center;
    }

    .wrapContent > .wrapper input[type=submit], .wrapContent > .wrapper input[type=button], .wrapContent > .wrapper .button
    {
        font-size: 1.357em;
    }

    .header
    {
        position: relative;
    }

        .header .toggleMenuMobile
        {
            width: 32.8125%;
    float: left;
    position: relative;
    top: auto;
    display: inline-block;
    vertical-align: middle;
    height: 0;
    left: auto;
    padding-top: 15.625%;
        }

        .header .logo
        {
            float: none;
            margin: 0;
            text-align: center;
        }

            .header .logo img
            {
                max-width: 56%;
            }

    .langueMobile
    {
        position: absolute;
        top: 1em;
        right: 1em;
        display: block;
    }

        .langueMobile ul
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .langueMobile li
        {
            margin: 0;
            padding: 0;
        }

        .langueMobile a
        {
            font-family: "Roboto", sans-serif;
            font-weight: 500;
            text-decoration: none;
            color: #000;
            text-transform: uppercase;
            display: block;
            font-size: 1.125em;
            line-height: 1em;
        }

    .menuMobile
    {
        position: absolute;
    display: block;
    height: 100%;
    top: 0;
    width: 82.8125%;
    background: #121212;
    z-index: 10000;
display: none!important;
    }

    .headerMenuMobile
    {
        -webkit-box-shadow: inset -10px 0 10px -10px #000;
        box-shadow: inset -10px 0 10px -10px #000;
        background: #9b9b9b;
        padding: 1.25em 1em 1.25em 0.8125em;
    }

        .headerMenuMobile .search div
        {
            float: left;
            border: 1px solid #bfc1bd;
            background: #211c1b;
            width: 82%;
            position: relative;
        }

        .headerMenuMobile .search input[type=text]
        {
            border: 0 !important;
            border-radius: 0 !important;
            color: #fff !important;
            outline: 0 !important;
            background: none !important;
            font-size: 0.9375em;
            padding: 0.5em 0 0.5em 0.8em;
            width: 83%;
        }

        .headerMenuMobile .search div input[type=submit], .headerMenuMobile .search div img
        {
            border-left: 1px solid #bfc1bd;
            background: url(/_media/image/4367/arrow-right-white-medium.png) no-repeat center;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            cursor: pointer;
            width: 12%;
            -webkit-transition: background-color 0.25s;
            transition: background-color 0.25s;
        }

            .headerMenuMobile .search input[type=submit]:hover, .headerMenuMobile .search div img:hover
            {
                background-color: rgba(255,255,255,0.3);
            }

        .headerMenuMobile .toggleMenuMobile
        {
            float: right;
        }

    .menuCss3
    {
    }

        .menuCss3 ul
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        .menuCss3 li
        {
            margin: 0;
            padding: 0;
        }

        .menuCss3 a
        {
            font-family: "Roboto", sans-serif;
            display: block;
            text-decoration: none;
            color: #fff;
            font-size: 1.075em;
            border-top: 1px solid #3b3736;
            border-bottom: 1px solid #282423;
            -webkit-transition: color 0.25s;
            transition: color 0.25s;
            padding: 3% 8.4%;
        }

        .menuCss3 li.last a
        {
            border-bottom: 0;
        }

        .menuCss3 a:hover, .menuCss3 li.selected a
        {
            color: #49ab3e;
        }

    .diapo
    {
        margin-top: 0;
        background: #f0efef;
    }

    .elementDiapo
    {
        white-space: normal;
        overflow: hidden;
    }

        .elementDiapo .imgLarge img
        {
            max-height: 14.8em;
            height: auto;
            margin-left: -50%;
        }

        .elementDiapo .wrapper
        {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            margin-left: 0 !important;
        }

        .elementDiapo .infos
        {
            padding-left: 0;
        }

        .elementDiapo .title
        {
            width: 48%;
            padding: 2% 4.5%;
            margin-bottom: 0;
            font-size: 0.875em;
            line-height: 1.15em;
            height: 4.5rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .elementDiapo .title strong
            {
                font-size: 1.285em;
                font-weight: bold;
                display: block;
                margin-bottom: 0.16em;
            }

        .elementDiapo .specs
        {
            float: right;
            clear: none;
            font-size: 0.75em;
            width: 52%;
            background: #000;
            padding: 0 1.875%;
            line-height: 2em;
            height: 4.5rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .elementDiapo .specs .zone
            {
                display: inline-block;
            }

    .jshowoff-slidelinks
    {
        position: relative;
        left: auto;
        top: auto;
        margin: auto;
        text-align: center;
        padding: 8.75% 0;
        height: 0.875rem;
    }

        .jshowoff-slidelinks a
        {
            height: 0.875rem;
            width: 0.875rem;
        }

    .wrapContent
    {
        padding: 0;
max-width:100%;
    }

        .wrapContent > .wrapper
        {
            padding: 0;
            font-size: 0.875em;
            line-height: 1.4em;
        }
    

    .accueil .wrapContent > .wrapper 
    {
        background: #f0efef;
        padding: 0;
    }

    .accueil1
    {
        margin: 0;
    }

        .accueil1 .left
        {
            float: none;
            width: auto;
            background: url(/_media/image/4367/divider-pattern.png) repeat-x top left;
            padding: 8.43% 6.25% 6.25% 6.25%;
            text-align: center;
        }

        .accueil1 .right
        {
            float: none;
            width: 100%;
            background: url(/_media/image/4367/divider-pattern.png) repeat-x top left;
            padding: 8.43% 0 6.25% 0;
        }

    .decouvrirPlus
    {
        margin-bottom: 1em;
    }

        .decouvrirPlus a
        {
            font-size: 1.6em;
        }

            .decouvrirPlus a:after
            {
                content: url(/_media/image/4367/m-arrow-right-white.png);
                position: absolute;
                top: 50%;
                margin-top: -16px;
                right: 6%;
            }

            .decouvrirPlus a > img
            {
                max-width: 50%;
            }

        .decouvrirPlus .txt
        {
            height: 3em;
            padding: 0 0 0 0.7em;
            width: 8.5em;
            white-space: nowrap;
        }

            .decouvrirPlus .txt:before
            {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle;
            }

            .decouvrirPlus .txt:after
            {
                -webkit-transform: skew(-25deg,0deg);
                -moz-transform: skew(-25deg,0deg);
                -ms-transform: skew(-25deg,0deg);
                transform: skew(-25deg,0deg);
            }

        .decouvrirPlus .titre
        {
            vertical-align: middle;
            display: inline-block;
            white-space: normal;
        }

        .decouvrirPlus .decouvrir
        {
            display: none;
        }

    .accueil2
    {
        margin: 0;
    }

        .accueil2 .astuces
        {
            float: none;
            width: 100%;
            margin: 0;
        }

    .saviezVous
    {
        float: none;
        width: 100%;
    }

        .saviezVous .title
        {
            font-size: 1.285em;
            background-position: center left;
            border-left: 11px solid #EB9925;
            padding: 2.18% 0 2.18% 9.95%;
            margin-bottom: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .saviezVous .content
        {
            padding: 7.1875% 7.1875% 0 7.1875%;
            background: #F0EFEF;
        }

            .saviezVous .content .left
            {
                float: none;
                width: auto;
            }

    .content1
    {
        width: auto;
    }

    .circulaire
    {
        padding: 1.571em 6.2% 0 6.2%;
        margin: 1.5em -6.2% 0.75em -6.2%;
    }

        .circulaire:before
        {
            bottom: auto;
            top: 0;
            height: 0.571em;
        }

        .circulaire .right
        {
            width: 100%;
            float: none;
        }

        .circulaire p:last-child
        {
            margin-bottom: 0;
        }

    .amenagementPaysager
    {
        padding: 1.571em 6.2% 0 6.2%;
        margin: 1.5em -6.2% 0.75em -6.2%;
    }

        .amenagementPaysager:before
        {
            bottom: auto;
            top: 0;
            height: 0.571em;
        }

        .amenagementPaysager .right
        {
            width: 100%;
            float: none;
        }

        .amenagementPaysager p:last-child
        {
            margin-bottom: 0;
        }

    .filAriane
    {
        color: #fff;
        background: #2b2b2b;
        font-size: 0.857em;
        margin: 0 -6.2%;
        padding: 3% 3.125%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5.6%;
    }

        .filAriane a
        {
            color: #fff;
        }

        .filAriane span *:last-child:after
        {
            color: #8c8c8c;
        }

    .title.clearfix
    {
        margin-bottom: 0.75em;
    }

        .title.clearfix h1
        {
            float: none;
            margin: 0 0 0 0;
            max-width: none;
        }

    .astuces
    {
        width: auto;
        margin: 0 -6.2%;
        background: #f0efef;
    }

        .astuces .title
        {
            font-size: 1.285em;
            background-position: center left;
            border-left: 11px solid #395336;
            padding: 2.18% 0 2.18% 9.95%;
            margin-bottom: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .astuces .clearfix
        {
            position: relative;
            padding: 1.65em 0;
        }

        .astuces .prev
        {
            display: block;
            position: absolute;
            background: url(/_media/image/4367/m-carrouselsprite.png) no-repeat top left;
            background-size: auto 100%;
            cursor: pointer;
            height: 1.75em;
            width: 1.15em;
            left: 5.625%;
            top: 32%;
        }

            .astuces .prev:hover, .astuces .next:hover
            {
                opacity: 0.75;
            }

        .astuces .next
        {
            display: block;
            position: absolute;
            background: url(/_media/image/4367/m-carrouselsprite.png) no-repeat top right;
            background-size: auto 100%;
            cursor: pointer;
            height: 1.75em;
            width: 1.15em;
            right: 5.625%;
            top: 32%;
        }

    .astuce
    {
        width: 60%;
        margin: 0 auto !important;
        float: none;
        display: none;
        text-align: center;
    }

        .astuce:first-child
        {
            display: block;
        }

        .astuce .titre
        {
            font-size: 1.1428em;
            margin: 0.5em 0 0 0;
        }

    .mobile.consulterCirculaire
    {
        display: block;
        padding: 12% 0;
    }

    .accueil .mobile.consulterCirculaire
    {
        padding-left: 5.6%;
        padding-right: 5.6%;
        background: #f0efef;
    }

    .footer
    {
        position: relative;
        font-size: 1em;
        text-align: center;
    }

.footer .content-footer{
height: auto;
}

        .footer .wrapper
        {
            padding: 5.6%;
        }

        .footer .trouverMagasin
        {
            display: block;
        }

            .footer .trouverMagasin a.button
            {
                background: #49ab3e url(/_media/image/4367/m-marker.png) no-repeat center right 0.5em !important;
                text-decoration: none;
                padding: 0.7em 0;
            }

                .footer .trouverMagasin a.button:hover
                {
                    background-color: #398F30 !important;
                }

            .footer .trouverMagasin a.facebook
            {
                display: block;
                font-family: "Roboto Condensed", sans-serif;
                font-size: 1.5em;
                margin: 1em 0 1.66em 0;
                -webkit-transition: opacity 0.25s;
                transition: opacity 0.25s;
            }

                .footer .trouverMagasin a.facebook:hover
                {
                    text-decoration: none;
                    opacity: 0.75;
                }

        .footer .clearfix
        {
            width: auto;
        }

        .footer .left
        {
            float: none;
            max-width: none;
            font-size: 0.75em;
            font-family: "Roboto", sans-serif;
        }

        .footer .right
        {
            display: none;
        }

        .footer .clearfix .mobile
        {
            display: block;
            font-size: 0.875em;
            font-family: "Roboto", sans-serif;
            margin-top: 0.64em;
        }

    .mapPanel
    {
        height: 100%;
float:none;
        width: auto;
    }

    .wrapper_map
    {
        border: 0;
    }

    .mapCanvas
    {
        display: none;
    }

    .location-search
    {
        background: #e0e0e0;
        padding: 3% 5% 5% 5%;
    }

    .no-stores
    {
        margin: 0;
        font-weight: normal;
        padding: 3% 5%;
    }

    .location-search H4
    {
        font-size: 1.25em;
        margin: 0;
    }

    .location-search INPUT
    {
        margin: 00;
        width: 96%;
        font-size: 0.75em;
        padding: 2%;
        border: 1px solid #bfc1bd;
        margin-top: 0.5em;
    }
.newFilters .location-search input[type="text"]{
width:84%;
}
.captcha{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.captcha input[type="text"]{
border: 1px solid #888888;
font-size: 0.875rem;
color:#222222;
padding: 0.5% 1%;
}
.club-botanix .location-search input[type="submit"], .newFilters .location-search input[type="submit"]{
padding: 0.2rem 1.0625rem;
}

    .mapPanel .store .misc
    {
        display: block;
    }

        .mapPanel .store .misc a
        {
            display: block;
            font-size: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url(/_media/image/4367/m-arrow-right-black.png) no-repeat center right 5%;
        }

    .store-list LI.store
    {
        padding: 3% 5%;
        border-top: 1px solid #e0e0e0;
    }

    .store .title
    {
        margin-bottom: 0.25em;
        font-size: 1em;
    }

    .store .address, .mapPanel .store .phone
    {
    }

    .N1aa1f7c4a274436fa09d3eebac80869fCss
    {
        float: none;
        width: 80%;
    }

    .imgFloatRight, .imgFloatLeft
    {
        max-width: 32%;
        padding: 1%;
    }

    .listeSousPages
    {
        margin-bottom: 0.75em;
    }

    .typePlante .left
    {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .typePlante .contenuTypePlante
    {
        float: left;
        max-width: 75%;
    }

    .blocH3Img .left
    {
        width: 36%;
        width: 64%;
    }

    .amenagementPaysager .left
    {
        display: none;
    }

    .blocH3Img.amenagementPaysager .left
    {
        width: 65%;
        display: block;
    }

    .blocH3Img .right
    {
        width: 35%;
        float: right;
    }

        .blocH3Img .right img
        {
            margin: 0;
        }

    .properties span
    {
        white-space: normal;
        display: inline-block;
    }

    .toggleZone .toggleH2 a
    {
        font-weight: normal;
        font-size: 1em;
        padding: 6% 4.06%;
    }

    .toggleZone .toggleH2
    {
        margin-left: -6%;
        margin-right: -6%;
    }

        .toggleZone .toggleH2 a:before
        {
            margin: 0.1em 0 0 0.3em;
        }

    .contenuToggle .imgGauche
    {
        float: none;
        width: 100%;
        font-size: 0.85em;
        line-height: 1em;
    }

        .contenuToggle .imgGauche p
        {
            display: inline-block;
            margin: 1.5%;
            width: 30%;
            vertical-align: top;
        }

        .contenuToggle .imgGauche img
        {
            max-width: 100%;
            width: 100%!important;
        }

    .contenuToggle .txtDroite
    {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width:560px)
{
    html
    { 
        font-size: 28px;
    }
.refonte2016 .conteneur-reseau-plante .reseau .circulaire-accueil, .refonte2016 .conteneur-reseau-plante .reseau .facebook{
background-size: auto 80%;
}
}

@media screen and (max-width:480px)
{
    html
    {
        font-size: 24px;
    }
}

@media screen and (max-width:400px)
{
    html
    {
       font-size: 20px;
    }
}

@media screen and (max-width:320px)
{
    html
    {
        font-size: 16px;
    }
}

@media print{
.container-coupon .coupon .wrapper .rabais .texte h3, .container-coupon .coupon .wrapper .rabais .texte p{color:#000 !important;}
.bouton a.btn{display:none;}
.container-coupon .coupon .wrapper:after {
    content: "";
    display: table;
    clear: both;
}
.container-blogue .banner-blogue .container-titre-blogue .titre-blogue h1{text-shadow:none;}
.container-blogue .container-contenu-blogue .texte-blogue{width:auto;}
.container-blogue .container-contenu-blogue{display:block !important;}
td{page-break-inside: avoid;}
.container-nouveaute .retour-blogue a{
display:none!important;
}
.zone-partage-plante{
display:none!important;
}
.container-nouveaute .autres-plantes{
display:none!important;
}

.container-coupon .coupon:after{
display:none;
}
.container-coupon .coupon{
width:100%;
}
.container-blogue .banner-blogue:after{
display:none!important;
}
.container-coupon .coupon .wrapper .rabais .gros-chiffre .rabais{position:static;display:block;width:auto;line-height:1em;margin-top:0;}
.container-coupon .coupon .wrapper .rabais .gros-chiffre, .container-coupon .coupon .wrapper .rabais .texte{color:#000;}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .texte h3{
color:#000!important;
}
.container-coupon .coupon.germoir .wrapper .rabais .zone-couleur .gros-chiffre{
color:#000!important;
}

.header .logo-mobile{
display: block!important;
padding:1rem 0;
}
.img-blogue img{
display:block!important;
}
.retour-blogue{
display:none;
}
.container-blogue .banner-blogue .container-titre-blogue{
position:static;
width:auto;
}
.container-blogue .container-contenu-blogue .aside-blogue{
display:none;
}
.menu2016 .header{
height:auto;
}

.header .logo{
display: none!important;
}
.container-blogue .banner-blogue .container-titre-blogue .titre-blogue h1{
color:#000;
}

.container-coupon .coupon.germoir .wrapper .rabais{
background:none;
}
.container-coupon .coupon.germoir .wrapper .rabais:after{
    content: url(/_media/image/4367/img-coupon-germoir.jpg);
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 0;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais{
background:none;
}
.container-coupon .coupon.vaporisateur .wrapper .rabais:after{
    content: url(/_media/image/4367/vaporisateur.png) ;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 0;
}


.container-coupon .coupon.semences .wrapper .rabais:after{
    content: url(/_media/image/4367/botanix-semences-coupon.jpg) ;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 0;
}

.container-coupon .coupon.semences .wrapper .rabais{
background:none;
}

}

.viewFlyer:before{
content: "\f1c1";
font-family: FontAwesome;
display: inline-block;
margin-right: 5px;
margin-right: 0.333rem;
vertical-align: middle;
}

.btnMarchand{
text-align: right;
}

.noFlyer{
margin: 20px 0;
margin: 1.25rem 0;
}




/*---- Modifications 2018----*/
/*----Page accueil club Botanix----*/
.clubLogo {
    max-width: 280px;
    margin-top: 20px;
}

.clubHeader {
    display: flex;
    justify-content: space-between;
    padding-left: 37px;
}

.clubMenu {
    float:  right;
    width: 100%;
}

.clubMenu ul {
    list-style:  none;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    font-family: lato, sans-serif;
    font-weight: bold;
}

.clubMenu a {padding:  15px 20px;color: #222222;display:  block;}

.clubMenu div {
    height: 80px;
    display:  flex;
    justify-content:  flex-end;
    flex-direction:  column;
    background: url(/_media/image/4367/club-botanix-background-menu.png) right no-repeat;
}

.clubMenu a:hover {
    background-color:  #e6007e;
	color: white;
    text-decoration:  none;
}

.clubMenu .selected {
    background-color: #e6007e;
    color: white;
}

.clubTextPresentation .left {
    max-width:  565px;
    margin-top:  40px;
    float: none;
}

.clubTextPresentation p{
    font-size: 1.125rem;
}

.sectionTips {
    margin-top: 30px;
}

.clubPromotions, .WinnerGiftCard {
    margin-top: 55px;
}

.sectionTips .container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette:after, .container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate .img-blogue-facette:after {
    background: #e6007e;
}

.sectionTips .container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette:after, .container-liste-blogue .liste-blogue .defaultFacet .FacetedResultTemplate a.lien-blogue-liste:hover .img-blogue-facette:after {
    background: #a50047;
}

.clubPromotions .left, .clubPromotions .right {
    display: flex;
    flex-direction:  column;
    justify-content:  space-between;
    float: none;
}

.WinnerGiftCard .left {
    max-width: 645px;
    float: none;
}


.WinnerGiftCard .left, .WinnerGiftCard .right {
    float: none;
}

.WinnerGiftCardTable .left {
    max-width: none;
    float: none;
}


.clubPromotions .imgBlock {
    display:  flex;
    justify-content:  space-between;
}

.clubPromotions .left {
    margin-right:  10px;
}







.WinnerGiftCardTable {
    display:  flex;
    flex-direction: row;
    justify-content:  space-between;
}

.WinnerGiftCardTable > div {
    min-width: 49.7%;
}

.WinnerGiftCardTable table {
    background-color: #f0f0f0;
    font-size: 0.89rem;
}

.WinnerGiftCardTable td {
    border: solid white 1px;
    padding: 10px;
}

.WinnerGiftCardTable tr td:nth-child(1) {width: 20px;text-align:  center; white-space:nowrap;}

.WinnerGiftCardTable tr td:nth-child(2) {width: 59px; white-space:nowrap;}

.WinnerGiftCardTable tr td:nth-child(3) {
    width: 150px;
}

.WinnerGiftCardTable tr td:nth-child(4) {
    width: 158px;
}

.WinnerGiftCardTable .toCome {
    color: #b5b5b5;
}

.winnerGiftCardLegal p {
    font-size: 0.75rem;
}

.winnerGiftCardText h5 strong {
    font-size: 1.125rem;
}

.winnerGiftCardText {
    display:  flex;
    justify-content:  space-between;
}

.winnerGiftCardLegal {
    font-size: 0.75rem;
    line-height: 1.0625rem;
}

.winnerGiftCardText h5 {
    margin-bottom: 5px;
}


.winnerGiftCardLegal .left p{
    position: relative;
    margin-left: 10px;
}

.winnerGiftCardLegal .left p:before {
     content: "*";
     position: absolute;
     left: -10px;
}

.clubPromotions a:hover img {
    opacity: 0.5;
}

.clubTextPresentation, .sectionTips, .clubPromotions, .WinnerGiftCard {
    padding:  0 37px;
}




@media screen and (max-width: 640px){
    .clubHeader {
         flex-direction:  column-reverse;
    }

.WinnerGiftCardTable > div  {min-width: 100%;} 

    .clubMenu div {
         background-position-x: -100%;
     }

     .clubPromotions .imgBlock {
         flex-direction:  column-reverse;
     }

     .clubPromotions .imgBlock .left {
         width: 100%;
     }

     .clubPromotions .imgBlock .left img {
        width: 100%;
        margin-top: 10px;
     }

     .WinnerGiftCardTable table {
         margin: 0 0 10px 0;
         font-size: 0.6rem;
     }

     .WinnerGiftCardTable .right{
         display: none;
     }

     .winnerGiftCardText {
         flex-direction:  column-reverse;
     }

}

/*------ Page d'inscription ----*/

.botanixClubInscription .form-creation-top, .botanixClubInscription .submit-container {max-width: 670px;margin-left:  auto;margin-right:  auto;font-family:  lato;line-height: 1.375rem;font-weight: bold;font-size: 1rem;}

.botanixClubInscription .form-creation-top .base, .botanixClubInscription .form-creation-top .password {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap:  wrap;
}

.botanixClubInscription .form-creation-top .base > div, .botanixClubInscription .form-creation-top .password> div {width: 46%;}

.botanixClubInscription .form-creation-top .input input {
    width:  100%;
    border: solid 1px #c4c4c4;
    height: 36px;
    padding-left: 10px;
}

.botanixClubInscription .form-creation-top .zone-pays .input input {
    max-width: 230px;
}

.botanixClubInscription .form-creation-top .label {margin-bottom: 8px;}

.botanixClubInscription .form-creation-top .input {
    margin-bottom: 20px;
}

.botanixClubInscription .imgBackground {
    background: #681040;
    background: url(/en-CA/_media/image/3597/photo-background-rond-inscription-club-botanix-femme.png) no-repeat top right;
    background-size: contain;
    color: #fff;
    height: 100%;
}

.botanixClubInscription .imgBackground .flexContent{
    display: flex;
    align-items: center;
    height: min-content;
    visibility: hidden;
}

.botanixClubInscription {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.botanixClubInscription .bannerInscription {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.botanixClubInscription .rightZone {
    position: relative;
    max-width: 50%;
    box-sizing: border-box;
    padding-top: 0;
    height: 415px;
}
.botanixClubInscription .rightZone .connectionLink {
    width: 25rem;
    position: absolute;
    right: 0;
    bottom: -3rem;
    text-align: right;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: bold;
    color: #4F4F4F;
}
.botanixClubInscription .rightZone .connectionLink .btn.pink {
    margin-left: 1.5rem;
    background: #E6007E;
    text-transform: capitalize;
}
.botanixClubInscription .rightZone .connectionLink .btn.pink:hover {
    background: #B80065;
}
.botanixClubInscription .imgBackground .image {
    width: 145px;
    flex-shrink: 0;
    margin-right: 21px;
}
.botanixClubInscription .textClub {
    max-width: 50%;
    padding-left: 61px;
    box-sizing: border-box;
}

.botanixClubInscription .textclub {
    font-size:  1.25rem;
}

.botanixClubInscription .textClub .nouveau-membre span p {font-size: 1.125rem;line-height: 1.625rem;}

.botanixClubInscription .image-programme-container {
    margin-bottom: 50px;
}

.botanixClubInscription .image-programme-container h1 {
    margin-top:  0;
    padding-top: 56px;
}
html[lang="en-CA"] .botanixClubInscription .imgBackground {
    background: none;
    margin-top: 0;
    margin-left: auto;
    max-width:50%;
    padding: 0;
}

html[lang="en-CA"] .botanixClubInscription .textClub {
    padding-left: 61px;
    box-sizing: border-box;
}

.pinkZone .title{
    background-image: url(/_media/image/4367/background-rose-inscription.png);
    padding-top: 40px;
}

.pinkZone .products {
    background-color: #E6007E;
    color: white;
}

.pinkZone h2 {
    color: white;
    margin: 0;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    padding-bottom: 30px;
}

.pinkZone .clipPath {
    background-color: #E6007E;
    height: 100px;
    -webkit-clip-path: circle(100.0% at 50% 100%);
    clip-path: circle(400% at 50% 2930%);
}


.pinkZone .products {
    display: flex;
    flex-direction: column;
}

.pinkZone .products span {
    display:  flex;
    flex-direction: row;
    flex-wrap:  wrap;
    align-items:  stretch;
    justify-content: space-between;
    padding: 0 6%;
}

.pinkZone .products span .product {
    display: flex;
    align-items: center;
    width:  290px;
    margin-bottom: 45px;
}

.pinkZone .product .logo {
    min-width: 25%;
}

.pinkZone .product .text {
    width: 75%;
}

.pinkZone {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.125rem;
    margin-bottom: 10px;
}

.botanixClubInscription .deja-membre {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.form-creation-container, .backgroundGreyFade{
    background-image: url(/_media/image/4367/background-gris-fade-blanc.jpg);
    background-repeat: repeat-x;
}

.botanixClubInscription .titre h3 {
    text-align: center;
    line-height: 1.375rem;
    padding-top: 30px;
}

.botanixClubInscription .info-perso h4 {
    line-height: 1.375rem;
    color: #222222;
    margin-bottom: 0;
}

.botanixClubInscription .requis p {
    line-height: 1.375rem;
    font-weight: normal;
}

.botanixClubInscription .info-perso .security, .security2 {
    float:  right;
    font-size: 0.9375rem;
    color: #49ab3e;
    text-decoration:  underline;
}

.resetPassword .security2{
  float: none;
}

.botanixClubInscription .submit-container input {
    background-color: #49ab3e;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 10px 40px;
}

.botanixClubInscription .form-creation-container {
    padding-bottom: 75px;
    width: 100%;
}


.botanixClubInscription .password {
 
}

.botanixClubInscription .deja-membre {
    align-items: center;
}

.botanixClubInscription .deja-membre h3 {
    color: black;
    font-size: 1.125rem;
        margin: 0 20px 0 0;
}

.botanixClubInscription .deja-membre a.btn {
    width: 100%;
    padding: 10px 10px;
}


.botanixClubInscription .deja-membre {
    margin: 40px 0 57px 0;
}



.hidden{
   display: none!important;
}

.botanixClubInscription .security, .security2{
    cursor: pointer;
}

.security2 .tooltip2 {
    top: -10.63rem;
    width: 19.75rem;
    left: -80%;
}


@media screen and (max-width: 640px){
.botanixClubInscription .textClub {
    max-width: 100%;
    padding: 5rem 6% 0;
}

.contentServices {
    font-size: 0.875rem;
    max-width: 100%;
    padding: 0 6%;
    box-sizing: border-box;
}

.botanixClubInscription .info-perso .input input {
    height: 70px;
}

.botanixClubInscription .bannerInscription {
    flex-wrap: wrap;
}

.botanixClubInscription .rightZone {
    position: initial;
    max-width: 100%;
    width: 100%;
    padding: 0;
    height: 16.5rem;
}

.botanixClubInscription .imgBackground .image {
    max-width: 6rem;
    margin-right: 0.65rem;
}

.pinkZone .title {background-position: bottom;background-repeat:  no-repeat;background-size:  cover;}

.pinkZone .products {
    padding-top: 30px;
    padding-bottom: 50px;
}

.pinkZone .products span{
   display: block;
}

.pinkZone .product .text {
    line-height: 0.875rem;
    width: 50%;
}

span#c6_c60_c61_c62_c64_c65_ctl00_c66_c83_c87_c88 {}

.pinkZone .products span .product {
    width: 100%;
    justify-content: center;
}

.pinkZone .product .logo {
    min-width: auto;
    padding-right: 40px;
}

.botanixClubInscription .deja-membre {
    margin: 30px 0 50px 0;
}

.botanixClubInscription .form-creation-top, .botanixClubInscription .form-creation-bottom {
    padding: 0 6%;
}

.botanixClubInscription .form-creation-top .base, .botanixClubInscription .form-creation-top .password {
    flex-direction: column;
}

.botanixClubInscription .form-creation-top .base > div, .botanixClubInscription .form-creation-top .password> div {
    width: 100%;
}

.botanixClubInscription .submit-container input {
    margin: 0 auto;
    width: 100%;
    line-height: 2.5rem;
}

.botanixClubInscription .image-programme-container h1 {
    padding: 0;
}

.botanixClubInscription .bannerInscription {
    position: relative;
    margin-bottom: 1.5rem;
}

.botanixClubInscription .rightZone .connectionLink {
    width: 100%;
    position: absolute;
    right: auto;
    left: 0;
    top: 0;
    bottom: auto;
    padding: 0.5rem 6%;
    background: #E6007E;
    width: 100%;
    box-sizing: border-box;
    text-align: start;
    color: white;
}

.botanixClubInscription .rightZone .connectionLink > span {
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
}

.botanixClubInscription .rightZone .connectionLink .btn.pink {
    padding: 0;
    text-decoration:  underline;
}

.botanixClubInscription .imgBackground {
    margin-top: 0;
}

.pinkZone {
    z-index: 10;
}
}


/*------ Page Services Club botanix ----------*/

.contentServices .preText {
    color: #24743a;
    font-weight: bold;
    font-size: 1.25rem;
}

.contentServices h2 {
    font-weight: lighter;
    font-size: 1.875rem;
    margin-top: 40px;
    margin-bottom: 25px;
}

.contentServices h3 {
    color:  black;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.contentServices {
    font-size: 0.875rem;
    max-width: 666px;
}


.contentServices .listIcon {
    display: flex;
    justify-content: flex-start;
    flex-wrap:  nowrap;
    flex-direction:  row;
    align-items: flex-start;
    margin-bottom: 22px;
}

.contentServices .listIcon .leftIcon {
    width: 10%;
}

.contentServices .listIcon .rightText {
    width: 100%;
    line-height: 1.3125rem;
}



.containerServices {
    display: flex;
    justify-content:  space-between;
    margin-top: 47px;
}

.containerServices .aside-blogue {
    margin-top: 0;
}

.containerServices .aside-blogue .btnTrouverMarchand{
    padding-bottom: 1.4375rem;
}

.contentServices .preText p {
    margin-top: 0;
}

.container-liste-blogue .banner-liste-blogue.servicesBanner {
    background: url(/_media/image/4367/cover-page-services.jpg) no-repeat center center;
}



@media screen and (max-width: 640px){

    .containerServices {
         flex-direction: column;
         margin-right:  auto;
         margin-left:  auto;
    }

     .containerServices .listIcon .leftIcon {
         width: 75px;
     }

     .containerServices .aside-blogue {
        margin-left: auto;
        margin-right:  auto;
    }

.containerServices .aside-blogue .btnTrouverMarchand img{
    width: 100%;
}

}


/*------- page d'inscription -----------*/

.contentConnexion .headerConnexion{
    background: url(/_media/image/4367/cover-header-page-connexion.jpg) no-repeat top left;
}

.contentConnexion .containerConnexion{
    background: url(/_media/image/4367/background-rose-form-connexion.png) no-repeat top right;
    width: 70%;
    height: 589px;
}

.containerConnexion > div {
    width: 360px;
    float: right;
    margin-right: 136px;
}

.containerConnexion > div .input input {
    width: 100%;
    background-color: #ac1266;
    border: none;
    height: 50px;
    border-radius: 3px;
    
    padding: 0 10px;
    color: #ffffff;
}

.contentConnexion .connexion-split .submit-container input:hover, .botanixClubInscription .submit-container input:hover {
    background: #23791a;
}

.containerConnexion label.error{
    color: #000000;
}

.contentConnexion .connexion-split {
    font-weight: bold;
    color: white;
    line-height: 1.375rem;
    margin-top: 45px;
}

.contentConnexion .connexion .label{
    margin-bottom: 7px;
}

.contentConnexion .connexion .label a {
    float: right;
    color:  #ffcde8;
    font-size: 0.875rem;
    text-decoration: underline;
}

.contentConnexion .connexion .label a:hover {
    text-decoration: none;
}

.contentConnexion .headerConnexion {
    display: flex;
    justify-content: space-between;
}

.contentConnexion .headerConnexion .logoClub {
    max-width: 270px;
    padding: 20px 0 0 36px;
}

.contentConnexion .recovery a {
    color: white;
    text-decoration:  underline;
}

.contentConnexion .connexion-split .submit-container input {
    width: 100%;
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    background-color: #49ab3e;
    padding: 15px;
    margin-top: 5px;
}

.contentConnexion .connexion-split .recovery {
    text-align: center;
font-weight: normal;
}

.contentConnexion .recovery a:hover {
    text-decoration: none;
}

.contentConnexion .promoZone .promoText, .contentConnexion .promoZone .promo {
    max-width: 680px;
    margin-left:  auto;
    margin-right: auto;
}

.contentConnexion .promoZone {
    padding-top: 45px;
    margin: 10px 0 60px 0;
}

.contentConnexion .connexion-split .titleConnexion {
    font-size: 1.25rem;
    margin-bottom: 25px;
}

.contentConnexion .promoZone .promoText p {
    font-size: 1rem;
}

.contentConnexion .connexion-split label.error:before{
    content: "\f06a";
    font-weight: 400;
    color: #fdb813;
    font-family: "FontAwesome";
    margin-right: 8px;
}

.containerConnexion > div .input {
    margin-bottom: 20px;
}

.contentConnexion .connexion-split label.error{
    margin-top: 20px;
    color: #fdb813;
}



@media screen and (max-width: 640px){
.contentConnexion .headerConnexion {
    flex-direction:  column;
}

.contentConnexion .containerConnexion {
    width: 100%;
    background: #E6007E;
    padding-bottom: 70px;
height: 100%;
}

.containerConnexion > div {
    margin-right: auto;
    float: none;
    margin-left: auto;
    width: 80%;
}

.containerConnexion .connexion-split {
    margin-top: 55px;
}

.contentConnexion .headerConnexion .logoClub {
    padding-bottom: 25px;
}

.contentConnexion .promoZone .promoText {
    padding: 0 10px;
}

.contentConnexion .promoZone .promoText {
    padding: 0 10px;
}

.containerConnexion > div .input input {
    height: 60px;
}





.contentConnexion .connexion-split .submit-container input{
    padding-top: 25px;
    padding-bottom: 25px;
}

.contentConnexion .connexion-split label.error{
    text-align: center;
    margin-top: 40px;
    color: #fdb813;
}



}

.btnCloseDiv {
    display: flex;
    justify-content: center;
}

a.closeBtn{
    color: white;
    background-color: black;
    border-radius: 25px;
    padding: 6px 15px;
    margin-top: 40px;
    margin-bottom: 40px;
}


.asideCta > div {
    margin-bottom: 10px;
}

.btnMarchand{
    margin-bottom: 50px;
}

@media screen and (max-width: 640px) {

.asideCta > div a img{
   width: 100%;
   height: auto;
}

.btnMarchand img{

width: 100%;
height: auto;
}

}



/*========================================== Nouveau header =========================================================*/


.menuCss5 ul li div {
    position: absolute;
    width: 240px; */
    bottom:;
    left: 0;
    top: 100%;
    z-index: 1;
    display: none;
    visibility: visible;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.36);
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
}



.menuCss5 ul li {
    position:  relative;

}

.header .menuCss5 ul li:hover div{
 display: block;  
}

.menu2016 .header .menuCss5 ul li:hover{

    background: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
}

.menu2016 .header .menuCss5 ul li:hover a{
    color: #49ab3e;
    background: white;
    z-index: 100;
}


.menu2016 .header .menuCss5 ul li:hover ul li a{
    color: #616161;
}

.menu2016 .header .menuCss5 ul li ul li:hover a{
    color: #49ab3e;
}



.menu2016 .header .menuCss5 ul li:hover ul li{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.36);
    box-shadow: none;
}


.menuCss5 ul li ul {
    z-index: 10000;
    width: 100%;

}

.menuCss5 ul li ul li {
    z-index: 10000;
    width: 100%;
    background-color: white;

}

.header .menuCss5 ul li ul li a {
    z-index: 10000;
    width: 100%;
    color: #616161;
    padding: 5px 0 5px 10px;
}

.menu2016 .header{
    overflow: visible;
}


.header .menuCss5 ul li ul li a.selected {
    color: #49ab3e;
}

.menu2016 .header .menuCss5 ul li ul li a.selected {
    color: #49ab3e;
    padding: 5px 0 5px 10px;
    background: white;
    border: none;
}



@media screen and (max-width: 640px) {

.menu2016 .header{
    overflow: hidden;
}

}





/*------- Enl�ve le sous menu du lien "produits botanix" --------------------------*/
.itemChildDiv338, .itemChildDiv444, li.item338:hover .itemChildDiv338, li.item444:hover .itemChildDiv444{
    display: none!important;
    visibility: hidden!important;
}




/*==================== Menu footer 2018 ====================================*/


.menuCss11 ul.MenuBar div, .menuCss12 ul.MenuBar div{
    display: block;
    visibility: visible;
    margin-top: 5px;
}



.menuCss11 ul,.menuCss12 ul {
    display:  flex;
    flex-direction: row;
}

.menuCss11 ul > li div ul, .menuCss12 ul > li div ul {
    flex-direction:  column;
    flex-wrap:  wrap;
}

.footer .content-footer .menu-footer {
    width: 100%!important;
    display: flex;
}




.menuCss11 > ul > li > a, .menuCss12 > ul > li > a {
    color: #858585;
    font-size: 1rem;
    font-weight: bold;
}

.menuCss11 > ul > li > a:hover, .menuCss12 > ul > li > a:hover {
    text-decoration: none;
    cursor: default;
}

.menuCss11 ul li ul li a, .menuCss12 ul li ul li a  {
    color: white;
    text-decoration:  underline;
}

.menuCss11 ul li a:hover, .menuCss12 ul li a:hover{
   text-decoration: none;
}

.menuCss11 ul li, .menuCss12 ul li {
    list-style: none;
}

.menuCss11 ul, .menuCss12 ul {
    padding: 0;
}


.menuCss11 ul> li, .menuCss12 ul> li {
    width: 205px;
    margin-bottom: 2px;
}

.menuCss11 ul.MenuBar > li, .menuCss12 ul.MenuBar > li {
    margin-right: 10px;
}

.menuCss11{
   width: 65.968%;
}

.menuSocialFooter{
    width: 34.032%
}


.menuCss11 .item477 > a {
    font-size: 0;
}



.footerSubscribe, .footerFacebook {
    height: 35px;
    width: 250px;
    position:  relative;
    margin-bottom: 10px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.footer .footerSubscribe a, .footer .footerFacebook a {
    width: 100%;
    height:  100%;
    position: absolute;
    line-height: 35px;
    color: white;
    font-family: arial;
    font-weight:  bold;
    font-size: 0.875rem;
}

.footerSubscribe a > div:before, .footerFacebook a > div:before {
    content: "";
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align:  center;
    font-size: 1rem;
    font-weight: 300;
    line-height: 35px;
    font-family: FontAwesome;
    margin-right: 10px;
}

.footerSubscribe a > div:before {
    content: "\f0e0";
    background: #444444;
}

.footerFacebook a > div:before {
    content: "\f09a";
    background: #3b5998;
}

.footerSubscribe a > div {
    background: #2d2d2d;
}

.footerSubscribe a:hover, .footerFacebook a:hover {
    text-decoration: none;
}

.footerSubscribe:hover, .footerFacebook:hover {
    opacity: 0.5;
}

.footerSocialTitle {
    color: #858585;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 5px;
}




.especeDecouvrir {
    display: flex;
    justify-content:  space-between;
    margin-bottom: 20px;
}

.especeDecouvrir .imgGauche {
    width: 300px;
}

.especeDecouvrir .txtDroite {
    width: 340px;
    padding-top: 10px;
}


@media screen and (max-width: 640px) {



.refonte2016 .conteneur-reseau-plante .reseau .remplaceCirculaires img{
    position: absolute;
    top: -30px;
}

.pinkZone .products {
    display: flex;
    flex-direction:  row;
}

.pinkZone a.bx-prev:after {
    content: "\f053";
    left: 10px;
}

.pinkZone a.bx-next:before{
    content: "\f054";
    right: 10px;
}



.pinkZone a.bx-next:before, a.bx-prev:after{
    font-family: fontawesome;
    color: white;
    position:absolute;
    font-size: 1.5rem;
    z-index: 100;
}



.footer .menuCss11{
    display: none;
}

.menuCss11{
   width: 100%
}


.menuCss11 > ul, .menuCss12 > ul {
    flex-direction:  column;
}

.menuCss11 > ul > li, .menuCss12 > ul > li {width: 100%;}

.menuCss11 ul li ul > li, .menuCss12 ul li ul > li  {
    border-bottom: solid 1px #4a4a4a;
    width: 100%;
    margin: 0;
    line-height: 2rem;
}

.menuCss11 ul li ul li a, .menuCss12 ul li ul li a {
    text-decoration: none;
}

.menuCss11 ul li ul > li.first, .menuCss12 ul li ul > li.first {
    border-top: solid 1px #4a4a4a;
}

.menuCss11 ul li a, .menuCss12 ul li a {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1rem;
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 3.8125% 10.625%;
}

.menuCss11 > ul > li > a,.menuCss12 > ul > li > a {
    color: #858585;
    padding: 3.8125% 5.625%;
}

.menuCss11 .item474 {
    width: 100%;
}

.menuCss11 .item477 > a {
    display:  none;
}

.menuCss11 ul li > div > ul, .menuCss12 ul li > div > ul {
    margin: 0;
}

.menuCss11 ul > li, .menuCss12 ul > li {
    margin: 0;
}

.menuCss11 ul.MenuBar div, .menuCss12 ul.MenuBar div {
    margin-top: 0;
}



.menuCss11 ul li ul.itemChild477 > li.first {
    border-top: none;
}

.menuCss11 > ul > li.parent, .menuCss12 > ul > li.parent {
    margin-top: 30px;
}

.menuCss11 > ul > li.item477 {
    margin-top: 0;
}



.menuSocialFooter {
    width: 100%;
}

.footerSubscribe, .footerFacebook {
    width: 100%;
    height: 80px;
    margin-bottom: 25px;
}

.footer .footerSubscribe a, .footer .footerFacebook a {
    position: relative;
    line-height: 80px;
    display: block;
}

.footerSubscribe a > div:before, .footerFacebook a > div:before {
    height: 80px;
    width: 80px;
    float: left;
    line-height: 80px;
    font-size: 1.5rem;
}

.footerSocialTitle {
    margin-bottom: 15px;
}



.especeDecouvrir {
    flex-direction: column;
}

.especeDecouvrir .imgGauche {
    width: 100%;
}

.especeDecouvrir .imgGauche img {
    width: 100%;
}

.especeDecouvrir .txtDroite {
    width: 100%;
}


.menuMobile .autres-mobile {
    display: none;
}

.menu2016 .menuMobile {
    height: auto;
}


}





/*==================== Page modification de profil ============================== */



.club-botanix .form-creation-container .form-creation-top {flex-direction: column;}

.club-botanix .form-creation-container .form-creation-top .info-perso {
    width: 100%;
    background:  none;
}

.club-botanix .form-creation-container .form-creation-top .autre-info {
    width: 100%;
}

.club-botanix .form-creation-container .form-creation-top .autre-info .interet, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement {
    background: none;
}

.containter-magasins .newFilters, .newFilters {
    background:  none;
}


.btnMarginBottom{
    margin-bottom: 25px;
}

.formFlex{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.formWidthHalf{
    width: 48%!important;
}

.formWidthFull{
    width: 100%;
}

.abonnement .input-container td {
    border: none;
}

.donneesConnexion {
    padding-top: 60px;
}

.input-container.date .input {
    display:  flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.input-container.date .input input {
    width: 20%!important;
    margin-right: 10px;
}


@media screen and (max-width: 640px) {

    .club-botanix .form-creation-container .form-creation-top .info-perso {
        padding: 60px 25px 0 25px;
    }

    .formWidthHalf {
        width: 100%!important;
     }

    .club-botanix .form-creation-container .form-creation-top .autre-info .interet, .club-botanix .form-creation-container .form-creation-top .autre-info .abonnement, .club-botanix .form-creation-container .form-creation-top .autre-info .magasin {
        padding: 60px 25px 0 25px;
    }

    .club-botanix .form-creation-container .form-creation-bottom .submit-container {
        padding: 0 25px;
    }



}

.container-coupon .coupon.universel .condition {
    padding-bottom: 30px;
}





/*==================== Page Pots bacs et jardini�res  ============================== */

.conseils .defaultFacet .ResultImage {
    height: 100%;
}

.pagePots .produitsGpc.produits .defaultFacet .FacetedResultTemplate {
    background: transparent;
    width: 230px;
    margin: 80px 0 0 0;
}


.pagePots .produitsGpc.produits .defaultFacet .ResultImage {
    left: 50%;
    top: -100%;
    width: auto;
    height:  auto;
    transform: translateX(-50%);
}

.pagePots .pageProduits .produits div {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  space-between;
}

.pagePots .produitsGpc.produits .defaultFacet .ResultContent span {
    margin: 0;
    width: 100%;
}

.pagePots .produitsGpc.produits .defaultFacet .ResultContent {
    width: 100%;
}

.pagePots .produitsGpc.produits .defaultFacet .FacetedResultTemplate a {
    width: 100%;
}

.pagePots .produitsGpc.produits .defaultFacet .FacetedResultTemplate a:after {
    top: auto;
    right: 50%;
    transform: translateX(50%)translateY(-50%);
}

.conseils .defaultFacet .FacetedResultTemplate{
    width: 310px;
    height: 206px;
}


.conseils .defaultFacet {
    display:  flex;
    justify-content: space-between;
    width: 950px;
    margin-left:  auto;
    margin-right:  auto;
    padding: 45px 0;
}

.conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent img{
    width: auto; 
    height: 100%;
}

.conseils .defaultFacet .FacetedResultTemplate .img-blogue-recent{
    height: 100%;
}


.pagePots .titleConseils{
    color: #24743a;
    font-size: 1.875rem;
    text-align: center;
}

.produits {
    padding-bottom: 75px;
}

.pagePots .banner-liste-blogue{
    background-image: url(/_media/image/4367/banner-botanix-pots.jpg);
}

@media screen and (max-width: 640px) {


.pageArticleProduit .contenuToggle.clearfix {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 4rem;
}

.pagePots .produitsGpc.produits .defaultFacet .FacetedResultTemplate {
    width: 100%;
margin-top: 28px;
}

.pagePots .produitsGpc.produits .defaultFacet .ResultImage {
    left: 0;
    top: 0;
    transform:  none;
}

.conseils .defaultFacet .FacetedResultTemplate {
    width: 100%;

}

.conseils .defaultFacet {
    width: 100%;
    flex-wrap:  wrap;
}



.pagePots .titleConseils {
    padding: 0 2.313rem;
}

.conseils.backgroundGreyFade {
    padding: 45px 2.313rem;
}

.pagePots .produitsGpc.produits .defaultFacet .ResultImage {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    width: 4.00rem;
    left: 0.5rem;
}

.produits .defaultFacet .ResultImage img {
    width:  100%;
    height: 100%;
}

.produitsGpc.produits .defaultFacet .ResultContent span {
    font-size: 1.00rem;
    margin-left: 5rem;
    width: 100%;
    padding: 0;
    display: block;
    text-align: center;
}

.pagePots .produitsGpc.produits .defaultFacet .FacetedResultTemplate a:after {
    top: 50%;
    right: 0;
}

.pagePots .produitsGpc.produits .defaultFacet .ResultContent span{
    margin-left: 5rem;
    margin-right: 1rem;
}

.produits {
    padding-top: 0;
}

.pagePots .titleConseils p {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.pagePots .conseils.backgroundGreyFade{
    padding-top: 0;
    background: none;
}

.conseils .defaultFacet{
    padding-top: 25px;
}

}

@media screen and (max-width: 520px) {

.pagePots .produitsGpc.produits .defaultFacet .ResultContent span {
    margin-left: 4rem;
}
}


.downloadMagazine {
    margin: 0;
    background: #681040;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.downloadMagazine .img {width: 49%;flex-shrink: 0;}

.downloadMagazine .text h3 {
    font-family: lato, sans-serif;
    color:  white;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.downloadMagazine .text {
    color:  white;
    margin-right: 4rem;
}

.downloadMagazine .text p {
    color: white;
    font-family: lato, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

.downloadMagazine .text .download {
    font-size: 1rem;
    line-height: 1.25rem;
    font-family: lato, sans-serif;
    text-transform: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0.75rem;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.downloadMagazine .text .download:before {
    content: "\f1c1";
    font-family: fontawesome;
    margin-right: 1rem;
    font-weight: 500;
    font-size: 1.5rem;
}

.downloadMagazine .text a {
    color: white;
    text-decoration: underline;
    font-family: lato, sans-serif;
}

.downloadMagazine .text a:hover {
    text-decoration: none;
}



@media screen and (max-width: 640px){

.downloadMagazine {
    flex-wrap: wrap;
    padding: 0 6%;
    background: none;
    position: relative;
    box-sizing: border-box;
}

.downloadMagazine:before {
    content: "";
    position: absolute;
    top: 0;
    left: -6%;
    height: 100%;
    width: 110vw;
    background: #681040;
    z-index: 0;
}

.downloadMagazine > div {
    position: relative;
}

.downloadMagazine .img {
    position: relative;
    width: 100%;
    padding-top: 0.5rem;
}

.downloadMagazine .text {
    margin: 0;
    padding-bottom: 2rem;
}

.downloadMagazine .text .download:before {line-height: normal;}

.downloadMagazine .text h3 {
    font-size: 1.75rem;
}

.downloadMagazine .text .download {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

}


/* Ajustements 2019*/

@media screen and (max-width: 640px) {
  html {
    font-size: 27px;
  }
}
@media screen and (max-width: 624px) {
  html {
    font-size: 26px;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 25px;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 24px;
  }
}
@media screen and (max-width: 552px) {
  html {
    font-size: 23px;
  }
}
@media screen and (max-width: 528px) {
  html {
    font-size: 22px;
  }
}
@media screen and (max-width: 504px) {
  html {
    font-size: 21px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 20px;
  }
}
@media screen and (max-width: 456px) {
  html {
    font-size: 19px;
  }
}
@media screen and (max-width: 432px) {
  html {
    font-size: 18px;
  }
}
@media screen and (max-width: 408px) {
  html {
    font-size: 17px;
  }
}
@media screen and (max-width: 384px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 336px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 13.328px;
  }
}

.wrapAll.footerShadow:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 8.5625rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    bottom: 0;
    left: 0;
    z-index: -1;
}

.push {
    height: 0!important;
}

.wrapAll {
    position: relative!important;
    flex: 1 0 auto!important;
    width: 100%!important;
    min-height: 1px!important;
    min-width: inherit!important;
    margin: 0!important;
}

.wrapContent > .wrapper {
    background: none;
}

.headerShadow .wrapContent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    height: 8rem;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+65&1+0,0+65 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%, rgba(255,255,255,0) 65%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 65%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media screen and (max-width: 640px){
  .wrapAll.footerShadow:after {
    height: 4rem;
}
}


/* abonnement � l'infolettre */
.newsletterSubscriptionForm {
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    max-width: 400px;
}

.newsletterSubscriptionForm .form-wrapline {
    padding: 0;
    margin: 0 0 1.5rem;
}

.newsletterSubscriptionForm .form-wrapline > div {
    width: 100%;
    float: none;
    padding: 0;
}

.newsletterSubscriptionForm .form-wrapline > div label {
    font-weight: 700;
    color: #4F4F4F;
    margin-bottom: 0.4375rem;
}

.newsletterSubscriptionForm .form-wrapline > div input {
    border: solid 1px #C4C4C4;
    padding: 0.575rem 0.75rem;
}

.newsletterSubscriptionForm input[type="submit"] {
    background: #3C9531;
    padding: 0.657rem 1.75rem;
    float: none;
    min-width: 180px;
    box-sizing: border-box;
}

.newsletterSubscriptionForm input[type="submit"]:hover {
    background: #49AB3E;
}

.newsletterSubscriptionForm.newsletterSubscriptionForm.newsletterSubscriptionForm.newsletterSubscriptionForm .form-wrapline > div input.error {
    border-color: red;
}

.newsletterSubscriptionForm.newsletterSubscriptionForm.newsletterSubscriptionForm.newsletterSubscriptionForm .form-wrapline label.error {
    position: relative;
    margin: 0.25rem 0 0;
}

@media screen and (max-width: 640px){
    .infolettreNoHide.infolettreNoHide{
        display: block;
    }

    .newsletterSubscriptionForm{
        max-width: 100%;
    }

    .newsletterSubscriptionForm input[type="submit"]{
        width: 100%
    }

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones {
    display: block;
    width: 100%;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone {
    display: flex;
    width: 100%;
    align-items: center;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip.tooltip, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip2.tooltip2 {
    display: block!important;
    position: relative!important;
    top: inherit!important;
    left: inherit!important;
    border: none!important;
    padding: 0 0 0 1rem!important;
    width: 100%;
    text-align: left;
    min-height: inherit!important;
    font-weight: bold;
    font-size: 1rem;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone img {
    flex-shrink: 0;
    width: 2.8575rem;
    height: 2.8575rem;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip.tooltip:after, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .icones .icone span.tooltip2.tooltip2:after {
    display: none;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F5F5F5;
    padding: 0.625rem;
    box-sizing: border-box;
}
.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre + div {
    display: none;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre .m > span {
    color: #49AB3E;
    font-weight: 400;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre .m > span:after {
    content: "\f107";
    font-family: 'FontAwesome';
    margin-left: 0.125rem;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store .services-offerts .titre .m > span.hide:after {
    transform: rotate(180deg);
}
}

.itineraireLink {
    font-weight: 700;
    display: flex;
}

.itineraireLink:hover {
    text-decoration: underline!important;
}

.itineraireLink:after {
    content: '\f061';
    font-family: 'FontAwesome';
    font-weight: 400;
    line-height: 1;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
}

.containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.ouverture, .wrapContentInfoWindow span.ouverture, .containter-magasins .mapPanel.storelocator-panel ul.store-list li.store p span.txt-ouvert, .wrapContentInfoWindow span.txt-ouvert {
    color: #595959;
}

.timeMachineVoyager {
z-index: 99999999!important;
}