:root {
	--simulateur-menu-arrow: url('https://media.decoweb.com/misc/simulateur/menu_arrow.svg');
	--simulateur-select-arrow: url('https://media.decoweb.com/misc/simulateur/select_arrow.svg');
	--simulateur-arrow-left-white: url('https://media.decoweb.com/misc/simulateur/arrow_left_white.svg');
	--simulateur-arrow-right-white: url('https://media.decoweb.com/misc/simulateur/arrow_right_white.svg');
	--simulateur-target: url('https://media.decoweb.com/misc/simulateur/target.svg');
}

#simulateur {
	font-family: Arial, sans serif;   
	display: flex;
	flex-direction: row;
	position: absolute;
	overflow: hidden;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: #ececec;
	touch-action: none;
}
* {
	-webkit-tap-highlight-color: transparent;
}
#simulateur.hide,
#simulateur.hide * {
	display: none !important;
	visibility: hidden !important;
}
.mobile {
    filter: brightness(1) !important;    
}
#debug {
	display: none;
	position: fixed;
	z-index: 1200;
	background: white;
	padding: 5px;
	right: 0px;
	bottom: 50px;
	max-width: 50%;
}
button:focus {
	outline: 0;
}
#home_screen {
	display: none;
	position: fixed;			  
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 83%;
	z-index: 90;			 
	-webkit-flex-direction: column;	
	-webkit-box-orient: vertical;
	flex-direction: column;	  
	top: 0px;			 
}
#home_screen_top,
#home_screen_bottom {	 
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;			   
	-webkit-box-orient: horizontal;
	display: flex;
	flex-direction: row;		  
	align-items: flex-end;
	background: white;
	padding: 10px;
	width: 100%;
	text-transform: uppercase;
	padding-left: 570px;
	font-size: 14px;
	flex-shrink: 0;  
	flex-grow: 0;
}
#home_screen_top {
	height: 175px;  
	z-index: 91;
}
#home_screen_top a img {
	width: 24px;
	height: 24px;
}
#home_screen_bottom {
	height: 100px;	   
	z-index: 93;
	padding: 0px;	
}
#home_screen_contact input,
#home_screen_contact textarea {
	font-family: Arial, sans serif;
	font-size: 14px;
	resize: none;
	border: 1px solid #cecece;
	border-radius: 3px;
	padding: 0px 10px;
}
#home_screen_contact input {
	height: 35px;
}
.home_screen_popup {
	display: none;
	position: absolute;
	width: 390px;
	background: white;
	top: 195px;
	bottom: 120px;
	left: 540px;
	padding: 30px;		
	-webkit-flex-direction: column;  
	-webkit-box-orient: vertical;
	flex-direction: column;	  
	z-index: 92;
}
#home_screen_about a {
	text-decoration: none;
	color: black;
	transition: color 200ms;
}
.home_screen_about_title:hover > a {
	color: #68899a !important;
}
#close_about,
#close_contact {
	cursor: pointer;
	position: absolute;
	padding: 0px;
	border: 0px;
	margin-left: 390px;
	background: transparent;
	top: 30px;
	height: 20px;
	width: 20px;		 
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
}
#close_about img,
#close_contact img {
	height: 20px;
	width: 20px;
}
#form_contact {	   
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
#form_contact > div:last-child {
	justify-content: space-between;
}
#form_contact > div:first-child > input {
	width: 166px;
}
#contact_send:disabled {
	background: #808080cc;
	cursor: initial;
}
#contact_send {
	width: 110px;
	height: 28px;
	font-size: 12px;
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	cursor: pointer;
	align-items: center;
	transition: background-color 400ms;
	pointer-events: auto;
	text-decoration: none;
}   
#contact_send > * {
	flex-grow: 1;
	flex-shrink: 0;
}
#contact_send img {
	height: 50%;
	width: 20%;
}
#home_screen_contact textarea {
	flex-grow: 1;
	padding: 10px;
}
#form_contact > * {
	margin-top: 16px;
}
#form_contact > div {   
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#form_contact > div > input {
}
#contact_subtext {
	font-size: 11px;
}
#contact_message {
	justify-self: start;
	flex-grow: 1;
	text-align: end;
	margin-right: 6px;
	opacity: 0;
	transition: opacity 500ms;
}
#home_screen_about_space {
	flex-grow: 1;
}
#home_screen_logo {
	width: 90px;
	right: 10%;						  
}
.home_screen_about_text, .home_screen_about_title {
	font-size: 14px;
	margin-bottom: 24px;
	text-align: justify;
}
.home_screen_about_text a {
	color: black;
	text-decoration: none;
}
.home_screen_about_text b {
	white-space: nowrap;
}
.home_screen_about_title, .home_screen_about_title_bottom {
	font-weight: 700;
}
.home_screen_about_title {
	text-transform: uppercase;
}
.home_screen_about_text_bottom {  
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	display: flex;
	flex-direction: column;
}
.home_screen_about_title_bottom, .home_screen_about_text_bottom {
	font-size: 11px;
	margin-bottom: 16px;
}
.home_screen_about_text_bottom:last-child {
	margin: 0px;
}
#home_screen_top > * {
	margin-right: 50px;
	margin-bottom: 50px;
	height: 24px;		 
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
#home_screen_top .clickable {
	cursor: pointer;
	transition: color 200ms;
}	 
#home_screen_top .clickable.selected {
	color: #30afbb;
}
#home_screen_top .clickable:hover {
	color: #68899a;
}
#home_screen_top a {
	margin-left: 14px;
	transition: padding 200ms;	 
}
#home_screen_top a:hover {
	padding-bottom: 8px;
}
#home_screen_center {
	flex-grow: 1;
	align-self: flex-start;
	width: 100%;	 
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;	  
	display: flex;
	flex-direction: row; 
	flex-grow: 1;
	flex-shrink: 1;
	height: 100%;
}
#home_screen_content_back {
	background: white;
	z-index: 92;
	flex-shrink: 0;
	flex-grow: 1;	 
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;   
	-webkit-box-orient: vertical;
	display: flex;
	flex-direction: column;
}
#home_screen_content_simu {
	width: 100%;
	flex-grow: 1;
	opacity: 0;
	cursor: pointer;
}
#home_screen_content {
	width: 290px;
	background-color: #f15454;
	margin-right: 30px;
	padding: 130px 125px 0px 125px;
	color: white;  
	flex-grow: 1;
	flex-shrink: 0;
}
#home_screen_content_title {
	font-size: 20px;
	height: 84px;
}
#home_screen_content_title > span {
	font-size: 90px;
	font-weight: 700;
}
#home_screen_content_line {
	margin: 30px 0px;
	border-bottom: 1px solid white;
}
.home_screen_content_text {
	margin-top: 30px;
	font-size: 15px;
	text-align: justify;
}
#home_screen_content_subtitle {
	font-size: 37px;
	font-family: 'Lato', sans-serif;
}
#home_screen_content_share {
	background: #f15454;
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;	  
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	transition: width 200ms;
	bottom: 170px;
	left: 415px;
	overflow: hidden;
	border: 1px solid white;
	z-index: 93;
}
#home_screen_content_share:hover {
	width: 230px;
}
#home_screen_content_share > div:first-child {
}
#home_screen_content_share > div:not(:first-child) {
	padding: 0px 5px;
}		 
#home_screen_content_share > div:not(:first-child):hover img { 
	opacity: 1;
}					 
#home_screen_content_share > div:first-child img {   
	opacity: 1;
}			
#home_screen_content_share > div a {
	width: 100%;
	height: 100%;	 
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
#home_screen_content_share > div img {
	transition: opacity 200ms;
	height: 40%;
}				 
#home_screen_content_share > div:not(:first-child) img { 
	opacity: 0.8;				   
}
#home_screen_content_share > div {   
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}

.home_screen_small {
	display: none;
}
#home_screen_sols,
#home_screen_pieces {
	left: 540px;
	position: absolute;
	cursor: pointer;  
	z-index: 92;
}
#home_screen_sols > *,
#home_screen_pieces > * {
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-grow: 1;
}
#home_screen_sols {
	top: calc(50% - 50px);
	background: white;
	padding: 10px;
}
#home_screen_sols > button {
	padding: 10px 0px 0px 0px;
	justify-content: space-around;
	margin-bottom: 0px;
}
#home_screen_sols > button > * {
	display: -webkit-box;			 
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	display: flex;
	flex-direction: column;   
	flex-shrink: 0;		  
	flex-grow: 1;
}	 
#home_screen_button {
	position: absolute;
	right: 20%;
	bottom: 20%;
	border: 1px solid white;
	padding: 10px;
	font-size: 22px;
	color: white;
	cursor: pointer;
	transition: background 200ms;
	background: rgba(241,84,84,0.7);
}
#home_screen_button:hover {
	background: rgba(241,84,84,1);
}
#simulateur.homescreen  > #home_screen {  
	display: -webkit-flex;
	display: -webkit-box;   
	display: flex;				 
}
#close_pop {
	position: fixed;
	cursor: pointer;
	z-index: 92;
	background: white;
	padding: 5px;
	border-radius: 0px 0px 0px 2px;
	right: 0px;
	top: 0px;
}
#close_pop img {
	width: 20px;
}
#logo { 
	position: fixed;
	right: 40px;   
	z-index: 31;
	display: flex;
	flex-direction: row;
}
.logo {        
	cursor: pointer;
}
#home_screen_logo {
	position: fixed;
	right: 40px;
	z-index: 93;
	cursor: pointer;
}
#ico_logo {
	background: #6d6658;
	padding: 6px 5px;
	width: 15px;
	height: 13px;   
	margin-right: 10px; 
	align-self: end;
	align-self: flex-end;
}  

#home_screen_logo,
#img_logo,
#catalogue_logo {      
	width: 260px;
	}
	
#home_screen_logo,
#img_logo {
	margin-top: 80px;
	width: 260px;
}
#logo.clickable,
.logo.clickable {
	cursor: pointer;
}
#overlayZoom {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 100;
	height: 100%;
	background-color: rgb(0, 0, 0);
	display: none;
	opacity: 0;
	animation: opacity 200ms;
}
#screen_left,
#screen_right {
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	position: fixed;
	display: none;
	flex-direction: row;
	align-items: center;
	transition: 400ms;
	z-index: 50;
	top: 50%;
	transform: translateY(-50%);
}   
#share_content {
	display: -webkit-flex;	   
	display: -webkit-box;	   
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal; 
	transition: width 200ms;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: flex-start !important;
}
#share_content:hover {
	width: 210px !important;
}
#share_content > div {
	flex-grow: 0;
	flex-shrink: 0;
}
#screen_left_actions {
	display: -webkit-flex;	  
	display: -webkit-box;	   
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	display: flex;
	flex-direction: row;
}
#screen_left_actions > div,
#share_content > div {
	background: white;
	width: 48px;
	height: 48px;
	display: -webkit-flex;	   
	display: -webkit-box;		
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	margin-right: 3px;
}
#screen_left_actions > div.disabled,
#share_content > div.disabled {
	cursor: initial;  
}			 
#screen_left_actions > div.disabled > img,
#share_content > div.disabled > img {
	opacity: 0.3;
} 
#screen_left_actions > div > img,
#share_content div > img {
	transition: opacity 200ms;
	opacity: 0.7;
	height: 40%;
}  



#product_zooms_right,
#product_zooms_left {	
	width: 100%;
	height: 100%;
	display: none;	 
	margin-left: auto;
	margin-right: auto;
	z-index: 85;			
	flex-direction: column;               
	justify-content: space-between;       
	position: fixed;
	align-items: center;  
}	      

.swiper-space {       
    content: ' ';
    height: auto;
    width: 100%;
    min-height: 20px;
    display: block;
    flex-grow: 10;
}

.swiper-background {
	background: black;
	opacity: 0.7;	
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 84;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}   
#product_zooms_left_slides,
#product_zooms_right_slides {   
	width: 100%;
	z-index: 85;     
	display: flex;   
	flex-direction: row;    
	align-items: center;  
	justify-content: center;    
} 
#product_zooms_left_gallery,
#product_zooms_right_gallery {
	height: 15%;
	width: 100%;
	z-index: 85;
	display: flex;   
	flex-direction: row;    
	align-items: center;  
	justify-content: center;      
}			  
.zoom_thumb {
	cursor: pointer;      
	width: auto;
	height: 100%;  
	display: block;  
	flex-grow: 0;      
	max-height: 160px;   
	width: max-content;
}
.zoom_thumb > * {	
	display: flex;
	height: 100%;   
	width: auto;
	cursor: pointer;   
	flex-grow: 0; 
}   
.video {
    max-width: 536px;
}
.swiper-button:hover {
	filter: brightness(0.5);	
}             
.swiper-button:not(:hover) {
	filter: brightness(1) !important;	
}  
		  
.thumb_play, .thumb_pause {
	display: flex;
	flex-direction: row;
	z-index: 10;
	justify-content: center;
	align-content: center;  
	overflow: hidden; 
	width: inherit !important;
    height: 100%;
    flex-grow: 0;
    margin-top: -100%;
    -ms-display: none !important;
}

// IE and EDGE
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.thumb_play, .thumb_pause {      
    	display: none !important;
	}
}

.thumb_play img, .thumb_pause img {
	height: 50%;                
	z-index: -20; 
	padding-top: 25%;
}            
				
.zoom_thumb.play .thumb_play img {
	z-index: 20;
}

.zoom_thumb.pause .thumb_pause img {
	z-index: 20;
}                           

.swiper-button:active {
	filter: brightness(1);	
}
.swiper-button.swiper-button-disabled {

}
.swiper-button {
	height: 100%;            
	top: 0px;
	margin: 0px;
	transition: filter 200ms, left 200ms, right 200ms, opacity 200ms;
	width: 80px;
}
.swiper-slide {
	height: 100%;    
	display: flex;
	justify-content: center;
	align-items: center;               
}	      
.swiper-wrapper {   
	display: flex;        
	flex-direction: row;
	height: 100%;                
}        
.swiper-container {    
	display: flex;        
	flex-direction: row;
	height: 100%;                
}                   
.swiper-slide > * {            
    height: 100%;   
    max-height: 536px;                        
   // width: max-content;
    max-width: calc(100% - 250px);
}      
.zoom_thumb > * {      
	border: 3px solid transparent;
	transition: border-color 200ms;
}                      
.zoom_thumb > *:nth-child(1) { 
	z-index: 10;
}
  
.zoom_thumb.selected > *:nth-child(1) {
	border-color: rgb(127,127,127);
}
.swiper-close {
	position: absolute;
	right: 5%;
	top: 8%;
	cursor: pointer;
	height: 25px;
	background: white;
	border-radius: 100px;
	padding: 7px;
	z-index: 86;
}
#screen_left_actions > div:not(.disabled):hover > img,
#share_content > div:not(:first-child):not(.disabled):hover > img,
#share_content:hover > div:first-child > img {
	opacity: 1;
}
#screen_left {
	left: -235px;
	pointer-events: none;
}
#screen_right {
	right: -235px;
}
#screen_left.open {
	left: 0px;
}
#screen_right.open {
	right: 0px;
}
#screen_left_panel,
#screen_right_panel {
	display: -webkit-flex;	  
	display: -webkit-box;	   
	-webkit-flex-direction: column;  
	-webkit-box-orient: vertical;  
	display: flex;
	flex-direction: column;
	width: 160px;
	margin: 0px;
	background: white;
	padding: 5px;
	z-index: 51;
	padding: 24px 40px;
	font-size: 13px;
	border: 1px solid #E1E1E1;
	pointer-events: auto;
}   
#simulateur.catalogue #screen_left_panel,
#simulateur.catalogue #screen_right_panel {
	min-height: 550px;
}
.sub_title {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px !important;
}
#screen_reference_left, #screen_right_reference {
	margin-bottom: 10px;
}
#ref_text_left,
#ref_text_right {
	color: #68899a;
}
#simulateur.catalogue #button_return_site {
	display: none;	
}
#button_return_site {
    height: 50px;
}
#screen_left_button {
	margin-left: 240px;
	border-radius: 0px 80px 80px 0px;
	left: 0px;
}
#screen_right_button {
	margin-left: -40px;
	border-radius: 80px 0px 0px 80px;
	left: 0px;
}
#screen_left_button,
#screen_right_button {
	width: 40px;
	height: 80px;
	transition: 200ms;
	cursor: pointer;
	position: absolute;
	pointer-events: auto;
	top: calc(50% - 40px);
}
#screen_left_button div,
#screen_right_button div {
	background-repeat: no-repeat;
	background-position: center;
	transition: 400ms;
	width: 100%;
	height: 100%;
	background-size: 40%;
}
#screen_left_button div {
	background-image: var(--simulateur-menu-arrow);
	transform: rotate(180deg);
	transform-origin: 17px;
	background-position-x: 7px;
}
#screen_right_button div {
	background-image: var(--simulateur-menu-arrow);
	transform-origin: 22px;
	background-position-x: 12px;
}
#screen_left_button:hover,
#screen_right_button:hover {
	background-color: #d73939;
}
#screen_left.open #screen_left_button div {
	transform: rotate(0deg);
}
#screen_right.open #screen_right_button div {
	transform: rotate(180deg);
}
.title {
	font-size: 22px;
	color: black;
	font-weight: bold;
	margin-bottom: 15px;
}
#screen_left_produit_selectionne,
#screen_right_produit_selectionne,
#screen_left_angle,
#screen_right_angle {
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
}
#screen_left_angle,
#screen_right_angle {
	display: -webkit-flex;							  
	display: -webkit-box;							   
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;					   
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#screen_left_thumb,
#screen_right_thumb {
	width: 160px;
	height: 160px;
	margin-bottom: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
#product_thumb {
	width: 160px;
	height: 160px;
	cursor: pointer;
}
#product_thumb_zoom {
	cursor: pointer;
	margin-left: 55px;
	margin-top: -21px;
}
#screen_left_thumbs,
#screen_right_thumbs {
	display: block;	  
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;	  
	flex-direction: row;
	align-items: center;
}
#thumbs_images_left,
#thumbs_images_right {
	width: 100%;
	overflow: hidden;
}
#thumbs_images_container_left,
#thumbs_images_container_right {
	display: -webkit-flex;		 
	display: -webkit-box;							   
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;				  
	-webkit-flex-wrap: wrap;						   
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 170px;
	transition: margin 200ms;
}
#thumbs_images_container_left > div,
#thumbs_images_container_right > div {
	display: -webkit-flex;							  
	display: -webkit-box;							   
	-webkit-flex-direction: row;  
	-webkit-box-orient: horizontal;					  
	-webkit-flex-wrap: wrap;							
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 164px;
	width: 164px;
	align-items: start;
}
#screen_left_div_pieces.open {
	display: block;
}
#colors.open {
	display: -webkit-flex;							  
	display: -webkit-box;		   
	display: flex;
}
#screen_left_div_pieces.close,
#colors.close {
	display: none;
}
.thumbs_image img {
	max-width: 100%;
    max-height: 100%;
}        
.thumbs_image {    
	overflow: hidden;  
	width: 74px;
	height: 74px;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	border: 2px solid transparent; 
	display: flex;          
	justify-content: center; 
	align-items: center;
}
.thumbs_image.selected {
	border-color: #919191;
	border-radius: 2px;
}
#thumbs_div_left_left,
#thumbs_div_left_right {
	margin-left: -30px;
	margin-top: -2px;
}
#thumbs_div_right_left,
#thumbs_div_right_right {
	margin-left: 165px;
	margin-top: -174px;
}
#thumbs_div_left_left,
#thumbs_div_right_left,
#thumbs_div_left_right,
#thumbs_div_right_right {
	display: -webkit-flex;						  
	display: -webkit-box;						   
	-webkit-flex-direction: row;  
	-webkit-box-orient: horizontal;				  
	cursor: pointer;
	width: 25px;
	position: absolute;
	margin-bottom: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 170px;
	z-index: 51;
}
#thumbs_div_left_left:hover > img,
#thumbs_div_right_left:hover > img,
#thumbs_div_left_right:hover > img,
#thumbs_div_right_right:hover > img {
	opacity: 1;
}
#thumbs_div_left_left > img, #thumbs_div_right_left > img, #thumbs_div_left_right > img, #thumbs_div_right_right > img {
	width: 16px;		  
	height: 25px;
	transition: opacity 200ms;
	opacity: 0.7;		  
}
#thumbs_arrow_right_right,
#thumbs_arrow_left_right {
	cursor: pointer;
}
#pieces_images_container {
	display: -webkit-flex;									 
	display: -webkit-box;									  
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;						   
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100%;
	align-content: flex-start;
	transition: margin 200ms; 
	flex-grow: 1;
	flex-shrink: 0;
}
#screen_left_pieces_title {
	margin-top: 5px;
	font-size: 13px;
	text-align: left;
	background: white;
}
#screen_left_types_pieces {
	display: -webkit-flex;									
	display: -webkit-box;									 
	-webkit-flex-direction: column;	  
	-webkit-box-orient: vertical;					 
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	font-weight: bold;
}
#screen_left_types_pieces div:hover {
	color: #258089;
}
#screen_left_types_pieces div {
	margin-bottom: 10px;
	transition: color 200ms;
	display: -webkit-flex;									
	display: -webkit-box;									 
	-webkit-flex-direction: row;	  
	-webkit-box-orient: horizontal;						
	display: flex;
	flex-direction: row;
	align-items: center;
}
#screen_left_types_pieces div label {
	flex-grow: 1;
	height: 100%;
	width: 100%;
	display: -webkit-flex;									
	display: -webkit-box;									 
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;						  
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#screen_left_types_pieces input:checked + img + label {
	color: #30afbb;
}
#screen_left_types_pieces img {
	margin-right: 10px;
	height: 12px;
	width: 12px;
}
#product_thumb_left,
#product_thumb_right {
	max-height: 160px;
	max-height: 160px;
	cursor: pointer;
}
#screen_left_types_pieces input {
	display: none;
}
#screen_left_col_buttons {
	z-index: 50;
	align-self: flex-start;
	pointer-events: none;
	position: absolute;
	margin-left: 245px;
	left: 0px;
	top: 0px;
}
#screen_left_pieces_div {
	height: 100%;
	overflow: hidden;
	flex-grow: 1;
	margin: 0px 50px;
	transition: width 200ms;		  
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;	
	-webkit-box-orient: vertical;   
	display: flex;
	flex-direction: column;
}
#colors_left {
	display: -webkit-flex;						  
	display: -webkit-box;						   
	-webkit-flex-direction: column;	
	-webkit-box-orient: vertical;			 
	display: flex;
	flex-direction: column;
}
#color_remove {
	display: -webkit-flex;										
	display: -webkit-box;										 
	-webkit-flex-direction: row;	
	-webkit-box-orient: horizontal;							  
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 7px;
	margin-left: -20px;
}
#color_remove img {
	width: 60px;
	cursor: pointer;
}
.red_button {
	background-color: #f15454;
	transition: background-color 200ms;
	border: 0px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
.big_red_button {
	height: 100px;
	width: 100px;
	font-size: 11px;
	pointer-events: auto;
	margin-bottom: 3px;
	display: -webkit-flex;										
	display: -webkit-box;										 
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;							  
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: stretch;
	padding: 12px 0px;
	text-align: center;
}  
#button_pieces img {
	height: 40px;
	flex-grow: 1;
	flex-shrink: 0;   
}
#home_screen_sols img {
	height: 22px;   
}     
#button_sols_left img, #button_sols_right img {
	height: 30px;
	flex-grow: 1;
	flex-shrink: 0;
    max-height: 70%;
}
#screen_left_col_buttons button > *,
#button_sols_right > * {
	display: -webkit-flex;										
	display: -webkit-box;										 
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;							  
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-grow: 1;
	height: 50%;
}
#screen_left_angle_barre, #screen_right_angle_barre {
	display: none;	
	width: 100%;
	height: 34px;
	margin-bottom: 34px;
	border-bottom: 1px solid #E1E1E1;
}
.red_button:hover {
	background-color: #ef3f3f;
}
#button_sols_left,
#button_sols_right {
	display: none;
}
#catalogue {
	position: fixed;
	width: 100%;
	height: 450px;
	background: rgba(255, 255, 255, 0.95);
	z-index: 80;
	top: 0px;
	transition: margin-top 800ms;
	margin-top: -450px;		
	-webkit-flex-direction: column;   
	-webkit-box-orient: vertical;	
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition-funcion: cubic-bezier(.56,.07,.43,.93);
	margin-bottom: 80px;
	display: none;
}				 

#simulateur.catalogue #catalogue {	  
	display: -webkit-flex;							  
	display: -webkit-box;							   
	-webkit-flex-direction: column;   
	-webkit-box-orient: vertical;				  
	display: flex;					  
}
	  
#catalogue.open #catalogue_zone_under {  
	height: 0px;
	bottom: 0px;
}
#catalogue_zone_under {
	width: calc(100% - 280px);
	height: 80px;
	position: absolute;
	bottom: -80px;
	transition: bottom 800ms, height 800ms;
	left: 0px;
}
#catalogue.open {
	margin-top: 0px;
}
#simulateur.catalogue #button_sols_left,
#simulateur.catalogue #button_sols_right {
	display: -webkit-flex;								
	display: -webkit-box;								 
	display: flex;
}
#catalogue_content {
	width: 1408px;
	height: 100%;
	display: -webkit-flex;								
	display: -webkit-box;								 
	-webkit-flex-direction: column;   
	-webkit-box-orient: vertical;					
	justify-content: space-around;
	display: flex;
	flex-direction: column;
	margin: 40px 0px;
}
#close_catalogue {
	cursor: pointer;
	position: absolute;
	padding: 0px;
	border: 0px;
	top: 20px;
	margin-left: 1430px;
	background: transparent;
}
#close_catalogue > img {
	width: 16px;
}
#button_sols_right {
	position: absolute;
	align-self: start;
	right: 245px;
	margin-top: 98px;
}
#catalogue_products,
#catalogue_products_empty {
	height: 166px;
	display: -webkit-flex;								
	display: -webkit-box;								 
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;					 
	display: flex;
	flex-direction: row;
}
#catalogue_products_empty {
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
#catalogue_header {
	display: -webkit-flex;							   
	display: -webkit-box;								
	-webkit-flex-direction: row;   
	-webkit-box-orient: horizontal;					  
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 110px;
}
#catalogue_logo {
	align-self: flex-start;    	
    	padding-top: 10px;
}
#catalogue_header_left {
	display: -webkit-flex;							   
	display: -webkit-box;								
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;					  
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
#catalogue_header_left_top {
	display: -webkit-flex;									 
	display: -webkit-box;									  
	-webkit-flex-direction: row;   
	-webkit-box-orient: horizontal;							
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	height: 28px;
}
#catalogue_header_filters {
	display: -webkit-flex;									 
	display: -webkit-box;									  
	-webkit-flex-direction: row;   
	-webkit-box-orient: horizontal;							
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#catalogue_header_center {
	width: 717px;
	justify-content: space-around;
	display: -webkit-flex;									 
	display: -webkit-box;									  
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;							
	display: flex;
	flex-direction: column;
}
#catalogue_header_categories {
	display: -webkit-flex;								 
	display: -webkit-box;								  
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;						  
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	height: 28px;
}
#catalogue_header_categories > div {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	transition: color 200ms;
}
#catalogue_header_categories > .type_selected {
	color: #30afbb;
}
#catalogue_header_categories > div:hover {
	color: #258089;
}
#catalogue input,
#catalogue select {
	height: 40px;
	font-size: 15px;
	border: 1px solid #E1E1E1;
}
#catalogue_header_filters select {
	width: 300px;
	padding: 0px 10px;
	-moz-appearance: none;
/* Firefox */
	-webkit-appearance: none;
/* Safari and Chrome */
	appearance: none;
	background-image: var(--simulateur-select-arrow);
	background-repeat: no-repeat;
	background-position-x: 270px;
	background-position-y: 50%;
	background-size: 7% 100%;
}
#catalogue_header_filters select::-ms-expand {
	display: none;
}
#catalogue #search {
	width: 225px;
	padding: 0px 35px 0px 10px;
}
#search_button {
	position: absolute;
	margin-top: -42px;
	height: 42px;
	width: 42px;
	display: -webkit-flex;								  
	display: -webkit-box;								   
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 230px;
	cursor: pointer;
}
#search_button > img {
	transition: transform 200ms;
	height: 45%;
}
#search_button:hover > img {
	transform: scale(1.15);
}
#catalogue_header_left_numbers {
	text-transform: uppercase;
	color: red;
	font-size: 12px;
}
#catalogue_header_left_title {
	font-size: 22px;
	font-weight: 700;
}	 
.catalogue_product {
	width: 166px;
	height: 166px;
	background: lightgray;
	margin: 0px 5px;
	flex-shrink: 0;
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
	color: gray;
	font-size: 11px;
	text-align: center;
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.catalogue_product > img {
	max-width: 100%;   
	max-height: 100%;
	flex-grow: 0;  
	flex-shrink: 0;
}
#catalogue_products_list_content {
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	display: flex;
	flex-direction: row;
	transition: margin 200ms;
}
#catalogue_products_list {
	width: 100%;
	overflow: hidden;
}
#catalogue_products > button {
	background: transparent;
	border: 0px;
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
	//position: absolute;
	height: 166px;
}   
#catalogue_nav_next img, #catalogue_nav_prev img {
	width: 35px;   
	opacity: 0.8;		   
	transition: opacity 200ms;
}
#catalogue_nav_prev:hover > img, #catalogue_nav_next:hover > img {
	opacity: 1;
}
#catalogue_nav_prev {
	margin-left: -54px;
}
#catalogue_nav_next {
	margin-right: -64px;
}
#screen_left_div_pieces {
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;					   
	display: none;
	flex-direction: row;
	background: white;
	position: absolute;
	height: 420px;
	-moz-user-select: none;
	user-select: none;
	z-index: 60;
	padding: 20px 0px 20px 20px;
	pointer-events: auto;
}
#close_pieces,
#close_colors {
	align-self: flex-start;
	background: white;
	border: 0px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0px;
	background: transparent;
}
#close_pieces > img,
#close_colors > img,
#close_prod > img,
#close_about > img,
#close_contact > img,
#close_catalogue > img {
	opacity: 0.9;
}
#close_pieces:hover > img,
#close_colors:hover > img,
#close_prod:hover > img,
#close_about:hover > img,
#close_contact:hover > img,
#close_catalogue:hover > img {
	opacity: 1;
}
#screen_left_div_pieces > div {
	background: white;
	display: -webkit-flex;						
	display: -webkit-box;						   
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;			   
	display: flex;
	flex-direction: row;
	height: 100%;
	width: 100%;
}
#screen_left_div_pieces_left {
	display: -webkit-flex;						 
	display: -webkit-box;						  
	-webkit-flex-direction: column;  
	-webkit-box-orient: vertical;			  
	display: flex;
	flex-direction: column;
	flex-grow: 0;
	flex-shrink: 0;
	width: 150px;
}
#pieces_right,
#pieces_left {
	display: -webkit-flex;						 
	display: -webkit-box;						  
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 50px;
	align-items: center;
	position: absolute;
	height: calc(100% - 40px);
	top: 18px;
}
#pieces_right img, #pieces_left img {
	width: 70%;	   
	transition: opacity 200ms;
	opacity: 0.8;
}

#pieces_right {
	padding-right: 4px;
	right: 0px;
}
#pieces_left {
	left: 170px;
}
#pieces_right:hover > img,
#pieces_left:hover > img {
	opacity: 1;
}
.piece_image {
	width: 125px;
	height: 94px;
	flex-shrink: 0;
	flex-grow: 0;
	margin: 5px;
	cursor: pointer;   	
	background: lightgray;
	flex-shrink: 0;
	cursor: pointer;
	-moz-user-select: none;
	user-select: none;
	color: gray;
	font-size: 11px;
	text-align: center;
	display: -webkit-flex;								  
	display: -webkit-box;								   
	display: flex;
	justify-content: center;
	align-items: center;
}         
.piece_image > img {
	display: none;
	width: 100%;
	height: 100%;	
	flex-grow: 1;  
	flex-shrink: 0;
}      
.piece_image > div {   
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
}
#simu,
#simu_2 {
	display: none;
	width: 1920px;
	height: 1440px;
	position: fixed;
	top: 0px;
	left: 0px;
	transform-origin: top left;
	overflow: hidden;
}
#compute,
#loading {
	display: none;
	position: fixed;
	top: calc(50% - 23px);
	left: calc(50% - 100px);
	width: 210px;
	padding: 12px;
	text-align: center;
	border: 1px solid #c8c8c8;
	background-color: white;
	color: #4A4845;
	z-index: 70;
	font-size: 14px;
	font-weight: bold;
	min-height: 17px;
}
.MultiBoxContainer {
	margin-top: -20px;
	height: auto;
}
#OverlayContainer {
	overflow: hidden;
}
#message_top {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(57, 59, 68, 0.9);
	z-index: 110;
	display: none;
	-webkit-flex-direction: column;	 
	-webkit-box-orient: vertical;		   
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
#message_top_turn,
#message_top_catalogue_small {
	display: none;
}

#message_top_catalogue_small {
	height: auto !important;
}

#message_top > img {
	width: 190px;  	
	padding: 5px;    	
	padding-top: 5px;   	
	background: white;  	
	padding-top: 25px;
}

#message_top > div,
#message_top_catalogue_small > div {
	display: -webkit-flex;						   
	display: -webkit-box;							
	-webkit-flex-direction: column;	 
	-webkit-box-orient: vertical;			 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}
#message_top_turn,
#message_top_catalogue_small {
	background: white;	  
	-webkit-flex-direction: column;	 
	-webkit-box-orient: vertical;	 
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	width: 160px;
	height: 220px;
	padding: 20px;
}
#message_top_turn > img,
#message_top_catalogue_small > img {
	margin-bottom: 20px;
	width: 110px;
}
#message_top span {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}
#message_top .red {
	color: red;
}
#message_top div * {
	margin: 10px;
}
.radio_angle {
	margin: 0;
	padding: 0;
	display: none;
	transition: all 200ms;
}
.angle_label {
	transition: opacity 200ms;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	display: inline-block; 
	opacity: 0.5;
}
.angle_label > img {
	width: 100%;
	height: 100%;
}
#info_prod_left {
	left: 0px;
}
#nav_prod_left,
#nav_prod_right {
	display: none;
	position: fixed;
	z-index: 40;
	bottom: 60px;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: row;
	width: 100%;
	align-items: center;
	pointer-events: none;
	justify-content: center;
	-moz-user-select: none;
	user-select: none;
	transition: margin 400ms;
}			
#home_screen_sols {
  top: calc(50% - 46px);
}
#nav_prod_left > div,
#nav_prod_right > div {
	width: 42px;
	height: 42px;
	background: white;
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
	display: -webkit-flex;																  
	display: -webkit-box;				
	-webkit-flex-direction: row;  
	-webkit-box-orient: horizontal;		
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
}					 
#nav_prod_left > div.disabled > img,
#nav_prod_right > div.disabled > img {
	opacity: 0.3 !important;
}
#nav_prod_left > div.disabled,
#nav_prod_right > div.disabled {
	cursor: default;
}
#nav_prod_left > div > img ,
#nav_prod_right > div > img {
	transition: opacity 200ms;		
	opacity: 0.7 !important;
	width: 20px;
	height: 18px;
}
#nav_prod_left > div:not(.disabled):hover > img,
#nav_prod_right > div:not(.disabled):hover > img {   
	opacity: 1 !important;
}
#info_prod_right,
#nav_prod_right {
	right: 0px;
}
#screen_left_coloris,
#screen_right_coloris {
	margin-bottom: 10px !important;
	margin-top: 10px;
	flex-grow: 1;
}
#info_prod_left,
#info_prod_right {
	display: none;
	position: fixed;
	z-index: 40;
	bottom: 14px;
	-webkit-flex-direction: column;  
	-webkit-box-orient: vertical;  
	flex-direction: column;
	width: 100%;
	align-items: center;
	pointer-events: none;
	transition: margin-bottom 400ms, background 200ms;
}
#info_prod_left_button,
#info_prod_right_button {
	width: 200px;
	height: 42px;
	font-size: 14px;
	display: -webkit-flex;  
	display: -webkit-box;  
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal; 
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	cursor: pointer;
	align-items: center;
	transition: margin 400ms, background-color 200ms;
	pointer-events: auto;
	text-decoration: none;	  
}			 
#info_prod_left_button img,
#info_prod_right_button img {
	height: 50%;
}
.angle_label:hover {
	opacity: 0.8;
}
.radio_angle:checked +.angle_label {
	opacity: 1;
}
.label_angle_0 {
}
.label_angle_45 {
}
.label_angle_90 {
}
.label_angle_135 {
}            
#product_thumb_zoom_link_left,
#product_thumb_zoom_link_right {         
	position: absolute;
	z-index: 51;
	cursor: pointer;
	margin-right: -55px;
	margin-left: 55px;
	margin-top: 55px;
	margin-bottom: -55px;     
}
@supports (overflow:-webkit-marquee)
    and (justify-content:inherit) {
        #product_thumb_zoom_link_left,
        #product_thumb_zoom_link_right {   
            margin-left: -30px !important;
            margin-top: 100px !important;
        }      
}           
@media screen and (min-width:0\0) {               
        #product_thumb_zoom_link_left,
        #product_thumb_zoom_link_right {  
            margin-left: -35px !important;
            margin-top: 42px !important;  
        }
}
        
#product_thumb_zoom_link_right {
}
#product_thumb_zoom_link_left:hover img,
#product_thumb_zoom_link_right:hover img {
	transform: scale(1.05);
}
#product_thumb_zoom_link_left img,
#product_thumb_zoom_link_right img {
	transition: transform 200ms;  
	width: 31px;
	height: 31px;
}
#screen_produit_left,
#screen_produit_right {
	height: 46px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 15px;
	overflow: hidden;

}
#bottom_buttons_2 {
	display: none;
}
#bottom_buttons_1_close_comp {
	display: none;
}
#div_button_comparateur, .button_comp_close {
	margin-left: -20px;
	margin-right: -20px;
	height: 44px;
}
#screen_left_pieces_right {
	display: -webkit-flex;	  
	display: -webkit-box;		 
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;	
	display: flex;
	flex-direction: column;
	height: 100%;
}
#div_button_comparateur button, .button_comp_close button {
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: bold;
	display: -webkit-flex;			   
	display: -webkit-box;			   
	display: flex;
	justify-content: space-around;
	background: white;
	border: 1px solid #E1E1E1;
	cursor: pointer;
	transition: background 200ms;
	align-items: center;
	flex-direction: row;
}
#div_button_comparateur > button > span,
.button_comp_close > button > span {	  
	flex-grow: 1;					  
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;	   
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#div_button_comparateur button img, .button_comp_close button img {
	height: 16px;
	width: 16px;
	flex-grow: 1;
	flex-shrink: 1;
}
#div_button_comparateur button img {
	margin-left: 14px;
}
.button_comp_close button img {
	margin-right: 14px;
	flex-shrink: 0;
}
.button_comp_close {
	display: none;
}
#div_button_comparateur:hover button, .button_comp_close:hover button {
	background: #F2F2F2;
}
label {
	cursor: pointer;
}
.color_remove_small_11, .color_remove_small_15 {
	display: none;
	width: 55px;
	height: 55px;
	margin: 3px;				 
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;	  
	flex-direction: row;
	justify-content: center;
}
#separator {
	height: 100%;
	width: 100px;
	cursor: col-resize;
	left: 50%;
	right: 50%;
	position: fixed;
	z-index: 20;
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;	  
	flex-direction: row;
	justify-content: center;
	display: none;
	transition: left 0px;
}
#separator_center {
	border: 2px solid white;
	width: 0px;
}
#separator_left,
#separator_right {
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	margin: 3px;
}
#separator_left {
	background-image: var(--simulateur-arrow-left-white);
}
#separator_right {
	background-image: var(--simulateur-arrow-right-white);
}	
#separator_left, #separator_right {
	background-size: 80%;
}
.target {
	position: absolute;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: var(--simulateur-target);
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#colors {
	display: none;
	background-color: white;
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;   
	flex-direction: row;
	padding: 20px 40px 20px 20px;
	position: fixed;
	z-index: 30;
}
#colors_list div {
	width: 60px;
	height: 60px;
	margin: 4px;
	cursor: pointer;
}
#colors_list {
	display: -webkit-flex;		  
	display: -webkit-box;		   
	-webkit-flex-direction: row; 
	-webkit-box-orient: horizontal;   
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 410px;
}
#colors_title {
	flex-grow: 0;
	flex-shrink: 0;
	width: 110px;
}
.only_small_screen {
	display: none;
}
.only_large_screen {
	display: block;
}
#screen_left_buttons,
#screen_right_buttons {
	display: none;			 
	-webkit-flex-direction: column; 
	-webkit-box-orient: vertical;	  
	flex-direction: column;
	margin: 0px !important;
}
.close_prod {
	position: absolute;
	width: 15px !important;
	height: 15px !important;
	right: 5px;
	top: 5px;
	background: transparent;
}
#close_pieces img,
#close_colors img {
	width: 16px;
}
#simulateur.homescreen > #compute,
#simulateur.homescreen > #loading {
	margin-left: 195px;
}

/******* @MEDIA*********/


@media only screen and (min-height: 480px) and (min-width: 789px) {
  #simulateur.homescreen > #logo,
  #simulateur.homescreen > #nav_prod_left,
  #simulateur.homescreen > #info_prod_left,
  #simulateur.homescreen > #screen_left,
  #simulateur.homescreen > #nav_prod_right,
  #simulateur.homescreen > #info_prod_right,
  #simulateur.homescreen > #screen_right,
  #simulateur.homescreen > #simu_2,
  #simulateur.homescreen > #separator,
  #simulateur.homescreen > #colors,
  #simulateur.homescreen > #compute,
  #simulateur.homescreen > #product_zooms_left,
  #simulateur.homescreen > #product_zooms_right,
  #simulateur.homescreen .target {
  	display: none !important;
  }
  #simulateur.homescreen > #simu {
  	width: 1920px !important;
  }
}	

@media only screen and (max-aspect-ratio: 1/1), only screen and (orientation: portrait) {
  #message_top,
  #message_top_turn {
  	display: -webkit-flex;
  	display: -webkit-box;
  	display: flex;
  }
  #logo,
  #screen_left,
  #screen_right,
  #screen_left,
  #info_prod_left,
  #info_prod_right,
  #separator,
  #simu_2,
  #OverlayContainer,	 .MultiBoxContainer,
  #colors,	 .target,
  #loading,
  #compute,
  #nav_prod_right,
  #nav_prod_left,
  #catalogue,
  #product_zooms_left,
  #product_zooms_right,
  #home_screen {
  	display: none !important;
  }
  #simu {
  	width: 100% !important;
  	overflow: visible !important;
  }
}  
						 
@media only screen and (orientation: portrait) and (max-width: 480px), 
only screen and (orientation: portrait) and (max-height: 850px), 
only screen and (orientation: landscape) and (max-width: 850px), 
only screen and (orientation: landscape) and (max-height: 480px) {		 
	
	#simulateur.catalogue #message_top,
	#simulateur.catalogue #message_top_catalogue_small {
		display: -webkit-flex;
		display: -webkit-box;
		display: flex;       
	}	  
	
	#simulateur.catalogue #logo,
	#simulateur.catalogue #screen_left,
	#simulateur.catalogue #screen_right,
	#simulateur.catalogue #screen_left,
	#simulateur.catalogue #info_prod_left,
	#simulateur.catalogue #info_prod_right,
	#simulateur.catalogue #separator,
	#simulateur.catalogue #simu_2,
	#simulateur.catalogue #OverlayContainer,	 
	#simulateur.catalogue .MultiBoxContainer,
	#simulateur.catalogue #colors,	 
	#simulateur.catalogue .target,
	#simulateur.catalogue #loading,
	#simulateur.catalogue #compute,
	#simulateur.catalogue #nav_prod_right,
	#simulateur.catalogue #nav_prod_left,
	#simulateur.catalogue #catalogue,
	#simulateur.catalogue #home_screen,
	#simulateur.catalogue #product_zooms_left,
	#simulateur.catalogue #product_zooms_right,
	#simulateur.catalogue #message_top_turn {
		display: none !important;
	}
	#simulateur.catalogue #simu {
		width: 100% !important;
		overflow: visible !important;
	}  
}	  

@media only screen and (max-height: 260px) {
	#simulateur.catalogue #message_top > img {
		padding-top: 5px;
	}
	#message_top_catalogue, #message_top_catalogue_small {
		padding-top: 10px;	
		padding-bottom: 10px;	
	}
}	 

@media only screen and (max-width: 1679px) {
  #catalogue_content {
  	width: 1232px;
  }
  #close_catalogue {
  	margin-left: 1260px;
  }      
  #catalogue_logo {     
  }
  #catalogue_header_center {
      width: 627px;
  }
}

@media only screen and (max-width: 1400px) {
  #catalogue {
  	height: 347px;
  	margin-top: -347px;
  }      
  #catalogue_content {
  	width: 912px;
  }
  #close_catalogue {
  	margin-left: 940px;
  }
#catalogue_logo {
	margin-top: 40px;   
	position: absolute;  
	margin-left: 730px;   
	width: 180px !important;    
}
  .catalogue_product {
  	width: 142px;
  	height: 142px;
  }		  
  #catalogue_products > button {
  	height: 142px;
  }
  #catalogue_products,
  #catalogue_products_empty {
  	height: 142px;
  }
  #catalogue #search {
  	width: 181px;
  }
  #search_button {
  	margin-left: 185px;
  }
  #catalogue_header_filters select {
  	width: 270px;
  	background-position-x: 240px;
  }
  #catalogue_header_center {
  	width: 664px;
  }
  #catalogue_header_filters {  
    margin-right: 200px;   
  }
  #catalogue_header_filters select {   
	width: 220px;
	background-position-x: 190px;         
  }
  #catalogue_header_categories > div {
  	font-size: 13px;
  }
  #catalogue_header_left_numbers {
  	font-size: 9px;
  }
  #catalogue_header_left_title {
  	font-size: 19px;
  }
  #catalogue input,
  #catalogue select {
  	font-size: 11px;
  }
  #home_screen_top a img {      
    width: 20px;
    height: 20px;  
  }
}

@media only screen and (max-height: 999px), only screen and (max-width: 1500px) {
  #home_screen_top,
  #home_screen_bottom {
  	height: 90px;
  	font-size: 13px;
  	padding-left: 420px;
  }
  #home_screen_top > * {
  	margin-bottom: 20px;
  	margin-right: 20px;
  }
  #home_screen_logo,
  #img_logo,
  #catalogue_logo {	              
	width: 230px;
  }  
  #home_screen_logo,
  #img_logo {
  
	margin-top: 20px;
  }
  #home_screen_top a {
  	margin-left: 11px;
  }
  #home_screen_content {
  	width: 300px;
  	padding: 80px 45px 0px 45px;
	flex-shrink: 0;
  }
  #home_screen_sols,
  #home_screen_pieces {
  	left: 390px;
  }
  #home_screen_content_subtitle {
  	font-size: 38px;
  }
  #home_screen_content_share {
  	bottom: 130px;
  	left: 295px;
  }
  #home_screen_content_title > span {
  	font-size: 80px;
  }
  #home_screen_content_title {
  	font-size: 17px;
  	height: 74px;
  }
  #home_screen_sols {
  	padding: 6px;
	top: calc(50% - 18px);
  }
  .home_screen_popup {
  	top: 110px;
  	bottom: 90px;
  	left: 390px;
  }  
  #home_screen_sols {
	top: calc(50% - 38px);
  }
}

@media only screen and (max-height: 899px) {
  #debug {
  	background-color: red;
  }
  #screen_left_panel,
  #screen_right_panel {
  	font-size: 12px;
  }
  #logo {
  	top: 10px;   
  }
  #catalogue_zone_under {
	  height: 50px;
	  bottom: -50px;
  }
  #ico_logo {	
	right: 271px;
  }
  .title {
  	font-size: 21px;
  }   
  #simulateur.catalogue #screen_left_panel,
  #simulateur.catalogue #screen_right_panel {
	  min-height: 470px;
  }
  #screen_left_col_buttons {
  	margin-left: 174px;
  }
                 
  #button_sols_left img, #button_sols_right img {
  	height: 20px;
  }
  #button_pieces img {           
  	height: 30px;  
  }

  #screen_left_panel,
  #screen_right_panel {
  	padding: 16px 20px;
  	width: 130px;
  }
  #button_sols_right {
  	position: absolute;
  	align-self: start;
  	right: 175px;
  	margin-top: 82px;
  }
  #product_thumb_left,
  #product_thumb_right {
  	max-height: 130px;
  	max-width: 130px;
  }
  #screen_left_thumb,
  #screen_right_thumb {
  	width: 130px;
  	height: 130px;
  	margin-bottom: 6px;
  }
  #screen_left_produit_selectionne,
  #screen_right_produit_selectionne,
  #screen_left_angle,
  #screen_right_angle {
  	border-bottom: 1px solid #E1E1E1;
  	padding-bottom: 8px;
  } 
  #screen_left_angle_barre, #screen_right_angle_barre {
	  height: 29px;
	  margin-bottom: 29px;
  }
  #product_thumb_zoom_link_left,
  #product_thumb_zoom_link_right {
	margin-right: -45px;
	margin-left: 45px;
	margin-top: 45px;
	margin-bottom: -45px;
  }
  #product_thumb_zoom_link_left img,
  #product_thumb_zoom_link_right img {
  	width: 24px;
    height: 24px;
  }
  #div_button_comparateur,	 .button_comp_close {
  	margin-left: 0;
  	margin-right: 0;
  }
  .angle_label {
  	width: 30px;
  	height: 30px;
  }
  #screen_left_button {
  	margin-left: 170px;
  }
  #screen_left {
  	left: -168px;
  }
  #screen_right {
  	right: -169px;
  }
  #nav_prod_left,
  #nav_prod_right {
  	bottom: 54px;
  }
  #info_prod_left,
  #info_prod_right {
  	bottom: 12px;
  }
  #nav_prod_left > div,
  #nav_prod_right > div {
  	width: 36px;
  	height: 36px;
  }
.thumbs_image {
  	max-width: 59px;
  	max-height: 59px;
  }
  .thumbs_image {
  	margin-right: 4px;
  	margin-bottom: 4px;
  }
  #thumbs_div_left_left,
  #thumbs_div_right_left,
  #thumbs_div_left_right,
  #thumbs_div_right_right {
  	width: 22px;
  	height: 130px;
  }
  #thumbs_div_right_left,
  #thumbs_div_right_right {
  	margin-left: 130px;
  	margin-top: -135px;
  }
  #thumbs_div_left_left,
  #thumbs_div_left_right {
  	margin-top: 0px;
  }
  #thumbs_images_container_left,
  #thumbs_images_container_right {
  	height: 134px;
  }
  #thumbs_div_left_left,
  #thumbs_div_left_right {
  	margin-left: -20px;
  }
  #screen_left_types_pieces {
  	font-size: 12px;
  }
  #screen_left_div_pieces_left {
  	width: 130px;
  }
  #info_prod_left_button,
  #info_prod_right_button {
  	width: 160px;
  	height: 36px;
  	font-size: 13px;
  }
  #pieces_left {
  	left: 140px;
  }
  #screen_produit_left,
  #screen_produit_right {
  	height: 46px;
  }
  .button_comp_close button img {
  	margin-right: 6px;
  }
  #screen_left_actions > div,
  #share_content > div {
  	width: 40px;
  	height: 40px;
  	margin-right: 3px;
  }
  #share_content:hover {
  	width: 175px !important;
  }
  #screen_left_actions {
  	margin-top: 2px;
  }
  #div_button_comparateur button img {
  	margin-left: 9px;
  	margin-right: 5px;
  }
  #thumbs_images_container_left > div,
  #thumbs_images_container_right > div {
  	width: 134px;
  	height: 134px;
  }
  #product_thumb_zoom_link_right {
  }
  .big_red_button {
  	width: 83px;
  	height: 83px;
  	font-size: 10px;
  	padding: 9px 0px;
  }
  #screen_left_div_pieces {
  	padding: 10px 0px 10px 10px;
  }
  #pieces_right,
  #pieces_left {
  	margin-top: 5px;
  	height: calc(100% - 33px);
	top: 18px;
  }
}

@media only screen and (max-height: 767px) {
	#catalogue {
		height: 300px;
		margin-top: -300px;
	}
	#catalogue_content {
		margin: 10px 0px;
	}
	#simulateur.homescreen > #compute,
	#simulateur.homescreen > #loading {
		margin-left: 180px;
	}
	#home_screen_logo,
	#img_logo {	              
		width: 200px;
		// margin-top: -5px;
	}
	#ico_logo {       
		top: 39px;
		right: 240px;    	
	}					  
}             

@media only screen and (max-height: 767px), only screen and (max-width: 1200px) {  
  #home_screen_content {
  	width: 290px;
  	padding: 20px 30px 0px 30px;
  }
  #home_screen_content_subtitle {
  	font-size: 37px;
  }
  .home_screen_content_text {
  	font-size: 13px;
  	margin-top: 16px;
  }
  #home_screen_bottom {
  	height: 50px;
  }
  #home_screen_content_share {
  	bottom: 90px;
  	left: 270px;
  }
  #home_screen_sols {
  	left: 350px;
  }
  #home_screen_top {
  	padding-left: 380px;
  }
  .home_screen_popup {
  	left: 350px;
  	bottom: 50px;
  	padding: 0px 30px;
  }
  #close_about,
  #close_contact {
  	top: 0px;
  }
  .home_screen_about_title {
  	font-size: 13px;
  }
  .home_screen_about_text {
  	font-size: 12px;
  }
  #home_screen_contact input {
  	height: 33px;
  }
  #form_contact > * {
  	margin-top: 13px;
  }
  #home_screen_contact input,
  #home_screen_contact textarea {
  	font-size: 12px;
  }
  #home_screen_top,
  #home_screen_bottom {
  	font-size: 12px;
  }
}

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

}

@media only screen and (max-height: 639px), only screen and  (max-width: 1140px) {
  #debug {
  	background-color: blue;
  }
  #logo, #home_screen_logo { 
    margin-top: 10px;     
}
  #catalogue {
  	height: 210px;
  	margin-top: -210px;
  }
  #simulateur.homescreen > #compute,
  #simulateur.homescreen > #loading {
  	margin-left: 125px;
  }   
  #catalogue_content {
	margin: 10px 0px;
	}
  #close_catalogue {
  	margin-left: 860px;
  }
  .catalogue_product {
  	width: 110px;
  	height: 110px;
  }
  #catalogue_products,
  #catalogue_products_empty {
  	height: 110px;
  }
  #catalogue_products > button {
  	height: 110px;
  }
  #catalogue_content {
  	width: 840px;
  }
  #catalogue #search {
  	width: 163px;
  	padding: 0px 25px 0px 10px;
  }
  #search_button {
  	margin-left: 172px;
  	margin-top: -26px;
  	height: 25px;
  	width: 25px;
  }
  #catalogue input,
  #catalogue select {
  	height: 25px;
  	width: 220px;
  	background-position-x: 195px;
  	font-size: 10px;
  }
  #catalogue_header_left_title {
  	font-size: 18px;
  }
  #catalogue_header_left_top,
  #catalogue_header_categories {
  	height: 25px;
  	font-size: 13px;
  }
  #catalogue_header_left_numbers {
  	font-size: 9px;
  }
  #catalogue_header {
  	height: 84px;
  }
  #catalogue_header_categories > div {
  	font-size: 11px;
  }
  #catalogue_header_center {
  	width: 620px;
  }

#catalogue_logo {
	position: absolute;           
	margin-left: 699px; 
	width: 140px !important; 
	margin-top: 28px !important;
}
#catalogue_header_filters {   
    margin-right: 160px;      
}
	
  #home_screen_top > * {
  	margin-bottom: 0px;
  	margin-right: 12px;
  }
  #home_screen_content {
  	margin-right: 20px;
  }
  #home_screen_bottom {
  	height: 20px;
  }
  #home_screen_top {   
  	padding-left: 277px;
  	height: 47px;
  	font-size: 11px;
  }
  #home_screen_top a img {
  	height: 16px;
  }
  #home_screen_top a {
  	margin-left: 4px;
  }
  .home_screen_popup {
  	left: 256px;
  	padding: 0px 20px;
  	bottom: 20px;
  	top: 67px;
  	width: 300px;
  }
  #close_about,
  #close_contact {
  	margin-left: 296px;
  }
  #close_about img,
  #close_contact img {
  	width: 14px;
  	height: 14px;
  }
  .home_screen_about_title {
  	font-size: 12px;
  }
  .home_screen_about_text, .home_screen_about_title {
  	margin-bottom: 12px;
  }
  .home_screen_about_text {
  	font-size: 11px;
  }
  .home_screen_about_title_bottom, .home_screen_about_text_bottom {
  	font-size: 9px;
  	margin-bottom: 11px;
  }
  #form_contact > div:first-child > input {
  	width: 120px;
  }
  #home_screen_contact input {
  	height: 23px;
  }
  #home_screen_contact input,
  #home_screen_contact textarea {
  	font-size: 11px;
  }
  #form_contact > * {
  	margin-top: 7px;
  }
  #home_screen_center {
  	margin-top: -47px;
  }	
  #home_screen_sols {
	top: calc(50% - 42px);
  }
  #home_screen_content {
  	padding: 20px 20px 0px 20px;
  	width: 216px;
  }
  #home_screen_content_title > span {
  	font-size: 70px;
  }
  #home_screen_content_title {
  	height: 66px;
  }
  #home_screen_content_line {
  	margin: 10px 0px;
  }
  .home_screen_content_text {
  	font-size: 12px;
  	margin-top: 14px;
  }
  #home_screen_content_subtitle {
  	font-size: 28px;
  }
  #home_screen_sols {
  	left: 256px;
  }
  #home_screen_content_share {
  	width: 40px;
  	height: 40px;
  	left: 195px;
  	bottom: 40px;
  }
  #home_screen_content_share > div {
  	height: 40px;
  	width: 40px;
  }			
  #home_screen_content_share:hover {
  	width: 190px;
  }
  #img_logo,
  #home_screen_logo {
  	width: 180px !important;
  }
     
  #catalogue_zone_under {
	height: 43px;
	bottom: -43px;
	width: calc(100% - 210px);
  }
  #logo,
  #home_screen_logo {   
    right: 20px;  
  }
  #ico_logo {
	top: 25px;       
	right: 190px;
  }
  .home_screen_small {
  	display: block;
  }
  .home_screen_large {
  	display: none;
  }
  .color_remove_small_15 {
  	display: -webkit-flex;	  
  	display: -webkit-box;	   
  	display: flex;
  }
  .color_remove_small_11 {
  	display: none;
  }
}

@media only screen and (max-height: 639px) {
  #pieces_right,
  #pieces_left {
  	margin-top: 42px;
  	height: calc(100% - 74px);
  }
  #screen_left_col_buttons {
  	margin-left: 174px;
  }
  #screen_left_actions > div,
  #share_content > div {
  	width: 40px;
  	height: 40px;
  }
  #share_content:hover {
  	width: 126px !important;
  }
  #thumbs_images_container_left,
  #thumbs_images_container_right {
  	height: 55px;
  }
  #thumbs_images_container_left > div,
  #thumbs_images_container_right > div {
  	width: 270px;
  	height: 59px;
  }
  #screen_left_thumb,
  #screen_right_thumb {
  	width: 107px;
  	height: 107px;
  }
  #product_thumb_left,
  #product_thumb_right {
  	max-height: 107px;
  	max-height: 107px;
  }
  .big_red_button {
  	width: 73px;
  	height: 73px;
  	font-size: 8px;
  	padding: 8px 0px;
  }
  #screen_left_actions > div,
  #share_content > div {
  	width: 35px;
  	height: 35px;
  }
  #screen_left_angle,
  #screen_right_angle {
  	padding-bottom: 8px;
  }
  #share_content:hover {
  	width: 153px !important;
  }
  #screen_left_button,
  #screen_right_button {
  	height: 46px;
  	width: 23px;
  	top: calc(50% - 23px);
  }
  #screen_left_prod,
  #screen_right_prod,
  #screen_left_coloris,
  #screen_right_coloris,
  #div_button_comparateur, .button_comp_close {
  	margin-left: 8px;
  	margin-right: 8px;
  }
  #screen_left_angle,
  #screen_right_angle {
  	margin-left: -10px;
  	margin-right: -10px;
  }
  .title {
  	font-size: 19px;
  	margin-bottom: 10px;
  }
  #screen_left_produit_selectionne,
  #screen_right_produit_selectionne {
  	padding-bottom: 4px;
  }
  #screen_left_angle_barre, #screen_right_angle_barre {
	  height: 28px;
	  margin-bottom: 28px;
  }
  #screen_left_panel,
  #screen_right_panel {
  	padding: 10px 20px;
  }	   
  #simulateur.catalogue #screen_left_panel,
  #simulateur.catalogue #screen_right_panel {
	  min-height: 400px;
  }
  #screen_reference_left, screen_reference_right {
  	margin-bottom: 6px;
  }
.thumbs_image {
  	width: 51px;
  	height: 51px;
  }
  #thumbs_images_container_left > div,
  #thumbs_images_container_right > div {
  	height: 51px;
  }
  #thumbs_images_container_left > div,
  #thumbs_images_container_right > div {
  	width: 236px;
  	height: 51px;
  }
  #button_pieces img {
  }
  #product_thumb_zoom_link_left,
  #product_thumb_zoom_link_right {
	margin-right: -35px;
	margin-left: 35px;
	margin-top: 35px;
	margin-bottom: -35px;
  }
  #thumbs_div_left_left,
  #thumbs_div_right_left,
  #thumbs_div_left_right,
  #thumbs_div_right_right {
  	height: 51px;
  }
  #thumbs_div_left_left,
  #thumbs_div_left_right {
  	margin-left: -26px;
  	margin-top: 4px;
  }
  #thumbs_div_right_left,
  #thumbs_div_right_right {
  	margin-left: 117px;
  	margin-top: -51px;
  }
  #screen_left_button div {
  	transform-origin: 11px;
  	background-position-x: 5px;
  	background-size: 10px;
  }
  #screen_right_button div {
  	transform-origin: 13px;
  	background-position-x: 7px;
  	background-size: 10px;
  }
  .sub_title {
  	margin-bottom: 3px !important;
	font-size: 10px;
  }
  #div_button_comparateur, .button_comp_close {
  	height: 34px;
  }
  #div_button_comparateur button, .button_comp_close button {
  	font-size: 11px;
  }
  #product_thumb_zoom_link_right {
  }
  #screen_right_coloris {
  	margin-bottom: 8px;
  }
  #screen_right_button {
  	margin-left: -23px;
  }
  #screen_left_div_pieces {
  	height: 280px;
  	width: 380px;
  }
  #screen_left_div_pieces_left {
  	width: 84px;
  }
  #screen_left_types_pieces {
  	font-size: 11px;
  	justify-content: space-between;
  	height: 100%;
  	margin: 0px;
  	flex-grow: 1;
  	margin-top: 7px;
  	padding: 10px;
  }
  #screen_left_pieces_right {
  	margin-left:
  }
  #screen_left_pieces_title_left,
  #label_toutes_pieces {
  	display: none;
  }
  #screen_left_pieces_title_right,
  #label_voir_tout {
  	display: block;
  }
  #screen_left_div_pieces_left {
  	width: 100px;
  }
  #screen_left_types_pieces img {
  	margin-right: 4px;
  	height: 10px;
  	width: 10px;
  }
  #screen_left_pieces_div {
  	margin: 0px;
  	width: 230px !important;
  	height: 172px !important;
  }
  .piece_image {
  	width: 75px;
  	height: 55px;
  	margin: 1px;
  }
  #screen_left_pieces_title_right {
  	font-size: 19px;
  	margin-top: 3px;
  	border-bottom: 1px solid #E5E5E5;
  	padding-bottom: 4px;
  	width: 100%;
  }
  #close_pieces {
  	width: 20px !important;
  	height: 20px !important;
  }
  #screen_left_pieces_right {
  	margin: 0px 25px;
  }
  #pieces_right,
  #pieces_left {
  	width: 25px;
  	margin-top: 42px;
  	height: 226px;
  	top: 10px;
  }
  #pieces_right img,
  #pieces_left img {
  	width: 20px;
  }
  #pieces_left {
  	left: 110px;
  }
  #pieces_right {
  	padding-right: 0px;
  }
  #colors {
  	width: 240px;
  	height: 300px;		   
	-webkit-flex-direction: column;	
	-webkit-box-orient: vertical;   
  	flex-direction: column;			
  	padding: 10px 30px;
  }
  #color_remove {
  	display: none !important;
  }
  #colors_title {
  	width: 100%;
  	margin-top: 10px;
  	border-bottom: 1px solid #E1E1E1;
  	padding-bottom: 5px;
  	margin-bottom: 10px;
  }
  #colors_move_left,
  #colors_move_right {
  	cursor: pointer;
  	position: absolute;
  	height: 240px;
  	display: -webkit-flex;	  
  	display: -webkit-box;	   
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	margin-top: 52px;
  	transition: opacity 200ms;
	opacity: 0.7;
  	width: 30px;
  }
  #colors_move_left:hover,
  #colors_move_right:hover {
	opacity: 1;
  }
  #colors_move_left img,
  #colors_move_right img {
  	width: 20px;
  }
  #colors_move_left {
  	left: 0px;
  }
  #colors_move_right {
  	right: 0px;
  }
  #color_list_container {
  	overflow: hidden;
  }
  #colors_list div {
  	width: 55px;
  	height: 55px;
  	margin: 3px;
  }
  .color_remove_small img {
  	width: 55px;
  	height: 55px;
  }
  #colors_list {			  
	-webkit-flex-direction: column;	  
	-webkit-box-orient: vertical; 
  	flex-direction: column;
  	height: 244px;
  	transition: margin 400ms;
  }
  #colors_move_left {
  	display: none;
  }
  .color_remove_small {
  	display: -webkit-flex;						
  	display: -webkit-box;						 
  	-webkit-flex-direction: row;	
	  -webkit-box-orient: horizontal;			  
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  }
}

@media only screen and (max-width: 960px) {
  #catalogue_content {
  	width: 720px;
  }
  #catalogue #search {
  	width: 133px;
  }
  #catalogue select {
  	width: 200px;
  	background-position-x: 175px;
  }
  #catalogue_header_center {
  	width: 530px;
  }
  #catalogue_logo {
    margin-left: 579px;
  }
  #catalogue select {  
    width: 170px;
    background-position-x: 147px;  
  }
  #search_button {
  	margin-left: 145px;
  }
  #close_catalogue {
  	margin-left: 730px;
  }
  #catalogue_header_left_title {
  	font-size: 15px;
  }
  #catalogue_header_left_numbers {
  	font-size: 8px;
  }
  #catalogue_products > button > img {
  	width: 20px;
  }
  #catalogue_nav_prev {
  	margin-left: -36px;
  }
}       

@media only screen and (max-height: 479px), only screen and (max-width: 850px) {
  #catalogue,
  #button_sols_left,
  #button_sols_right,
  #home_screen,
  #button_return_site, 
  #ico_logo {
  	display: none !important;
  }			  
  #logo {
	cursor: initial !important;  
  }
  
  #simulateur.homescreen > #compute,
  #simulateur.homescreen > #loading {
  	margin-left: 0px;
  }
}

@media only screen and (max-height: 479px) {
  #debug {
  	background-color: green;
  }
  #screen_left_prod.close,
  #screen_left_coloris.close,
  #screen_right_prod.close,
  #screen_right_coloris.close {
  	display: none !important;
  }        
  .swiper-slide {
		height: 100%;    
		display: block;                
  }	 
  #screen_left_col_buttons {
  	margin-left: 2px;
  	position: relative;
  }
  #screen_left_prod.open,
  #screen_left_coloris.open,
  #screen_right_prod.open,
  #screen_right_coloris.open {
	display: -webkit-flex !important;
	display: -webkit-box !important;	   
  	display: flex !important;
  }
  .color_remove_small_11 {   
	display: -webkit-flex;
	display: -webkit-box;   
  	display: flex;
  }
  .color_remove_small_15 {
  	display: none;
  }
  #screen_left_buttons,
  #screen_right_buttons {   
	display: -webkit-flex;
	display: -webkit-box;   
  	display: flex;
  }  
  #screen_left_coloris, #screen_right_coloris {
	  margin-top: 0px;
  }
  #screen_left_prod,
  #screen_left_coloris,
  #screen_right_prod,
  #screen_right_coloris,
  #nav_prod_left,
  #nav_prod_right,
  #screen_left_actions {
  	display: none !important;
  }
  #screen_left,
  #screen_right {			  
	-webkit-flex-direction: column-reverse;  
	-webkit-box-orient: vertical;	 
  	flex-direction: column-reverse;
  }   
  #simulateur.catalogue #screen_left_panel,
  #simulateur.catalogue #screen_right_panel {
	  min-height: 0px;
  }
  #screen_left_col_buttons {
  	margin: 0px;
  }
  .only_small_screen {
  	display: block;
  }
  .only_large_screen {
  	display: none !important;
  }
  #screen_left_panel,
  #screen_right_panel {
  	width: 70px;
  	//height: 180px;
  	margin: 0px;
  	padding: 0px;
  }                                 
	.swiper-slide > * {     
	}  
  #button_sols_left {		   
	-webkit-flex-direction: column !important;   
	-webkit-box-orient: vertical !important;	
  	flex-direction: column !important;
  	background-color: #f15454 !important;
  }
  #screen_left button span,
  #screen_right button span {
  	//font-size: 15px;
  }
  #screen_left button:not(#button_pieces):not(.close_prod),
  #screen_right button:not(#button_pieces):not(.close_prod) {	  
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: column-reverse;	 
	-webkit-box-orient: vertical;  
  	display: flex;
  	flex-direction: column-reverse;
  	background: white;
  	width: 70px;
  	justify-content: space-evenly;
  	padding: 5px 0px;
  }
  #screen_left button:not(#button_pieces):not(.close_prod) img,
  #screen_right button:not(#button_pieces):not(.close_prod) img {
  	width: 12px;
  	height: 12px;
  	margin-bottom: 2px;
  	align-self: center;
  }
  .close_prod img {
  	width: 12px;
  	height: 12px;
  }
  #screen_left_buttons div button,
  #screen_right_buttons div button {
  	border-bottom: 1px solid #f1f1f1;
  }
  #screen_left button,
  #screen_right button {
  	text-transform: uppercase;
  	font-weight: bold;
  	justify-content: space-around;
  	cursor: pointer;
  	align-items: center;
  	border: 0px;
  	height: 60px;
  	padding: 0px;
  	font-size: 11px;
	margin-bottom: 0px;
  }
  #screen_left button span,
  #screen_right button span {
  	width: 100%;
  }
  #button_pieces {
  	width: 72px;
  	transition: margin 400ms !important;
  }
  #button_pieces img {
  	height: 23px;
  	margin-bottom: 2px;
	margin-top: 4px;
  }
  #screen_left_button {
  	margin-left: 72px;
  }
  #screen_right_button {
  	margin-left: -20px;
  }
  #screen_left_button,
  #screen_right_button {
  	width: 21px;
  	height: 42px;
  	top: calc(50% - 21px);
  }
  #img_logo {
  	width: 160px !important;
  }  
  #ico_logo {
  	top: 42px;
  	right: 52px;
  }
  #logo {
  	right: 40px !important;
  }
  #screen_left_button div {
  	background-size: 11px;
  	background-position-x: 3px;
  	transform-origin: 9px;
  }
  #screen_right_button div {
  	background-size: 11px;
  	background-position-x: 5px;
  	transform-origin: 11px;
  }
  #screen_left_button {
  	position: absolute;
  	top: calc(50% - 9px);
  }
  #screen_right_button {
  	position: absolute;
  	top: calc(50% - 18px);
  }
  #screen_left {
  	left: -70px;
  	padding-bottom: 40px;
  }
  #screen_right {
  	right: -70px;
  	margin-top: 10px;
  }
  #screen_left,
  #screen_right {
  	align-items: flex-start;
  }
  #screen_left:not(.open) #button_pieces {
  	margin-left: 70px;
  }
  #screen_left:not(.open) #screen_left_div_pieces {
  	margin-left: 146px;
  }
  #info_prod_left_button,
  #info_prod_right_button {
  	font-size: 11px;
  	width: 72px;
  	height: 40px;
  	bottom: 15px;
  	margin-left: 0px !important;
  	text-align: left;
  }
  #info_prod_left,
  #info_prod_right {
  	width: 72px !important;
  	top: calc(50% + 101px);
  	bottom: inherit;
  }
  #product_thumb_zoom_link_right {
  }
  #div_button_comparateur button img {
  	margin-left: 0px;
  }
  #info_prod_left_button,
  #info_prod_right_button {
  	margin: 0px !important;
  	padding: 0px 10px;
  	width: 52px;
  }
  #info_prod_left_button img,
  #info_prod_right_button img {
  	height: 12px;
  	position: absolute;
  	right: 14px;
  	top: 6px;
  }
  #div_button_left_close button,
  #div_button_right_close button {
  	flex-direction: column !important;
  }
  #div_button_left_close button img,
  #div_button_right_close button img {
  	margin-left: 8px;
  }
  #screen_left_div_pieces {
  	position: absolute;
  	margin-top: -63px;
  	margin-left: 76px;
  	height: 262px;
  	width: 308px;
  	padding: 10px;
  	z-index: 60;
  	transition: margin 400ms;
  }
  #screen_left_div_pieces_left {
  	width: 84px;
  }
  #screen_left_types_pieces {
  	font-size: 11px;
  	justify-content: space-between;
  	height: calc(100% - 27px);
  	margin: 0px;
  	flex-grow: 1;
  	margin-top: 7px;
  	padding-left: 0px;
  	padding-right: 0px;
  }
  #screen_left_types_pieces img {
  	margin-right: 4px;
  	height: 10px;		
  	width: 10px;
  }
  #screen_left_pieces_div {
  	margin: 0px;
  	width: 230px !important;
  	height: 172px !important;
  }
  .piece_image {
  	width: 75px;
  	height: 55px;
  	margin: 1px;
  }
  #screen_left_pieces_title_right {
  	font-size: 15px;
  	margin-top: 3px;
  	border-bottom: 1px solid #E5E5E5;
  	padding-bottom: 4px;
  	width: 100%;
  }
  #close_pieces {
  	width: 20px !important;
  	height: 20px !important;
  }
  #screen_left_pieces_nav_small {	  
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;  
  	display: flex;
  	flex-direction: row;
  	justify-content: space-around;
  }
  #pieces_right_small {
  	justify-content: start;
  }
  #pieces_left_small {
  	justify-content: end;
  }
  #pieces_left_small,
  #pieces_right_small {
  	cursor: pointer;
  	flex-grow: 1;
  	align-items: center;
  	padding: 0px 30px;   
	display: -webkit-flex;
	display: -webkit-box;	 
  	display: flex;
  	height: 40px;
  	justify-content: center;
  }
  #pieces_right_small img,
  #pieces_left_small img {
  	height: 20px;
  }
  #screen_left {
  	z-index: 51;
  }
  #screen_left_prod,
  #screen_right_prod ,
  #screen_left_coloris,
  #screen_right_coloris {
  	position: absolute;
  	background: white;
  	padding: 12px;
  	flex-direction: column;
  	z-index: 60;
  	transition: margin 400ms;
  	top: 0px;
  }
  #screen_left_prod,
  #screen_left_coloris {
  	margin-left: 76px !important;
  }
  #screen_right_prod,
  #screen_right_coloris {
  	margin-left: -133px !important;
  	margin-top: -60px;
  }
  #screen_left:not(.open) #screen_left_prod,
  #screen_left:not(.open) #screen_left_coloris {
  	margin-left: 146px !important;
  }
  #screen_right:not(.open) #screen_right_prod,
  #screen_right:not(.open) #screen_right_coloris {
  	margin-left: -203px !important;
  }
  #screen_left_produit_selectionne,
  #screen_right_produit_selectionne,
  #screen_left_thumbs_title,
  #screen_right_thumbs_title {
  	font-size: 14px;
  	margin-top: 6px;
  	padding-bottom: 4px;
  	margin-bottom: 4px;
  }
  #screen_left_thumbs_title,
  #screen_right_thumbs_title {
  	border-bottom: 1px solid #E1E1E1;
  	font-weight: bold;
  	text-transform: none;
  }
  #screen_left_thumb,
  #screen_right_thumb {
  	width: 105px;
  	height: 105px;
  	margin-bottom: 10px;
  }
  #product_thumb_left,
  #product_thumb_right {
  	max-height: 105px;
  	max-width: 105px;
  }
  #screen_produit_left,
  #screen_reference_left,
  #screen_produit_right,
  #screen_right_reference {
  	font-size: 11px;
  }
  #screen_left_prod,
  #screen_right_prod,
  #screen_left_coloris,
  #screen_right_coloris {
  	width: 107px;
  }
  #screen_produit_left,
  #screen_produit_right {
  	height: 39px;
  }
  #screen_left_angle,
  #screen_right_angle {
  	border: 0px;
  	margin-bottom: 0px;
  	padding-bottom: 0px;
  	margin-left: -6px;
  	margin-right: -6px;
  }
  .angle_label:not(.label_angle_0) {
  	margin-left: 4px;
  }   
  #screen_left_angle_barre, #screen_right_angle_barre {
	  height: 44px;
	  margin: 0px;
	  border: 0px;
  }
  #product_thumb_zoom_link_left,
  #product_thumb_zoom_link_right {
	margin-right: -35px;
	margin-left: 35px;
	margin-top: 35px;
	margin-bottom: -35px;
  }              
  #screen_left_angle,
  #screen_right_angle {
  	height: 26px;
  }
  #screen_reference_left,
  #screen_right_reference,
  #screen_produit_left,
  #screen_produit_right,
  #screen_left_thumb,
  #screen_right_thumb {
  	margin-bottom: 8px;
  }
.thumbs_image {
  	width: 40px;
  	height: 40px;
  }
  #thumbs_images_container_left > div,
  #thumbs_images_container_right > div {
  	width: 94px;
  	height: 94px;
  }
  #thumbs_images_container_left,
  #thumbs_images_container_right {
  	height: 188px;
  }
  .thumbs_image {
  	margin-right: 3px;
  	margin-bottom: 3px;
  }
  #thumbs_images_left,
  #thumbs_images_right {
  	width: 94px;
  	margin: 16px 0px 6px 6px;
  }
  #thumbs_div_left_left,
  #thumbs_div_right_left,
  #thumbs_div_left_right,
  #thumbs_div_right_right {
  	height: 216px;
  	width: 17px;
  }
  #thumbs_div_right_left,
  #thumbs_div_right_right {
  	display: none;
  	margin-left: 98px;
  	margin-top: -210px;
  }
  #screen_left:not(.open) #screen_left_prod {
  	margin-left: 146px;
  }
  #thumbs_div_left_left,
  #thumbs_div_left_right {
  	margin-left: -11px;
  	margin-top: 0px;
  }
  #thumbs_div_right_left img,
  #thumbs_div_left_left img,
  #thumbs_div_right_right img,
  #thumbs_div_left_right img {
  	width: 14px;
  }
  #screen_left_types_pieces div {
  	margin: 0px;
  	flex-grow: 1;
  	cursor: pointer;
  }
  .target {
  	width: 30px;
  	height: 30px;
  }
  #colors {
  	width: 180px;
  	height: 290px;
  	flex-direction: column;
  	padding: 10px 30px;
  }
  #colors_title {
  	width: 100%;
  	margin-top: 10px;
  	border-bottom: 1px solid #E1E1E1;
  	padding-bottom: 5px;
  	margin-bottom: 10px;
  }
  #color_remove {
  	display: none !important;
  }
  #colors_move_left,
  #colors_move_right {
  	cursor: pointer;
  	position: absolute;
  	height: 240px;	   
	display: -webkit-flex;
	display: -webkit-box;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	transition: opacity 200ms;
  	width: 30px;
  	top: 9px;		
  	opacity: 0.7;
  }
  #colors_move_left:hover,
  #colors_move_right:hover {
  	opacity: 1;
  }
  #colors_move_left img,
  #colors_move_right img {
  	width: 20px;
  }
  #colors_move_left {
  	left: 0px;
  }
  #colors_move_right {
  	right: 0px;
  }
  #colors_move_left, #colors_move_right {
	  margin-top: 32px;
  }
  #color_list_container {
  	overflow: hidden;
  }
  #colors_list div {
  	width: 55px;
  	height: 55px;
  	margin: 3px;
  }
  #colors_list div img {
  	width: 55px;
  	height: 55px;
  }
  .color_remove_small img {
  	width: 55px;
  	height: 55px;
  }
  #colors_list {
  	flex-direction: column;
  	height: 244px;
  	transition: margin 400ms;
  }
  #colors_move_left {
  	display: none;
  }
  .color_remove_small {   
	display: -webkit-flex;
	display: -webkit-box;
	-webkit-flex-direction: row;	 
	-webkit-box-orient: horizontal;  
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  }
  #div_button_left_close,
  #div_button_right_close,
  #div_button_comparateur {
  	margin-left: 0px;
  	width: 70px;
  	height: 60px;
  	justify-content: center;
  }
  #screen_left_pieces_right {
  	margin: 0px;
  }                                             
	#thumbs_div_right_left, #thumbs_div_right_right {  
	    margin-left: 88px;	
	}	
	#thumbs_div_left_left, #thumbs_div_left_right {  
	    margin-left: -21px;
	}	             
	#thumbs_div_left_left, #thumbs_div_left_right,
	#thumbs_div_right_left, #thumbs_div_right_right {  
	    width: 37px;
	}	           
}

@media only screen and (max-height: 319px) {
  #debug {
  	background-color: greenyellow;
  }
  #screen_left_produit_selectionne,
  #screen_right_produit_selectionne,
  #screen_left_thumbs_title,
  #screen_right_thumbs_title {
  }
  #colors {
  	top: 0px !important;
  	height: 270px;
  	padding: 5px 30px;
  }
  #colors_title {
  	margin-top: 5px;
  	padding-bottom: 3px;
  	margin-bottom: 5px;
  }
  #colors_list div {
  	margin: 2px 3px;
  } 
  #ico_logo {
  	top: 29px;
  	right: 47px;
  }
}       
@media only screen and (max-height: 360px) {          
  #message_top > img {
  	width: 150px;
  	padding-top: 15px;
  }
  #message_top_turn {
  	width: 140px;
  	height: 190px;
  	padding: 10px;
  }
  #message_top div * {
  	margin: 8px;
  }
  #message_top span {
  	font-size: 12px;
  }
  	
  #message_top_turn, #message_top_catalogue_small {
  	width: 120px;
  }
}

@media only screen and (max-height: 272px) {
  #debug {
  	background-color: yellow;
  }
  #info_prod_left,
  #info_prod_right {
  	top: inherit;
  	bottom: 20px;
  }
  #nav_prod_left,
  #nav_prod_right {
  	display: none !important;
  }
  #screen_left,
  #screen_right, .target,
  #colors,
  #simu_2,
  #separator,
  #info_prod_right,
  #product_zooms_right,
  #product_zooms_left {
  	display: none !important;
  }
  #info_prod_left {
  	bottom: 5px;
  	width: 100% !important;
  }
  #info_prod_left_button {
  	width: 120px !important;
  	height: 24px !important;
  	font-size: 10px !important;
  }
  #info_prod_left_button img {
  	height: 12px;
  	position: initial !important;
  }
  #logo {
  	right: 40px !important;
  }
  #img_logo {
  	width: 160px !important;
  }	  
  #simu {
  	width: 1920px !important;
  }
}