@font-face {
  font-family: 'Black Chancery';
  src: url('font/BlackChancery/BlackChancery.eot');										/* IE9 Compat Modes */
  src: url('font/BlackChancery/BlackChancery.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
		url('font/BlackChancery/BlackChancery.otf') format('opentype'),
		/*url('font/BlackChancery/BlackChancery.woff2') format('woff2'),				/* Super Modern Browsers */
		url('font/BlackChancery/BlackChancery.woff') format('woff'),					/* Pretty Modern Browsers */
		url('font/BlackChancery/BlackChancery.ttf') format('truetype'),					/* Safari, Android, iOS */
		url('font/BlackChancery/BlackChancery.svg#BlackChancery') format('svg');		/* Legacy iOS */
}@font-face {
  font-family: 'Coolvetica';
  src: url('font/Coolvetica/coolvetica.eot');											/* IE9 Compat Modes */
  src: url('font/Coolvetica/coolvetica.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
		url('font/Coolvetica/coolvetica.otf') format('opentype'),
		/*url('font/Coolvetica/coolvetica.woff2') format('woff2'),						/* Super Modern Browsers */
		url('font/Coolvetica/coolvetica.woff') format('woff'),							/* Pretty Modern Browsers */
		url('font/Coolvetica/coolvetica.ttf') format('truetype'),						/* Safari, Android, iOS */
		url('font/Coolvetica/coolvetica.svg#Coolvetica') format('svg');					/* Legacy iOS */
}@font-face {
  font-family: 'Bodoni XT';
  src: url('font/BodoniXT/BodoniXT.eot');											/* IE9 Compat Modes */
  src: url('font/BodoniXT/BodoniXT.eot?#iefix') format('embedded-opentype'),		/* IE6-IE8 */
		url('font/BodoniXT/BodoniXT.otf') format('opentype'),
		/*url('font/BodoniXT/BodoniXT.woff2') format('woff2'),						/* Super Modern Browsers */
		url('font/BodoniXT/BodoniXT.woff') format('woff'),							/* Pretty Modern Browsers */
		url('font/BodoniXT/BodoniXT.ttf') format('truetype'),						/* Safari, Android, iOS */
		url('font/BodoniXT/BodoniXT.svg#BodoniXT') format('svg');					/* Legacy iOS */
}


body{
	/*background-image:url('shcb1/fond.jpg');/*/
	/*background-image:linear-gradient(to right, #eee, #fff);/**/
	background-color:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	
	font-size:15px;
	font-size:0.938rem;	/* 15 / 16 = 0.938 */
	
	min-height:calc(100% - 40px);
	height:calc(100% - 40px);
	padding-top:40px;
}





/*
	color:#80bd01;
*/

#header{
	margin:auto;
	width:100%;
	
	position:fixed;
	top:0px;
	z-index:20;
	color:#7c0d64;
	background-color:#fff;
	text-align:center;
}
	#header_menu{
		position:relative;
		display:inline-block;
		height:100%;
	}
		#header_menu_logo{
			float:left;
			display:inline-block;
			background-image:url('shcb1/logo_147x60.png');
			background-image:url('shcb1/logo_294x120.png');
			background-size:100% 100%;
			background-repeat:no-repeat;
			background-position:0px 0px;
		}
		#header_menu_responsive_button{
			float:right;
			/*display:inline-block;*/
			width:40px;
			height:40px;
			margin-left:10px;
			
			/*background-color:#cfc;*/
			
			background-image:url('../img/ico/32px/responsive/responsive_menu_706.png');
			background-size:24px 24px;
			background-repeat:no-repeat;
			background-position:center center;
			
			cursor:pointer;
		}
		#header_menu_market{
			float:right;
			display:inline-block;
			/*width:120px;*/
			height:100%;
			/*background-color:#fcc;*/
		}
			#header_menu_market #header_menu_market_customer{
				float:left;
				display:inline-block;
				width:50%;
				height:100%;
				
				/*background-color:#cfc;*/
				
				background-image:url('../img/ico/32px/customer_706.png');
				background-size:24px 24px;
				background-repeat:no-repeat;
				background-position:center center;
			}
			#header_menu_market #header_menu_market_customer:hover{
				background-color:#80bd01;
				background-image:url('../img/ico/32px/customer_fff.png');
			}
			#header_menu_market #header_menu_market_cart{
				float:right;
				display:inline-block;
				width:50%;
				height:100%;
				
				/*background-color:#ccf;*/
				
				background-image:url('../img/ico/32px/cart_706.png');
				background-size:24px 24px;
				background-repeat:no-repeat;
				background-position:center center;
			}#header_menu_market #header_menu_market_cart:hover{
				background-color:#80bd01;
				background-image:url('../img/ico/32px/cart_fff.png');
			}
		#header_menu_categories{
			/*display:inline-block;*/
			/*float:left;*/
			width:auto;
			height:100%;
			background-color:#fff;
			
			
		}
			#header_menu_categories_navigation{
				letter-spacing:-0.25rem;
				height:100%;
				
			}
				#header_menu_categories_navigation a.header_menu_categories_navigation_item,
				#header_menu_categories_navigation a.header_menu_categories_navigation_item:visited{
					display:inline-block;
					padding:0px 5px 0px 5px;
					font-weight:bold;
					font-size:13px;
					font-size:0.813rem;	/* 13 / 16 = 0.813 */
					color:#000;
					text-align:center;
					letter-spacing:normal;
					border-left:1px solid #f7f7f7;
					border-right:1px solid #f7f7f7;
					height:100%;
					width:200px;
					line-height:100%;
				}#header_menu_categories_navigation a.header_menu_categories_navigation_item:hover,
				#header_menu_categories_navigation a.header_menu_categories_navigation_item:visited:hover{
					background-color:#80bd01;
					color:#fff;
				}
					#header_menu_categories_navigation a.header_menu_categories_navigation_item span{
						display:inline-block;
						text-align:center;
						vertical-align:middle;
						line-height:normal;
						letter-spacing:normal;
					}
	#responsive_menu{
		position:fixed;
		width:100%;
		top:40px;
		z-index:20;
	}
		#responsive_menu > .select{
			display:block;
			margin:5px 0px 0px 0px;
			margin:10px;
			padding:2px;
			line-height:40px;
			line-height:2.500rem;	/* 40 / 16 = 2.5 */
			font-weight:bold;
			font-size:14px;
			font-size:0.875rem;	/* 14 / 16 = 0.875 */
			border-radius:3px;
			/*min-width:200px;*/
			/* personnalisation */
			border:1px solid #03b;
			border:1px solid #690c5e;
			background-color:#03b;
			background-color:#690c5e;
		}
			#responsive_menu > .select .optgroup,
			#responsive_menu > .select .option{
				display:block;
				margin-bottom:1px;
				min-height:40px;
				/*text-indent:16px;*/
				line-height:40px;
				line-height:2.500rem;	/* 40 / 16 = 2.5 */
				font-weight:bold;
				font-size:13px;
				font-size:0.813rem;	/* 13 / 16 = 0.813 */
			}#responsive_menu > .select .optgroup{
				padding:0px 12px 0px 12px;
				/* personnalisation */
				background-color:#04b;
				background-color:#7c0d6e;
				color:#fff;
			}#responsive_menu > .select .option{
				padding:0px 12px 0px 24px;
				/* personnalisation */
				background-color:#05c;
				background-color:#8f3183;
				color:#fff;
			}#responsive_menu > .select .optgroup:hover,
			#responsive_menu > .select .option:hover{
				/* personnalisation */
				background-color:#03a;
				background-color:#690c5e;
			}
				#responsive_menu > .select .optgroup .icon,
				#responsive_menu > .select .option .icon{
					display:inline-block;
					width:24px;
					height:24px;
					margin:0px 8px 0px 0px;
					vertical-align:middle;
					background-size:100% 100%;
					background-repeat:no-repeat;
					background-position:0px 0px;
				}

/* =============== SMARTPHONE =============== */
@media screen and (max-width:700px){
	#header{
		/*height:40px;*/
	}
		#header_menu{
			width:100%;
			display:block;
		}
			#header_menu_logo{
				width:98px;
				height:40px;
			}
			#header_menu_responsive_button{
				display:inline-block;
			}
			#header_menu_market{
				width:80px;
				height:40px;
			}
			#header_menu_categories{
				display:none;
			}
	#responsive_menu{
		display:none;
	}
}
/* =============== TABLET =============== */
@media screen and (min-width:701px){
	#header{
		/*height:60px;*/
	}
		#header_menu{
			width:100%;
		}
			#header_menu_logo{
				width:147px;
				height:60px;
			}
			#header_menu_responsive_button{
				display:none;
			}
			#header_menu_market{
				width:120px;
				height:60px;
			}
			#header_menu_categories{
				display:inline-block;
				
				width:100%;
				height:40px;
				border-top:1px solid #f7f7f7;
				text-align:left;
				/*width:100%;*/
			}
				#header_menu_categories_navigation{
					letter-spacing:-0.25rem;
					height:100%;
					text-align:left;
				}
					#header_menu_categories_navigation a.header_menu_categories_navigation_item{
						min-width:63px;
						width:calc((100% / 5) - 15px);
						line-height:40px;
						line-height:2.500rem;	/* 40 / 16 = 2.5 */
						height:100%;
						/*line-height:100%;*/
					}
		#responsive_menu{
			display:none !important;
		}
}
/* =============== COMPUTEUR =============== */
@media screen and (min-width:1024px){
	#header{
		/*height:60px;*/
	}
		#header_menu{
			max-width:1000px;
			max-width:100%;
		}
			#header_menu_logo{
				width:147px;
				height:60px;
			}
			#header_menu_responsive_button{
				display:none;
			}
			#header_menu_market{
				width:120px;
				height:60px;
			}
			#header_menu_categories{
				display:inline-block;
				height:60px;
				width:auto;
				width:calc(100% - 270px);
				border-top:none;
			}
				#header_menu_categories_navigation{
					/*width:calc(100% - 270px);*/
				}
					#header_menu_categories_navigation a.header_menu_categories_navigation_item{
						width:80px;
						width:calc((100% / 5) - 15px);
						max-width:180px;
						line-height:60px;
						line-height:3.750rem;	/* 60 / 16 = 3.75 */
					}
		#responsive_menu{
			display:none !important;
		}
}
/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
#responsiveMenu{
	float:left;
}
#responsiveMenu_checkbox:not(:checked) + #toggleButton {
    background:#336699;
}
#responsiveMenu_list{
	position:fixed;
	top:40px !important;
	left:0px !important;
	/*padding-top:50px !important;*/
	height:calc(100% - 40px) !important;
	width:122px;
	background-color:#336699 !important;
	
	opacity:1 !important;
	overflow:hidden;
}
	#responsiveMenu_links{
		
		padding:10px !important;
		/*position:absolute;
		top:50px;
		left:0px;
		/*height:100%;*/
		/*
		width:132px !important;
		background-color:#008080 !important;
		color:#f0e58c !important;
		
		
		font-size:12px !important;
		*/
	}
	
	#responsiveMenu_links:first-child{
		border-top-right-radius:5px !important;
	}
	#responsiveMenu_links:last-child{
		border-bottom-right-radius:5px !important;
	}
	
		#responsiveMenu_links .responsiveMenu_category{
			color:#f0e58c;
			padding-top:20px;
		}
		#responsiveMenu_links a[href].responsiveMenu_category{
			padding-top:0px;
		}
		#responsiveMenu_links a[href].responsiveMenu_category,
		#responsiveMenu_links a[href].responsiveMenu_category:visited{
			color:#fff;
		}
		#responsiveMenu_links a[href].responsiveMenu_category:hover,
		#responsiveMenu_links a[href].responsiveMenu_category:visited:hover{
			color:#8cf;
		}
		#responsiveMenu_links a[href].responsiveMenu_category:active,
		#responsiveMenu_links a[href].responsiveMenu_category:visited:active{
			color:#0af;
		}
		
table{
	width:100%;
}
/*
	table thead tr,
	table thead tr th,
	table tfoot tr,
	table tfoot tr td{
		background-color:#336699;
		color:#fff;
	}
	table thead tr th a,
	table thead tr th a:visited,
	table thead tr th a:hover,
	table thead tr th a:visited:hover,
	table tfoot td th a,
	table tfoot td th a:visited,
	table tfoot td th a:hover,
	table tfoot td th a:visited:hover{
		color:#fff;
	}
	table thead tr th.sub1,
	table tfoot tr td.sub1{
		background-color:#5588bb;
		color:#fff;
		font-size:0.875rem;
	}
	table thead tr th.sub2,
	table tfoot tr td.sub2{
		background-color:#77aadd;
		color:#fff;
		font-size:0.75rem;
	}
	
	
	table thead tr th.subnew{
		border-top:1px solid #fff;
	}
		table th,
		table td{
			border-right:1px solid #fff;
			line-height:22px;
		}
		table td{
			padding-left:5px;
			padding-right:5px;
		}
		/**/
	/**
	table tbody tr:nth-child(even){
		background-color:#fff;
	}
	table tbody tr:nth-child(odd){
		background-color:#f7f7ff;
	}
	table tbody tr:hover{
		background-color:#ddf;
	}
	/**/


/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
table td.number,
table td.amount{
	text-align:right;
}
table td.document{
	text-align:center;
}


/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
/*
#container{
	padding-bottom:280px;
}
*/

#container > .content{
	margin:auto;
	position:relative;
	padding-top:30px;
	max-width:1400px;
	width:1200px;
}

/* SMARTPHONE */
@media screen and (max-width:600px){
	#container > .content{
		max-width:calc(100%);
	}
}
/* SMARTPHONE */
@media screen and (min-width:600px) and (max-width:768px){
	#container > .content{
		max-width:calc(100% - 60px);
	}
}
/* LAPTOP */
@media screen and (min-width:768px) and (max-width:1200px){
	#container > .content{
		max-width:calc(100% - 100px);
	}
}
/* MONITOR */
@media screen and (min-width:1200px){
	#container > .content{
		max-width:calc(100% - 320px);
	}
}


.vimeo_frame{
	box-shadow:0px 0px 10px #555;
}


/***************************************************************************************/
/***************************************************************************************/
/***************************************************************************************/
#footer{
	margin:auto;
	/*margin-top:30px;*/
	padding:30px 0px 10px 0px;
	width:100%;
	font-size:0.75rem;
	/*position:absolute;*/
	bottom:0px;
	text-align:center;
	z-index: 2;
}
	#footer a,
	#footer a:visited{
		color:#000;
	}
	#footer a:hover,
	#footer a:visited:hover{
		color:#5f1955;
	}

/*******************************************************************************************/

.body{
	position:relative;
	/*padding-top:48px;*/
	margin:auto;
	/*width:100vw;
	height:100vh;*/
	
	overflow:hidden;
}

#container .content .user_controls{
	float:left;
	width:200px;
	border:1px solid #80bd01;
	font-size:0.813rem; /* 13 / 16 = 0.813 */
	background-color:#fff;
}
	#container .content .user_controls .user_controls_head{
		height:40px;
		line-height:40px;
		background-color:#80bd01;
		font-weight:bold;
		text-align:center;
		color:#fff;
	}#container .content .user_controls .user_controls_block{
		margin:0px;
		padding:10px;
		border-top:1px solid #80bd01;
		line-height:24px;
		list-style-type:none;
	}
	#container .content .user_controls .user_controls_block li a,
	#container .content .user_controls .user_controls_block li a:visited{
		color:#222;
	}#container .content .user_controls .user_controls_block li a:hover,
	#container .content .user_controls .user_controls_block li a:visited:hover{
		color:#80bd01;
	}
#container .content .user_content{
	float:left;
	width:calc(100% - 244px);
	margin-left:20px;
	
	background-color:#fff;
	border:1px solid #80bd01;
	padding:10px;
}

.catalogue_photo_button{
	display:inline-block;
	position:absolute;
	right:5px;
	top:13px;
	padding:7px 7px 7px 35px;
	border-radius:7px;
	border:1px solid #ddd;
	background-image:url('../img/ico/16px/camera_fff.png');
	background-size:16px 16px;
	background-position:7px 5px;
	background-repeat:no-repeat;
	font-family:arial;
	font-size:12px;
	color:#fff;
	
	background-color:#80bd01;
}.catalogue_photo_button:hover{
	background-color:#5f1955;
}