/* Home hook CSS */
#htmlcontent_home ul {margin: 0px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {max-width: 300%;height: auto;width: auto;min-width: 100%;min-height: 100%;}
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }

      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

/* AJOUTS NYMPHEA */

#htmlcontent_home ul li {margin-bottom: 50px}
#htmlcontent_home ul li {min-height: 380px; overflow: hidden;padding: 0; }
#htmlcontent_home ul li.htmlcontent-item-4 {min-height: auto}
#htmlcontent_home ul li.htmlcontent-item-5 p {  padding: 10px}
#htmlcontent_home ul li .image-duciel-desc {padding: 0;overflow: hidden;}
#htmlcontent_home ul li .text-duciel-desc {height: 100%; position: relative; padding: 30px; text-align: justify}
#htmlcontent_home ul li .global-slide {position: relative; float: left; width: 100%;background: #fff;margin-top: -20px }
#htmlcontent_home ul li  a{position: absolute; bottom: 0px; right: 20px;background: #b2324c; color: #fff; padding: 10px 20px;
  float: none;z-index:999999999;  transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;}
#htmlcontent_home ul li a:hover {background: #241c1d; color: #fff}
#htmlcontent_home ul li:nth-child(even) .global-slide {background: none}
#htmlcontent_home ul li:last-child {margin-bottom: 0; }

#htmlcontent_home .htmlcontent-item-2 .text-duciel-desc h2 {color: #fff}
#htmlcontent_home .htmlcontent-item-2 .text-duciel-desc p, #htmlcontent_home .htmlcontent-item-2 .text-duciel-desc h4,
#htmlcontent_home .htmlcontent-item-2 .text-duciel-desc h3,#htmlcontent_home .htmlcontent-item-4 .text-duciel-desc p, 
#htmlcontent_home .htmlcontent-item-4 .text-duciel-desc h2,#htmlcontent_home .htmlcontent-item-4 .text-duciel-desc h3 {color: #e2bac3}
#htmlcontent_home .htmlcontent-item-2 .text-duciel-desc h4,#htmlcontent_home .htmlcontent-item-4 .text-duciel-desc h2 {color: #fff}
#htmlcontent_home .htmlcontent-item-2 .text-duciel-desc h3:after,#htmlcontent_home .htmlcontent-item-4 .text-duciel-desc h3:after  {background: #fff}

.htmlcontent-item-2 h4:before {content: " "; display: block; width: 150px; height: 100px; 
  background: url(../../../../img/icon/duciel-pompes-funebres-icons.svg) no-repeat center; background-size: 100px;}
.htmlcontent-item-2 h4.serieux-choisir:before {background-position: center -300px}
.htmlcontent-item-2 h4.accomp-choisir:before {background-position: center -0px}