@CHARSET "utf-8";

/* PC */
@media all and (min-width:781px) {
    #bandeau .menu-wrapper  {display:block !important;}
    #bandeau-mobile {display:none !important;}
    #paniermobile-bandeau {display:none !important;}
    #mon-comptemobile {display:none !important;}
    #mon-comptemobile-smenu {display:none !important;}
    #paniermobile-contenu {display:none !important;}
}

@media all and (max-width:1293px) {
    #module-map-centre {margin:0 10px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
    #module-map-centre > div {width:100%;}
    #map-resultats-label {  margin: 25px 10px 25px;}
    #map-resultats-arbres {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}

    #arbre-map {  height: 590px;  margin-top: 20px;  margin-bottom: 0;}
    /*#arbre-map.fixed { right:10px;  width: calc(50% - 20px);}*/
}

@media all and (max-width:1259px) {

    /* Bandeau */
    #bandeau #logo a img {height:105px;}
    #bandeau.sm .menu-wrapper {}

    /* Menu */
    #bandeau.sm #menu .menu-element,
    #menu .menu-element {}
    #menu #menu-2 {margin-right:10px;}


    #accueil-contenu .global {  padding: 1px 10px !important;}

    #accueil-calendrier-centre {margin: 0 auto 0 20px;}
    #accueil-actualites-contenu {width:calc(100% - 625px);}

    .iframe-responsive-wrapper {position: relative;}
    #contenu .iframe-responsive-wrapper .iframe-ratio {   display: block;    width: 97%;   height: auto;}
    .iframe-responsive-wrapper iframe{position: absolute;top: 0;left: 0;width: 97% !important; height: 97% !important;}

    video {width:100%; height:auto;}
}

@media all and (max-width:1205px) {
    #menu .menu-element {margin:0 10px;}
}

@media all and (max-width:1145px) {

    #bandeau.sm #menu-conteneur {clear:none;}
    #bandeau.sm #menu > .global {text-align:right;}

    #bandeau #logo {padding: 5px 0 0 5px;}
    #bandeau #logo a img {height:95px;}

    #menu-conteneur {clear: both; padding-top: 10px;}
    #menu > .global {text-align:center;}
    #menu .menu-element {height:40px;}
    #menu .menu-element > a > span,
    #menu .menu-element > a:visited > span,
    #menu .menu-element > span {font-size:17px;}
    #menu .menu-element > a > span::after, #menu .menu-element > span::after {bottom:2px;}

    #menu .smenu-conteneur {top:40px;}
}


@media all and (max-width:1110px) {

    #accueil-calendrier-centre {margin: 10px auto 0; display: block;}
    #accueil-actualites-contenu {width: 100%; margin-bottom:40px;}

    #accueil-actualites-contenu .accueil-actualite { margin: 10px; width: calc(50% - 25px); display: inline-block; vertical-align: top;}
    #accueil-actualites-contenu .accueil-actualite-image { width: 168px;}
    #accueil-actualites-contenu .accueil-actualite-contenu {width: calc(100% - 195px);}
    #accueil-actualites-contenu .accueil-actualite-intro {min-height:0;}

    #pied #col-menu {width:320px;}

}

@media all and (max-width:990px) {

    #bandeau.sm #menu-conteneur {padding-top: 45px;}
    #bandeau.sm #menu .menu-element {height:25px;}
    #bandeau.sm #menu .menu-element > a > span,
    #bandeau.sm #menu .menu-element > a:visited > span,
    #bandeau.sm #menu .menu-element > span {font-size:14px;}

    #menu .menu-element {}

    /* Droite */
    #droite {display:none;}

    /* Module Contact */
    #module-contact #module-contact-adresse {float:none; width:100%;}
    #module-contact .googlemap {float:none;  width:100%; margin:20px 0;}


    #accueil-actualites-contenu .accueil-actualite-categorie {width:calc(100% - 20px); float:none; margin-top: 30px;}


    /* Template Article Default */
    #template-article .template-article-image-texte .template-article-image,
    #template-article .template-article-texte-image .template-article-image {margin:20px auto 20px; text-align:center;}
    #template-article .template-article-image {width:100%; }
    #template-article .template-article-image img {max-width:400px; width:100%; height:auto !important;}
    #template-article .template-article-texte {width:100%;}


    /* Panier Etape 2*/
    #panier .compte-conteneur #compte-continuer-titre {height:auto;}
    #panier .panier-connexion-1260 {display:none;}
    #panier .panier-connexion-990 {display:block;}

    #realisations .conteneur .contenu .photo {width:250px;}
    #realisations .conteneur .contenu .photo img {width:auto; height:auto; max-width:100%; max-height:100%;}



    #pied .global .contenu-wrapper { padding:5px 10px;}

    #pied .col {margin: 15px 10px; padding:0; position:relative !important; left:unset !important; right:unset !important;}

    #pied #col-responsive,
    #pied #pied-reseaux-responsive {display:block; margin:15px auto;}



    #pied #col-responsive {	width: 100%;}
    #pied #logo-pied-responsive {width:140px; position:relative; margin:0 auto 15px;}
    #pied #logo-pied-responsive a,
    #pied #logo-pied-responsive a:visited {text-decoration:none; color:#000;}
    #pied #logo-pied-responsive a img {display:inline-block; vertical-align:top; height:85px; width:auto;opacity: 0.4;}

    #pied #pied-reseaux,
    #pied #logo-pied {display:none;}

    #pied #col-centre.col {float:right; display:block;}
    #pied .pied-contact-element i {background:#fff; height:20px;  display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  }
    #pied #pied-email i { font-size: 11px;}
    #pied #col-menu {float:left;}

    #pied #col-soutenu.col {display:block; clear:both; margin:15px auto;}

}

@media all and (max-width:930px) {

    #bandeau.sm #logo a img {height: 50px;}

    #menu .menu-element > a > span, #menu .menu-element > a:visited > span,
    #menu .menu-element > span {font-size:16px;}


    #accueil-actualites-contenu .accueil-actualite { margin: 10px 5px; width: calc(50% - 13px); }
    #accueil-actualites-contenu .accueil-actualite-titre {height: auto; }
    #accueil-actualites-contenu .accueil-actualite-image { width: 128px;}
    #accueil-actualites-contenu .accueil-actualite-contenu {width: calc(100% - 155px);}

}

@media all and (max-width:860px) {

    .sm { height: 85px;}

    #bandeau.sm #menu-conteneur {clear:both; padding-top: 5px;}
    #bandeau.sm #menu > .global {text-align:center;}

    #menu .menu-element > a > span, #menu .menu-element > a:visited > span,
    #menu .menu-element > span {font-size:14px;}


    #pied #col-menu {width:270px;}

    #monespace-menu {width:180px; margin-right: 30px;}
    #monespace-contenu {width: calc(100% - 210px);}


}

/* Tablette */
@media all and (max-width:780px) {

    body {width:100%;}

    #global {min-width:inherit; margin:0 auto; width:auto; /*padding-top:130px;*/}

    /* Bandeau */
    .noscroll #bandeau-contact,
    .noscroll #bandeau-mobile {display:none;}

    #bandeau-contact {opacity:1;  height:85px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
    #bandeau.sm #bandeau-contact {opacity:0; height:0;}
    #bandeau.sm #bandeau-elements,
    #bandeau.sm #bandeau-contact #logo {display:none; }
    #bandeau-conteneur,
    #bandeau.sm #bandeau-conteneur {height:auto;}

    .lg {  height: 120px;}
    .sm { height: 35px; border:none;}

    #bandeau #logo { padding:10px 0 0 10px;}
    #bandeau #logo a img {height:60px; margin: 0;}

    /* Menu mobile */
    #bandeau-mobile { min-width:inherit; width:100%; }

    /* bas */
    #bandeau-mobile-bas {position: relative; z-index: 45; clear:both; background:#439539; height:35px; cursor:pointer; }
    #bandeau-mobile-bas > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:40px; padding-top: 7px; display: block; color: #ffffff; text-decoration: none; position:relative;}
    #bandeau-mobile-bas i {position:absolute; left:10px; top:5px; font-size:23px;}

    #bandeau #menu-conteneur { padding:0; position: fixed; z-index: 9999; top: 0;left: 0;  height: 100%;  width:80%;  width: calc(100% - 45px); background: #fff;    -webkit-transition: transform 0.5s;    -khtml-transition: transform 0.5s;    -moz-transition: transform 0.5s;    -ms-transition: transform 0.5s;    -o-transition: transform 0.5s;    transition: transform 0.5s;    -webkit-transform: translateX(-100%);    -khtml-transform: translateX(-100%);    -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%);    overflow-x: hidden;    overflow-y: scroll;}
    #bandeau #menu-conteneur.open {display: block;-webkit-transform: translateX(0%);-khtml-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}

    #bandeau #menu-titre { display:block; margin-bottom: 20px;}
    #bandeau #menu-titre > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:20px; padding-top: 5px; display: block; color: #439539; text-decoration: none; position:relative;}
    #bandeau #menu-titre i {position:absolute; left:0px; top:6px; font-size:20px;}

    #bandeau #menu-close {display: none; line-height: 45px; cursor:pointer; font-weight: 700; z-index: 999; border:1px solid #439539; text-align:center; font-size: 50px;color: #ffffff; width: 45px;height: 45px; position: fixed;  top: 0; right: 0;background: #439539;}
    #bandeau #menu-close.visible {display:block;}
    #bandeau #menu-wrapper {padding: 10px;}

    #menu .menu-element {height:auto !important; margin:10px 0px 0 !important; display:block; padding:0 0 10px 0px; border-bottom:1px solid #edecec;}
    #menu .menu-element > a > span,
    #menu .menu-element > a:visited > span,
    #menu .menu-element > span {padding:5px; text-align:left;  color:#439539; border:none;font-size:15px;}

    #menu .menu-element > a > span::after,
    #menu .menu-element > span::after,
    #menu .menu-element.selected > a > span::after,
    #menu .menu-element.selected > span::after,
    #menu .menu-element:hover > a > span::after,
    #menu .menu-element:hover > span::after {display:none !important;}

    #menu .menu-element.selected > a > span,
    #menu .menu-element.selected > span {font-weight:700;}

    #menu .smenu-conteneur {margin-top:6px; width:100%; padding:0; display:block !important; position:relative; left:0 !important; top:0 !important; background:none; min-height: 0; }
    #menu .smenu-centre {border:none; margin:0; width:auto;}
    #menu .ssmenu-conteneur-images {display:none !important;}
    #menu .smenu-centre-menus {float:none; width:auto;}
    #menu .smenu-conteneur .smenu-element{display:block; width:auto;}
    #menu .smenu-element > a > span,
    #menu .smenu-element > span {text-align: left;padding:5px 0 5px 5px; display:block !important; border:none;width:auto; text-decoration:none;color:#000000;font-size:14px; text-transform: none; }
    #menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none;}

    #menu .smenu-element.selected > a > span,
    #menu .smenu-element:hover > a > span {background:#439539;color:#fff;}

    #menu .smenu-element > a > span::after,
    #menu .smenu-element > span::after,
    #menu .smenu-element.selected > a > span::after,
    #menu .smenu-element.selected > span::after,
    #menu .smenu-element:hover > a > span::after,
    #menu .smenu-element:hover > span::after {display:none !important;}

    #menu .ssmenu-element > a > span, #menu .ssmenu-element > span {color:#000000; padding:4px 0 6px 20px;}
    #menu .ssmenu-element > a > span::before,
    #menu .ssmenu-element > span::before {color:#000000; top:6px;}

    #menu .ssmenu-element.selected > span,
    #menu .ssmenu-element:hover > span,
    #menu .ssmenu-element.selected > a > span,
    #menu .ssmenu-element:hover > a > span {background:#5b2a00; color:#fff;}
    #menu .ssmenu-element.selected > span::before,
    #menu .ssmenu-element:hover > span::before,
    #menu .ssmenu-element.selected > a > span::before,
    #menu .ssmenu-element:hover > a > span::before {color:#fff;}

    #accueil-slider .accueil-slider-li .accueil-slider-contenu {height: calc(100% - 165px); padding-top: 165px;}

    #accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:none !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:block !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:none !important;}

    #accueil-actualites-contenu .accueil-actualite {display:block; margin:10px 0; width:100%;}
    #accueil-actualites-contenu .accueil-actualite-titre {height:auto; display:block;}

    #accueil-actualites-contenu .accueil-actualite-categorie {width:calc(100% - 260px); float:left; margin-top: 0px;}
    /*
    #arbre-map.fixed {  height: calc(100vh - 140px);  top: 130px; }*/
    #detail-arbre { top: 130px;}

    /* Gauche */
    #gauche {display:none;}

    /* Centre */
    #centre {width:auto; margin:0; padding-top:0px;}
    #centre .global .contenu-wrapper {padding-top:0px;}

    #centre table {float:none; width:100% !important; margin:10px auto;}
    table tr td {display:inline-block; vertical-align:top;}

    #produit #declinaisons tr td {display:table-cell;}
    #cart-grid tr td {display:table-cell;}
    #cart-grid .prix {display:none;}


    /* Fil d'ariane */
    #ariane {display:none;}

    /* Contenu */
    #contenu {width:auto; }
    #contenu > .global {padding:10px;}
    #contenu img {max-width:100%; max-height:100%;  height:auto; width:auto; }

    /* Formulaire */
    input.bouton {height:38px;}
    #contenu .input-text,
    #contenu input[type="text"] {width:calc(100% - 15px);height:30px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
    #contenu input[type="image"],#contenu input[type="checkbox"],#contenu input[type="radio"] {width:auto; height:auto;}
    #contenu select {height:45px; }
    #contenu textarea {width:calc(100% - 12px) !important; }

    #contenu .bouton, #contenu a.bouton,
    #contenu a.bouton:visited {width:calc(100% - 25px);}
    #contenu .submit input, #contenu input.submit {width:100%;}

    #contenu .form140 {float:none; text-align:left; width:auto;}
    #module-contact select {width:calc(100% - 5px);}
    #module-contact .form div.submit-conteneur,#module-contact .submit,
    #module-contact #contact-captcha { margin-left:0;}
    #contact-container .contact-vide {display:none;}

    /* Paginator */
    #paginator {margin:30px 0 20px;}
    #contenu #paginator .pagination-lien, #contenu #paginator .pagination-span {margin:0 9px; width: 15px !important;}

    .mosaique-conteneur {text-align:center;}

    #produit-photo-zoom div.desktop {display:none;}
    #produit-photo-principale-responsive{display:block;}


    #cart-grid .cart-nom {width: calc(100% - 290px);}
    #contenu #panier-suivant {width: 263px; height: 29px;}
    #cart-grid #promotion-code {width:170px; height:18px;}


    #accueil-contenu .titre-conteneur,
    #monespace-titre .titre-conteneur {margin:20px 0;}

    #monespace-menu {width:100%; margin: 0 0 30px; }
    #membre-menus { display: flex;flex-wrap: wrap;justify-content:space-around;}
    #membre-menus .membre-menu {display:inline-block; vertical-align:top; padding:10px;}
    #monespace-contenu {width:100%;}

    #membre-contenu-adresse .input-text, #membre-contenu-adresse .input-textarea {width:calc(100% - 12px) !important; }
}

@media all and (max-width: 685px) {
    #realisations .conteneur .contenu .photo {float:none; margin:10px auto;}
    #realisations .conteneur .contenu .extrait,
    #actualites.calendrier .conteneur .contenu .extrait {min-height:0;}

    #accueil-paves-conteneur .accueil-pave {width: 164px;}

    #map-filtres-options .filtre {  width: calc(50% - 20px);}
}

@media all and (max-width: 615px) {
    #mois-conteneur {text-align:center;}
    #mois-conteneur .mois {margin: 0 5px;}
}


@media all and (max-width: 605px) {

    #contenu p,
    #contenu h2,
    #contenu h3 {margin-left:0px;}

    #contenu ul {padding-left:5px;}

    /* Renseignement petit */
    #renseignement-titre {display:block;}
    #renseignement-titre::after {display:none;}
    #renseignement-contenu {margin-left:0; display:block; width:100%;}

    #gabarit-photo .gabarit-gauche-image,
    #gabarit-photo .gabarit-droite-image {float:none !important; margin:15px auto !important; width:100% !important; text-align:center;}
    #gabarit-photo .portrait,
    #gabarit-photo .paysage {width:100%; min-width: 0 !important; text-align:center;}

    #pied .col {display:block; width:100% !important;  }
    #pied #col-menu {margin:15px 0 !important;}
}


@media all and (max-width:580px) {

    #contenu-gauche,
    #contenu-droite {background:none;}

    #accueil-slider .accueil-slider-li .accueil-slider-imageordi {display:none !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagetablette {display:none !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-imagemobile {display:block !important;}
    #accueil-slider .accueil-slider-li .accueil-slider-contenu {height: calc(100% - 135px); padding-top: 135px;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte,
    #accueil-slider .accueil-slider-li .accueil-slider-texte p { font-size:21px ;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte {padding-left: 35px; padding-top: 10px;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte::before {font-size: 30px;}

    #accueil-slider .accueil-slider-li .accueil-slider-texte::before {background:url(../images/slide-guillemets-blancs.png) no-repeat center center; top: 3px; width: 30px; -moz-background-size: 25px auto; -o-background-size: 25px auto; -webkit-background-size: 25px auto;  background-size: 25px auto;}

    #accueil-paves-conteneur {bottom:5px;}
    #accueil-paves-conteneur .accueil-pave {margin:10px; height: 64px;}


    #accueil-actualites-slider .accueil-actualites-slider-li .accueil-actualites-slider-titre {font-size:20px;}
    #accueil-actualites-slider .accueil-actualites-slider-li .accueil-actualites-slider-soustitre {font-size:17px; }

    #mois-conteneur .mois {margin: 5px;}

    #membre-menus {justify-content: center; padding: 20px 5px;}
    #membre-contenu-adresse .form180,
    #membre-password .form180  {display:block; padding:0; width:100%; text-align:left; margin-bottom:5px;}
    #membre-contenu-adresse .input-text,
    #membre-password .input-text {display:block; width:100% !important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-khtml-box-sizing:border-box;}
}

@media all and (max-width:480px) {


    #accueil-actualites-contenu .accueil-actualite-image { display:block; width: 168px; margin: 0 auto 10px;}
    #accueil-actualites-contenu .accueil-actualite-contenu { display:block; width: 100%; margin: 0;}
    #accueil-actualites-contenu .accueil-actualite-suite .bouton {width:calc(100% - 20px) !important;}


    #accueil-actualites-contenu .accueil-actualite-categorie {width:calc(100% - 20px); float:none; margin-top: 30px;}

    #calendrier-contenu .ligne {height:65px;}
    #calendrier-contenu .ligne .case {margin: 4px 0 4px 1px; padding: 10px 0 15px;}
    #calendrier-contenu .ligne .case.actu {background: url(../images/calendrier-event.png) no-repeat center top; -moz-background-size: 55px auto; -o-background-size: 55px auto; -webkit-background-size: 55px auto;  background-size: 55px auto;}
    #calendrier-contenu .ligne .case.actu.selected {background: url(../images/calendrier-event-selected.png) no-repeat center top;  -moz-background-size: 55px auto; -o-background-size: 55px auto; -webkit-background-size: 55px auto;  background-size: 55px auto;}
    #calendrier-contenu .ligne .case.jour  {background:url(../images/calendrier-day.png) no-repeat center top;-moz-background-size: 55px auto; -o-background-size: 55px auto; -webkit-background-size: 55px auto;  background-size: 55px auto;}

    #actualites .conteneur .contenu .photo {display:block; margin:10px auto; text-align: center;}
    #actualites .conteneur .contenu .texte {width:100%;}
    #actualites .conteneur .contenu .extrait {min-height:0;}

    #map-filtres-options .filtre {  width: 100%;   margin: 10px 0;}
    #detail-arbre .contenu .valeur {  font-size: 19px;}

    #contenu #paginator .pagination-fleche {display:none;}

    #cart-grid-header .cart-titre {font-size:13px;}
    #cart-grid .cart-quantite {width:55px;}
    #cart-grid-header .cart-titre.cart-action {width:25px; height:100%;}
    #cart-grid-header .cart-titre.cart-action span {display:none;}

    #cart-grid .cart-nom {width: calc(100% - 210px);}
    #cart-grid .cart-action {width:25px;}

    #panier select {width:250px; margin:5px auto; display: block;}
}

/* Smartphone */
@media all and (max-width:435px) {

    #bandeau .bandeau-element i {font-size: 25px; vertical-align: top; margin-top: 6px;}
    #bandeau .bandeau-element a, #bandeau .bandeau-element a:visited {width: 35px; height:35px; line-height: 45px;}
    #bandeau #bandeau-email i {font-size:21px;}
    #bandeau #bandeau-email a, #bandeau #bandeau-email a:visited {line-height:37px;}

    #accueil-slider .accueil-slider-li .accueil-slider-contenu {height: calc(100% - 125px); padding-top: 125px;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte,
    #accueil-slider .accueil-slider-li .accueil-slider-texte p { font-size:19px ;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte {padding-left: 30px; padding-top: 5px;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte br {display:none;}
    #accueil-slider .accueil-slider-li .accueil-slider-texte::before {background:url(../images/slide-guillemets-blancs.png) no-repeat center center; top: -2px; width: 20px; -moz-background-size: 20px auto; -o-background-size: 20px auto; -webkit-background-size: 20px auto;  background-size: 20px auto;}


    #calendrier-contenu .ligne {height:50px;}
    #calendrier-contenu .ligne .case {font-size: 16px; padding: 6px 0 11px;}
    #calendrier-contenu .ligne .case.actu {background: url(../images/calendrier-event.png) no-repeat center top; -moz-background-size: 50px auto; -o-background-size: 50px auto; -webkit-background-size: 50px auto;  background-size: 50px auto;}
    #calendrier-contenu .ligne .case.actu.selected {background: url(../images/calendrier-event-selected.png) no-repeat center top;  -moz-background-size: 50px auto; -o-background-size: 50px auto; -webkit-background-size: 50px auto;  background-size: 50px auto;}

    #calendrier-contenu .ligne .case.jour {background:url(../images/calendrier-day.png) no-repeat center top;  -moz-background-size: 50px auto; -o-background-size: 50px auto; -webkit-background-size: 50px auto;  background-size: 50px auto;}

    #contenu img { margin-left: auto !important; margin-right: auto !important;}

    #produit .photos-conteneur { width: 100%;}
    #produit-photo-conteneur {  width: 100%;}


}

@media all and (max-width:385px) {
    #bandeau .bandeau-element {margin: 0 3px;}

    #cart-grid .cart-nom {width: calc(100% - 150px);}
    #cart-grid .cart-prixtotal {width:70px;}

    #accueil-slider .accueil-slider-li .accueil-slider-centre .global {padding:0 5px; width: calc(100% - 10px);}

    #accueil-paves-conteneur .accueil-pave {margin:5px;}

    #calendrier-contenu .ligne {height:40px;}
    #calendrier-contenu .ligne .case {padding: 3px 0 10px;}
    #calendrier-contenu .ligne .case.actu {background: url(../images/calendrier-event.png) no-repeat center top; -moz-background-size: 40px auto; -o-background-size: 40px auto; -webkit-background-size: 40px auto;  background-size: 40px auto;}

    #calendrier-contenu .ligne .case.actu.selected {background: url(../images/calendrier-event-selected.png) no-repeat center top;  -moz-background-size: 40px auto; -o-background-size: 40px auto; -webkit-background-size: 40px auto;  background-size: 40px auto;}
    #calendrier-contenu .ligne .case.jour {background:url(../images/calendrier-day.png) no-repeat center top;  -moz-background-size: 40px auto; -o-background-size: 40px auto; -webkit-background-size: 40px auto;  background-size: 40px auto;}
}