html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #FFFFFF;
	color: #222222;
	font: 10px;
	font-family: Arial;
}

a:visited {
}

a {
	text-decoration: none;
}

.clear {
	clear: both;
}

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto !important;
}

.menuPrincipalLocalhost {
	background-color: #DD4B39;
}

.menuPrincipalProduction {
	background-color: #2D2D2D;
}

.menuPrincipalTest {
	background-color: #2968CC;
}

.menuPrincipalMutuelle {
	background-color: #2D2D2D;
}

.menuPrincipalDistributeur {
	background-color: #2D2D2D;
}

#menuPrincipal {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 33px;
}

#jMenuRetour {
	position: absolute;
	top: 34px;
	right: 10px;
	z-index: 10;
	float: left;
	margin: 0;
	padding: 0;
	height: 33px;
	text-align: center;
	font-size: 12px;
	line-height: 33px;
}

.home-btn {
	position: relative;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.home-btn:hover {
	background-color: #4c4c4c;
	cursor: pointer;
}


.home-btn img {
	width: 20px;
}

/*Menu Administration à gauche*/
#menuLeft {
	float: left;
	height: 30px;
}

.menuAdministration {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	list-style-type: none;
}

.menuAdministration3px {
	margin-top: 3px;
	margin-left: 20px;
	padding: 0px;
	list-style-type: none;
	/*Gestion du décalage de 3px*/
}

ul#menuAdministration li {
	display: inline-block;
	margin: 0px;
	padding: 0 0.6em;
	line-height: 30px;
}

ul#menuAdministration li a {
	 display:block; 
	  width:100%; 
	  height:100%;
}

.liAdministrationSelected {
	margin-top: 0px;
	border-top: 3px solid #DD4B39;
}

ul#menuAdministration li:hover {
	background-color: #4c4c4c;
}

.lienAdministration {
	color: #CCC!important;
	text-decoration: none;
	font-family: Arial;
}

.lienAdministrationDisable {
	color: #DD4B39 !important;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
}

.lienAdministrationSelected {
	color: #FFF!important;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
}

#noty_bottomRight_layout_container li {
	border: 1px solid rgb(222, 222, 222) !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
}

.notificationContainer {
	position: absolute;
	top: 34px;
	right: 210px;
	z-index: 999;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px !important;
	max-height: 430px;
	border: 1px solid rgb(222, 222, 222);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #EEE;
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
}

.nbNotification {
	position: absolute;
	top: 13px;
	right: 4px;
	z-index: 99999999999999;
	padding: 0px;
	width: 16px;
	height: 16px;
	-moz-border-radius: 96%;
	-webkit-border-radius: 96%;
	border-radius: 96%;
	background-color: #DD4B39;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	cursor: pointer;
}

.notyli {
	overflow: hidden;
	margin: 4px 0px;
	min-height: 100px;
	width: 310px;
	border: 1px solid rgb(222, 222, 222);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	color: rgb(68, 68, 68);
}

.noty_message_fix {
	position: relative;
	padding: 10px;
	width: auto;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
}

.noty_message {
	padding: 0px !important;
}

.fakebutton {
	border: 0px;
	background-color: transparent;
	text-decoration: underline;
	cursor: pointer;
}

.notyContent {
	padding: 15px;
}

#menuRight {
	float: right;
	height: 30px;
}

.menuAccount {
	float: right;
	margin: 0px;
	margin-right: 20px;
	padding: 0px;
	width: 270px;
	height: 30px;
	list-style-type: none;
}

.liAccountSelected {
	width: 250px;
	border-top: 3px solid Blue;
}

#liAccount {
	padding-left: 20px;
	width: 250px;
	height: 35px;
	text-align: center;
	line-height: 25px;
}

#liAccount ul {
	display: none;
}

#liAccount:hover ul {
	position: absolute;
	top: 33px;
	right: 20px;
	z-index: 10000;
	display: block;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	width: 268px;
	background-color: #2D2D2D;
	-moz-box-shadow: 5px 5px 12px #CCC;
	-webkit-box-shadow: 5px 5px 12px #CCC;
	box-shadow: 5px 5px 12px #CCC;
	list-style-type: none;
	text-align: left;
}

#liAccount ul li {
	display: list-item;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: left;
}

#liAccount ul li:hover {
	background-color: #5C5C5C;
}

#liAccount ul a, #liAccount ul a:visited {
	color: #ccc;
	text-decoration: none;
	font-size: 15px;
}

#liAccount ul li.logout {
	border-top: 1px solid #ACACAC;
}

/*Menu Societe à droite*/



#middle {
	position: relative;
	left: 0px;
	display: block;
	min-height: 630px;
	width: 100%;
}

#menuItem {
	position: relative;
	bottom: 0px;
	left: 0px;
	float: left;
	margin: 0px;
	min-height: 100%;
	width: 200px;
	height: 100%;
	height: auto !important;
	background-color: #FFFFFF;
}

#logo {
	width: 200px;
	height: 100px;
}

#menuItemDynamique {
	padding-top: 30px;
}

#menuItemDynamiqueTitle {
	padding-left: 20px;
	color: #DD4B39;
	font: 20px "Arial";
}

#menuItemDynamiqueCatalogue {
	padding-left: 20px;
	color: #36C;
	text-shadow: 0px 0px 1px #E5E5E5;
	font: 16px "Arial";
	font-weight: bold;
}

#menuItemDynamiqueCatalogue a {
	color: #36C;
	text-decoration: none;
	text-shadow: 0px 0px 1px #E5E5E5;
	font: 16px "Arial";
	font-weight: bold;
}

#ulMenu {
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	list-style-type: none;
}

#ulMenu li {
	padding-left: 20px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
}

#ulMenu li:hover {
	background-color: #E0E0E0;
}

#ulMenu li:hover .imgAdd {
	display: block;
}

.tabMenuSelected {
	border-left: 3px solid #DD4B39;
	background-color: #EFEFEF;
	font-weight: bold;
}

#ulMenu li a, #ulMenu li a:visited {
	text-decoration: none;
}

.menuTitle {
	color: #DD4B39;
	display:block;
	width:100%;
	height:100%;
}

.menuOption {
	padding-left: 20px;
	color: #222;
	display:block;
	width:100%;
	height:100%;
}

.aimgAdd {
	display: block;
    top: -30px;
    position: relative;
}

.imgAdd {
	display: none;
	float: right;
	margin-top: 7px;
	border: 0px;
}

#content {
	position: relative;
	z-index: 5;
	margin-top: 0px;
	margin-left: 200px;
	padding: 0px;
	padding-bottom: 70px;
	height: 100%;
	background-color: #FFFFFF;
	padding-top: 5px;
}

#footer {
	bottom: 0px;
	left: 0px;
	z-index: 1000;
	display: inline-block;
	margin-top: 20px;
	padding-top: 20px;
	width: 100%;
	height: 40px;
	border-top: solid 1px #DEDEDE;
	background-color: #E5E5E5;
	text-align: center;
	font-style: italic;
	font-size: small;
	/*position:absolute;*/
}


.fleche {
	position: relative;
	top: -1px;
	left: 4px;
	display: -moz-inline-box;
	display: inline-block;
	padding-top: 1px;
	width: 0;
	height: 0;
	border-width: 3px 3px 0;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: silver;
	font-size: 0;
	line-height: 0;
}

.spanWithFleche {
	margin-left: 10px;
}



#blur {
	moz-opacity: 0.5;
	khtml-opacity: 0.5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 120;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#progress {
	position: absolute;
	top: 0pt;
	left: 0pt;
	z-index: 200;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
	background-color: White;
	text-align: center;
}

.progress {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	text-align: center;
}

.spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	animation-fill-mode: both;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background-color: #FFF;
	-moz-animation: bouncedelay 1.4s infinite ease-in-out;
	-o-animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
}

.spinner .bounce1 {
	-moz-animation-delay: -0.32s;
	-o-animation-delay: -0.32s;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-moz-animation-delay: -0.16s;
	-o-animation-delay: -0.16s;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% {
		-moz-transform: scale(0.0);
		-ms-transform: scale(0.0);
		-o-transform: scale(0.0);
		-webkit-transform: scale(0.0);
		transform: scale(0.0);
	}

	40% {
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

@keyframes bouncedelay {
	0%, 80%, 100% {
		-moz-transform: scale(0.0);
		-ms-transform: scale(0.0);
		-o-transform: scale(0.0);
		-webkit-transform: scale(0.0);
		transform: scale(0.0);
	}

	40% {
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.connectedGroup {
	min-height: 200px;
}

.ulsdt {
	display: flexbox;
	margin: 0px;
	padding: 0px;
}

.sdtButton {
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
}

.specificdatatab {
	display: inline;
	list-style-type: none;
}

.ulsdg {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.specificdatagroup {
	margin-bottom: 30px;
	list-style-type: none;
}

.specificdatagroupedition {
	margin-bottom: 30px;
	list-style-type: none;
	cursor: pointer;
}

.specificdatagroupedition:hover {
	opacity: 0.9;
}

.ulsdi {
	margin: 0px;
	padding: 0px;
	min-height: 40px;
	text-align: center;
}

.sditem {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
	list-style-type: none;
}

.sdeitem {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
	list-style-type: none;
	cursor: pointer;
}

.sdeitem:hover {
	background-color: #E0E0E0;
}

.imgmiddle {
	vertical-align: middle;
}

.PnlGroupmentDeleteButton {
	top: 5px;
	left: 10px;
	display: inline;
	width: 30px;
}

.PnlGroupmentEditButton {
	top: 5px;
	display: inline;
	float: right;
	margin-right: 10px;
}

.SpecifDataDeleteButton {
	position: relative;
	left: -40px;
}

.labelSpecificDataGroupment {
	margin-top: 5px;
}

.labelSpecificDataGroupmentedition {
	position: absolute;
	margin-top: 5px;
}

.labelSpecificData {
	position: fixed;
	margin-top: 5px;
}

/** Tuiles **/



.table_tiles {
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	width: 128px;
	height: 140px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: blue;
	-moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	color: white;
	vertical-align: middle;
	text-align: center;
	opacity: 0.95;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: box-shadow, transform;
	-o-transition-property: box-shadow, transform;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
}

.table_tiles:hover {
	-moz-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	opacity: 1;
	-moz-transform: translate(-5px,-5px);
	-ms-transform: translate(-5px,-5px);
	-o-transform: translate(-5px,-5px);
	-webkit-transform: translate(-5px,-5px);
	transform: translate(-5px,-5px);
}

.table_tiles_img {
	float: left;
	margin-bottom: 15px;
	width: 128px;
	height: 64px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background-color: white;
	cursor: pointer;
}

.table_tiles_img_saisie {
	position: relative;
	top: 35px;
	left: 3px;
	display: inherit;
	width: 20px;
	height: 10px;
	opacity: 0.8;
	/*float:right;
	margin-right:5px;
	margin-left:50px;*/
}

.table_tiles_label {
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	/*margin: 10px;*/
}

.table_tiles_hidden {
	display: none;
	float: left;
	width: 100%;
	text-align: center;
}

.buttonFiltreGray {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(84, 84, 84);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.buttonFiltreBlue {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(1, 155, 204);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.buttonFiltreRed {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(236, 47, 10);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.buttonFiltreGreen {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(17, 146, 17);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.buttonFiltreYellow {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(236, 236, 49);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.buttonFiltreOrange {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(255, 127, 36);
	color: white;
	font-weight: 600;
	font-weight: bold;
	cursor: pointer;
}

.smallbuttonFiltreBlue {
	min-width: 100px;
	height: 30px;
	border: 1px solid #0A76E3;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(1, 155, 204);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: white;
	font-weight: 600;
	font-weight: bold;
	opacity: 0.9;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
}

.smallbuttonFiltreBlue:hover {
	color: black;
	opacity: 1;
}

.smallbuttonFiltreRed {
	min-width: 100px;
	height: 30px;
	border: 1px solid #DE2C09;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(236, 47, 10);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: white;
	font-weight: 600;
	font-weight: bold;
	opacity: 0.9;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
}

.smallbuttonFiltreRed:hover {
	color: black;
	opacity: 1;
}

.smallbuttonFiltreGreen {
	min-width: 100px;
	height: 30px;
	border: 1px solid #108C10;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(17, 146, 17);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: white;
	font-weight: 600;
	font-weight: bold;
	opacity: 0.9;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
}

.smallbuttonFiltreGreen:hover {
	color: black;
	opacity: 1;
}

.smallbuttonFiltreYellow {
	min-width: 100px;
	height: 30px;
	border: 1px solid #D5C322;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(236, 236, 49);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: white;
	font-weight: 600;
	font-weight: bold;
	opacity: 0.9;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
}

.smallbuttonFiltreYellow:hover {
	color: black;
	opacity: 1;
}

.smallbuttonFiltreOrange {
	min-width: 100px;
	height: 30px;
	border: 1px solid #E57220;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgb(255, 127, 36);
	-moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
	color: white;
	font-weight: 600;
	font-weight: bold;
	opacity: 0.9;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
}

.smallbuttonFiltreOrange:hover {
	color: black;
	opacity: 1;
}

.buttonFiltreGrayTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(84, 84, 84, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreGrayTransparent:hover {
	background-color: rgba(84, 84, 84,1);
}

.buttonFiltreBlueTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(1, 155, 204, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreBlueTransparent:hover {
	background-color: rgba(1, 155, 204,1);
}

.buttonFiltreRedTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(236, 47, 10, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreRedTransparent:hover {
	background-color: rgba(236, 47, 10, 1);
}

.buttonFiltreGreenTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(17, 146, 17, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreGreenTransparent:hover {
	background-color: rgba(17, 146, 17, 1);
}

.buttonFiltreYellowTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(236, 236, 49, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreYellowTransparent:hover {
	background-color: rgba(236, 236, 49,1);
}

.buttonFiltreOrangeTransparent {
	min-width: 100px;
	height: 30px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255, 127, 36, 0.2);
	color: white;
	font-weight: 600;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

.buttonFiltreOrangeTransparent:hover {
	background-color: rgba(255, 127, 36, 1);
}

.lbl_error, .lbl_error_text {
	display: inline-block;
	margin-top: 50px;
	margin-left: 50px;
	color: #000;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 35px;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

.lbl_error_text {
	font-weight: inherit;
	font-size: 24px;
}

.btn-cancel-popup {
	position: absolute;
	top: -9px;
	right: -9px;
	width: 28px;
	height: 28px;
	outline: none;
}

/* moins de 4 sociétés */

.companyProductTiles {
	padding-top: 25px;
	width: 100%;
}

.companyProductTiles-products {
	position: relative;
	margin: auto;
	width: 1080px;
}

.table_tiles.lessthree {
	margin-top: 10px;
	margin-right: 65px;
	margin-left: 0px;
	cursor: default !important;
}

.table_tiles.lessthree .table_tiles_label {
	cursor: default;
}

.table_tiles.lessthree:hover {
	-moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	opacity: 0.95;
	-moz-transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	transform: translate(0px,0px);
}

.companyProductTiles-tile {
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	width: 140px;
	height: 140px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	color: white;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	opacity: 0.95;
	cursor: pointer;
	-moz-transition-duration: 250ms;
	-o-transition-duration: 250ms;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-property: box-shadow, transform;
	-o-transition-property: box-shadow, transform;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
}

.companyProductTiles-tile-img {
	width: 100%;
	text-align: center;
}

.companyProductTiles-tile img {
	height: 70px;
}

.companyProductTiles-tile span {
	display: inline-block;
	margin-top: 30px;
}

.companyProductTiles-tile:hover {
	-moz-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
	opacity: 1;
	-moz-transform: translate(-5px,-5px);
	-ms-transform: translate(-5px,-5px);
	-o-transform: translate(-5px,-5px);
	-webkit-transform: translate(-5px,-5px);
	transform: translate(-5px,-5px);
}

.companyProductTiles-tile.accessoire {
	background-color: rgb(236, 236, 49);
}

.companyProductTiles-tile.lentille {
	background-color: rgb(236, 47, 10);
}

.companyProductTiles-tile.monture {
	background-color: rgb(17, 146, 17);
}

.companyProductTiles-tile.verre {
	background-color: rgb(1, 155, 204);
}

.companyProductTiles-tile.offre {
	background-color: rgb(255, 127, 36);
}


.moffer-add {
	padding-top: 25px;
	text-align: left;
}

.moffer-groupes {
	margin-top: 10px;
	margin-bottom: 10px;
}

.moffer-groupe {
	position: relative;
	float: left;
	width: 350px !important;
	margin-right: 15px !important;
}

.moffer-groupe td:not(.THEdit) {
	padding: 7px;
	text-align: center;
}

.moffer-actions {
	position: relative;
	float: right;
	vertical-align: middle;
}

.moffer-actions * {
	vertical-align: middle;
}

.moffer-actions .moffer-delete {
	margin-left: 10px;
}

.moffer-niveau {
	border: 1px solid #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 4px;
	padding: 6px;
	text-align: left;
}

.moffer-niveau input[type=image] {
	width: 22px;
	vertical-align: middle;
}


.moffer-izygrid-niveau{
	padding-top : 60px;
}

.moffer-izygrid-niveau th {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.moffer-izygrid-niveau td {
	max-width: 100px !important;
}

.moffer-cascade{
	width:27% !important;
}

.moffer-cascade td:not(.THEdit) {
	padding: 7px;
	text-align: center;
}
.FamilyBadge {
	display: inline-block;
	border-radius: 20px;
	background: rgb(1, 155, 204);
	height: 16px;
	width: 16px;
	color: #fff;
	text-align: center;
	line-height: 16px;
	font-size: 11px;
	font-weight: 700;
	padding: 1.5px;
	box-shadow: 0 0 0 1px #126080;
}