@charset "UTF-8";
/* CSS Document */


#slide{width:100%;height:100%;}
#slide.parallaxSlider li{background-attachment: fixed;}

#head-page-slider .cbp-bislideshow {height:650px;padding:0;margin:0;}
#head-page-slider li a{display:block;height:650px;width:100%;cursor:pointer;z-index:999;} 

		
.cbp-bislideshow { 
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
	margin:0
}


.cbp-bislideshow li {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
	display:block
}


.cbp-bislideshow .ContSlider{position:absolute;top:35%;padding:0 10%;left:0%;width:100%}
.cbp-bislideshow .logoSlider{display:block;margin:0 auto;max-width:871px;}
.cbp-bislideshow .logoSlider img{display:block;}
.cbp-bislideshow .logoSlider h2{text-transform:uppercase;font-weight:200;color:#fff;width:auto;display:inline-block;margin:20px 0; }


.cbp-bislideshow li:nth-child(1){background:url(../img/slider/pinceaux-peint-a-la-main.jpg) no-repeat center; background-size:cover}
.cbp-bislideshow li:nth-child(2){background:url(../img/slider/pot-de-peinture.jpg) no-repeat center; background-size:cover}
.cbp-bislideshow li:nth-child(3){background:url(../img/slider/chez-boub.jpg) no-repeat center; background-size:cover}
.cbp-bislideshow li:nth-child(4){background:url(../img/slider/murale-creation.jpg) no-repeat center; background-size:cover}



/*
#head-page-slider .cbp-bislideshow li:nth-child(1){background:url(../img/realisation/nouveaute/new01.jpg) no-repeat center; background-size:cover;}
#head-page-slider .cbp-bislideshow li:nth-child(2){background:url(../img/slider/slider-02.jpg) no-repeat center; background-size:cover;}
#head-page-slider .cbp-bislideshow li:nth-child(3){background:url(../img/realisation/nouveaute/new01.jpg) no-repeat center; background-size:cover}
*/

#head-page-slider.parallaxSlider .cbp-bislideshow li{background-attachment: fixed;background-position: center center; opacity: 1;background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;}
#slide h2{font-size:55px;font-size:5.5rem;line-height:60px;line-height:6.0rem;font-weight:700}

          
		  
.Newreal .cbp-bislideshow .ContSlider{position:absolute;top:55%;padding:0 10%;left:0%;width:75%}
		  


.cbp-bicontrols {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 48%;
	z-index:9999
}

#head-page-slider .cbp-bicontrols {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 33%;
	z-index:9999
}

.cbp-bicontrols span {
	float: left;
	margin:0 40px;
	position: relative;
	cursor: pointer;
	color:#fff;
	font-size:60px;
}

.cbp-bicontrols span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	opacity: 0.7;
}


.cbp-bicontrols span.cbp-binext {float: right;}

#head-page-slider li .ContBig{position:absolute;top:160px;}

.fleche{position:absolute;bottom:30px;left:45%;}


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

#slide.parallaxSlider li {
		-webkit-background-attachment: scroll;
	-moz-background-attachment: scroll;	
	background-attachment:scroll; 
	
}

@media only screen and (max-width: 960px) {
.Newreal .cbp-bislideshow .ContSlider{position:absolute;top:35%;padding:0 10%;left:0%;width:85%}
}

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

#slide h2{font-size:35px;font-size:3.5rem;line-height:40px;line-height:4.0rem;}
.fleche img{max-width:40px;max-height:40px}

#slide.parallaxSlider li{
	-webkit-background-attachment: scroll;
	-moz-background-attachment: scroll;	
	background-attachment:scroll; 
	}

 #head-page-slider.Newreal .cbp-bislideshow{height:300px}
 .Newreal .cbp-bislideshow .ContSlider{position:absolute;top:150px;padding:0 10%;left:0%;width:100%}
 
 #head-page-slider.Newreal .cbp-bicontrols{top:15%;}

}


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

.cbp-bicontrols span{margin:0 3px;}

}