h1 + p.clear{
	margin-top:0;
}

@media (max-width:980px){
	#colorisation .sliders{
		max-width:838px;
		margin:auto;
	}
}
@media (max-width:918px){
	#colorisation .sliders{
		max-width:776px;
		margin:auto;
	}
}
@media (max-width:856px){
	#colorisation .sliders{
		max-width:714px;
		margin:auto;
	}
}
@media (max-width:794px){
	#colorisation .sliders{
		max-width:652px;
		margin:auto;
	}
}
@media (max-width:732px){
	#colorisation .sliders{
		max-width:590px;
		margin:auto;
	}
}
@media (max-width:670px){
	#colorisation .sliders{
		max-width:528px;
		margin:auto;
	}
}
@media (max-width:608px){
	#colorisation .sliders{
		max-width:466px;
		margin:auto;
	}
}
@media (max-width:546px){
	#colorisation .sliders{
		max-width:404px;
		margin:auto;
	}
}
@media (max-width:484px){
	#colorisation .sliders{
		max-width:342px;
		margin:auto;
	}
}
@media (max-width:422px){
	#colorisation .sliders{
		max-width:280px;
		margin:auto;
	}
} 
@media (max-width:360px){
	#colorisation .sliders{
		max-width:218px;
		margin:auto;
	}
} 
@media (max-width:298px){
	#colorisation .sliders{
		max-width:156px;
		margin:auto;
	}
} 
#colorisation p.bold.uppercase{
	font-size:16px;
	color:#000;
	margin-bottom:20px;
}
h1 + p.clear a.fancybox{
	text-decoration:underline;
	font-weight:300;
	font-size:14px;
}
.visuel .image{
	position:relative;
}
.visuel .magic_boix{ 
	position:absolute;
	width:100%;
	height:100%;   
	top:0;
	left:0;
	float:left;
	background:no-repeat center center;
	background-size:100%;
} 
.visuel .magic_boix.hard-light { background-blend-mode: hard-light;}

#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-prev,
#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-next{
	top:0;
	height:50px;
	padding:11px;
	margin:0;
	width:50px;
}
#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-prev{
	left:-50px;
}
#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-next{
	right:-50px;
}
#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-prev:before{
	content:"";
	width:15px;
	height:28px;
	float:left;
	background:url('../img/color_fleche_gauche.png') no-repeat left center;
}
#product #colorisation  .bx-wrapper .bx-controls-direction a.bx-next:before{
	content:"";
	width:15px;
	float:right;
	height:28px;
	background:url('../img/color_fleche_droite.png') no-repeat right center;
}
#colorisation .sliders {
	position: relative;
	height: auto;
	width: 100%;
}
#colorisation .sliders .nuancier {
	position: relative;
	height: auto;
	width: 100%;
}

#nuancier{
	text-align:center;
}
#nuancier .selector1{	
	width:170px;
	padding-left:0;
	margin:0 auto 20px;
} 
@media (max-width:767px){
	#nuancier .selector1{ 
		padding:0;
	}
	#product #center_column .primary_block h1 + p{
		margin-bottom:15px;
	}
}
#nuancier .selector1 .selector span{
	text-align:left;
}
#nuancier .selector1 .selector span,
#nuancier .selector1 .selector{	
	width:100%!important; 
}
#nuancier select{ 
	width:100%;
}
.bulles{
	text-align:center;
}
.bulles ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	float: none;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}
.bulles li {
	height: auto;
	padding: 0 5px 0px;
	display: block;
	width: 9%;
	max-width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.bulles li:after{
	clear:both;
	content:" ";
	width:100%;
	height:1px;
	display:block;
}
.bulles a.btn {
	text-decoration: none;
	position: relative;
	width: 52px;
	min-width: 52px;
	height: 52px;
	float: none;
	margin: 0;
	padding: 0;
	border-color: transparent;
	background: transparent;
}
.bulles a.btn div{ 
	color:#000;
	display:block;
	width:50px;
	height:50px;
	margin:0 0 5px;
	border-radius: 3px;
}
.bulles a.btn:hover, .bulles a.btn.actived, .bulles a.btn:active {
	box-shadow: 0 0 7px 4px rgba(0,0,0,0.1);
	border-color: #fff;
}
.bulles a.btn.actived div{

	border-color:transparent;
}
.bulles a.btn span{ 
	text-align:center;
	position:absolute;
	width:100px;  
	line-height:14px;
	top:60px;
	left:-25px;
	color:#000000;
	font-size:12px;
	font-weight:300;
	opacity:1;
	filter:alpha(opacity=0);
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	-moz-transition:all 0.4s;
} 
.bulles a.btn span::after{
	display: none;
}
.bulles a.btn.actived span{ 
	opacity:1;
	filter:alpha(opacity=100);
} 

/* Gamme standard */
	.color1{
		background-color:#1b1916!important;
	}
	.color2{
		background-color:#3f4244!important;
	}
	.color3{
		background-color: #47413e !important;
	}
	.color4{
		background-color: #5f6a6f !important;
	}
	.color5{
		background-color:#463b37!important;
	}
	.color6{
		background-color:#544e46!important;
	}
	.color7{
		background-color:#73695f!important;
	}
	.color8{
		background-color:#666260!important;
	}
	.color9{
		background-color:#8f8a85!important;
	}
	.color10{
		background-color:#cfcecb!important;
	}
	.color11{
		background-color:#7e6e5e!important;
	}
	.color12{
		background-color:#442e25!important;
	}
	.color13{
		background-color:#633c27!important;
	}
	.color14{
		background-color:#72422f!important;
	}
	.color15{
		background-color:#f7f6f1!important;
	}
	.color16{
		background-color:#f5f1e7!important;
	}
	.color17{
		background-color:#aaa6a5!important;
	}
	.color18{
		background-color:#f6edd8!important;
	}
	.color19{
		background-color:#243654!important;
	}
	.color20{
		background-color:#667f9a!important;
	}
	.color21{
		background-color:#6294af!important;
	}
	.color22{
		background-color:#213928!important;
	}
	.color23{
		background-color:#1b4432!important;
	}
	.color24{
		background-color:#88a47a!important;
	}
	.color25{
		background-color:#891a1e!important;
	}
/*
Color1 : #fdfefe
Color2 : #dcdcdd
Color3 : #c0bfbf
Color4 : #cbcacb
Color5 : #adaaaa
Color6 : #e6d2b5
Color7 : #c08495
Color8 : #c1ccca
Color9 : #dad8d5
Color10 : #e5e5e6
Color11 : #e5e6e5
*/

/* Gamme special */
	.color01{
		background-color:#d09f4d!important;
	}
	.color02{
		background-color:#976139!important;
	}
	.color03{
		background-color:#a18466!important;
	}
	.color04{
		background-color:#74643d!important;
	}
	.color05{
		background-color:#65654d!important;
	}
	.color06{
		background-color:#6f3d36!important;
	}
	.color07{
		background-color:#4d4c4c!important;
	}
	.color08{
		background-color:#a4a1a4!important;
	}
	.color09{
		background-color:#979490!important;
	}
	.color010{
		background-color:#e6dacf!important;
	}
	.color012{
		background-color:#393D3E!important;/*Noir 2200*/
	}
	.color013{
		background-color:#43474A!important;/*bleu sable*/
	}
	.color014{
		background-color:#858180!important;/*gris poussiere*/
	}
	.color015{
		background-color:#445454!important;/*baku sable*/
	}
	.color016{
		background-color:#AE9C92!important;/*gris 2800 sable*/
	}

	#product #colorisation #nuancier .selector1 {
		width: 250px;
		margin-bottom: 40px;
		margin-top: 40px;
		box-shadow: 0 0 10px 1px rgba(100,100,100,0.2);
		border-radius: 3px;
	}
	#product #colorisation #nuancier .selector1 > select {
		border-color: transparent;
		color: #000;
		font-family: 'Mullerlight';
	}
	#product #colorisation{
		position: relative;
		padding: 0;
	}
	#product #colorisation .blue_squarre{
		position: relative;
		width: 100%;
		height: 100%;
	}
	#product #colorisation .blue_squarre::before{
		content: "";
		position: absolute;
		left: 70px;
		top: -60px;
		width: 240px;
		height: 100px;
		border-radius: 3px;
		background: #243654;
		z-index: 10;
	}
	#product #colorisation .blue_squarre::after{
		content: "";
		position: absolute;
		right: -50px;
		bottom: -60px;
		width: 240px;
		height: 300px;
		border-radius: 3px;
		background: #243654;
		z-index: 10;
	}
	#product #colorisation .contenu_colo {
		padding: 40px;
		position: relative;
		z-index: 100;
		background: #fff;
	}
	#product #colorisation{
		margin-bottom: 150px;
	}
/*



Ivoire (Ral 1015 FT) : #e6d2b5
Rouge pourpre (Ral 3004 FT) : #6b1c23
Vert (Ral 6009 FT) : #27352a
Gris Beige (Ral 7006 FT) : #766a5e
Gris Anthracite (Ral 7016 FT) : #383e42
Gris (Ral 2900 S) : # 5d5953
Gris antique : # 655a5a
Brun Gris (Ral 8019 FT) : #3d3635
Noir (Ral 2100 S) : #13140e
Noir (Ral 9005 FT) : #0e0e10
Blanc (Ral 9016 FT) : #f1f0ea
Blanc (Ral 9010 FT) : #f1ece1
*/