@import url(lockers.css);

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue';
	-webkit-font-smoothing: antialiased;
	background: #23578B;
	background-image: linear-gradient(to right, #003855, #23578B) !important;	
}

#globalmenu {
	position: absolute;
    top: 61px;
    left: 0px;
    padding: 0px;
}

#globalmenu ul {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 5px;
	list-style: none;	
}

#globalmenu #menubar > li {
	width: 60px;
	height: 44px;
	max-height: 44px;
	margin: 0;
	transition: width 0.5s, display 0.5s;
	background: #003855;
    z-index: 1000;
}

#globalmenu:hover #menubar > li {
	width: 160px;
	background: #003855;
}

#globalmenu #menubar > li > a > span {
	display: none;
}

#globalmenu #menubar > li > a > i {
	min-width: 60px;
	max-width: 60px;
	text-align: center;
}

#globalmenu #menubar:hover > li > a > span {
	display: block;
	position: relative;
	height: 44px;
	left: 60px;
    top: -30px;
    z-index: 1001;
	background-image: linear-gradient(to right, #003855, #23578B);	
}

.selectedmenuitem > a > i, .selectedmenuitem > a > span {
	color: lime;
}


#globalmenu #menubar > li > a {
	color: #fff;
	line-height: 28px;
	transition: border-color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
	overflow: hidden;
	padding: 8px 15px 8px 20px;
	border-left: 0 solid transparent;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}

#globalmenu #menubar > li > a > i {
	font-size: 1.5em;
	min-width: 30px;
}

#menu_superuser a:link , #menu_superuser a:visited #menu_superuser a:hover , #menu_superuser a:active {
	color: white;
}

#content {
	position: absolute;
    top: 65px;
    left: 60px;
    right: 0px;
	z-index: 1;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 1200px;
}

.popedit {
	top: 30px !important;
	left: 30px !important;
	right: 30px !important;
	bottom: 30px !important;
}

p.msgstd {
	background: #EDEBE8;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #dee4e8;
	display: block;
	clear: both;
	color: #0076b6;
	font-size: 20px;
	text-align: left;
	text-transform: capitalize;
}

#logoextranet {
	max-width: 300px;
	max-height: 60px;
	display: block;
	margin-left: 10px;
    margin-top: 5px;
}
#logoextranet img {
	max-width: 300px;
	max-height: 60px;
}

/*mettre div autour du table */
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

.listing {
	background: #FFF;
	overflow: auto
}

.listing table {

	border: 0;
}

.listing table td {
	border: 0;
}

.listing table th {
	text-transform: uppercase;
	color: #7B7B7B;
}


#SiteInfo {
	display: none
}

table a:link {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

table a:visited {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration: underline;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-shadow: 1px 1px 0 #fff;
	background: #eaebec;
	margin: 20px;
	border: #ccc 1px solid;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: none;
}

table th {
	padding: 5px;
	border-top: 1px solid #fafafa;
	border-bottom: 1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

table th:first-child {
	text-align: left;
	padding-left: 20px;
}

table tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

table tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

table tr {
	text-align: center;
	padding-left: 20px;
}

table tr.row1 td {
	background: #F1F1F1;
}

table td:first-child {
	text-align: left;
	padding-left: 20px;
	border-left: 0;
}

table td {
	padding: 3px 2px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

table tr:last-child td {
	border-bottom: 0;
}

table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

table tr:hover td {
	background: #b6c6d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#b6c6d7), to(#c1d0dd));
	background: -moz-linear-gradient(top, #b6c6d7, #c1d0dd);
}

.rackblock {
	display: inline-block;
	margin: 3px;
	box-shadow: none !important;
	background-color: #EEE;
	text-align: center;
}

.pictoproduct {
	width: 160px;
	float: left;
	border: 1px solid white;
	height: 160px;
	padding: 30px;
}

.productlabel {
	font-size: 20px;
	font-family: 'Oswald', sans-serif !important;
}

.productlabel .price {
	display: block;
}

.categoryoverview {
	clear: both;
	margin-bottom: 60px;
	overflow: auto;
	background: #F5F5F5;
	padding: 30px 10px;
}

div.categoryoverview .categorylabel {
	margin-bottom: 20px;
}

div.categoryoverview .categoryimg {
	width: 110px;
	height: 100px
}

.pictoproduct img {
	width: 70px;
	height: 70px;
}

.formulaire {
	overflow: auto
}

pre {
	/* width: 10%; */
	/* display: block; */
	word-wrap: break-word;
	max-width: 900px;
	padding: 0 10px;
}

#flags img, .flag {
	height: 50px;
}

#login {
	display: block;
/*	width: calc(100% - 320px);*/
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 320px;
	z-index: 9999;
	text-shadow: 1px 1px 2px #000;
}

#login input {
	display: inline-block;
	width: 20%;
	min-width: 80px;
	height: 14px;
	margin: 5px;
	padding: 5px;
	border: 0;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
	box-shadow: 1px 1px 2px #000;
}

#login input[type=submit] {
	width: 20%;
	min-width: 80px;
	height: 24px;
	margin-top: 10px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	text-transform: uppercase;
	font-weight: bold;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 20px;
	cursor: pointer;
}

#myaccount {
	display: inline-block;
	font-size: 10px;
	color: #fff;
}

#myaccount a:link , #myaccount a:visited {
	width: 20%;
	min-width: 80px;
	color: #fff;
	width: 20%;
}

#flags {
	display: inline-block;
	width: 15%;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	justify-content: space-between;
}

#StripeInfo {
    font-size: 14px;
}

#StripeInfo.Error {
    color: #df5257;
}

#StripeInfo.Success {
    color: #48cb8f;
}

#Stripe_Date4 {
    width: 64px;
}

::-webkit-input-placeholder { color:#DDD; }
::-moz-placeholder { color:#DDD; } /* firefox 19+ */
:-ms-input-placeholder { color:#DDD; } /* ie */
input:-moz-placeholder { color:#DDD; }

/*
.size30x160{ width:29px; height:42px; float:left; line-height:30px; font-size:0.6em !important; infolocker:SmartCONVEYOR; }

.size30x55{ width:66px; height:110px; float:left; }
.size30x110{ width:66px; height:216px; float:left; }
.size30x165{ width:66px; height:332px; float:left; }

.size30x28 { width:66px; height:55px; float:left; }
.size15x110 { width:32px; height:218px; float:left; }

.size33x28{ width:72px; height:52px; float:left; }
.size17x110{ width:35px; height:216px; float:left; }
.size33x165{ width:66px; height:332px; float:left; }

.size38x28{ width:76px; height:55px; float:left; }
.size19x110{ width:37px; height:216px; float:left; }
.size44x165{ width:88px; height:332px; float:left; }


.size25x110{ width:55px; height:220px; float:left; }
.size50x55{ width:109px; height:113px; float:left; }

.size30x100{ width:36px; height:200px; float:left; }

.size75x50{ width:46px; height:50px; float:left; font-size:0.6em !important; infolocker:LUGG4 LUGG7 (haut); }
.size50x100{ width:30px; height:104px; float:left; font-size:0.6em !important; infolocker:LUGG7 (bas); } 
.size50x40{ width:32px; height:40px; float:left; font-size:0.6em !important; infolocker:LUGG10; }
.size60x33{ width:46px; height:32px; float:left; font-size:0.6em !important; infolocker:LUGG12; }

.size35x28{ width:69px; height:56px; float:left; }
.size70x28{ width:140px; height:56px; float:left; }
.size35x55{ width:69px; height:111px; float:left; }

.size30x160{ width:30px; height:45px; float:left; line-height:30px; infolocker:CY; }

.size45x36{ width:90px; height:72px; float:left; infolocker:PHARMA3; }

.rackblock{display:inline-block;text-align:center;border:1px solid #0076b6; margin:0px; }
.racktable{border:0px; padding:0px; margin:0px; }
*/


.luggageblock {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*========================================================================
// AFFICHAGE EN PLEIN ECRAN
//======================================================================*/
/* Chrome, Safari and Opera syntax */
:-webkit-full-screen {
  background-color: yellow;
}

/* Firefox syntax */
:-moz-full-screen {
  background-color: yellow;
}

/* IE/Edge syntax */
:-ms-fullscreen {
  background-color: yellow;
}

/* Standard syntax */
:fullscreen {
  background-color: yellow;
}