body{
	/*background-color: #475059;*/
	background: url("https://www.wici-concept.com/images/fondv2.jpg") no-repeat top center fixed;
	/*background-color: #475059;*/
	background-color: white;}
img{border: none;}
.clear{clear: both; }
.rouge{color: red;}
.distributeurs{
	font-size:13px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.distributeurs2{
	font-size:12px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.centrer{text-align: center;}
b{font-family: 'FuturaMedium', sans-serif;}
input.gsc-search-button-v2 
{ /* width: 13px; */
    /* height: 13px; */
    padding: 6px 27px;
    min-width: 13px;
    margin-top: 2px;}
/****Index*****/
/* RESPONSIVE */
@media (min-width: 1201px) {
}
/*PC*/
@media (max-width: 1200px) {
    .actu-img { height:134px!important; }
    .navbar-default .navbar-nav>li>a {  padding: 10px 15px!important;}
    .navbar-default .navbar-nav>li.boutique a span { display: none;}
    .social-network.contact-icon a{
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin-right: 5px;
    font-size: 14px;
    }
}
/*tablettes*/
@media (max-width: 992px) {
    body { overflow-x: hidden;}
    header>.container { padding-top:0px!important; position:inherit!important;}
    .language-select { right: 4%!important; z-index: 2000;  }
   .logo-mobile {
    display:block!important;
   }
   .logo-mobile img { height:70px;}
   .slogan, .slogan span {
    line-height: 25px!important;
    font-size: 16px!important;
    }   
    .navbar-default .navbar-toggle {
        border-radius: 0;
        border-color: transparent;
        background: #571D74;
        padding: 14px 10px;
        z-index: 1000;
        position: absolute;
        top: 20px;
        right: 2%;
    }
    .navigation { background: #f5f5f5!important;}
    .navbar-default {
        border-color: transparent;
        position: relative;
        padding: 2% 3%;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #3D1452;
        border-color: transparent;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-nav>li.boutique a img { margin-right: 20px; display: inline-block;}
    .navbar-default .navbar-nav>li.boutique a span { display: inline-block;}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
        max-height: inherit!important;
    }
    .navbar-nav {
        float: none!important;
        width: 100%;
        margin: 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
   .collapse.in{ display:block !important; padding: 0; margin-top:20px; overflow: hidden;}
   .navbar-default .navbar-nav>li>a {
        display: block!important;
        padding: 10px 30px!important;
        border-bottom: 1px solid #eee;
    } 
    .navbar-nav .open .dropdown-menu { 
        padding-top:0; 
        padding-bottom:0;
        background:transparent!important;
        float: none; 
        position: inherit; 
        border-radius:0px;
        box-shadow:0 0 0 transparent!important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { 
        padding-left: 50px; 
        background:transparent!important; 
        border-bottom-color: #fff!important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {background: #e6e6e6!important; }
    .search { display: none;}
    .nav>li.search-mobile { display: block!important; margin-bottom: 10px;}
    .search-mobile .input-group .form-control, .search-mobile .input-group .btn { height: 40px!important;}
    .content-produit { min-height: 300px;}
    .galerie-content li { width: 33.33%!important;}    
    .social-network.contact-icon a{
    height: 60px;
    width: 60px;
    line-height: 60px;
    margin-right: 15px;
    font-size: 24px;
    }
    .colonne {margin-bottom:10px; min-height: 50px; }
    .actu-img {height: 160px!important; }
	.contact-icon a i {
    line-height: 58px;}
}
/* phablettes*/
@media (max-width: 768px) { 
    .underline-title:after {
        height: 1px!important;
        width:inherit!important;
        left: 10%!important;
        right: 10%!important;
        margin-left:0!important;
    }
    .content-produit, .content-part {min-height: inherit!important; }
    .content-produit, .content-part { padding-left: 10%!important; padding-right: 10%!important; border-bottom: solid 1px #ccc; padding-bottom: 20px;}
    /*h1 { margin-top: 30px!important; font-size: 28px!important;}
    h2 { margin-top:30px!important; font-size: 22px!important; }*/
    .underline-title {padding-bottom: 10px!important; margin-bottom: 20px!important;}
   /* h4 {font-size: 24px; margin-top: 10px; margin-bottom: 0px;}*/
    .text_prod1 h4 { margin-top:5px;}
    .avantage-pdt h4 {font-size: 24px!important;}
    .subtitle-h1 { font-size: 14px!important; line-height: 18px!important; padding: 0 4%!important; margin: 0px auto 30px!important;}
    .avantage-pdt {width: 100%!important; padding: 30px 4%!important;}
    .actu-img {height: 260px!important; }
    /*p.justify, .mot-dirigeant p {text-align:left!important;}*/
}
/*mobiles*/
@media (max-width: 515px) {
 .slogan { display:none!important;}
}
@media (max-width: 450px) {   
    .actu-img {height: 160px!important; }
	#wici-bati, #wici-concept, #wici-mini, #douchette {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 25px;
		height: auto !important;
	}
}
/*FONTS*/
@font-face { 
font-family: 'Satisfy';
src: url('../fonts/Satisfy-Regular.ttf'); 
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'FuturaLight';
src: url('../fonts/FuturaStd-Light.otf');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'FuturaBook';
src: url('../fonts/FuturaStd-Book.otf');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'FuturaBold';
src: url('../fonts/FuturaStd-Bold.otf');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'FuturaMedium';
src: url('../fonts/FuturaStd-Medium.otf');
font-weight: normal;
font-style: normal;}
/* GENERAL */
a:hover, a:active, a:focus, a{text-decoration:none; color:#3D0640;}
a { color: #571D74;}
body { 
font-family: 'FuturaLight', sans-serif;
padding:0;
margin: 0;
letter-spacing: 0.5px;
}
h1,h2 {
    font-family: 'FuturaBold', sans-serif;
    text-align: center;
    color: #3D1452;
    margin-top: 50px;
    font-size: 34px;
    font-weight:600;
}
h3 {
	font-size: 32px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #571D74;
    font-family: 'FuturaMedium', sans-serif;
    Text-align: center;
}
h4 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 0px;
    color:#571D74;
    font-family: 'FuturaMedium', sans-serif;
}
h5 {
    font-size: 15px;
    font-family: 'FuturaMedium', sans-serif;
}
.underline-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
/*.underline-title:after {
    background-color: #3D1452;
    content: "";
    position: absolute;
    width:400px;
    height:1px;
    bottom: 0;
    margin-left: -200px;
    left:50%;
}*/

.subtitle-h1{margin:30px auto 50px;text-align: justify;font-size: 16px;}
p.justify { text-align:justify;}
a.button, .button {
    padding: 5px 20px;
    color: #fff;
    font-family: "Satisfy", sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    position: relative;
    padding-left: 50px;
    border-radius: 30px;
    line-height: 30px;
    margin: 30px 0 30px;
    display: inline-block;
}
a.button:before, .button:before {
    content: "";
    position: absolute;
    left: 20px;
    background: url(../images/icon-wc-bouton-25px.png);
    height: 25px;
    width:25px;
    background-repeat: no-repeat;
    background-position: center center;
}
a.button.button-contact, .button.button-contact { padding-left:60px;}
a.button.button-contact:before, .button.button-contact:before  {
    background: none;
    content: "\f0e0";
     font-family: FontAwesome;
}
a.button-pink, .button-pink {background-color: #ED247D;}
a.button-pink:hover,
a.button-pink:active,
a.button-pink:focus,
.button-pink:hover,
.button-pink:active,
.button-pink:focus  {background-color: #CC1F6D;}
a.button.button-full, .button.button-full { width: 100%;}
/**********************************header********************************************/
header>.container { position:relative; padding-bottom: 15px;}
.logo-content{padding-top:30px;}
.logo{display: table-cell; }
.slogan{   
    font-family: 'FuturaMedium';
    font-size: 22px;
    color: #571d74;
    display: table-cell;
    padding-left: 18px;
    line-height: 35px;
    vertical-align: middle;
}
.slogan span {
    color:#131313; 
    font-size: 18px; 
    display: block;
    font-family: 'FuturaLight';
}
.option-nav {
    display: flex;
    float:right;
    margin-top:35px;
}
.option-nav a:focus,.option-nav a:active;.option-nav a:hover {background: #CC1F6D;}
.contact-icon a {
    background: #ED247D;
    padding: 0px 10px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    display: block;
    height: 40px;
    width: 40px;
}
.contact-icon a i {line-height: 40px;}
.tel-icon a {
    background: #ED247D;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 20px;
    color: #fff;
    margin-right: 15px;
    font-family: 'FuturaMedium';
    line-height: 40px;
}
.language-select { font-size:12px; position:absolute; right:30px;}
.language-select img,.langues li img{    
    width: 15px;
    height: 15px;
    border-radius: 100%;
}
.langues li {
    list-style: none;
    margin-bottom: 5px;
}
.langues li a { color:#301040;}
.langues a:hover,.langues a:focus,.langues a:active {color:#3D0640; text-decoration: underline;}
.modal-content { padding: 4%;}
/**Recherche*/
.search {float:right; margin-top: 10px;}
.search .input-group .form-control {
    border-radius: 0;
    border-color: #ddd;
    height: 34px;
}
.search .form-control:focus {box-shadow:none!important;}
.search .input-group .btn {
    border-radius: 0;
    border-color: transparent;
    border-width: 1px;
    background: #ddd;
    height: 34px;
    color: #fff;
    box-shadow: none;
    margin-left: -1px;
    text-shadow: none;
}
.search .input-group .btn:hover,.search .input-group .btn:active,.search .input-group .btn:focus {background:#bbb;}
.nav>li.search-mobile {display:none;}
/* NAVIGATION */
.logo-mobile  { display: none;}
.navigation {
    background:#e6e6e6;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}
.navbar-default {
    border-color: transparent;
    border-width:0px;
    background: transparent;
    box-shadow:none;
    min-height: inherit;
    margin-bottom:0;
    border-radius:0;
}
.navbar-default .navbar-nav>li>a {
    color: #666666;
    font-family: 'FuturaBook', sans-serif;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 35px;
        width: 100%;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>li>a:focus {
    background-color: #571d74;
    color: #FFF;
}
.navbar-default .navbar-nav>li>a span.bold{ font-family: 'FuturaBold';}
@media(min-width: 1199px){.navbar-default .navbar-nav>li>a i { margin-left:10px;}}

.navbar-default .navbar-collapse { position: relative;}
@media (min-width: 993px) {.navbar-default .navbar-nav>li.boutique{position: absolute; right: 0; top:-8px; bottom: -8px; z-index:2000;}}   
.navbar-default .navbar-nav>li.boutique a{background-color: #ED247D; color: #fff; line-height: 29px; font-family: 'FuturaBold'; height: 100%;}
.navbar-default .navbar-nav>li.boutique a span { vertical-align: middle;}
.navbar-default .navbar-nav>li.boutique a img{height: 20px; margin-right: 10px;}
.navbar-default .navbar-nav>li.boutique a:hover {background-color: #CC1F6D;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: #571d74!important;
color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    font-family: 'FuturaBook', sans-serif;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e6e6e6;
    color: #666;
    font-size: 16px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #571d74;
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #e6e6e6 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #e6e6e6 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cccccc',GradientType=0 );
}
.dropdown-menu {
    border-width:0px;
    width: 100%;
    background: #e6e6e6;
    color:#666;
    padding-bottom: 0;
}
/* background section */
.black { background-color:#000000; color:#fff;}
.grey { background-color:#e6e6e6;}
.light-grey { background-color:#f2f2f2;}
.dark-grey {background-color: #3d3d3d; color:#fff;}
.grey-medium { background-color:#d9d9d9;}
.purple {background: url(../images/overlay.png) repeat #571d74; color:#fff;}
.purple h2, .dark-grey h2, .black  h2{ color:#fff;}
.black h3, h4 {color:#fff;}
.container h4{color:#571D74;}
/*.purple h2.underline-title:after,
.dark-grey h2.underline-title:after {background-color: #fff;}
.black h2.underline-title:after {background-color: #fff;}*/

/** Notre gamme de produits**/  
.content-produit {
    margin-bottom: 30px;
}

.imgprod1:hover .triangle {
    border-top: 75px solid #3D1452;
}

.triangle{
position: absolute;
width: 0;
height: 0;
border-top: 75px solid #571D74;
border-left: 75px solid transparent;
right: 0;
}

.triangle_bas{
position: absolute;
width: 0;
height: 0;
border-bottom: 75px solid #571D74;
border-left: 75px solid transparent;
right: 0;
bottom:0;
}

.triangle_bas .cross {
background: white;
height: 25px;
position: relative;
width: 3px;
right: 22px;
top: 39px;
}

.actu:hover .triangle_bas {
    border-bottom: 75px solid #3D1452;
}

.cross {
background: white;
height: 25px;
position: relative;
width: 3px;
right: 22px;
bottom: 67px;}

.cross:after {
    background: white;
    content: "";
    height: 3px;
    left: -13px;
    position: absolute;
    top: 11px;
    width: 26px;
    right: 35px;
    bottom: 5px;
}

.imgprod1{
    background-color:white;
    width:100%;
    height:220px;
    position: relative;
    display: table;
}

.prod_centre{   
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #e6e6e6;
}

.prod_centre img { height:164px;}

.texte_prod1 a h4{
    color:#571D74;
}
.texte_prod1 a:hover h4,
.texte_prod1 a:focus h4,
.texte_prod1 a:active h4{
    color:#3D1452;
}
.texte_prod1 {text-align:center;margin:auto;}
@media (min-width: 300px) and (max-width: 767px) {
    .imgprod1 {width:220px;text-align:center;margin:auto;}
    .texte_prod1 {text-align:center;margin:auto;}    
}

.texte_produit, .texte-avantage{margin-top: 0px;}

/** Avantages produits **/

.content-avantages  { margin-top: 30px;}
.avantage-pdt {
        display: block;
        margin: auto;
        padding: 30px 0;
    }
    .avantage-pdt img {
        position: relative;
        width: 200px;
        text-align: center;
        margin: auto;
        display: block;
    }
    .avantage-pdt:before{
        position: absolute;
        content: "";
        width: 200px;
        height: 200px;
        border-radius: 100%;
        top: 0;
        left: 50%;
        margin-left: -100px;
    }
    .avantage-pdt.produit1:before{background-color: #008b74;}
    .avantage-pdt.produit2:before{background-color: #004c66;}
    .avantage-pdt.produit3:before{background-color: #3d0640;}
    .avantage-pdt.produit4:before{background-color: #d3559f;}
    .avantage-pdt.produit5:before{background-color: #8cb302;}
    .avantage-pdt.produit6:before{background-color: #e5dd00;}
    .avantage-pdt.produit7:before{background-color: #ef4339;}
    .avantage-pdt.produit8:before{background-color: #c90d47;}
    
    .avantage-pdt a,
    .avantage-pdt a:hover,
    .avantage-pdt a:focus,
    .avantage-pdt a:active,
    .avantage-pdt h4 {
        color: #3D1452;
    }
.avantage-pdt {
    border-radius: 50px;
    /*padding: 15px;*/
    text-align: center;
    font-size:14px;
    position: relative;
}

.texte h4 { 
    margin-bottom:15px;
}

.texte-avantage {line-height: 24px;
font-size:15px;} 

@media (min-width: 1201px) {
    .avantage-pdt h4 { font-size: 19px;}
    .avantage-pdt img { display: table-cell; /*margin-top:-36px;*/}
}

@media (max-width: 1200px) { .avantage-pdt h4 { font-size: 16px;} }

@media (min-width: 993px) and (max-width: 1200px) {
    .avantage-pdt img { /*margin-top:-30px;*/ width:100%;}
    .avantage-pdt .texte { position: absolute; left: 0; right: 0; bottom: 15px;}    
}

@media (min-width: 993px) {
    .avantage-pdt { display: table; min-height: 230px; margin-bottom:30px;  }
    .avantage-pdt img { display: table-cell;}
    /*.avantage-pdt.produit1{background-color: #008b74;}
    .avantage-pdt.produit2{background-color: #004c66;}
    .avantage-pdt.produit3{background-color: #3d0640;}
    .avantage-pdt.produit4{background-color: #d3559f;}
    .avantage-pdt.produit5{background-color: #8cb302;}
    .avantage-pdt.produit6{background-color: #e5dd00;}
    .avantage-pdt.produit7{background-color: #ef4339;}
    .avantage-pdt.produit8{background-color: #c90d47;}*/
    .avantage-pdt .texte {margin: 0 15px;}
    .avantage-pdt a,
    .avantage-pdt a:hover,
    .avantage-pdt a:focus,
    .avantage-pdt a:active,
    .avantage-pdt h4 {
        color: #fff;
    }
    .avantage-pdt h4 {
        margin-bottom:10px;
    }

}
@media (min-width: 768px) and (max-width: 992px) {
	.avantage-pdt:before{
        position: absolute;
        content: "";
        width: 110px;
        height: 110px;
        border-radius: 100%;
        top: 5px;
        left: 105%;
        margin-left: -100px;
}
.texte {  padding-bottom: 15px;} 
}
@media (max-width: 767px) { 
.content-avantages  { margin-bottom: 30px;}
   .avantage-pdt {
        width: 200px;
        display: block;
        margin: auto;
        padding: 30px 0;
		margin-top: 30px;
		margin-bottom: 15px;
    }
    .avantage-pdt img {
        position: relative;
        width: 110px;
        text-align: center;
        margin: auto;
        display: block;
    }
    .avantage-pdt:before{
        position: absolute;
        content: "";
        width: 110px;
		height: 110px;
		border-radius: 100%;
		top: 12px;
		left: 50%;
		margin-left: -54px;
    }    
	 .avantage-pdt.produit1{margin-top: 0px;}
    .avantage-pdt.produit1:before{background-color: #008b74;}
    .avantage-pdt.produit2:before{background-color: #004c66;}
    .avantage-pdt.produit3:before{background-color: #3d0640;}
    .avantage-pdt.produit4:before{background-color: #d3559f;}
    .avantage-pdt.produit5:before{background-color: #8cb302;}
    .avantage-pdt.produit6:before{background-color: #e5dd00;}
    .avantage-pdt.produit7:before{background-color: #ef4339;}
    .avantage-pdt.produit8:before{background-color: #c90d47;}
    
    .avantage-pdt a,
    .avantage-pdt a:hover,
    .avantage-pdt a:focus,
    .avantage-pdt a:active,
    .avantage-pdt h4 {
        color: #3D1452;
    }
    
    .avantage-pdt .texte { margin-top: 50px;}
    
    .avantage-pdt h4 {
       font-size:16px;
    }
	.texte{text-align:center; margin:auto;}
}


/**Galerie*
.galerie-content {
padding-left:0;}

.galerie-content li {
display: inline-block;
width: 16.666%;
margin: 5px;
}

.galerie-content div {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.galerie-content img { width: 100%; position: relative;}

.galerie-content div:hover img:after,
.galerie-content div:active img:after,
.galerie-content div:focus img:after { 
    background: rgba(255, 255, 255, 0.6)
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}*/
@media (max-width: 991px ) {
    .gallery img{ margin-bottom: 20px;}
}

.gallery img{ width:100%;}


.galerie-text-col {
    border-right: 1px solid #ddd;
    margin-bottom:20px;
}

.galerie-social.contact-icon.social-network {
    text-align: center;
    background: #eee;
    display: inline-block;
    padding: 15px 40px;
    border-radius: 60px;
    border-bottom: 3px solid #ccc;
}

.galerie-social.contact-icon.social-network li a {
    font-size: 30px;
    line-height: 60px;
    height: 60px;
    width: 60Px;
    margin-right: 10px;
    background-color: #ccc;
}

ul.galerie-list {
    list-style: none;
    display: flex;
}

ul.galerie-list li {
    display: flex;
    margin-right: 5px;
}

ul.galerie-list li img {
    width: 100%;
    display: block;
}

/*Partenaires*/
.logo_part{text-align:center;}
.partenaires{ padding-bottom: 30px;}
.partenaires p {
    font-size: 16px;
    line-height: 24px;
	text-align: justify;
	}
.content-part{ padding-top: 10px;
    padding-bottom: 10px;}

/* Prix récompenses */
.carousel.slide {
    padding: 0;
    margin-bottom:30px;
}

.carousel.slide img {display: block; margin: auto;}

.carousel-control.right,.carousel-control.left {
    font-size: 40px;
    color: #fff;
    background: #bbb;
    width: 50px;
    height: 50px;
    text-align: center; 
    line-height:50px;
    top:50%;
    opacity:0.5;
    margin-top:-25px;
}

.carousel-control.right:hover,.carousel-control.left:hover,
.carousel-control.right:focus,.carousel-control.left:focus,
.carousel-control.right:active, .carousel-control.left:active {
    background: #a7a7a7;
    color:#fff;
    opacity:1;
}

.carousel-control.left {
    left:0;
}

.carousel-control.right {
    right:0;
}

.carousel-control:hover, .carousel-control:focus { color:#301040;}

.float { float:left; margin-right:15px;}

.mot-dirigeant { padding-bottom:30px;}

.subtitle-h1 p, .mot-dirigeant p { 
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}


/* liste d'actus */

.actu { 
    background-color: #fff;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
}

.actu:hover,
.actu:active,
.actu:focus {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.actu-img {
    height:160px; 
    width: 100%; 
    background-size: cover; 
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);    
    background-position: center center;
}

.actu-text { 
    padding: 20px;
    padding-right: 40px;
    min-height: 90px;
}

.actu-text h4 {
   color:#571d74;
   font-size: 18px;
   font-family: 'FuturaMedium', sans-serif;
}



/* link bottom*/
.link-bottom p {
    font-family: 'Satisfy', sans-serif;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
    color: #571d74;
}

.link-bottom img { width: 100%;}

.link-bottom { margin: 30px 0;}

.link-bottom img:hover,
.link-bottom img:focus,
.link-bottom img:active {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}



/* contact footer */

.contact-footer { background-color: #bfbfbf; color:#666; padding-bottom: 30px;}

.contact_footer h5 {
    color: #666;
    margin-bottom:5px;
}

.contact-footer h2 { color: #666;}

.contact-footer h2.underline-title:after { background-color: #666;}

.social-network.contact-icon a{
    background-color: #571d74;
    text-align: center;
}

.social-network.contact-icon a:hover,
.social-network.contact-icon a:focus,
.social-network.contact-icon a:active {
    background-color: #3D1452;
    color:#fff;
}

.social-network li { list-style-type: none; display: inline-block;}

.social-network { padding-left:0;}

.contact-conseillere { 
    background: url(../images/conseillere.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.contact-footer .tel-icon a {
    background: #fff;
    color: #571d74;
    margin: 10px 0;
    display: inline-block;
    line-height: 22px;
}

.contact-footer a.button {margin-bottom: 0;}

.colonne {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 10px;
}

.colonne:last-child { border-width: 0px;}




/* footer */
footer { background-color: #301040; color:#fff;padding:30px 0 0;}

footer .row { margin-bottom: 20px;}

footer img { width:100%; margin-bottom:15px;}

footer h3 {
    font-size:16px;
    font-family: 'FuturaBold', sans-serif;
    margin-bottom: 15px;
    padding-bottom: 5px;
    margin-top: 0;
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
	color:#fff;
}

footer ul { list-style-type: none; padding-left: 0;}

footer ul.link-list li { position:relative; padding-left: 15px;}

footer ul.link-list li:before {
    content: "+";
    color:#fff;
    top:0;
    left:0px;
    position: absolute;
}

footer ul.infos li {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-top: 10px;
    padding-bottom:10px;
    display: block;
    font-size:13px;
}

footer a { color:#fff;}

footer a:hover,
footer a:active,
footer a:focus { color:#8952a0;}

footer p { margin-bottom:5px;}

.center { text-align: center;}

footer .footer-mentions { font-size: 11px; margin-top:15px;}



/* pop up contact */
.form-contact .textarea { width:100%;}

.coordonnees h3 { color: #571D74; font-size: 18px; font-family: 'FuturaMedium', sans-serif; margin-top:0;}

.coordonnees { font-size: 12px;}

.form-contact .form-control {
    margin-bottom: 5px;
}

.form-contact .button {
    border: 0px;
    margin: 15px auto 0;
}


/* carousel multi column */
.carousel-control.left, .carousel-control.right {
    background-image:none;
}

.img-responsive{
    width:100%;
    height:auto;
}

@media (min-width: 992px ) {
    .carousel-inner .active.left {
        left: -25%;
    }
    .carousel-inner .next {
        left:  25%;
    }
    .carousel-inner .prev {
        left: -25%;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .carousel-inner .active.left {
        left: -33.3%;
    }
    .carousel-inner .next {
        left:  33.3%;
    }
    .carousel-inner .prev {
        left: -33.3%;
    }
    .active > div:first-child {
        display:block;
    }
    .active > div:first-child + div {
        display:block;
    }
    .active > div:last-child {
        display:none;
    }
}

@media (max-width: 767px) {
    .carousel-inner .active.left {
        left: -100%;
    }
    .carousel-inner .next {
        left:  100%;
    }
    .carousel-inner .prev {
        left: -100%;
    }
    .active > div {
        display:none;
    }
    .active > div:first-child {
        display:block;
    }
}


/* SWIPER PRIX */
.prix-container { position:relative; margin-bottom:40px; overflow: hidden!important;}

@media (max-width: 450px) {
    .prix-container .swiper-slide img {
        display:block!important; margin:auto!important;
    }
}



/**********************ARTICLE*****************************/
.carte-article{
width:400px;
height:400px;
/*border: 1px solid grey;*/
float:left;
margin-top: 15px;
margin-left: 20px;
}

/**********************HEADER*****************************/
#header{
	width: 1024px;
	/*border: #BBBBBB 2px outset ;*/
	border: white 1px solid ;
	height: 120px;
	margin: 0 auto;
	background-image:url("images/header.png");
	background-repeat: no-repeat;
}


#container_principal{
	/*width: 1100px;*/
	width: 1024px;
	height:auto;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	line-height: 1.5em;
	letter-spacing: 1px;
}

#container_principal ul, ol{
         margin-left: 0px;
}

/*#titre_page{
	width: 800px;
	height: auto;
	margin-left: 150px;
}*/

#titre_page {
  width: auto;
  height: auto;
  margin-left: 0;
}

#call-to-action{
/*border: solid grey 1px;*/
float: right;
margin-right: 150px;
}

#boutons{
margin-left: 80px;
}

#texte-frise{
max-width:400px;
text-align: center;

}

/*.titre-h1-fr h1{
	font-family: 'Amaranth', sans-serif;
	max-width: 520px;
	text-align: center;
	font-size: 24px;
	color: #5d2884;
	float: right;
	line-height: 1.2em;
	margin-right: -50px;
}*/

.titre-h1-fr h1 {
  font-family: 'Amaranth', sans-serif;
  width: 500px;
  text-align: center;
  font-size: 24px;
  color: #5d2884;
  float: right;
  line-height: 1.2em;
  padding-right: 25px;
  /* margin-right: -50px; */
}

.titre-h1{
width: 650px;
height: 50px;
border: 1px;
margin-left: 130px;

}

.titre-h1 h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	float: right;
	line-height: 1.2em;
	margin-right: -30px;
}

.titre-h1-distributeur h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	float: right;
	line-height: 1.2em;
	margin-right: 50px;
}

.petit_italique{
font-size: 11px;
font-style: italic ;

}

.justifier{
text-align:justify;
}

.page-landing-multilingue h1{
text-align: center;
font-size: 26px;
font-family: 'Amaranth', sans-serif;
line-height: 1.2em;
color : #FFFFFF;
}

.page-landing-multilingue h2{
text-align: center;
font-size:26px;
font-family: 'Amaranth', sans-serif;
color : #FFFFFF;
line-height: 1.2em;
border-bottom: none;
}

#slider_images{
	width: 46%;
	height:auto;
	float: left;
	margin-left: 15px;
	/*border: 1px solid black;*/
	/*border-right: 1px solid #c3c3c3;*/
	padding-right: 5px;
	margin-top : -150px;
}

#slider_images_distributeur{
	width: 450px;
	height:700px;
	float: left;
	margin-top: 0px;
	margin-left: 15px;
	/*border: 1px solid black;*/
	border-right: 1px solid #c3c3c3;
	padding-right: 5px;
}


/*#textes{
	width: 500px;
	height:auto;
	float: left;
	margin-top: 10px;
	border-left: 1px solid #c3c3c3;
	margin-left: 15px;
	padding-left: 15px;
}*/

#textes {
  width: 500px;
  height: auto;
  float: left;
  margin-top: 10px;
  /* border-left: 1px solid #c3c3c3; */
  margin-left: 15px;
  font-size:2vw;
  /* padding-left: 15px; */
}

#frise_images{
	width: auto;
	height: auto;
}

/****** Page qui sommes nous ***********/

#logo_produit_btp{
	width: 250px;
	height:89px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-image:url("images/Logo Produit du BTP.png");
}

#bandeau-1{
	width: 510px;
	height:130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-image:url("images/bandeau-1.jpg");
}

#titre_qui_sommes_nous{
width:1000px;
margin-left: auto;
margin-right: auto;
}

#titre_qui_sommes_nous  h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	line-height: 1.2em;
	text-align: center;
}

#textes_qui_sommes_nous{
width:990px;
margin-left: auto;
margin-right: auto;
}

#textes_gauche_qui_sommes_nous{
width:620px;
/*border: 1px solid black;*/
float: left;
margin-top:15px;
margin-left: 20px;
}

#images_qui_sommes_nous{
width:340px;
height: 550px;
/*border-left: 1px solid black;*/
float: left;
margin-top:15px;
margin-left: 30px;
}

/****** Page Produit ***********/

#titre_produit{
width:1000px;
margin-left: auto;
margin-right: auto;
}

#titre_produit  h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	line-height: 1.2em;
	text-align: center;
}

#texte_produit{
width:990px;
margin-left: auto;
margin-right: auto;
}

#wici-bati{
width:479px;
height: 350px;
/*border: 1px solid #c8c8c8;*/
float: left;
margin-top:15px;
margin-left: 20px;
}

#wici-concept{
width:479px;
height: 400px;
/*border: 1px solid #c8c8c8;*/
float: left;
margin-top:100px;
margin-left: 30px;
}

#wici-mini{
width:479px;
height: 350px;
float: left;
margin-top:30px;
margin-left: 20px;
}

#douchette{
width:479px;
height: 350px;
float: left;
margin-top:30px;
margin-left: 30px;
}

#photo_wici_bati{
width:478px;
height: 200px;
}

#titre_wici_bati h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 15px;
	color: #5d2884;
	border-bottom: none;
	padding-bottom: 5px;
}

#photo_wici_concept{
width:478px;
height: 200px;
}

#titre_wici_concept h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 15px;
	color: #5d2884;
	border-bottom: none;
	padding-bottom: 5px;
}

#photo_wici_mini{
width:478px;
height:200px;

}

#titre_wici_mini h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 15px;
	color: #5d2884;
	border-bottom: none;
	padding-bottom: 5px;
}

#photo_douchette{
width:478px;
height: 200px;
margin-top:20px;
}

#titre_douchette h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 15px;
	color: #5d2884;
	border-bottom: none;
	padding-bottom: 5px;
}

.centrage_produit{
width:450px;
margin: 0 auto;
margin-top:20px;
}


/****** Page Produit WICI bati ***********/

#titre-produit-wici-bati{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#texte-intro-wici-bati{
width:990px;
margin-left: auto;
margin-right: auto;
}

#produit-texte-wici-bati{
width:410px;
float:left;
margin-top: 15px;
margin-left: 20px;
}

#produit-photo-wici-bati{
width:540px;
float:right;
margin-top: 20px;
margin-left: 0px;
}

#produit-photo-wici-bati-2{
width:540px;
height: 1000px;
float:right;
margin-top: 10px;
margin-left: 30px;
}

#produit-texte-wici-bati h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 14px;
	color: #5d2884;
	border-bottom: none;
	padding-bottom: 5px;
}

#produit-photo-douchette{
width:540px;
height: 1100px;
float:right;
margin-top: 10px;
margin-left: 30px;
}

#image-habillage-gauche{
width:400px;
height:300px;
margin-left: 30px;
float:left;
}

#image-habillage-droite{
width:400px;
height:300px;
margin-left: 90px;
float:left;
}

#image-habillage-gauche h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 17px;
	color: #5d2884;
	border-bottom: 0px solid #c3c3c3;
	text-align: center;
	margin-top: -30px;
}

#image-habillage-droite h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 17px;
	color: #5d2884;
	border-bottom: 0px solid #c3c3c3;
	text-align: center;
	margin-top: -30px;
}

#image-habillage h2{
	
	font-family: 'Amaranth', sans-serif;
	font-size: 17px;
	color: #5d2884;
	border-bottom: 0px solid #c3c3c3;
	text-align: center;
	margin-top: 10px;
}

/****** Page accueil distributeur ***********/
#titre-acceuil-distributeur{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#titre-acceuil-distributeur  h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	line-height: 1.2em;
	text-align: center;
}

.texte-acceuil-distributeur{
width:990px;
margin-left: auto;
margin-right: auto;
}

#googlemap{
width:860px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
line-height: 1.8em;
}


#googlemap a.lien:link{color:#7030a0; font-size:12px;}
#googlemap a.lien:hover{color: #0077cc;; font-style: bold; font-size:12px;}





/**************** LA PRESSE EN PARLE ******************/
#presse-en-parle-gauche{
width:655px;
height: auto;
min-height: 300px;
margin-left: 20px;
float:left;
/*border-right: 1px solid #c8c8c8;*/
padding-right: 15px;
}

#presse-en-parle-gauche h1{
	font-family: 'Amaranth', sans-serif;
	font-size: 24px;
	color: #5d2884;
	line-height: 1.2em;
	text-align: center;
}

.article{
margin-bottom: 40px;
}

#presse-en-parle-droite{
width:300px;
height: auto;
min-height: 300px;
margin-left: 20px;
margin-top:5px;
float:left;
padding-left: 0px;

}

#presse-en-parle-droite a:hover{
color: #0077cc;
}


.call-to-action{
width: 280px;
/*border: 1px solid #c8c8c8;*/
}

#presse-en-parle-fin{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#DIV_MOVE{
width:300px;
margin-top:-18px;
}


#fin{
width:1000px;
height:50px;
border: 1px solid black;
}

/**************** Galerie Photos******************/

.page{
	text-align: center;
	font-size : 17px;
}
/**************** Informations techniques et sanitaires******************/
.visu{
	margin-bottom: 20px;
	margin-top: 35px;
}

/******* PAGE CONTACT ********/

#titre-contact{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#texte_contact{
width:990px;
margin-left: auto;
margin-right: auto;
}

#formulaire{
padding-left: 15px;
width:810px;
height:auto;
float: left;
}

fieldset {

 padding:0 10px 10px 10px;

 border:1px solid #5d2884;
 }
legend {
 color:#5d2884;
 font-weight:bold
 }
 



/******* PAGE MENTIONS LEGALES********/
#titre-mentions{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#texte_mentions{
width:990px;
margin-left: auto;
margin-right: auto;
}

/**********************DOCUMENTATIONS *****************/
#titre-documentations{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#documentations-gauche{
width: 200px;
float: left;
margin-left: 15px;
}

#documentations-centre{
width: 500px;
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
float: left;
margin-left: 15px;
margin-top: 50px;
}

#documentations-droite{
width: 200px;
float: left;
margin-left: 15px;
margin-top: 60px;
}

/* FOIRE AUX QUESTIONS*/
#titre-faq{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#texte_faq{
width:990px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

/****** Page Témoignages ***********/
#temoignage-gauche{
width:480px;
min-height:800px;
border-right: solid 1px #c8c8c8;
float: left;
margin-left: 20px;
padding-right: 30px;
}

#temoignage-droite{
width:450px;
height:auto;
float: left;
margin-left: 0px;
}

#temoignage-droite-call{
width:450px;
height:80px;
/*border: solid 1px #c3c3c3;*/
}

#titre-temoignages{
width:1000px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#temoignage-gauche h2{
	font-family: 'Amaranth', sans-serif;
	font-size: 17px;
	color: #5d2884;
	border-bottom: 0px solid #c3c3c3;
	padding-bottom: 8px;
}

.lien-mail a{
	color:#7030a0;
	font-size:13px;
}

.frise_temoignage{
	display:inline-block;
}

/* PLAN DU SITE */
#plan-du-site{
	width:900px;
	margin-left:auto;
	margin-right: auto;
}


/* page accessoire */
.page-content { background-color: #fff;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);}

.page-content h1 {
    font-family: 'FuturaBold', sans-serif;
    font-size: 26px;
    color: #5d2884;
    line-height: 1.6em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.page-content h2 {     
    font-family: 'FuturaBold', sans-serif;
    font-size: 20px!important;
    color: #5d2884;
    line-height: 1.4em;
    text-align: center;
    margin-top: 30px;
}

.page-content h4 {
    font-family: 'FuturaBold', sans-serif;
    font-size: 18px!important;
    border-bottom: none;
    padding-bottom: 5px;
    margin-top: 20px;
}

.page-content p {font-size: 16px; line-height: 22px; margin-top: 10px;}

.page-content .content-produit-wrapper, .page-content .content-produit-wrapper2 { margin-top: 30px;}

.page-content .content-produit-wrapper2 .prod_centre img {
    height: 220px;
}

.page-content .content-produit {
    margin-bottom: 50px;
}

strong { font-family: 'FuturaBold', sans-serif;}

.texte_prod1 .left {text-align: left;}

.texte_prod1 ul {
    text-align: left;
}

.content-produit-wrapper .imgprod1 {display: block; width:100%; height:inherit;}

.content-produit-wrapper .prod_centre {
    width: 100%;
    height: auto;
    display: block;
/*    padding: 25px 0px;
*/}

.content-produit-wrapper .prod_centre img {
    height: 300px;
}

@media (max-width:450px) {
    .content-produit-wrapper .prod_centre img {
        height: auto!important;
    }
}

.slider-produits { width:100%;    overflow: hidden;}

@media (min-width:992px) {
    .content-produit-wrapper .content-produit {
        min-height: 440px;
    }
}


h2.content {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #571D74;
    font-family: 'FuturaMedium', sans-serif;
    text-align: center;
}

.triangle {
    z-index: 2000;
}

@media(max-width: 991px) {
    .display-mobile { display: none; }
}

.img-content-page1 {
    width: 100%;
    display: block;
    margin: 30px 0 0;
}

.img-content-page2 {
    width: 100%;
    display: block;
    margin: 0 0 50px;
}



/****** Page accueil distributeur ***********/

.titre-page-distributeur{
width:1000px;
margin-left: auto;
margin-right: auto;
}

.carte-distributeur{
width:400px;
height: 400px;
/*border: 1px solid grey;*/
display: inline-block;
float:left;
margin-top: 15px;
margin-left: 20px;
}

.texte-distributeur{
width:550px;
height: 400px;
display: inline-block;
border-left: 1px solid #c8c8c8;
float:left;
margin-left: 30px;
padding-left: 15px;
}

.presentation-distributeur{
float:right;
display: block;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}

.logo-distributeur{
text-align: center;
}
.texte-acceuil-distributeur{
	font-size: 150%;
	font-weight:bold;
}
div.Tableau{
	display: block;
	column-count : 4;
	background-color: #FFFFFF
}

.Tableau span {
   display:inline-block;
   float:left;
   border:1px solid #FFFFFF;
   margin:0px;
   padding:3px;
}
  
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
}

.Tableau div.haute {
	font-weight:bold;
	text-align:center;
	margin-top:2px;
}
.Tableau div.haute div.basse{
	display:block;
	font-weight:bold;
	text-align:center;
	height: auto;
	font-family: 'Amaranth', sans-serif;
	font-size: 15px;
	padding-bottom:1px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.Tableau div.haute div.write{
	display:block;
	font-weight:bold;
	text-align:center;
	height: auto;
	text-align: center;
}
.Tableau span.col1 {
	width:120px;
	height: auto;
	text-align:center;
}

.Tableau span.col2 {
	width:120px;
	height: auto;
	text-align:center;
}

.Tableau span.col3 {
	width:120px;
	height: auto;
	text-align:center;
}

.Tableau span.col4{
	width: 120px;
	height: auto;
	text-align:center;
}
.Tableau span.No {
	width: 120px;
	height: auto;
	text-align:center;
	background-color: #FA5858;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.Tableau span.yes{
	width: 120px;
	height: auto;
	text-align:center;
	background-color: #81F781;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.Tableau span.nom{
	width: 120px;
	height: auto;
	text-align:center;
}

.cell {
/* border-collapse:collapse;*/
 width:90%;
 }
/*.texte-distributeur th, td {
 border:1px solid black;
 width:20%;
 }
.texte-distributeur td {
 text-align:center;
 }*/
.texte-distributeur caption {
 font-weight:bold
 }
 
 #taille12{
 font-size: 15px;
 }
 
 /********Livraison***********/
.livraison_pays{
    margin-top: 0px;}

.breadcrumb{
	padding-left:30px;
	margin-top:20px;
	margin-bottom:40px;
	font-size: 11px;
	}
	
	
/* ****************************************************************************************************************** */
/* ***************************************************** < 1120px *************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 1120px) {
	
	/*************************************************** Général *****************************************************/

	body {
		margin: 0;
	}
	h1 {
		line-height: normal;
	}
	img {
		max-width: 100%;
		max-height: auto;	
	}
	.wcgp img {
		display: block;
		margin: 0 auto;
	}
	iframe, object, embed {
		max-width: 100%;
		max-height: 100%;
	}

	/*************************************************** Header  *****************************************************/


	.titre-h1-fr h1, .titre-h1-de h1, .titre-h1-en h1 {
		width: 50%;
		padding: 0
	}
	
	#call-to-action {
		float: right;
	}	
	/*************************************************** Menu *****************************************************/


	/*************************************************** Contenu *****************************************************/

	#container_principal {
		width: auto;
		height: auto;
		margin: 0;
		padding: 20px 15px 0px 15px;
		overflow: hidden;
	}
	#titre_page {
		width: auto;
		height: auto;
		margin: 0;
		margin-bottom: 35px;
	}

	/*************************************************** Home Page *****************************************************/

	#call-to-action {
		width: 50%;
		height: auto;
		float: left;
		margin: 0;
		text-align: center;
	}
	.titre-h1-fr h1, .titre-h1-de h1, .titre-h1-en h1 {
		width: 50%;
		float: right;
		margin: 0;
		text-align: center;
	}
	
	#textes {
		width: 48%;
		height: auto;
		float: left;
		margin: 0;
	}
	#bandeau-1 {
		background-size: contain;
		width: 100%;
		background-repeat: no-repeat;
	}

	/************************************* Contenu ********************************************/

	#titre_qui_sommes_nous,
	#textes_qui_sommes_nous,
	#textes_gauche_qui_sommes_nous,
	#titre_produit,
	#texte_produit,
	#titre-mentions,
	#texte_mentions,
	#titre-faq,
	#texte_faq,
	#titre-acceuil-distributeur,
	.texte-acceuil-distributeur,
	#googlemap,
	#titre-galerie,
	#galerie-menu,
	.titre-page-distributeur,
	.texte-distributeur,
	.gallery,
	#titre-contact,
	#texte_contact,
	#plan-du-site,
	#video-titre,
	#video-texte,
	#titre-produit-wici-bati,
	#texte-intro-wici-bati,
	#produit-texte-wici-bati,
	#produit-photo-wici-bati,
	#produit-photo-douchette,
	#produit-photo-wici-bati-2 {
		width: auto;
	}
	#produit-photo-wici-bati,
	#produit-photo-douchette,
	#produit-photo-wici-bati-2 {
		margin-top: 0;
		height: auto;
	}
	#boutons {
		margin-left: 0;
		text-align: center;
	}
	#wici-bati, #wici-concept, #wici-mini, #douchette {
		width: 45%;
		margin-left: 4%;
		height: auto !important;
	}
	#photo_wici_bati, #photo_wici_concept, #photo_wici_mini, #photo_douchette {
		width: auto;
		height: auto;
	}
	#documentations-gauche, #documentations-droite {
		width: 20%;
	}
	#documentations-centre {
		width: 50%;
	}
	#flash {
		display: none;
	}
	#googlemap iframe, .carte-distributeur iframe {
		width: 100%;
	}
	.carte-distributeur {
		width: 80%;
		margin:25px auto;
		float: none;
		height: auto;
	}
	.titre-page-distributeur {
		line-height: 25px;
	}	
	.texte-distributeur {
		border: none;
		float: none;
		height: auto;
		padding: 0;
	}
	.texte-distributeur table {
		margin:0 auto;
	}
	.justifier {
		margin:0 auto !important;
	}
	.gallery {
		margin:0;
	}
	.gallery h2 {
 		width: auto;
	}
	#presse-en-parle-gauche {
		width: 62%;
		min-height: 300px;
		margin-left: 1%;
	}
	#presse-en-parle-droite {
		width: 30%;
	}
	#DIV_MOVE-OLD {
		width: 100% !important;
		position: relative !important;
		top: 0 !important;
	}
	#texte_contact .justifier img {
		margin-left: 20px !important;
		margin-right: 0px !important
	}
	#texte_contact .justifier iframe {
		width: 100%;
		max-width: 100%;
	}
	#formulaire {
	  width: auto;
	  float: none;
	}
	#formulaire input, #formulaire textarea {
		size:auto;
	}
	.img3 {
		display: none;
	}
	#flash {
		display: none;
	}

/* ***************************************************** Footer *************************************************** */

	
}

/* ****************************************************************************************************************** */
/* ***************************************************** < 1032px *************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 1032px) {



/* ****************************************************************************************************************** */
/* ***************************************************** < 860px **************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 860px) {
.Bati_frise_rose{
		display:none;
	}

.puce{
	display: inline;
	}
}
/* ****************************************************************************************************************** */
/* ***************************************************** < 767px **************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 767px) {

	#wici-bati, #wici-concept, #wici-mini, #douchette {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 25px;
		height: auto !important;
	}
	
	.ede img, .hfwc img, .pisp img, .acwl img, .mwsalm img {
		display: block;
		margin: 0 auto;
	}
	
	.show-small {
		display: block !important;
	}
	.hide-small {
		display: none !important;
	}
	#image-habillage-gauche,
	#image-habillage-droite {
		float: none;
		width: auto;
		margin:0;
	}
	#facebook1 {
		width: auto;
		height: auto;
		float: none;
		margin-left: 0px;
		text-align: center;
		max-width: 100%;
	}
	#call-to-action {
		width: 100%;
		height: auto;
		float: none;
		margin: 0;
		margin-bottom: 25px;
		text-align: center;
		display: block;
	}
	.titre-h1-fr h1, .titre-h1-de h1, .titre-h1-en h1 {
		width: auto;
		float: none;
		margin: 0;
		text-align: center;
	}
	#slider_images {
		width: 60%;
		max-height: 100%;
		float: none;
		margin: 0 auto;
		border: none;
		margin-bottom: 25px;
	}
	#textes {
		font-size:2vw;
		width: auto;
		height: auto;
		float: none;
		padding: 0;
		margin: 0;
	}
	#documentations-gauche, #documentations-droite {
		display: none;
	}
	#documentations-centre {
		width: 100%;
		border: none;
		margin:0;
	}
	#galerie-menu {
		padding: 10px;
	}
	#presse-en-parle-gauche {
		width: 100%;
		margin:0;
		padding: 0;
	}
	#presse-en-parle-droite {
		display: none;
	}
	#texte_contact .justifier img {
		display: block !important;
		margin:0 auto !important;
		float: none !important;
	}
	.Bati_frise_sombre{
		display:none;
	}
	
	.centrage_produit {
		width: auto;
	}
	.footer-boutons{
		position:relative
	}
	.search{
		position:absolute;
		bottom:0;
	}
	.justifier{
		text-align: left;
	}

}

/* ****************************************************************************************************************** */
/* ***************************************************** < 480px *************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 480px) {
	.gallery ul li, #galerie-menu ul li {
		display: block;
		float: none;
		height: auto;
		text-align: center;
		margin: 10px auto;
	}
	
	#cse{
		position: absolute;
		left: -999em;
	}
	.justifier{
		text-align: left;
	}
	#wici-bati, #wici-concept, #wici-mini, #douchette {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 25px;
		height: auto !important;
	}
}

/* ****************************************************************************************************************** */
/* ***************************************************** < 425px **************************************************** */
/* ****************************************************************************************************************** */
@media (max-width: 425px) {

	
	#galerie-menu ul li {
		margin:10px auto;
	}
	
	#wici-bati, #wici-concept, #wici-mini, #douchette {
		width: 100%;
		margin-left: 0%;
		margin-bottom: 25px;
		height: auto !important;
	}
}


@media only screen and (max-width: 648px) and (min-width: 0px) {
	

	#tsbadge_db8d3657bdbe440c985ae127463eaad4.integration {
		display: block!important;
	}

	#tsbadge_db8d3657bdbe440c985ae127463eaad4.integration, #tsbadge_db8d3657bdbe440c985ae127463eaad4.noReviewsBadge {
		right: inherit;
		left:0;
	}
}