/* --------------------------------------------- */
/* --------------- COMMUN          --------------*/
/* --------------------------------------------- */

.btn-bremaud{
    border-radius : 5px;
    color : #ffffff;
    background-color: #000000;
    box-shadow: 6px 4px 10px rgba(100, 100, 100, 1);
    font-size:16px;
}

.btn-bremaud:hover{

    background: rgb(0,157,189); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,157,189,1) 1%, rgba(3,201,241,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,157,189,1) 1%,rgba(3,201,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,157,189,1) 1%,rgba(3,201,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009dbd', endColorstr='#03c9f1',GradientType=0 ); /* IE6-9 */
}

/* Modif pour le configurteur PE du site ALF */
app-main img {
    max-width: inherit;
}

/* MENU ESPACE PRO */

img.picto_menu {
    padding-right: 5px;
    padding-bottom: 3px;
    height: 22px;
    width: 22px;
}


/* --------------------------------------------- */
/* --------------- PAGE ACCUEIL --------------*/
/* --------------------------------------------- */

.text-muted-carousel{
	color: #2f3740;
	font-size:15px;
	float: right;
	padding-right: 10px;
}

.text-muted-catalog{
	color: #2f3740;
	font-size:15px;
	text-align:center;
}



/* --------------------------------------------- */
/* --------------- TEXTE PARALLAX --------------*/
/* --------------------------------------------- */

.col-md-6.col-sm-6.text_parallax {
    padding-left: 15%;
    padding-top: 2%;
}

.col-md-12.col-sm-12.text_parallax_alu {
    padding-left: 30%;
    padding-top: 4%;
}

/* --------------------------------------------- */
/* --------------- BARRE SCROLLING --------------*/
/* --------------------------------------------- */

section.s_three_columns.bg-warning.mt32.barre_scrolling {
    	padding-top: 5px;
	margin-top: -30px;
	background-color: #d8dbde;	
}

.mt0.col-md-1.mb16.scroll {
    width: inherit;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}


@media screen and (max-width: 1024px) {
	.mt0.col-md-2.mb16.scroll {
    		width: 70px;
		}
}

@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

a.scroll {
  display: inline-block ;
  vertical-align: middle ;
  -webkit-transform: translateZ(0) ;
  transform: translateZ(0) ;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0) ;
  -webkit-backface-visibility: hidden ;
  backface-visibility: hidden ;
  -moz-osx-font-smoothing: grayscale ;
  text-decoration:none;
}
a.scroll:hover, a.scroll:focus, a.scroll:active {
  -webkit-animation-name: hvr-wobble-vertical ;
  animation-name: hvr-wobble-vertical ;
  -webkit-animation-duration: 1s ;
  animation-duration: 1s ;
  -webkit-animation-timing-function: ease-in-out ;
  animation-timing-function: ease-in-out ;
  -webkit-animation-iteration-count: 1 ;
  animation-iteration-count: 1 ;
}


/* ------------------- Modification des tailles des textes intégrés aux images sur les pages Fenetre, portes, etc... ---------*/

@media screen and (max-width: 1024px){
	.text_sup1 {
		top: 30%!important;
		left: 6%!important;
	}
	.text_sup2 {
		bottom: 0%!important;
	}
}

@media screen and (max-width: 800px){
	.text_sup1 {
		left: 2%!important;
		top: 20%!important;
	}
	.text_sup2 {
		bottom: -2%!important;
		left: 2%!important;
	}
	p.text_img {
		line-height: 17px!important;
	}
}

@media screen and (max-width: 768px){
	.text_sup1 {
		top: 25%!important;
		left: 1%!important;
	}
	.text_sup2 {
		left: 6%!important;
		bottom: -4%!important;
	}
	p.text_img {
		font-size: 12px!important;
		line-height: 16px!important;

	}
}

@media screen and (max-width: 600px){
	p.decouvrez_accueil {
		font-size: 14px!important;
	}
	p.materiaux_accueil {
		font-size: 15px!important;
	}

	p.text_img {
		font-size: 10px!important;
		line-height: 12px!important;
	}
	
	.text_sup1 {
		top: 15%!important;
	}
	.text_sup2 {
		bottom: -6%!important;
	}
}

@media screen and (max-width: 568px){
	.text_sup1 {
		top: 12%!important;
	}
	p.materiaux_accueil {
		font-size: 15px!important;
	}
	h1.inspiration{
		padding-top:15px;
	}
	p.inspiration{
		line-height: 20px!important;
	}
}

@media screen and (max-width: 320px){
	.text_sup1 {
		z-index: -1!important;
	}
	.text_sup2 {
		z-index: -1!important;
	}
}

/* --------------------------------------------- */
/* ----------------- RECRUTEMENT ----------------*/
/* --------------------------------------------- */

#jobs_grid .text-muted {
	visibility: hidden;
}

.js_hr_recruitment .text-muted {
	visibility: hidden;
}


/* --------------------------------------------- */
/* ----------- PINTEREST BAS DE PAGE ------------*/
/* --------------------------------------------- */

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.soc a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.soc a:hover, .soc a:focus, .soc a:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@font-face {
    font-family: 'si';
    src: url('../police_social_icon/socicon.eot');
    src: url('../police_social_icon/socicon.eot?#iefix') format('embedded-opentype'),
         url('../police_social_icon/socicon.woff') format('woff'),
         url('../police_social_icon//socicon.ttf') format('truetype'),
         url('../police_social_icon/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../police_social_icon/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0;
    padding-top:4px;
    padding-left: 4px;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 44px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
    color: #000000;
    background-color: #ffffff;
}


.soc-icon-last{
    margin:0 !important;
}

.soc-pinterest:before {
    content:'d';
}

.soc-facebook:before {
    content:'b';
}

/* --------------------------------------------- */
/* ------------------ MENU ----------------------*/
/* --------------------------------------------- */

ul#top_menu a.active {
    padding-bottom: 10px !important;
}

ul#top_menu a:hover {
    padding-bottom: 10px !important;
}

ul.contact-details{
	float: right;
}
/* --------------------------------------------- */
/* -------------- PAGE FENETRE ------------------*/
/* --------------------------------------------- */
/* Interligne texte de l'image */

p.text-center.visea_accueil {
    margin-bottom: 2px;
}

p.text-center.decouvrez_accueil{
    margin-bottom: 10px;
}

/* Position du bloc de texte dans la page fenetre */

.col-md-offset-2.col-md-8.mb0.mt0.paragraphe_fenetre {
    padding-top: 320px;
}

/* Fond blanc derrière les photos de la page fenetre.html */
section.s_big_picture.oe_dark.fenetre{
    background-color: #fff;
}

/* Interligne texte sous angles */
h3.mb0.mt8.img_angle {
    line-height: 0px;
}


/* Fond bleu sous le message INSPIRATIONS */
.jumbotron.s_big_message.inspiration{
    background-color: #2f3740;
    padding-top: 10px;
    margin-bottom: 0px;
}

p.inspiration {
    line-height: 20px;
    color: #bbbbbb;
}

h1.inspiration {
    letter-spacing: 6px;
}

/* Personnalisation Portfolio */

.section.full-width-portfolio.fenetre{
	padding-top: 1px;
	padding-bottom: 0px;
}

/*ul#portfolio-list :hover {
    background-color: #bbbbbb;
    opacity: 0.5 !important;
}

i.more:hover ul#portfolio_list li{
	background-color: #c40404 !important;
}*/


/* Ligne des liens sur la page permettant de naviguer directement sur une caractéristique */

.col-centered {
    display: inline-block;
    float: none!important;
    text-align: left!important;
    margin-right: -4px;
}


/* --------------------- Animation des labels ---------------------- */

/* Bounce In */
img.img-rounded.norme {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
img.img-rounded.norme:hover, img.img-rounded.norme:focus, img.img-rounded.norme:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



/* ------------------ Animation des angles ------------------------- */

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

img.center-block.angle_img, .img-evenement, .img-anim-accueil {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

img.center-block.angle_img:hover, img.center-block.angle_img:focus, img.center-block.angle_img:active,.img-evenement:hover,.img-evenement:focus,.img-evenement:active,.img-anim-accueil:hover,.img-anim-accueil:focus,.img-anim-accueil:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(200, 200, 200, 0.45) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(200, 200, 200, 0.45) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* --------------------------------------------- */
/* ----------- PAGE FENETRE-PVC et AUTRES--------*/
/* --------------------------------------------- */

h1.h1_mgl {
    line-height: 43px;
}

/* Hauteur de la ligne des icones "Galerie photo","vue 360°"... */
.section.service.icone-fen-pvc{
    padding-top: 0;
}

/* Couleur de fond de la ligne des icones du bas "Galerie photo","vue 360°"... */
.section.service.icone-fen-pvc2{
    padding-top: 32px;
    background-color: #d8dbde;
}

section.jumbotron.s_big_message.fen-pvc{
    	padding-top: 20px;
	background-color: #2f3740;
}

section.jumbotron.s_big_message.fen-pvc p{
    line-height: 13px;
}

section.jumbotron.s_big_message.vri{
    background-color: #2f3740;
}

p.decouvrez {
    line-height: 30px;
}

span.exception{
	line-height: 20px;
	background-color:rgba(255,255,255,0.5);
}

span.exception_alu{
	line-height: 20px;
	background-color:rgba(255,255,255,1);
}

.fond-blanc {
    background-color: #fff;
}

p.texte_label_titre{
	line-height: 30px;
}

.bandeau-titre {
    background-color: #2f3740;
}

.text-bandeau-titre{
    font-size: 18px;
    font-weight: 200;
    color: #ffffff;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 15px;
    padding-left: 10px;
}

.bd_ht_alu {
    padding-bottom: 0px;
}

.text_band_ht_alu1 {
    font-size: 18px;
    font-weight: 200;
    color: #ffffff;
    text-align: left;
    padding-top: 40px;
}

div.page-vue-3d {
    background-color: #d8dbde;
}

.text_band_ht_3d {
    font-size: 18px;
    font-weight: 200;
    color: #ffffff;
    text-align: left;
}

.btn_bd_ht_alu {
    background-color: #ffffff!important;
    border-radius: 20px 0!important;
    margin-top: 50px;
    font-size: 15px;
}


.ligne-3d {
    padding-top: 20px;
    padding-bottom: 20px;
}

.row-centered {
    text-align: center;
}

.modele-3d {
    height: 100%!important;
}

.viewer-3d {
    min-height: 480px;
    height: 480px;
    width: 540px!important;
    min-width: 320px;
    padding-left: 0!important;
    padding-right: 0!important;
    box-shadow: 0 1px 20px rgba(85,85,85,.5);
    text-align: center;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 65px;
    margin-top: 40px;
}
.col-centered {
    display: inline-block;
    float: none!important;
    text-align: left!important;
    margin-right: -4px;
}

.ss-ligne-3d {
    background-color: #fff;
    height: 40px;
    margin-left: 0!important;
    margin-right: 0!important;
    height: 60px;
    box-shadow: 0 1px 20px rgba(85,85,85,.5);
}

.vue3d-title {
    font-size: 18px;
    color: #000;
    padding-top: 20px;
    padding-left: 10px;
}

.html5gallery-elem-0{
    background-color: #ffffff;
}
/* ------------------- COULEURS ------------------------------- */

.main.couleur{
	background-color: #e4ddd9;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
}

p.titre_coloris {
    padding-bottom: 40px;
    padding-top: 20px;
}

section.s_image_text.legende_coloris {
    background-color: #e4ddd9;
}

@font-face {
  font-family: 'icons';
  src: url("../font_icones/icons.eot");
  src: url("../font_icones/icons.eot?#iefix") format('embedded-opentype'), url("../font_icones/icons.woff") format('woff'), url("../font_icones/icons.ttf") format('truetype'), url("../font_icones/icons.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}

.sb-container {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px 40px 0 auto;*/
}


.sb-container div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container div:nth-child(1){
	background-color: #ffffff;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container div:nth-child(2){
	background-color: #b1b3b4;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
	/*background: linear-gradient(to right, rgba(177,179,180,1) 0%,rgba(226,225,221,1) 100%);*/
}

.sb-container div:nth-child(3){
	background-color: #bbada3;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
	/*background: linear-gradient(to right, rgba(187,173,163,1) 0%,rgba(218,214,203,1) 100%);*/
}


.sb-container div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	/*background : linear-gradient(to right, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);*/
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container div h4{
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(21,20,20,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -28px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

span.sb-icon{
	display: block;
	/*height: 70px;*/
	height: 0px;
	width: 70px;
	margin: 20px auto;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

span.sb-icon:before {
	font-family: 'icons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-decoration: inherit;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); 
	line-height: 64px;
	width: 100%;
	font-size: 60px;
	color: #000;
	text-shadow: 0 0 1px #000;
}

.sb-container div:last-child h5.coloris_alu {
    top: 8px;
}

.icon-cog:before { content: '\35'; } /* '5' */
.icon-flight:before { content: '\37'; } /* '7' */
.icon-eye:before { content: '\34'; } /* '4' */
.icon-install:before { content: '\39'; } /* '9' */
.icon-bag:before { content: '\36'; } /* '6' */
.icon-globe:before { content: '\38'; } /* '8' */
.icon-picture:before { content: '\32'; } /* '2' */
.icon-video:before { content: '\30'; } /* '0' */
.icon-download:before { content: '\41'; } /* 'A' */
.icon-mobile:before { content: '\42'; } /* 'B' */
.icon-camera:before { content: '\33'; } /* '3' */

/* ------------------- COULEURS 1bis------------------------------- */
.sb-container1bis {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px 40px 0 auto;*/
}


.sb-container1bis div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container1bis div:nth-child(1){
	background: url(../images/coloris/METAL-CANON.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container1bis div:nth-child(2){
	background: url(../images/coloris/METAL-GALET.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
	/*background: linear-gradient(to right, rgba(177,179,180,1) 0%,rgba(226,225,221,1) 100%);*/
}

.sb-container1bis div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	/*background : linear-gradient(to right, rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%);*/
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container1bis div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container1bis div h4{
	/*color: rgba(255,255,255,0.9);*/
	color: rgba(21,20,20,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container1bis div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container1bis div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -3px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.sb-container1bis div:last-child h5.coloris_alu {
    top: 8px;
}

.sb-container1bis div h4.police_claire {
    color: rgba(255,255,255,0.9);
}

/* ------------------- COULEURS 2------------------------------- */

.sb-container2 {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}

.sb-container2 div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/bois.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container2 div:nth-child(1){
	/*background-color: #BBADA3;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-IRL.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container2 div:nth-child(2){
	/*background-color: #B1B3B4;*/
	background: url(../images/coloris/PVC-GRANITE-7016.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container2 div:nth-child(3){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container2 div:nth-child(4){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}


.sb-container2 div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}


.sb-container2 alu div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

p.anthracite{
    font-size:8px;
    color: rgba(255,255,255,0.9);
        line-height: 0px;
}

.sb-container2 div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container2 div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2 div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container2 div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 62px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2 div:last-child h5.coloris_alu {
    top: 49px;
}

/* ------------------- COULEURS 2 fen ------------------------------- */

.sb-container2-fen {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}

.sb-container2-fen div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/bois.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container2-fen div:nth-child(1){
	/*background-color: #BBADA3;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-IRL.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container2-fen div:nth-child(2){
	/*background-color: #B1B3B4;*/
	background: url(../images/coloris/PVC-PLAX-GRIS-7016-GRANITE-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container2-fen div:nth-child(3){
	/*background-color: #B1B3B4;*/
	background: url(../images/coloris/PVC-PLAX-GRIS-7016-GRANITE.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container2-fen div:nth-child(4){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container2-fen div:nth-child(5){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container2-fen div:nth-child(6){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-GRIS-SOIE-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}

.sb-container2-fen div:nth-child(7){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-GRIS-QUARTZ-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}

.sb-container2-fen div:nth-child(8){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-ACAJOU-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}

.sb-container2-fen div:nth-child(9){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-BRUN-NOIR-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}

.sb-container2-fen div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}


.sb-container2-fen alu div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container2-fen div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container2-fen div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2-fen div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container2-fen div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 62px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2-fen div:last-child h5.coloris_alu {
    top: 49px;
}


/* ------------------- COULEURS 2bis------------------------------- */

.sb-container2bis {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}

.sb-container2bis div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/bois.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container2bis div:nth-child(1){
	/*background-color: #BBADA3;*/
	background: url(../images/coloris/SABLE-GRIS-7016.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container2bis div:nth-child(2){
	/*background-color: #B1B3B4;*/
	background: url(../images/coloris/SABLE-GRIS-2900.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container2bis div:nth-child(3){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/SABLE-BRUN-SEPIA-8014.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container2bis div:nth-child(4){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/SABLE-GRIS-ALU-9007.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}

.sb-container2bis div:nth-child(5){
	/*background-color: #705019;*/
	background: url(../images/coloris/SABLE-NOIR.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 4px rgba(0,0,0,0.2);
}


.sb-container2bis div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}


.sb-container2bis alu div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

p.anthracite{
    font-size:8px;
    color: rgba(255,255,255,0.9);
        line-height: 0px;
}

p.blanc_brillant{
    font-size:9px;
    color: rgba(21,20,20,0.9);
    line-height: 15px;
}

.sb-container2bis div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container2bis div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2bis div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container2bis div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 54px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2bis div:last-child h5.coloris_alu {
    top: 49px;
}


/* ------------------- COULEURS 2Ter------------------------------- */

.sb-container2ter {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}

.sb-container2ter div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/bois.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container2ter div:nth-child(1){
	/*background-color: #BBADA3;*/
	background-color: #ffffff;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container2ter div:nth-child(2){
	/*background-color: #B1B3B4;*/
	background: url(../images/coloris/PVC-PLAX-GRIS-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container2ter div:nth-child(3){
	/*background-color: #F3E6D0;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE-BI.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container2ter div:nth-child(4){
	/*background-color: #705019;*/
	background: url(../images/coloris/PVC-PLAX-CHENE-DORE.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 4px 4px 4px rgba(0,0,0,0.2);
}


.sb-container2ter div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	background-color : #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}


.sb-container2ter div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container2ter div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2ter div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container2ter div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 32px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container2ter div:last-child h5.coloris_alu {
    top: 49px;
}



/* ------------------- COULEURS 3 ------------------------------- */


.sb-container3 {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 75px;*/
}

.sb-container3 div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container3 div:nth-child(1){
	background-color: #14568d;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
	background: rgb(20,86,141); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(20,86,141,1) 0%, rgba(20,86,141,1) 45%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(20,86,141,1) 0%,rgba(20,86,141,1) 45%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(20,86,141,1) 0%,rgba(20,86,141,1) 45%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14568d', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sb-container3 div:nth-child(2){
	background-color: #414030;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
	background: rgb(65,64,48); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(65,64,48,1) 0%, rgba(79,78,71,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414030', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sb-container3 div:nth-child(3){
	background-color: #204d68;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
	background: rgb(32,77,104); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(32,77,104,1) 0%, rgba(32,77,104,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(32,77,104,1) 0%,rgba(32,77,104,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(32,77,104,1) 0%,rgba(32,77,104,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204d68', endColorstr='#ffffff',GradientType=0 );
}

.sb-container3 div:nth-child(4){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(28,110,41); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(28,110,41,1) 0%, rgba(28,110,41,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(28,110,41,1) 0%,rgba(28,110,41,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(28,110,41,1) 0%,rgba(28,110,41,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6e29', endColorstr='#ffffff',GradientType=0 );
}

.sb-container3 div:nth-child(5){
	background-color: #f3e6D0;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 6px 6px 8px rgba(0,0,0,0.3);
	background: rgb(243,230,208); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,230,208,1) 0%, rgba(243,230,208,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,230,208,1) 0%,rgba(243,230,208,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,230,208,1) 0%,rgba(243,230,208,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e6d0', endColorstr='#ffffff',GradientType=0 );
}

.sb-container3 div:nth-child(6){
	background-color: #705019;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 7px 7px 10px rgba(0,0,0,0.4);
	background: rgb(112,80,25); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(112,80,25,1) 0%, rgba(112,80,25,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(112,80,25,1) 0%,rgba(112,80,25,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(112,80,25,1) 0%,rgba(112,80,25,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#705019', endColorstr='#ffffff',GradientType=0 );
}

.sb-container3 div:nth-child(7){
	background-color: #943631;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 8px 8px 12px rgba(0,0,0,0.4);
	background: rgb(148,54,49); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(148,54,49,1) 0%, rgba(148,54,49,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(148,54,49,1) 0%,rgba(148,54,49,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(148,54,49,1) 0%,rgba(148,54,49,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#943631', endColorstr='#ffffff',GradientType=0 );
}

.sb-container3 div:nth-child(8){
	background-color: #374046;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 9px 9px 14px rgba(0,0,0,0.4);
	background: rgb(55,64,70); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(55,64,70,1) 0%, rgba(55,64,70,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(55,64,70,1) 0%,rgba(55,64,70,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(55,64,70,1) 0%,rgba(55,64,70,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374046', endColorstr='#ffffff',GradientType=0 ); 
}

.sb-container3 div:nth-child(9){
	background-color: #d3d4d5;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 10px 10px 16px rgba(0,0,0,0.4);
	background: rgb(211,212,213); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(211,212,213,1) 0%, rgba(211,212,213,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(211,212,213,1) 0%,rgba(211,212,213,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(211,212,213,1) 0%,rgba(211,212,213,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 46%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d4d5', endColorstr='#ffffff',GradientType=0 ); 
}


.sb-container3 div h4.coloris_gris {
    color: rgba(21,20,20,0.9);
}

.sb-container3 div:last-child{
	/*background: #ffffff url(../images/cover.png) repeat center center;*/
	background-color: #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container3 div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container3 div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3 div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container3 div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 4px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3 div:last-child h5.coloris_alu {
    top: 36px;
}

/* ------------------- COULEURS 3bis ------------------------------- */


.sb-container3bis {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 75px;*/
}

.sb-container3bis div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container3bis div:nth-child(1){
	background-color: #14568d;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
	background: rgb(20,86,141); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(20,86,141,1) 0%, rgba(26,117,193,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14568d', endColorstr='#1a75c1',GradientType=1 ); }

.sb-container3bis div:nth-child(2){
	background: rgb(65,64,48); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(65,64,48,1) 0%, rgba(79,78,71,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414030', endColorstr='#4f4e47',GradientType=1 );
}

.sb-container3bis div:nth-child(3){
	background-color: #204d68;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
	background: rgb(32,77,104); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(32,77,104,1) 0%, rgba(42,101,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204d68', endColorstr='#2a6588',GradientType=1 );
}

/*-----------------*/
.sb-container3bis div:nth-child(4){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(243,230,208); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(243,230,208,1) 0%, rgba(255,242,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e6d0', endColorstr='#fff2dc',GradientType=1 );}

.sb-container3bis div:nth-child(5){
	background-color: #f3e6D0;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 6px 6px 8px rgba(0,0,0,0.3);
	background: rgb(112,80,25); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(112,80,25,1) 0%, rgba(147,105,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#705019', endColorstr='#936921',GradientType=1 );}

.sb-container3bis div:nth-child(6){
	background-color: #705019;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 7px 7px 10px rgba(0,0,0,0.4);
	background: rgb(148,54,49); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(148,54,49,1) 0%, rgba(199,70,63,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#943631', endColorstr='#c7463f',GradientType=1 );}

.sb-container3bis div:nth-child(7){
	background-color: #374046;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 9px 9px 14px rgba(0,0,0,0.4);
	background: rgb(55,64,70); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(55,64,70,1) 0%, rgba(97,113,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(55,64,70,1) 0%,rgba(97,113,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(55,64,70,1) 0%,rgba(97,113,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374046', endColorstr='#61717c',GradientType=1 );}

.sb-container3bis div:nth-child(8){
	background-color: #d3d4d5;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 10px 10px 16px rgba(0,0,0,0.4);
	background: rgb(211,212,213); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(211,212,213,1) 0%, rgba(238,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(211,212,213,1) 0%,rgba(238,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(211,212,213,1) 0%,rgba(238,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d4d5', endColorstr='#eeefef',GradientType=1 );}

.sb-container3bis div:nth-child(9){
	background-color: #d3d4d5;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 10px 10px 16px rgba(0,0,0,0.4);
	background: rgb(26,23,27); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(26,23,27,1) 0%, rgba(46,46,46,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(26,23,27,1) 0%,rgba(46,46,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(26,23,27,1) 0%,rgba(46,46,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a171b', endColorstr='#2e2e2e',GradientType=1 );}

.sb-container3bis div:nth-child(10){
	background-color: #ffffff;
	}

.sb-container3bis div h4.coloris_gris {
    color: rgba(21,20,20,0.9);
}

.sb-container3bis div:last-child{
	/*background: #ffffff url(../images/cover.png) repeat center center;*/
	background-color: #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container3bis div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container3bis div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3bis div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container3bis div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -3px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3bis div:last-child h5.coloris_alu {
    top: 36px;
}

/* ------------------- COULEURS 3ter ------------------------------- */


.sb-container3ter {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 75px;*/
}

.sb-container3ter div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container3ter div:nth-child(1){
	background: #6b6e6b; /* Old browsers */
	background: -moz-linear-gradient(left, #6b6e6b 0%, #939693 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6b6e6b 0%,#939693 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6b6e6b 0%,#939693 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6e6b', endColorstr='#939693',GradientType=1 ); /* IE6-9 */}


.sb-container3ter div:nth-child(2){
	background: #989ea1; /* Old browsers */
	background: -moz-linear-gradient(left, #989ea1 0%, #bac1c4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #989ea1 0%,#bac1c4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #989ea1 0%,#bac1c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989ea1', endColorstr='#bac1c4',GradientType=1 ); /* IE6-9 */}

.sb-container3ter div:nth-child(3){
	background-color: #14568d;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
	background: rgb(20,86,141); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(20,86,141,1) 0%, rgba(26,117,193,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14568d', endColorstr='#1a75c1',GradientType=1 ); }

.sb-container3ter div:nth-child(4){
	background-color: #414030;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
	background: rgb(65,64,48); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(65,64,48,1) 0%, rgba(79,78,71,1) 100%);
	background: -webkit-linear-gradient(left, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%);
	background: linear-gradient(to right, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414030', endColorstr='#414030',GradientType=0 );}

.sb-container3ter div:nth-child(5){
	background-color: #204d68;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
	background: rgb(32,77,104); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(32,77,104,1) 0%, rgba(42,101,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204d68', endColorstr='#2a6588',GradientType=1 );
}

.sb-container3ter div:nth-child(6){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(28,110,41); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(28,110,41,1) 0%, rgba(42,166,62,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(28,110,41,1) 0%,rgba(42,166,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(28,110,41,1) 0%,rgba(42,166,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6e29', endColorstr='#2aa63e',GradientType=1 );}

.sb-container3ter div:nth-child(7){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(243,230,208); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(243,230,208,1) 0%, rgba(255,242,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e6d0', endColorstr='#fff2dc',GradientType=1 );}

.sb-container3ter div:nth-child(8){
	background-color: #f3e6D0;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 6px 6px 8px rgba(0,0,0,0.3);
	background: rgb(112,80,25); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(112,80,25,1) 0%, rgba(147,105,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#705019', endColorstr='#936921',GradientType=1 );}

.sb-container3ter div:nth-child(9){
	background-color: #705019;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 7px 7px 10px rgba(0,0,0,0.4);
	background: rgb(148,54,49); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(148,54,49,1) 0%, rgba(199,70,63,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#943631', endColorstr='#c7463f',GradientType=1 );}

.sb-container3ter div:nth-child(10){
	background-color: #374046;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 9px 9px 14px rgba(0,0,0,0.4);
	background: rgb(55,64,70); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(55,64,70,1) 0%, rgba(97,113,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(55,64,70,1) 0%,rgba(97,113,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(55,64,70,1) 0%,rgba(97,113,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374046', endColorstr='#61717c',GradientType=1 );}

.sb-container3ter div:nth-child(11){
	background-color: #d3d4d5;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 10px 10px 16px rgba(0,0,0,0.4);
	background: rgb(211,212,213); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(211,212,213,1) 0%, rgba(238,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(211,212,213,1) 0%,rgba(238,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(211,212,213,1) 0%,rgba(238,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d4d5', endColorstr='#eeefef',GradientType=1 );}

.sb-container3ter div:nth-child(12){
	background-color: #f9f4f4;}


.sb-container3ter div:nth-child(13){
	background-color: #ffffff;
	}

.sb-container3ter div h4.coloris_gris {
    color: rgba(21,20,20,0.9);
}

.sb-container3ter div:last-child{
	/*background: #ffffff url(../images/cover.png) repeat center center;*/
	background-color: #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container3ter div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container3ter div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3ter div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container3ter div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -98px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container3ter div:last-child h5.coloris_alu {
    top: 36px;
}

/* ------------------- COULEURS pe_pvc ------------------------------- */


.sb-container_pe_pvc {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 75px;*/
}

.sb-container_pe_pvc div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container_pe_pvc div:nth-child(1){
	background: #989ea1; /* Old browsers */
	background: -moz-linear-gradient(left, #989ea1 0%, #bac1c4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #989ea1 0%,#bac1c4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #989ea1 0%,#bac1c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989ea1', endColorstr='#bac1c4',GradientType=1 ); /* IE6-9 */}

.sb-container_pe_pvc div:nth-child(2){
	background: #6b6e6b; /* Old browsers */
	background: -moz-linear-gradient(left, #6b6e6b 0%, #939693 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #6b6e6b 0%,#939693 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #6b6e6b 0%,#939693 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6e6b', endColorstr='#939693',GradientType=1 ); /* IE6-9 */}

.sb-container_pe_pvc div:nth-child(3){
	background-color: #705019;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 7px 7px 10px rgba(0,0,0,0.4);
	background: rgb(148,54,49); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(148,54,49,1) 0%, rgba(199,70,63,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(148,54,49,1) 0%,rgba(199,70,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#943631', endColorstr='#c7463f',GradientType=1 );}

.sb-container_pe_pvc div:nth-child(4){
	background-color: #f3e6D0;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 6px 6px 8px rgba(0,0,0,0.3);
	background: rgb(112,80,25); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(112,80,25,1) 0%, rgba(147,105,33,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(112,80,25,1) 0%,rgba(147,105,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#705019', endColorstr='#936921',GradientType=1 );}

.sb-container_pe_pvc div:nth-child(5){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(243,230,208); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(243,230,208,1) 0%, rgba(255,242,220,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(243,230,208,1) 0%,rgba(255,242,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e6d0', endColorstr='#fff2dc',GradientType=1 );}

.sb-container_pe_pvc div:nth-child(6){
	background-color: #1c6e29;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 5px 5px 6px rgba(0,0,0,0.3);
	background: rgb(28,110,41); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(28,110,41,1) 0%, rgba(42,166,62,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(28,110,41,1) 0%,rgba(42,166,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(28,110,41,1) 0%,rgba(42,166,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6e29', endColorstr='#2aa63e',GradientType=1 );}

.sb-container_pe_pvc div:nth-child(7){
	background-color: #204d68;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
	background: rgb(32,77,104); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(32,77,104,1) 0%, rgba(42,101,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(32,77,104,1) 0%,rgba(42,101,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204d68', endColorstr='#2a6588',GradientType=1 );}

.sb-container_pe_pvc div:nth-child(8){
	background-color: #414030;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
	background: rgb(65,64,48); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(65,64,48,1) 0%, rgba(79,78,71,1) 100%);
	background: -webkit-linear-gradient(left, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%);
	background: linear-gradient(to right, rgba(65,64,48,1) 0%,rgba(79,78,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414030', endColorstr='#414030',GradientType=0 );}

.sb-container_pe_pvc div:nth-child(9){
	background-color: #14568d;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
	background: rgb(20,86,141); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(20,86,141,1) 0%, rgba(26,117,193,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(20,86,141,1) 0%,rgba(26,117,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14568d', endColorstr='#1a75c1',GradientType=1 ); }

.sb-container_pe_pvc div h4.coloris_gris {
    color: rgba(21,20,20,0.9);
}

.sb-container_pe_pvc div:last-child{
	/*background: #ffffff url(../images/cover.png) repeat center center;*/
	background-color: #ffffff;
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container_pe_pvc div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container_pe_pvc div h4{
	color: rgba(255,255,255,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container_pe_pvc div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container_pe_pvc div:last-child h5{
	font-size: 15px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -40px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container_pe_pvc div:last-child h5.coloris_alu {
    top: 36px;
}



/* ----------------------------- COULEUR SOLO -------------------------- */

h4.prepeint span {
    font-size: 11px;
}

h4.prepeint_blanc span {
    line-height: 0px;
}

.sb-container_solo {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}


.sb-container_solo div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container_solo div:nth-child(1){
	background: url(../images/coloris/chene-brut.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container_solo div:nth-child(2){
	background: url(../images/coloris/PIN-brut.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container_solo div:nth-child(3){
	background:url(../images/coloris/BHD-brut.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container_solo div:nth-child(4){
	background:url(../images/coloris/prepeinture-blanc.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container_solo div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container_solo div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container_solo div h4{
	color: rgba(21,20,20,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container_solo div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container_solo div:last-child h5{
	font-size: 17px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: -52px;
	left: -22px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* ----------------------------- COULEUR SOLO BIS -------------------------- */

h4.prepeint span {
    font-size: 11px;
}

h4.prepeint_blanc span {
    line-height: 0px;
}

.sb-container_solo_bis {
	position: relative;
	width: 75px;
	height: 300px;
	/*margin: 30px auto 0 auto;*/
}


.sb-container_solo_bis div {
    position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	/*width: 130px;*/
	background: #fff;
	/*height: 400px;*/
	height: 192px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	/*background-image: url(../images/fabric.png);*/
	
	-webkit-transform-origin: 25% 90%;
	-moz-transform-origin: 25% 90%;
	-o-transform-origin: 25% 90%;
	-ms-transform-origin: 25% 90%;
	transform-origin: 25% 90%;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.sb-container_solo_bis div:nth-child(1){
	background: url(../images/coloris/chene-brut.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container_solo_bis div:nth-child(2){
	background: url(../images/coloris/chene-moyen.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 1px 1px 1px rgba(0,0,0,0.1);
}

.sb-container_solo_bis div:nth-child(3){
	background: url(../images/coloris/chene-fonce.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 2px 2px 1px rgba(0,0,0,0.1);
}

.sb-container_solo_bis div:nth-child(4){
	background:url(../images/coloris/BHD-moyen.jpg) repeat center center;
	box-shadow: -1px -1px 3px rgba(0,0,0,0.1), 3px 3px 2px rgba(0,0,0,0.2);
}

.sb-container_solo_bis div:last-child{
	/*background: #645b5c url(../images/cover.png) repeat center center;*/
	box-shadow: 
		-1px -1px 3px rgba(0,0,0,0.2),
		12px 12px 20px rgba(150, 144, 144,0.6),
		inset 2px 2px 0 rgba(255, 255, 255, 0.1);
}

.sb-container_solo_bis div:last-child:after{
	content: '';
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #dddddd;
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #58535e 48%, #889396 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(48%,#58535e), color-stop(100%,#889396));
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -o-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: -ms-linear-gradient(-45deg, #dddddd 0%,#58535e 48%,#889396 100%);
	background: linear-gradient(135deg, #dddddd 0%,#58535e 48%,#889396 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#889396',GradientType=1 );
	box-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.1);
}

.sb-container_solo_bis div h4{
	color: rgba(21,20,20,0.9);
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	/*border-top: 1px dashed rgba(0,0,0,0.1);
	border-bottom: 1px dashed rgba(0,0,0,0.1);*/
	margin: 5px;
	padding: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sb-container_solo_bis div:last-child h4{
	background: rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(255,255,255,0.1);
}

.sb-container_solo_bis div:last-child h5{
	font-size: 17px;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 0px;
	top: 55px;
	left: -24px;
	color: #111;
	text-shadow: -1px -1px 1px rgba(255,255,255,0.1);
	text-transform: uppercase;
	
	-webkit-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-moz-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-o-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	-ms-transform: rotate(-90deg) translateX(-157%) translateY(73px);
	transform: rotate(-90deg) translateX(-157%) translateY(73px);
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* --------------------------------------------- */
/* ----------- PAGE NOTRE HISTOIRE---------------*/
/* --------------------------------------------- */

section.s_text_block.bg-primary.histoire {
    background-color: #d8dbde;
}


.latest-posts.notrehistoire{
    margin-top: 30px;
}

.post-date{
    width: 60px !important;
}

.tabs {
    position: relative;
	margin: 0px auto;
	width: 750px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	top: 40px;
}
.tabs input#tab-3{
	top: 80px;
}
.tabs input#tab-4{
	top: 120px;
}
.tabs input#tab-5{
	top: 160px;
}
.tabs label {
/*	background: #5ba4a4;*/
/*	background: -moz-linear-gradient(top, #5ba4a4 0%, #4e8c8a 100%);*/
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));*/
/*	background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);*/
/*	background: -o-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);*/
/*	background: -ms-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);*/
/*	background: linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);*/
	
	background: rgb(167,207,223); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );


	top: 10px;
	font-size: 13px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	display: block;
	/*width: 80px;*/
	width: 158px;
	margin:0;
	color: #444;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	float: left;
	clear: both;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;
}

.tabs input:hover + label {
	background: rgb(207,231,250); /* Old browsers */
background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); }

.tabs label:first-of-type {
    z-index: 5;
}

.tab-label-2 {
    z-index: 4;
}

.tab-label-3 {
    z-index: 3;
}

.tab-label-4 {
    z-index: 2;
}

.tab-label-5 {
    z-index: 1;
}
.tabs input:checked + label {
    background: #fff;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content_tab {
    background: #ffffff;
	position: relative;
    width: auto;
	margin: -200px 0 0 120px;
	height: 400px;
	z-index: 5;
	overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
}

.content_tab div {
    position: absolute;
	top: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.content_tab div{
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4,
.tabs input.tab-selector-5:checked ~ .content .content-5 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

.content_tab div h2,
.content_tab div h3{
	color: #444;
	margin: 0.83em 0;
    	text-align: left;
}
.content_tab div p {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}



/* --------------------------------------------- */
/* ------------------- JOB-----------------------*/
/* --------------------------------------------- */


.container.oe_website_jobs {
    margin-bottom: 20px;
}



i.fa.fa-picture-o {
    width: 60px !important;
    height: 55 px !important;
}






/* pb 8 avec la solution */

ul.oe_menu_editor ul {
    margin-left: 30px;
    margin-top: 3px;
}

/* pb 3 avec la solution */
.fixed-header {
	top: 0;
	position: fixed;  
	z-index:1030;
 
	 
}


/* utilisre dans le custom.js*/
.navbar-fixed-top { position: fixed;z-index: 1035;}


/*Used for  show style border-top footer */
footer   {
	display: block !important;
	padding-top : 0px !important;

	}
/**/

footer  
    .container {
            margin: 0 auto;
            margin-top: 0px;
            padding: 0px 0 30px;
            border-bottom: none;
}

/*  lorsque vous cliquer sur deconnecter le background-color sera grid  */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent !important;
}


/* center  logo */
header a.navbar-brand.logo{
    padding:  15px;
}
/* REDEFINIR CES CLASSE car on a supprimer class modern from snippet team*/
.team-member .member-socail a i {
	background-color: transparent;
	color: #666;
}
.team-member .member-socail a:hover i {
	color: #fff;
}

.team-member .progress {
	height: 3px;
	border-width: 2px;
	margin-bottom: 6px;
}

.team-member .progress-label {
	font-size: 12px;
	line-height: 2em;
	font-weight: 700;
}

.team-member .progress span {
	display: none;
}

/**/
 
.fa-color-default { color:#222 !important;}
.fa-color-beige { color: #fdb655 !important;}
.fa-color-blue { color: #000000; !important;}
.fa-color-cyan { color:#27bebe !important;}
.fa-color-green { color: #94c523 !important;}
.fa-color-jade { color:#0bb586 !important;}
.fa-color-orange { color: #f36510 !important;}
.fa-color-peach { color: #f49237 !important;  }
.fa-color-pink { color:#f1505b !important;}
.fa-color-purple { color: #6a3da3 !important;}
.fa-color-red { color:#ee3733 !important;}
.fa-color-sky-blue { color:#38cbcb !important;}
.fa-color-yellow { color: #f8ba01 !important;}


/* --------------------------------------------- */
/* ------------------- FAQ ----------------------*/
/* --------------------------------------------- */

.faq1 ul {
    list-style-type: disc;
}

.section-faq h1 {
    text-align: center;
    color: #d3d0d1;
    font-weight: 700;
    font-size: 36px;
    padding-top: 40px;
}

a.faq-lien {
    color: #2f3740;
}

.faq-title {
    font-weight: 700;
    text-align: left!important;
    font-size: 24px;
    padding-bottom: 10px;
}

p.faq-text {
    text-align: justify;
    font-size: 14px;
    padding-bottom: 10px;
    color: #999;
    margin:10px;
}

/* ----------------------------------------------------- */
/* ------------------- NOTRE HISTOIRE -------------------*/
/* ----------------------------------------------------- */

.bulle {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    z-index: 2;
    margin-top: 5px;
    border-radius: 6px;
    background-color: #196094;
}

.historique{
    text-align:center;
    color:#196094;
    font-weight:700;
}


// ---------------------------------- Slider produits 

#owl-bremaud, #owl-bremaud2, #owl-bremaud3, #owl-bremaud4, #owl-bremaud5, #owl-bremaud6, #owl-bremaud7, #owl-bremaud8, #owl-bremaud9, #owl-bremaud10 .item{
  display: block;
  padding: 30px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  padding: 8px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 2px;
}
 
//To move navigation buttons outside use these settings:
 
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -20px;
  top: 165px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -10px;
  top: 165px;
}


[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../icon/glyphicons-halflings-green.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 4px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("../icon/glyphicons-halflings-white.png");
}

.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}


/* --------------------------------------------- */
/* ------------------- LEXIQUE-------------------*/
/* --------------------------------------------- */

.band_ht_lexique {
    background-color: #2f3740;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
}

h1.text_band_ht_lexique1{
    color: #ffffff;
    font-size: 24px;
}
p.lettrine {
    background-color: #d3d0d1;
    width: 50px;
    height: 50px;
    font-size: 48px;
    text-align: center;
    padding-top: 14px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

.lexique-title {
    font-weight: 700;
    text-align: left!important;
    color: #2f3740;
    text-decoration: underline;
}

p.lexique-text {
    text-align: justify;
    font-size: 14px;
}

/* --------------------------------------------- */
/* ------------------- CREDIT IMPOT -------------*/
/* --------------------------------------------- */

.credit-title {
    font-weight: 700;
    text-align: left!important;
    padding-bottom: 10px;
}

/* --------------------------------------------- */
/* ------------------- DOP ----------------------*/
/* --------------------------------------------- */

hr.s_separator.dop{
    border-top: 2px solid #979696;
}

/* fenetre modal */

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #00d9ff;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	opacity: 1!important;
}

.close:hover { background: #337ab7; }