.homeb3 ul li a img { 
    box-shadow: 0px 0px 30px 8px rgba(109, 109, 109, 0.4);
    -moz-box-shadow: 0px 0px 30px 8px rgba(109, 109, 109, 0.4);
    -webkit-box-shadow: 0px 0px 30px 8px rgba(109, 109, 109, 0.4);
    border-radius: 3px;
}

.homeb7 ul li {
box-shadow: 0px 0px 10px 4px rgba(224, 222, 223, 0.7);
-moz-box-shadow: 0px 0px 10px 4px rgba(224, 222, 223, 0.7);
-webkit-box-shadow: 0px 0px 10px 4px rgba(224, 222, 223, 0.7);
}

body .footer-container #footer {
    background: #203136;
    color: #fff;
  }

  body .footer-container #footer {
    padding: 30px 0 10px;
  }

.copy .container {
    display: flex;
    justify-content: space-between;
}

.copy p, .copy .mentions {
    width: 50%;
    font-family: MullerMedium;
}

.copy .mentions { 
    text-align: right; 
}

#footer .block_newsletter .newsflex #block-newsletter-label {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

#cms .type_44 p, #cms .type_4 p {
    text-align: left;
  }

body h1, #cms.cms-actualite h1, .cms-76 h1 {
    font-family: 'MullerBold';
    font-size: 42px;
    line-height: 52px;
    color: #00ad8a;
    text-align: center;
    text-transform: none;
  }

  #cms.cms-actualite h1 + p {
    text-align: center;
    margin-bottom: 30px;
    font-family: "MullerLight";
  }

  h1 + p.font-24, h1 + p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: -5px;
    margin-top: 30px;
    font-family: "MullerLight";
  }

  .direction_rtl .table-cell{direction:ltr;}

  #recrutement.cms-76 .items_form label { 
    font-family: "MullerLight";
    margin-right: 10px;
  }

  #cms.cms-actualite .articles {
    margin-bottom: 50px;
    padding-top: 25px;
  }

  #cms.cms-actualite .article {
    width: 410px;
    max-width: 100%;
    margin-bottom: 25px;
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
  }
  #cms.cms-actualite .article:hover {
    box-shadow: 0 0 15px 5px rgba(0,0,0,0.2);
  }

  #cms.cms-actualite .article img {
    width: 100%;
  }

  #cms.cms-actualite #columns a {
    display: block;
  }

  #cms.cms-actualite a:hover span.button {
    background: #00ad8a;
    color: #fff;
  }

  #cms.cms-actualite .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  #cms.cms-actualite span.bg_vert {
    color: #000;
    background: #fff;
    font-size: 12px;
    line-height: 26px;
    padding: 0 5px;
    font-family: 'MullerBold' !important;
  }

  #cms.cms-actualite .article span {
    display: block;
    font-family: "MullerLight";
  }

  #cms.cms-actualite div.bg_gris {
    background: #fff;
    padding: 25px;
    min-height: 225px;
    position: relative;
  }

  #cms.cms-actualite span.article_title {
    font-family: 'MullerBold';
    font-size: 24px;
  }

  #cms.cms-actualite span.article_title {
    font-family: "MullerBold";
    font-weight: bold;
    color: #000;
    font-size: 28px;
    line-height: 36px;
  }

  /* #cms.cms-actualite span.button {
    width: max-content;
    margin-top: 25px;
    background: #00ad8a;
    color: #fff;
    text-align: center;
    border: 0 none transparent;
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    padding: 11px 20px;
    border-radius: 20px;
  }
  #cms.cms-actualite .article:hover span.button{
    background: #203136;
  }
  #cms.cms-actualite span.button {
    display: inline-block;
  } */

  #wrapper {
    padding-top: 124px;
  }

@media (min-width: 1200px){
	.container {
		width: 1380px;
		max-width: 100%;
        padding: 0 100px;
	}
	body .columns-container .container {
		padding: 0 25px;
	}
	body .columns-container .container {
		max-width: 1230px;
	}
}

@media (max-width: 1400px){
    .homeb2 ul li span {
        font-size: 24px;
      }
}

@media (max-width: 1200px){
    #boixhome .heading-4,#boixhome  h2.heading-4,#boixhome  .type2 h2.heading-4,
    #boixhome .paragraph-2 {
        margin-left: 10px;
    }
    #boixhome h2.heading-7,
    #boixhome .paragraph-3{
        margin-left: -30px;
    }
    #boixhome h2.heading-7{
        padding-top: 15px !important;
    }
    #boixhome .w-col img {
        width: auto;
        height: auto !important;
        max-width: 100% !important;
    }
    
    #wrapper {
        padding-top: 94px;
      }

      .homeb2 ul li span {
        font-size: 24px;
      }

      .home-img .h1 span{ 
        font-size: 30px;
        color: #fff;
        font-family: "MullerBold";
        text-shadow: black 0.1em 0.1em 0.2em;
    }

        .home-img .h1 a{ 
        color: #fff;
        background-color: #203136;
        border-radius: 30px;
        padding: 5px 40px;
        font-family: "MullerLight"; 
        font-size: 14px;
        line-height: 24px;
        font-size: 12px;
        width: 144px;
    }
    .pop_up img{
      max-width: 100%;
    }

}

@media (max-width: 1000px){
  .pop_up {
    display: block;
    position: relative;
  }
  .pop_up img{
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
  }
  .pop_up .img{
    padding-top: 50px;
    margin-bottom: 20px;
  }
  .pop_up ul.buttons li span {
    font-size: 14px;
  }
  .pop_up ul.buttons {
    column-gap: 20px;
  }
  .pop_up .titre {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .pop_up .text {
    width: 100%;
    padding: 0;
  }
  .pop_up ul.listing li {
    font-size: 16px;
  }
  .pop_up ul.listing {
    margin-bottom: 20px;
  }
  .footer-container #footer li a:hover, .footer-container #footer li a:hover span {
    color: #00ad8a;
    font-family: 'MullerBold';
  }
  #header #tsp_custommenu ul.mainnav li.level0 > a, body #header #tsp_custommenu ul.mainnav li.level0.custom-item ul li a, #header #tsp_custommenu ul.mainnav li.level0 > div.wrap_submenu ul.level0 > li a {
    font-size: 14px !important;
  }
  body #tsp_custommenu ul.mainnav li.level0 > a > span::after, body #tsp_custommenu ul.mainnav li.level0 > a > span::before {
    display: none !important;
  }
	#center_column .container {
		max-width: 100%!important;
	}
  #tsp_custommenu ul.mainnav li.level0 > div{
    transition: all 0s !important;
    }
    body #tsp_custommenu ul.mainnav li.level0.custom-item ul li a span {
      padding-top: 0px !important;
      border-top: 1px solid transparent !important;
    }
    #header #tsp_custommenu ul.mainnav li.level0.active > a{
      font-size: 16px !important;
      color: #00ad8a;
    }
    #header #tsp_custommenu ul.mainnav li.level0.active > a::after {
      content: 'tout voir';
      display: block;
      position: absolute;
      right: 0;
      font-size: 12px;
      top: 0;
      font-family: 'MullerLight';
    }
    #wrapper {
        padding-top: 0px;
      }

    #cms.cms-actualite .bandeau h2, #cms.cms-actualite .bandeau h1 {
        font-size: 34px;
        line-height: 46px;
        padding: 31px 0 15px;
        padding-top: 31px;
        margin: 0 auto;
      }

      .home-img .h1 {
        width: 450px;
      }

      .home-img .h1 span {
        font-size: 24px;
        color: #fff; 
        font-family: "MullerBold";
        text-shadow: black 0.1em 0.1em 0.2em;
      }

      .home-img .h1 a {
        color: #fff;
        background-color: #203136;
        border-radius: 30px;
        padding: 5px 30px;
        font-family: "MullerLight";
        font-size: 12px;
        line-height: 16px;
        width: 124px;
      }

      .bandeau p {
        font-size: 14px;
        line-height: 18px;
      }

    .col-sm-6 { 
        width: 50%;
      }

    .copy .container {
        display: flex;
        justify-content: space-between;
        font-size: 13px;
    }

    #htmlcontent_footer {
        width: 600px;
        max-width: 100%;
      }

      #newsletter_block_left {
        width: 400px;
        padding: 30px 30px 0 0;
      }

      #social_block {
        padding-top: 30px;
        float: right;
      }

    .copy .mentions {
        width: 60%;
    }

    .homeb7 ul li a {
        font-size: 24px;
    }

    .footer-container .container {
        padding: 0;
    }

    .homeb6 h4 {
        margin-top: 100px;
    }

    .homeb6 .item2, .homeb6 .item4 {
        width: auto;
    }

    .pictov {
        justify-content: center;
    }

    .homeb6 .image {
        margin-bottom: 40px;
        flex-direction: column;
        gap: 30px;
      }

    .homeb7 ul{
        align-items: center;
        gap: 30px;
    }

    #footer .copy {
        background: #00ad8a;
        line-height: 24px;
        padding: 0;
        font-size: 14px;
    }

    .homeb2 ul li {
        width: auto;
    }

    #footer .copy .container p {
        padding: 0;
    }

    .material-icons::before {
        float: right;
        position: absolute;
        top: 7px;
        right: 20px;
        font-family: 'Times New Roman', Times, serif;
        content: "+";
        font-size: 28px;
        color: #00ad8a;
        background: white;
        width: 26px;
        line-height: 22px;
        text-align: center;
        height: 26px;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        font-weight: 600;
    }



    .footer-container .links {
        background: #00ad8a;
    }

	#filtre_mobile {
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		float: left;
		color: #fff;
		line-height: 24px;
		font-size: 14px;
		cursor: pointer;
		padding: 30px 15px;
		transition: all .2s;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		margin-top: 22px;
	}
	#filtre_mobile {
		margin-top: 0;
		margin-left: 5px;
	}
	#filtre_mobile::before {
		content: "\f0c9";
		color: #fff;
		display: block;
		margin: 0 auto 0;
		font-size: 32px;
		line-height: 32px;
		text-align: center;
		font-family: 'FontAwesome';
	}
	#header {
		height: 104px;
	}
  #header #tsp_custommenu ul.mainnav li.level0 > div.wrap_submenu {
    top: 0 !important;
  }
  #boixhome .container .homeb4 li{
    width: 100%;
}
}

@media (max-width: 767px){
  #social_block ul li a::before {
    margin: 0 20px;
  }
  #cms.cms-actualite .bandeau h2, #cms.cms-actualite .bandeau h1 {
    padding-top: 15px;
  }
  .intro p:last-child {
    padding-bottom: 10px;
  }
  .mb_100{
    margin-bottom: 0;
  }
  .mb_70{
    margin-bottom: 0;
  }
  .mb_35{
    margin-bottom: 0;
  }
  #groupe-specialiste-amenagement-exterieur h3 {
    font-size: 26px;
  }
  #groupe-specialiste-amenagement-exterieur {
    padding: 70px 50px;
  }
	#cms.cms-actualite span.article_title{
		font-size:23px;
		line-height:31px;
	}
    .copy .container {
        padding: 15px;
        flex-direction: column;
    }

    .col-xs-12 {
        width: 100%;
      }

    .container {
        padding: 0 10px;
    }

    body h1, #cms.cms-actualite h1, .cms-76 h1, .bandeau h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .homeb1 {
        flex-direction: column;
        gap: 50px;
    }

    .home-img .h1 {
      /* position: relative; */
      text-align: center;
      width: 100%;
      color: #000;
      text-shadow: none;
      margin-left: 0;
      margin-top: 30px;
      gap: 10px;
      padding: 0 15px;
    }
    #boixhome .btn {
      margin: 0;
    }

    .home-img .h1 span {
      font-size: 18px;
    }

    .homeb1 img{
        width: 200px;
    }

    .homeb1 .rightb {
        text-align: center;
    }

    #cms.cms-actualite .bandeau h1 {
        font-size: 26px;
        line-height: 34px;
      }

      #main .page-header {
        margin-bottom: 0;
      }

      .type_44 .table .table-cell:last-child, .type_4 .table .table-cell:last-child {
        padding: 0 5px 30px;
      }

      .bandeau p {
        font-size: 14px;
        line-height: 18px;
      }

      .page-content.page-cms {
        padding: 0 15px;
      }

      #cms.cms-actualite .bandeau h2  {
        font-size: 20px;
        line-height: 34px;
      }

    .homeb1 .rightb h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .homeb1 .rightb p, .homeb1 .rightb a {
        font-size: 14px;
        line-height: 26px;
    }

    .homeb2 {
        padding: 30px 0;
        text-align: center;
    }

    .homeb2 p {
        font-size: 14px;
        margin: 20px 0 20px 0;
        line-height: 26px;
    }

    .homeb2 ul, .homeb7 ul {
        flex-direction: column;
    }

    .homeb2 ul li {
        width: auto;
    }

    .homeb2 ul li img {
        height: auto;
    }

    .homeb2 ul li a {
        font-size: 20px;
    }


    .homeb2 h3 {
        font-size: 30px;
    }

    .homeb3 {
        padding: 30px 0;
    }

    .homeb3 h3 {
        font-size: 30px;
    }

    .homeb3 ul {
        justify-content: center;
        align-items: baseline;
        margin: 20px 0;
    }

    .bandeau p {
        font-size: 16px;
        line-height: 18px;
    }

    .homeb3 ul li {
        width: 50%;
        margin-bottom: 25px;
    }

    .homeb3 ul li a {
        gap: 10px;
        font-size: 14px;
    }

    .homeb3 ul .licenter {
        margin: 0;
    }

    .homeb3 ul li a img {
        width: 90%;
    }

    .homeb6 h4 {
        text-align: center;
        margin-top: 100px;
    }

    .homeb4 h3, .homeb5 h3 {
        font-size: 30px;
    }

    .homeb4 ul, .homeb5 ul {
        align-items: baseline;
        margin: 30px 0;
    }

    .homeb4 ul li, .homeb5 ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    .homeb5 ul li {
        width: 50%;
    }

    .homeb5 ul li {
        font-size: 30px;
    }

    .homeb5 ul li span {
        font-size: 16px;
    }

    .homeb5 ul li img { 
        width: 50%;
    }

    .homeb6 h3 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .homeb6 .usine {
      margin-bottom: 30px;
      flex-direction: row;
      font-size: 24px;
      align-items: center;
      justify-content: center;
      line-height: 28px;
    }

    .homeb6 .image img {
        width: 100%;
    }

    .homeb6 .image .pictov img {
        width: auto;
    }

    .homeb6 .item2 {
        width: auto;
    }

    .pictov {
        margin-top: 30px;
        gap: 20px;
        justify-content: center;
    }

    .start {
        justify-content: center !important;
    }

    .homeb6 .image {
        margin-bottom: 40px;
        flex-direction: column;
    }

    .reverse {
        flex-direction: column;
    }

    .homeb6 .item4 {
        width: auto;
    }

    .homeb7 h3 {
        font-size: 30px;
    }

    .homeb7 ul {
        align-items: center;
        gap: 30px;
    }

    .homeb7 ul li a {
        text-decoration: none;
        font-size: 20px;
    }

    .type_4 .table, .type_44 .table, .type_4 .table .table-cell, .type_44 .table .table-cell, .type_44 .table .table-cell:last-child, .cms-50 .type_44 .table .table-cell:first-child, .type_44 .table .table-cell:first-child, .type_4 .table .table-cell:last-child, .type_4 .table .table-cell:first-child, .bandeau .table-cell {
        width: 100%;
        display: block;
    }

    div.uploader span.action, .btn-default, input.button_mini, input.button_small, span.button, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, button.button, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
        font-size: 18px;
    }

    .cms-50 .type_44 .table .table-cell:first-child, .type_44 .table .table-cell:first-child, .type_4 .table .table-cell:first-child {
        padding: 0 5px 15px;
    }

    .bandeau h2 {
        font-size: 20px;
        line-height: 34px;
    }

    .bandeau h2, .bandeau h1 {
        padding: 15px 0;
    }

    #footer {
        padding: 0;
    }

    #footer .nav-footer {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    #footer .links .title {
        
    }   

    #footer .footer-menu {
        align-items: center;
        flex-direction: column;
    }

    #footer .news, #footer .block-contact, #footer .links, #footer .social {
        width: 100%;
        max-width: 100%;
    }

    #footer .social .h3 { 
        align-items: center;
        justify-content: center;
    }

    #footer .social ul li {
        justify-content: center;
    }

	#header #headerLogo img {
		height: 74px;
		width: 193.8px;
	}

	#filtre_mobile {
		margin-top: 0;
	}

	#filtre_mobile {
		margin-left: 5px;
	}
	#filtre_mobile {
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		float: left;
		color: #fff;
		line-height: 24px;
		font-size: 14px;
		cursor: pointer;
		padding: 30px 15px;
		transition: all .2s;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
	}
	#filtre_mobile:before {
		content: "\f0c9";
		color: #fff;
		display: block;
		margin: 0 auto 0;
		font-size: 32px;
		line-height: 32px;
		text-align: center;
		font-family: 'FontAwesome';
	}
	#filtre_mobile span {
		float: left;
		clear: both;
	}
	#header #headerLogo img {
		height: 74px;
		width: 193.8px;
	}
	#header, #header .header-top {
		background-color: #203136;
	}
	#boixhome .bandeau.type_2 .container {
		padding-top: 10px;
	}
}

@media (max-width: 1000px){
	#center_column .container {
		max-width: 100%!important;
	}
    .homeb1 .leftb {
        display: none;
    }
    
    #cms.cms-actualite span.article_title {
        font-size: 22px;
      }
    body .footer-container .container {
      margin: 0 auto;
      max-width: 630px;
      padding: 0 15px;
    }
    .homeb2 ul, .homeb7 ul {
        flex-direction: column;
    }

}

@media (max-width:767px){
  #boixhome img{
    max-width: 100%;
    height: auto;
  }
  ul li a span {
    line-height: inherit;
  }
  #boixhome .w-col {
    width: 100%;
    left: auto;
    right: auto;
    text-align: center;
  }
  #boixhome .div-block-5 {
      max-width: 480px;
      min-width: auto;
      margin-top: 50px;
  }
  #boixhome .heading-4 {
      text-align: center;
  }
  #boixhome .paragraph-2 {
      display: inline-block;
      width: 392px;
      text-align: center;
  }
  #boixhome .image-6 ,
  #boixhome .w-col img.image-8,
  #boixhome .w-col img.image-9{
      display: inline-block;
      margin-top: 25px;
      margin-bottom: 10px;
      padding-right: 0px;
      text-align: center;
  }
  #boixhome .w-col img {
      width: auto;
      height: auto !important;
      max-width: 100% !important;
      margin: 0 auto 15px;
  }
  #boixhome .heading-4, #boixhome h2.heading-4, #boixhome .type2 h2.heading-4, #boixhome .paragraph-2 {
      margin-left: 0;
      text-align: center;
      width: 100%;
      margin: 0 auto;
      max-width: 380px;
  }
  #boixhome h2.heading-7,#boixhome  .paragraph-3 {
      margin-left: 0;
      text-align: center;
      max-width: 380px;
      margin: 0 auto;
  }
  #boixhome .columns-5 {
      width: 100%;
      max-width: 100%;
  }
  #boixhome .div-block-17 {
      margin-top: 20px;
      margin-bottom: 40px;
  }
  #boixhome .columns-2 {
      margin-top: 30px;
  }
  #cms.cms-actualite .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    padding: 0px 15px;
  }
  #footer .block_newsletter {
    margin: 0;
    background: #203136;
    max-width: 100%;
    margin: 0;
  }
  #groupe-specialiste-amenagement-exterieur img {
    width: 100px;
  }
  .bandeau .table {
    margin-bottom: 10px;
  }
	#cms.cms-actualite .row {
		margin-left: 0;
		margin-right: 0;
		margin:0 -15px;
	}
    #cms.cms-actualite span.article_title {
        font-size: 18px;
        line-height: 24px;
      }
    #cms.cms-actualite .article {
        margin: 0 auto 25px;
      }
	body .footer-container .container{max-width:100%;padding:0;width: 100%;}
	#htmlcontent_footer .item-html li:first-child{margin:0;}
	/* body .footer-container #footer #htmlcontent_footer li.col-xs-12,
	body .footer-container #footer #htmlcontent_footer li.htmlcontent-item-2 .item-html,
	body .footer-container #footer #htmlcontent_footer,
	body .footer-container #footer .container > div.row,
	body .footer-container #footer{padding:0;} */
	body .footer-container #footer #htmlcontent_footer{width:100%;}
	body #htmlcontent_footer .item-html li{display:none;line-height:40px;background:#fff;}
	body #htmlcontent_footer li ul.actived li,
	body #htmlcontent_footer .item-html li:first-child{display:block;border:0;margin:0;background:#00ad8a;border-bottom:1px solid #fff;}
	body #htmlcontent_footer li ul.actived li{background:white;color:#000;border-bottom:1px solid #00ad8a;}
	body #htmlcontent_footer li ul.actived li a{color:#000;}
	body #htmlcontent_footer li ul.actived li:first-child,
	body#htmlcontent_footer li:first-child{border:0;background:#00ad8a;border-bottom:1px solid #00ad8a;}
	body #htmlcontent_footer li ul.actived li:first-child span,
	body #htmlcontent_footer li:first-child > span:hover,
	body #htmlcontent_footer li:first-child > span{padding:0 20px;position:relative;color:#fff;text-transform:uppercase;text-align:left;display:block;cursor:pointer;}
	body #htmlcontent_footer li > a,
	body #htmlcontent_footer li > a:hover{text-align:center;text-decoration:none;}
	body #htmlcontent_footer .item-html li span,
	body #htmlcontent_footer .item-html li a{color:#fff;}
	body #htmlcontent_footer .item-html li:first-child > span:after{float:right;position:absolute;top:7px;right:20px;content:"+";font-size:28px;color:#00ad8a;background:white;width:26px;line-height:22px;text-align:center;height:26px;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;}
	body#htmlcontent_footer .item-html li a{display:block;line-height:40px;color:#fff;font-size:14px;color:#000;padding:0 20px;}
	body #htmlcontent_footer .actived li:first-child > span:after{content:"-";line-height:22px;}
	body .footer-container #footer #htmlcontent_footer li.htmlcontent-item-3,
	body .footer-container #footer #htmlcontent_footer li.htmlcontent-item-2,
	body .footer-container #footer #newsletter_block_left{position:relative;top:0;left:0;padding:0px;float:none;width:100%;display:block;max-width:100%;}
	body .footer-container #footer #newsletter_block_left{padding:15px 20px 5px 20px;}
	body .footer-container #social_block li{background:transparent;color:#338996;}
	body .footer-container #footer{border:0;}
	body .footer-container .copy{padding:10px 0;text-align:center;} 
	body .footer-container .copy .col-xs-6{line-height:20px;}
	body .footer-container .col-xs-6{display:inline;padding:0;float:none;} 
  body .footer-container #social_block ul {
    padding: 5px 5px;
    margin: 0;
    height: 84px;
    display: flex;
    justify-content: center;
  }
	body .footer-container #footer{margin-bottom:84px;}
	body .footer-container #social_block li{margin:0;padding:24px 0 0;float:left;clear:none!important;} 
	
	body .footer-container #footer #htmlcontent_footer li.htmlcontent-item-1 a{float:none;width:100%;text-align:center;display:block;width:130px;margin:auto;}
	body .footer-container #footer #htmlcontent_footer li.htmlcontent-item-1 {padding:20px;max-width:100%;text-align:center;width:100%;}
	body .footer-container #footer #htmlcontent_footer li{clear:both;}
	body #htmlcontent_footer .item-html li a {
		display: block;
		line-height: 40px;
		color: #fff;
		font-size: 14px;
		color: #000;
		padding: 0 20px;
		float:none;
	}
	#newsletter_block_left p, 
	#newsletter_block_left h4 span {
		color: #000;
	}
	#newsletter_block_left .block_content{clear:both;}
	#newsletter_block_left .button.button-small, #newsletter_block_left #newsletter-input {
		line-height: 40px;
		height: 40px;
	}
	#newsletter_block_left #newsletter-input {
		border: 1px solid #000;
		color: #939393;
		font-size: 12px;
		padding: 0 45px 0 10px;
		background: white;
		height: 38px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	}
	#newsletter_block_left .button.button-small{
		top:-1px;
	}
	body .header_fixed .go_top {
		right: 18px;
		bottom: 50px;
	}
	#newsletter_block_left .form-group{padding:0;}
	body .footer-container {
		background: #e9e9e9;
		position: relative;
	}
	body .footer-container #social_block li{width:auto;}
body .footer-container #social_block{position:absolute;bottom:73px;left:0;padding:0 15px;width:100%;max-width:100%;text-align:center;}
body .footer-container #social_block li span,
body .footer-container #social_block h4{display:none;}
	body .footer-container .items li.phone,
	body .footer-container .items li.nous_contacter{	color:#000!important;	padding-top:4px;}
	body .footer-container .items li.phone a span,
	body .footer-container .items li.phone a,
	body .footer-container .items li.nous_contacter a{	color:#000!important;	}
	body .footer-container .items li.phone span:before, body .footer-container .items li.nous_contacter a:before{margin-top:4px;float: none;display: inline-block;}

    body .footer-container #footer #newsletter_block_left {
        background: none;
        padding: 0;
      }
      #htmlcontent_footer .item-html a.contactez_nous::after {
        display: none;
        content: url('../img/picto_contact.png');
        background: none;
        margin: 1px 8px 0 0;
      }
      .footer-container li {
        margin-bottom: 0;
      }
      body .footer-container #footer .newsflex {
        padding: 15px 20px 25px 20px;
        background: white;
        color: #000;
        margin: 0;
      }
      #footer .block_newsletter .newsflex #block-newsletter-label {
        color: #000;
      }

      #footer .block_newsletter .newsflex .conditions p{
        color: #000;
      }
      .block_newsletter {
        padding-top: 0;
      }
      .block_newsletter {
        padding-bottom: 0;
        border-bottom: none;
      }
      .footer-container {
        padding-top: 0;
      }
      #footer {
        margin-top: 0;
      }
      #newsletter_block_left{
        clear:both;
        }
        .copy p, .copy .mentions {
            width: auto;
        }
        
        .copy .mentions { 
            text-align: center;
        }
        .block_newsletter form input[type="email"] {
            border: 1px solid #000;
            border-radius: 3px;
        }
} 

@media (max-width: 1368px){
#header #tsp_custommenu ul.mainnav li.level0 > a, body #header #tsp_custommenu ul.mainnav li.level0.custom-item ul li a, #header #tsp_custommenu ul.mainnav li.level0 > div.wrap_submenu ul.level0 > li a {
  font-size: 16px;
}
body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4) .wrap_dropdown, body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4):hover .wrap_dropdown{
  left:-35px;
}

}

@media (max-width: 1280px){
	#header #tsp_custommenu ul.mainnav li.level0 > a, body #header #tsp_custommenu ul.mainnav li.level0.custom-item ul li a, #header #tsp_custommenu ul.mainnav li.level0 > div.wrap_submenu ul.level0 > li a {
	  font-size: 14px;
	}
	body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4) .wrap_dropdown, body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4):hover .wrap_dropdown{
	  left:-41px;
	}
}

@media (max-width: 1080px){
	#header #tsp_custommenu ul.mainnav li.level0 > a, body #header #tsp_custommenu ul.mainnav li.level0.custom-item ul li a, #header #tsp_custommenu ul.mainnav li.level0 > div.wrap_submenu ul.level0 > li a {
	  font-size: 12px;
	}
	body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4) .wrap_dropdown, body#index #tsp_custommenu ul.mainnav li.level0:nth-child(4):hover .wrap_dropdown{
	  left:-46px;
	}
}

@media (max-width: 991px){
  #boixhome .hero-section {
    min-height: 700px;
    background-position: 50% 50%;
    background-size: 1000px;
    background-repeat: no-repeat;
  }
  #boixhome .hero-wrapper {
    display: block;
    width: auto;
  }
  #boixhome .heading-3 {
    display: block !important;
    width: auto !important;
    font-size: 30px !important;
    line-height: 36px !important;
    text-align: center !important;
  }
  #boixhome .div-block-4 {
    margin-top: 490px;
  }
  #boixhome .div-block-19 {
    display: inline-block;
    margin-top: 25px;
  }
  #boixhome .div-block-28 {
    width: 662px;
    height: 200px;
    margin-top: 25px;
    margin-bottom: 25px;
    border-radius: 3px;
  }
  #boixhome .image-27 {
    max-width: 80%;
    margin-top: 10px;
    margin-left: -25px;
  }
  #boixhome .heading-11 {
    display: block;
    width: 340px;
    background-color: #fff;
    font-family: Lato, sans-serif;
    font-size: 24px !important;
    line-height: initial !important;
    padding: 10px 0 !important;
  }
  #boixhome .div-block-19 {
    display: inline-block;
    margin-top: 25px;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  #boixhome .paragraph-8 {
    display: block;
    width: 340px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Lato, sans-serif;
    font-size: 13px;
    line-height: 1.3;
  }
  #boixhome .div-block-25 {
    display: block;
    width: 340px;
  }
  #boixhome .image-26 {
    display: inline-block;
    max-width: 100%;
    margin-top: 50px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 767px){
  #boixhome #ksm-production-links .w-col-3, #boixhome #aluconcept-links .w-col-3 {
    width: 100%;
  }
  .block_newsletter form input[type="email"]:focus {
    border: 1px #203136 solid;
  }
  .block_newsletter form .input-wrapper {
    border-radius: 0px;
  }
  #footer .block_newsletter .newsflex .btn-primary {
    border: 1px solid #203136;
    margin-left: 5px;
  }
}
@media (max-width: 600px){
  #boixhome .container-15,
  #boixhome .container-16 {
    margin-top: 20px;
  }
  #boixhome .div-block-19 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
  }
  #boixhome .div-block-28,
  #boixhome .div-block-27 {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  #boixhome .image-26,
  #boixhome .image-27,
  #boixhome .image-13,
  #boixhome .image-14 {
    display: none;
    height: 0px;
    max-width: none;
    margin-left: 0px;
    text-align: center;
  }
  #boixhome .heading-10,
  #boixhome .heading-11 {
    display: inline-block;
    width: 290px;
    margin-top: -50px;
    margin-bottom: 10px;
    padding: 10px 0 !important;
  }
  #boixhome .paragraph-6,
  #boixhome .paragraph-8 {
    display: block;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #boixhome .div-block-25 {
    display: block;
    width: auto;
    margin-top: 10px;
  }

}
@media (max-width: 480px){
  #boixhome .div-block-5 {
    width: 300px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
  #boixhome .heading-3 {
    display: inline-block !important;
    width: 100% !important;
    min-width: 0px !important;
    margin-left: 0px !important;
    font-size: 26px !important;
    line-height: 34px !important;
    max-width: 100% !important;
  }
  #boixhome .hero-section {
    display: block;
    overflow: visible;
    height: 360px;
    min-height: auto;
    background-image: none;
  }
  #boixhome .div-block-4 {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  #boixhome .div-block-4 a{
    width: 100%;
    margin: 0 auto 20px;

  }
  
}
@media (max-width: 450px){
#cms.cms-actualite h1 + p {
  text-align: center;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 20px;
}
}





@media (min-width:1001px) {
	body #tsp_custommenu ul.mainnav li.level0:first-child > a,
	body #tsp_custommenu ul.mainnav li.level0:nth-child(5) > a{
		pointer-events: none;
	}
}
@media (max-width:1200px){
	.home-img .h1 a {
		font-size: 14px;
		width: auto;
	}
  .pastille .picto{
    transform: scale(0.7)
  }
  .pastille:hover::before {
    top: 165px;
  }
  .chiffres .flex span:nth-child(2) {
    font-size: 20px;
    padding-top: 0px;
  }
  .chiffres .flex {
    justify-content: space-between;
    flex-wrap: wrap;
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
  }
  .chiffres .flex span {
    margin: 0 auto;
  }
  .info .text h3 {
    margin-bottom: 16px;
    line-height: 26px;
  }
  .pub ul {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 25px;
  }
  .pub ul li {
    margin-bottom: 20px;
  }
}
@media (max-width:1000px){
  .mosaique .col-sm-6 {
    width: 100%;
  }
  h2.title {
    font-size: 30px;
  }
  .info .flex {
    display: block;
    text-align: center;
  }
  .info .flex img{
    margin: 0 auto;
  }
  .info .text h3 {
    text-align: center;
    margin: 0 auto;
  }
  .info .absolute .text {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  #index .bx-controls-direction {
    top: -45px;
  }
}
@media (max-width:767px){
  #boixhome .info .btn {
    margin: 20px auto 0;
  }
  .chiffres .flex {
    justify-content: center;
  }
  .mosaique p, .info p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    text-align: justify;
  }
  .reassurance ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .reassurance ul li{
    margin-bottom: 30px;
  }
  #boixhome .bulle {
    padding: 15px 60px;
  }
  #index .bx-controls-direction {
    top: auto;
    bottom: 22px;
    left: 50%;
    right: auto;
  }
  #index .bx-wrapper {
    padding-bottom: 100px;
  }
  .new_form .ariane ul li {
    text-transform: none;
    font-size: 0;
    color: transparent;
  }
  .new_form .ariane ul li::before {
    content: "1";
    display: block;
    font-size: 18px;
    color: #203136;
  }
  .new_form .ariane ul li:nth-child(2)::before {
    content: "2";
  }
  .new_form.step_2_active .ariane ul li:nth-child(1)::before {
    color: #fff;
  }
  .new_form.step_5_active .ariane ul li:nth-child(2)::before {
    color: #fff;
  }
  .new_form .step_2 .flex {
    column-gap: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  .devis .flex > div:nth-child(2) {
    margin-left: 0;
    max-width: 100%;
  }
  .devis .col-sm-6 {
    width: 100%;
  }
  #footer + .row{
    max-width: 100%;
    margin: 0;
  }
  #footer > .container > .row{
    margin: 0;
  }
  #footer + .row{
    margin: 0 !important;
  }
  .new_form .col-sm-6 {
    width: 100%;
  }
}
@media (max-width:450px){
  .fancybox-wrap{
    z-index: 9999;
  }
  #confirmation_div {
    padding: 0;
  }
  .pop_up .bold {
    margin-bottom: 20px;
  }
  .pop_up .title {
    font-size: 20px;
    line-height: 26px;
  }
  .new_form .ariane ul li {
    padding: 0 25px;
  }

  .new_form .buttons {
    margin-top: 25px;
  }

}