HTML {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}

.login-body{
    text-align:center; margin:0
}

.login-sections{
    text-align:center; margin-left: auto; margin-right: auto; width:380px; top:30px;
}

.login-title{font-size:20px; color:#000;}
.login-label{line-height:8px;}
.login-label-perdu{float:right; display:inline; padding-top:4px;}


.ul-gamme-validation{
    white-space:normal;
    width: 250px;
}

.ul-gamme-no-validation{
    white-space:normal;
    width: 340px;
}

.table-version {
    width:100px;
}

.table-version td{
    line-height:1px!important;
    padding:0px!important;
    height: 18px!important;
    text-shadow:none!important;
    color:#fff!important;
}

.d-version{
    font-size:14px;
    text-align:center;
}

.d-etape{
    font-size:12px;
    text-transform:capitalize;
    text-align:center;
}

.d-date{
    font-size:12px;
    text-align:center;
}

.section-hidden
{
    display:none;
}

.validation-date
{
    color:#000;
    text-align:center;
    font-weight:bold;
}

.validation-version 
{
    width:100%; text-align:center; font-size:24px; font-weight:bold; position: relative;
}

.validation-version div 
{
    position: relative; top: 25px;
}

.valideur
{
    white-space: nowrap;
}

.validation-etat
{
    color:#000;
    text-align:center;
    font-weight:bold;
}

.inupload
{
     color:#b0b0b0;
}
.toconvert
{
     color:#b0b0b0;
}
.inconvert
{
     color:#b0b0b0;
}

.v0 {
	color: #000;
}

.tovalid
{
     color:#27a2ef;
}
.resume-tovalid {
    background: #27a2ef!important;
    background-image:none!important;
}

.resume-v0 {
	background: #000 !important;
	background-image: none !important;
}

.tocorrect
{
     color:#ff0000;
}
.resume-tocorrect {
    background: #ff0000!important;
    background-image:none!important;
}


.valid
{
     color:#1cc418;
}
.resume-valid {
    background: #1cc418!important;
    background-image:none!important;
}


.deleted
{
     color:#000;
     text-decoration:line-through;
}      


div.logo
{
	background-image: url(../images/logo-madeinpack.svg);
    background-size: 120px 45px;
    width: 120px;
    height: 45px;
    display: block;
    background-repeat: no-repeat;
}


.archive
{
	
	white-space:nowrap;
	
}

.divinligne
{
	float:left;
}

td.thumbnail
{
	border:1px dashed #cecece;
	height:200px;
}

td.filename
{
	padding-top:5px;
	font-size:11px;
	font-family:Arial;
	color:#000;
}

td.archivetype
{
	font-size:11px;
	font-family:Arial;
	color:#000;
}

td.filelength
{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	font-family:Arial;
}


div.connexion
{
	background-image : url(../images/logo-madeinpack.svg);
	height:128px;
    width: 400px;
	display:block;
	background-repeat:no-repeat;
}

div.ftp
{
	background-image : url(../images/logo-madeinpack.svg);
	width:294px;
	height:128px;
	display:block;
	background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
}
	
td.username
{
	 font-weight:bold;
	 padding-left:10px;
	 white-space:nowrap;
}


body 
{
	LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #777e7f; FONT-SIZE: 12px
}

H1 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}

H1 a 
{
	font-size:20px;
}


H2 {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 0px
}


form {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

.zoneRubrique{}

.zoneSociete{WIDTH: 320px; text-align:left;}

#container {
	MARGIN: 0px auto; WIDTH: 80%;
}

#header {
	position: relative; padding: 10px 0px 15px;
}


#footer {
	padding-top:30px;
}

#footer P {
	LIST-STYLE-TYPE: none; MARGIN: 0px; DISPLAY: inline; LIST-STYLE-IMAGE: none
}
#footer UL {
	LIST-STYLE-TYPE: none; MARGIN: 0px; DISPLAY: inline; LIST-STYLE-IMAGE: none
}
#footer LI {
	LIST-STYLE-TYPE: none; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; LIST-STYLE-IMAGE: none
}
#footer LI A {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 15px; BACKGROUND: url(../images/background/bg-set2.gif) no-repeat right -95px; COLOR: #848484; PADDING-TOP: 0px; 
}

#main {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; background-color:#FFF;
}

#main H2
{
	POSITION: relative; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND: url(../images/background/bg-h.gif) repeat-x left top; COLOR: #383c3d; FONT-SIZE: 16px; OVERFLOW: hidden; PADDING-TOP: 5px
}

#main H3 {
	POSITION: relative; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 10px; 
	background-image : url(../images/background/bg-titlebar-b.png); 
	background-repeat:no-repeat; 
	COLOR: #383c3d; FONT-SIZE: 16px; OVERFLOW: hidden; PADDING-TOP: 5px
}

.title
{
	COLOR: #000; 
	FONT-SIZE: 16px; 
}

hr {
	BORDER-BOTTOM: gray 1px solid; BORDER-LEFT: gray 1px solid; HEIGHT: 1px; BORDER-TOP: gray 1px solid; BORDER-RIGHT: gray 1px solid
}
img {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
table {
	BORDER-COLLAPSE: collapse
}

.clear {
	CLEAR: both
}

A{
	cursor:pointer;
	COLOR: #981f32;
	TEXT-DECORATION:none;
}
A:hover {
	COLOR: #981f32; TEXT-DECORATION: underline
}

A.external 
{
	PADDING-RIGHT: 12px; BACKGROUND: url(../images/background/external.png) no-repeat right top;
}

.form-item {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em
}

#titleBar {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 0px; HEIGHT: 42px; COLOR: #fff; OVERFLOW: hidden; PADDING-TOP: 0px;
	 background-color:Red; 
	 -moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
	background: 			#FF0000;
	color: 					#fff;
	font-weight: bold;
	background-image: -moz-linear-gradient(top, 
							#FF0000 , 
							#A80000 );
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#FF0000 ),
		color-stop(1, 		#A80000 ));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF0000 ', EndColorStr='#A80000 ')";
}

#titleBar-f {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-LEFT: 13px; PADDING-RIGHT: 0px; HEIGHT: 42px; COLOR: #fff; OVERFLOW: hidden; PADDING-TOP: 0px;
	 background-color:Red; 
	 -moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	background-image: -moz-linear-gradient(top, 
							#74b042 , 
							#56A00E );
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#74b042 ),
		color-stop(1, 		#56A00E ));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#74b042 ', EndColorStr='#56A00E ')";
}

#titleBar H1, 
#titleBar-f H1{
	LINE-HEIGHT: 40px; FONT-SIZE: 16px; FONT-WEIGHT: normal
}

#titleBar H1 a, 
#titleBar-f H1 a, 
.divFormulaire H1 a  
{
	font-weight:bolder;  
	cursor: pointer;
	outline:none;
	padding-right:20px;
	color:#fff;
	text-shadow: 0 1px 1px #000;
	text-decoration:none;
	-webkit-user-select: none;
}

#titleBar H1 a:hover, 
#titleBar-f H1 a:hover, 
.divFormulaire H1 a:hover  
{
	opacity: 0.92;
}

#titleBar h1 span{
    font-family: arial, helvetica, sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight:700;
}

#resume_produits img{width: 15px;}    



#mainnav {
	MARGIN:  0px; 
	WIDTH: 100%; 
	BOTTOM: 0px; 
	HEIGHT: 28px; 
	PADDING:  0px; 
}

#mainnav LI {
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	DISPLAY: inline; 
	LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
}
#mainnav A {
	POSITION: relative; 
	TEXT-ALIGN: center; 
	LINE-HEIGHT: 26px; 
	MARGIN: 0px 1px 0px 0px; 
	DISPLAY: block; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FLOAT: left; 
	HEIGHT: 28px; 
	COLOR: #6e7577; 
	FONT-SIZE: 14px; 
	CURSOR: pointer
}
#mainnav A:hover {
	TEXT-DECORATION: none; 
	opacity: 0.85;
}
#mainnav .active A:hover {
	opacity: 1
}
#mainnav SPAN {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 4px; 
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	HEIGHT: 100%; 
	MARGIN-LEFT: 4px; 
	PADDING-TOP: 0px
}
#mainnav A:hover {
	BACKGROUND: url(../images/background/bg-elements.jpg) no-repeat 0px 0px; 
	COLOR: #fff
}
#mainnav .active A {
	BACKGROUND: url(../images/background/bg-elements.jpg) no-repeat 0px 0px; 
	COLOR: #fff
}
#mainnav A:hover SPAN {
	BACKGROUND: url(../images/background/bg-elements.jpg) no-repeat 100% -40px
}
#mainnav .active SPAN {
	BACKGROUND: url(../images/background/bg-elements.jpg) no-repeat 100% -40px
}
#mainnav UL {
	POSITION: absolute; 
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 28px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	BACKGROUND: url(../images/background/bg-h.gif) repeat-x left top; 
	HEIGHT: 28px; 
	TOP: 34px; 
	PADDING-TOP: 0px; 
	LEFT: 8px
}
#mainnav UL SPAN {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; 
	WIDTH: 4px; 
	PADDING-RIGHT: 0px; 
	HEIGHT: 4px; 
	MARGIN-LEFT: 0px; 
	PADDING-TOP: 0px
}
#mainnav .home UL {
	LEFT: 0px
}
#mainnav .what UL {
	LEFT: 0px
}
#mainnav .who UL {
	LEFT: 15px
}
#mainnav .start UL {
	LEFT: 125px
}
#mainnav .start UL {
	LEFT: 140px
}
#mainnav .support UL {
	LEFT: 225px
}
#mainnav .addons UL {
	LEFT: 285px
}
#mainnav .developers UL {
	LEFT: 325px
}
#mainnav .downloads UL {
	RIGHT: 20px
}
#mainnav LI LI {
	DISPLAY: block; FLOAT: left
}
#mainnav LI LI.first {
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 0px; 
	HEIGHT: 100%; 
	PADDING-TOP: 0px
}
#mainnav LI LI A {
	LINE-HEIGHT: normal; 
	MARGIN: 0px 10px 0px 0px; 
	DISPLAY: inline; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: none; 
	HEIGHT: auto; 
	COLOR: #6e7577; 
	FONT-SIZE: 12px
}
#mainnav LI.active LI A {
	LINE-HEIGHT: normal; 
	MARGIN: 0px 10px 0px 0px; 
	DISPLAY: inline; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FLOAT: none; 
	HEIGHT: auto; 
	COLOR: #6e7577; 
	FONT-SIZE: 12px
}
#mainnav LI LI.active A {
	FONT-WEIGHT: bold
}
#mainnav LI LI A:hover {
	COLOR: #000
}
#mainnav LI.active LI A:hover {
	COLOR: #000
}
#mainnav LI LI.active A {
	COLOR: #000
}
#mainnav LI.active LI.active A {
	COLOR: #000
}

.modal-overlay, .wait-overlay
{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  background:#000;
  opacity:.30;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  z-index:101;
  
}
* html .modal-overlay,* html .wait-overlay
{   
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window, .wait-window 
{
  position:fixed;
  top:20%;
  left:50%;
  margin:0;
  padding:0;
  z-index:102;
  
}

* html .modal-window, * html .wait-window
{
  position:absolute;
}

.waiting 
{
	background:#FFF;
	WIDTH: 300px; 
	HEIGHT: 100px; 
	text-align:center;
    border-radius: 6px;
    filter: alpha(opacity=30);
    color:#000;
}

.pageactual
{
	padding:4px;
	background-color:#cecece;
	font-weight:bold;
}
.close-window
{
  position:absolute;
  width:32px;
  height:32px;
  right:8px;
  top:8px;
  background:transparent url('/examples/modal-simple/close-button.png') no-repeat scroll right top;
  text-indent:-99999px;
  overflow:hidden;
  cursor:pointer;
  opacity:.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}
.close-window:hover
{
  opacity:.99;
  filter: alpha(opacity=99);
  -moz-opacity: 0.99;
}

#xmlform H2
{
	POSITION: relative; PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND: url(../images/background/bg-titlebar-b.png) repeat-x left top; COLOR: #fff; FONT-SIZE: 16px; OVERFLOW: hidden; PADDING-TOP: 5px
}


element.style {
}

.area 
{
background: whiteSmoke 0 bottom;
}

.areaB
{
border:1px solid #dedede;
background: whiteSmoke 0 bottom;
}

.areaC
{
border-left:1px solid #dedede;	
border-right:1px solid #dedede;	
border-bottom:1px solid #dedede;	
border:1px solid #dedede;
background: whiteSmoke 0 bottom;
}

.areaD
{
border-left:1px solid #dedede;	
border-right:1px solid #dedede;	
border-bottom:1px solid #dedede;	
border:1px solid #dedede;
background: whiteSmoke 0 bottom;
}

.area  td { 
height:22px; 
}

.areaC  td { 
padding:3px; 
}

.areaD  td { 
padding:3px; 
}

table.areaC:first-child tr:first-child td { padding-top:13px;}

table.areaC:last-child tr:last-child td { padding-bottom:13px;}


.ligne
{
	font: 12px "Arial";
}


.gamme_separate
{
    padding-top: 5px!important;
    display: inline-block;
    vertical-align:top;
	font: 12px "Arial";
	text-align: left;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 2px;
	color:#000;
}

.gamme_niveau
{
    padding-top: 5px!important;
    display: inline-block;
    vertical-align:top;
	font: 12px "Arial";
	text-align: left;
	font-weight: bold;
	margin-right: 5px;
	color:#000;
}

label {
font: 12px "Arial";
text-align: right;
font-weight: bold;
padding-left:4px;
margin-right: 10px;
margin-top: 3px;
color:#000;
}

label {
cursor: default;
}

label.required:after {
content:" *";
font: 14px "Arial";
font-weight: bold;
color:Red;
}

.warning
{
font-weight:bold;
color:Red;
}

input.numeric {
resize: none;
font: 12px "Arial";
padding: 2px;
margin: 0;
float: left;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
width: 130px;
text-align:right;
}

input.lnumeric {
    resize: none;
    font: 12px "Arial";
    padding: 2px;
    margin: 0;
    float: left;
    border-top: 1px solid #8E8E8E;
    border-left: 1px solid #8E8E8E;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
    width: 80px;
    text-align: center;
    margin-right: 10px;
}




input.chrono {
resize: none;
font: 12px "Arial";
padding: 2px;
margin: 0;
float: left;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
width: 40px;
text-align:right;
}

input.mini {
resize: none;
font: 12px "Arial";
padding: 2px;
margin: 0;
float: left;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
width: 200px;
text-align:left;
}

div.checkbox_wrapper.checked {
background-position: -138px -19px;
}

div.checkbox_open.checked {
background-position: -138px -77px;
}

div.checkbox_valid.checked {
background-position: -138px -95px;
}

div.checkbox_correct.checked {
background-position: -138px -115px;
}

div.checkbox_wrapper {
cursor: pointer;
float: left;
width: 19px;
height: 19px;
background: #FEFEFE url(../images/background/foundation.png) -138px 0;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
}

.checkbox_wrapper {
margin-right: 6px;
}

input.checkbox {
cursor: pointer;
-moz-opacity: 0;
filter: alpha(opacity:0);
opacity: 0;
padding: 3px;
z-index: 4;
width: 19px;
height: 19px;
position: relative;
margin: 0;
}

input.field, textarea.textarea {
resize: none;
font: 12px "Arial";
padding: 2px;
margin: 0;
float: left;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
width: 300px;
padding-left:4px;
padding-right:4px;
}
.field, .numeric, .textarea, .select_wrapper, .checkbox_wrapper {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

input.fieldB {
resize: none;
font: 14px "Arial";
padding: 2px;
margin: 0;
float: left;
border-top: 1px solid #8E8E8E;
border-left: 1px solid #8E8E8E;
border-bottom: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
background: #FEFEFE url(../images/background/foundation.png) repeat-x 0 -188px;
width: 300px;
height:30px;
padding-left:4px;
padding-right:4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

input, textarea, keygen, button, isindex, datagrid {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
input:not([type="image"]), textarea {
box-sizing: border-box;
}
input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
padding: 1px 0px;
padding-left:4px;
}
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: darkGray;
}
input::-webkit-input-speech-button {
-webkit-appearance: -webkit-input-speech-button;
display: inline-block;
}
input::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
display: inline-block;
position: relative;
cursor: default;
-webkit-user-select: none;
}
input::-webkit-outer-spin-button {
margin: 0px;
}
input::-webkit-outer-spin-button {
-webkit-appearance: outer-spin-button;
display: inline-block;
position: relative;
cursor: default;
margin-left: 2px;
-webkit-user-select: none;
}











button {
-webkit-appearance: button;
}


button,
input[type='button'],
input[type='submit'] {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  
  padding: 3px 12px 3px 12px;
  
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.4, rgb(244,244,244)),
    color-stop(0.02, rgb(229,229,229))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(250,250,250) 0%,
		rgb(244,244,244) 40%,
		rgb(229,229,229) 2%
	);
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.4, rgb(248,248,248)),
    color-stop(0, rgb(233,233,233))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(254,254,254) 0%,
		rgb(248,248,248) 40%,
		rgb(233,233,233) 0%
	);
}

button:active,
input[type='button']:active,
input[type='submit']:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
  
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(244,244,244)),
    color-stop(0.4, rgb(239,239,239)),
    color-stop(0, rgb(220,220,220))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(244,244,244) 0%,
		rgb(239,239,239) 40%,
		rgb(220,220,220) 0%
	);

  
  
  
  
}

button[disabled],
input[type='button'][disabled],
input[type='submit'][disabled],
button[disabled]:hover,
input[type='button'][disabled]:hover,
input[type='submit'][disabled]:hover {
  -webkit-box-shadow: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border-color: #aaa;
  color: #888;
}


#toolbar
{
	padding-bottom:3px;
}

.toolbar
{
	padding-top:3px;
}

.plus {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sCDwEnBT3jKacAAABaSURBVCjPY2CgA4gC4jQ8OIpokxKBgJmZ+RuQ+R8dg8RB8kQb9v//f4UFCxYsZGNj+4lsEIgPEgfJk+RPdAPJNgjdQD4+vi8UGYRs4Nu3b5soNgjJQFZi1AEAhHNE/wdnPVcAAAAASUVORK5CYII="), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: center right;
background-repeat: no-repeat;
}

.overlay {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: 0.25s opacity;
  background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5),
                                      rgba(127, 127, 127, 0.5) 35%,
                                      rgba(0, 0, 0, 0.7));
  bottom: 0;
  display: -webkit-box;
  left: 0;
  padding: 20px;
  padding-bottom: 130px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}

.description_devis 
{
	-webkit-user-select:none;
}
	
.description_devis tbody tr td.editeur
{
	padding:2px;
}

.description_devis tbody tr td.data
{
	text-align:right; 
	width:90px; 
	padding:2px; 
	vertical-align:top;    
}

.description_devis tbody tr td.datamiddle
{
	text-align:right; 
	width:90px; 
	padding:2px; 
	vertical-align:middle;    
}

.description_devis tbody tr td.data input
{
width:98px; 
height:24px;
text-align:right; 
font-size:14px;
}

.description_devis tbody tr td.datamiddle input
{
width:98px; 
height:24px;
text-align:right; 
font-size:14px;
}

.description_devis tbody tr td.cmd
{
text-align:right; width:16px; cursor: move; background-image:url(../images/ico/grid-dot.png); background-repeat:no-repeat; background-position-y:6px;
}

.description_devis tfoot tr td.data
{
  background-color:#eaeaea; 
  font-family:Arial;
  font-size:14px;
  text-align:right; width:90px;
}

.sbold
{
font-weight:bold; 
}

.description_devis tfoot tr td
{
 padding-top:4px;
 padding-right:6px;
 
}

.ui-padding-bottom
{
padding-bottom:6px;
}

.ui-corner-bottom-left 
{
padding-bottom:6px;
-moz-border-radius-bottomleft: 		.6em;
-webkit-border-bottom-left-radius: 	.6em;
border-bottom-left-radius: 			.6em;
}

.ui-corner-bottom-right 
{
padding-bottom:6px;
-moz-border-radius-bottomright: 	.6em;
-webkit-border-bottom-right-radius: .6em;
border-bottom-right-radius: 		.6em;
}

button.search 
{
    width:320px;
}

div.search_separate{ padding-top:1px; padding-right:3px; float:left; clear:left;}

div.form_adresse_html{display:none; cursor:pointer; color:#000; padding-top:4px; padding-left:4px; width:100%;}
div.form_adresse_control{display:none; padding-top:4px;}
div.form_adresse{display:none; padding-top:4px;}
div.form_contact{display:none; padding-top:4px;}
div.form_notes{display:none; border:1px solid #000; margin-top:4px; padding:4px;}


.separate{ padding-top:5px;}





.right{ text-align:right; white-space:nowrap;}

.resumeproduit
{
	cursor:pointer;
}







.aabutton {
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.4, rgb(244,244,244)),
    color-stop(0.02, rgb(229,229,229))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 0%,
    rgb(244,244,244) 40%,
    rgb(229,229,229) 2%
);
}

.aabutton 
{
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-user-select: none;
background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
border: 1px solid #aaa;
color: #444;
font-size: inherit;
margin-bottom: 0px;
padding: 3px 12px 3px 12px;
white-space: nowrap;
cursor: default;
outline: none;
font: 12px arial,sans-serif;
position: relative;
display: inline-block;
}

.aabutton:hover
{
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.4, rgb(248,248,248)),
    color-stop(0, rgb(233,233,233))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(254,254,254) 0%,
    rgb(248,248,248) 40%,
    rgb(233,233,233) 0%
);
border-color: #999;
color: #222;
}


.aabutton:active
{
	color: Red;
}




.aaseparate
{
	display:inline-block;
	width:6px;
}

.aaflechedown
{
	display:inline-block;
	background-image: url(../images/flechedown.png);
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	width:10px;
	height:10px;

}

.search 
{
background-image: url(../images/search.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-image: url(../images/search.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.4, rgb(244,244,244)),
    color-stop(0.02, rgb(229,229,229))
);
background-image: url(../images/search.png), -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 0%,
    rgb(244,244,244) 40%,
    rgb(229,229,229) 2%
);	
background-position: center right;
background-repeat: no-repeat;
}

.search:hover {
background-image: url(../images/search.png), -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
background-image: url(../images/search.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.4, rgb(248,248,248)),
    color-stop(0, rgb(233,233,233))
	);
background-image: url(../images/flechedown.png), -moz-linear-gradient(
		center bottom,
		rgb(254,254,254) 0%,
		rgb(248,248,248) 40%,
		rgb(233,233,233) 0%
	);
background-position: center right;
background-repeat: no-repeat;
}

.back {
background-image: url(../images/back.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-image: url(../images/back.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.4, rgb(244,244,244)),
    color-stop(0.02, rgb(229,229,229))
);
background-image: url(../images/back.png), -moz-linear-gradient(
    center bottom,
    rgb(250,250,250) 0%,
    rgb(244,244,244) 40%,
    rgb(229,229,229) 2%
);	
background-position: center center;
background-repeat: no-repeat;
}

.back:hover {
background-image: url(../images/back.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-image: url(../images/back.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.4, rgb(248,248,248)),
    color-stop(0, rgb(233,233,233))
	);
background-image: url(../images/back.png), -moz-linear-gradient(
		center bottom,
		rgb(254,254,254) 0%,
		rgb(248,248,248) 40%,
		rgb(233,233,233) 0%
	);
background-position: center center;
background-repeat: no-repeat;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables display
*/

.htm_contact
{
margin-left:5px;
}

#comptesdetails
{
border-spacing: 0px;
border-collapse: collapse;
padding:0;
margin-top:4px;
}

#comptesdetails tr td  
{
color:#000;
padding:0px; 
padding-right:5px;
height:16px!important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables display
*/
table.display 
{
	padding-right:20px;
}

table.display thead th 
{
	height:22px;
	padding: 3px 10px;
	color:#b50303;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	border-right:1px dashed #CCCDDD;
	white-space:nowrap;
}

table.display tfoot th 
{
	padding: 3px 10px;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td 
{
	padding: 3px 8px;
	border-right:1px dashed #CCCDDD;
	/*white-space:nowrap;*/
}

table.display td.center {
	text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
 
table.display tr.odd {
	background-color: #F4F3F0;
}

table.display tr.even 
{
	background-color:#FFFFFF;
}

table.display tr.odd:hover {
	background-color: #b4b4b4;
	color:#000;
}

table.display tr.even:hover 
{
	background-color:#b4b4b4;
	color:#000;
}

tr.odd {
	background-color: #F4F3F0;
}

tr.even {
	background-color: #FFFFFF;
}

tr.rupture 
{
	border-top:1px dashed #000;
	background-color: #FFFFFF;
	font-weight:bold;
}

tr.total 
{
	color:#000;
	border-top:1px solid #000;
	background-color: #FFFFFF;
	font-weight:bold;
}

tr.separate td
{
	border:none;
}


.elementfixed
{
	z-index:987;
	position:relative;
	background-color:#fff;
    padding-top:10px;
}

.zoneRubrique.elementfixed{
    z-index:970!important;
}

.elementfixedunder
{
	 position:relative;
	 background-color:#fff;
}

td.production
{
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
}

td.pointer
{
	cursor:pointer; 
	text-align:center;
	vertical-align:middle; 
}

td.numero
{
	font-weight:bold;
}

td.nom
{
/*max-width: 200px; *//* à modifier selon vos besoins */
overflow: hidden;
-o-text-overflow: ellipsis; /* pour Opera 9 */
text-overflow: ellipsis; /* pour le reste du monde */	
}


td.societe
{
	white-space:nowrap;
	font-weight:bold;
	max-width: 300px; /* à modifier selon vos besoins */
	overflow: hidden;
	-o-text-overflow: ellipsis; /* pour Opera 9 */
	text-overflow: ellipsis; /* pour le reste du monde */	
}

td.commande
{
	font-weight:bold;
	max-width: 150px; /* à modifier selon vos besoins */
	overflow: hidden;
	-o-text-overflow: ellipsis; /* pour Opera 9 */
	text-overflow: ellipsis; /* pour le reste du monde */	
}

td.password
{
	font-weight:bold;
}

td.contact
{
	font-weight:bold;
}

td.align-top
{
	vertical-align:top;
}

td.padding-left
{
	padding-left:10px;
}

td.padding-right
{
	padding-right:10px;
}

td.padding-top
{
	padding-top:5px;
}

td.padding-bottom
{
	padding-bottom:5px;
}


td.center
{
	text-align:center;
}

td.middle
{
	vertical-align:middle; 
}

td.code
{
	color:#b50303;
	font-weight:bold;
	text-align:center;
}


td.float
{
	text-align:right;
	padding-right:4px;
	white-space:nowrap;
}

#ui-datepicker-div {

    display:none;

}

#prd_name
{
	font-weight:bold;
	color:#000;
	text-transform:capitalize;
}

.odd {
	background-color: #F4F3F0;
}

.even 
{
	background-color:#FFFFFF;
}

.error
{
	color:Red;
}

.inline
{
	display:inline;
	
}

.linker
{
	color:#777e7f;
}

.linker:hover
{
	color:#777e7f;
}

.avoir
{
	text-align:right; white-space:nowrap;
	color:Red;
}


select {
	-webkit-appearance: button;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-user-select: none;
	background-image: url(../images/flechedown.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-image: url(../images/flechedown.png), -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(0.4, rgb(244,244,244)), color-stop(0.02, rgb(229,229,229)) );
	background-image: url(../images/flechedown.png), -moz-linear-gradient( center bottom, rgb(250,250,250) 0%, rgb(244,244,244) 40%, rgb(229,229,229) 2% );
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #aaa;
	color: #444;
	font-size: inherit;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 3px 12px 2px 8px;
	white-space: nowrap;
	cursor: default;
	outline: none;
	font: 12px arial,sans-serif;
	position: relative;
	display: inline-block;
	text-overflow: ellipsis;
	padding: 3px 12px;
	padding-right: 20px;
	padding-bottom: 2px!important;
	padding-top: 2px!important;
}

select:hover
{
-webkit-appearance: button;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-user-select: none;
background-image: url(../images/flechedown.png), -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
background-image: url(../images/flechedown.png), -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(254,254,254)),
    color-stop(0.4, rgb(248,248,248)),
    color-stop(0, rgb(233,233,233))
	);
background-image: url(../images/flechedown.png), -moz-linear-gradient(
		center bottom,
		rgb(254,254,254) 0%,
		rgb(248,248,248) 40%,
		rgb(233,233,233) 0%
	);

background-position: center right;
background-repeat: no-repeat;
border-color: #999;
color: #222;
font-size: inherit;
margin-bottom: 0px;
margin-left: 0px;
padding: 2px 18px 2px 8px;
white-space: nowrap;
cursor: default;
outline: none;
font: 12px arial,sans-serif;
position: relative;
display: inline-block;
text-overflow: ellipsis;
padding: 3px 12px;
padding-right: 20px;
}

.section-lgpwd{display:none;}

tr.mask
{
	display:none;
}


ul.menuaction{
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border: 1px solid #aaa;
  color: #444;
  
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(250,250,250)),
    color-stop(0.4, rgb(244,244,244)),
    color-stop(0.02, rgb(229,229,229))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(250,250,250) 0%,
		rgb(244,244,244) 40%,
		rgb(229,229,229) 2%
	);
	margin-bottom: 0px;
	padding:0;
	list-style: none ;
	margin:1px;
	width: auto;
	position:fixed;
	text-align:left;
	z-index:9999;
}

ul.menuaction li 
{
	text-align:left;
	cursor:pointer;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:1px;
	width: auto;
	font-weight:normal;
}
	
ul.menuaction li:hover
{
	background-color:#b4b4b4;
}	


tr.champs
{
	height:28px;
}

tr.champs input[type=text] {
    height: 25px;
    padding-top: 2px;
}

.popup_scroll {
       height: expression( this.scrollHeight > 499 ? "500px" : "auto" ); /* sets max-height for IE */
       max-height: 500px; /* sets max-height value for all standards-compliant browsers */
       overflow-y: scroll;
       border:1px solid #000;
}

div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 
{
	font: 16px "Arial";	color: white; padding: 3px 5px 5px 75px; text-align: left
}


.input-version-etape{
    vertical-align:top;
}


.champs select{
    width:90%;
}

.separator hr{
    background-color:#82be37;
    border:unset;
}

.section-prestation-calcule-surface{display:none;}
.section-production-calcule-surface{display:none;}

.productionlblquantite{white-space:nowrap}
.prestationlblquantite{white-space:nowrap}

.nomenclature{width:100%}

.livraison_numero{color:green;font-weight:bold;}

.ui-cahier-charges{text-overflow: ellipsis;
    word-break: break-word;
    width: 350px;
    direction: rtl;
}

#navigations-produits{
    width: 250px;
}

.hgt-listing{height: 27px;}

#header, #titleBar {
    z-index:989!important;
}

.select2-container{z-index:970!important;}

#form_produit_recherche td{ padding:5px;}

#form_produit_recherche input[type=text]{ height: 25px;
    padding-top: 2px;}

#resume_produits .ui-li-desc{
	width: 350px;
}

#resume_livraisons .ui-li-desc {
    width: 350px;
}

#resume_factures .ui-li-desc {
    width: 350px;
}

#resume_devis .ui-li-desc {
    width: 350px;
}

#resume_achats .ui-li-desc {
    width: 350px;
}








#data-planning thead tr th {
	background-color: white;
	-webkit-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.75);
	
}


#data-planning tbody tr td {
	border-bottom: 1px solid #E1E1E1;
}

#data-planning tbody tr td:hover {
	background-color: #E4EDF1;
}

.planning-id-hidden{
	display:none;
}

.planning-mad-hidden {
	display: none;
}

.planning-standard {
	font-weight: 300;
}
.planning-bold{
	font-weight:700;
}
.planning-center {
	text-align:center;
}
.planning-nowrap {
	white-space:nowrap;
}
.planning-date {
	color: green;
	width: 95px;
}
.planning-date input {
	width:95px;
	text-align:center;
}
.planning-red {
	color: red;
}
.planning-green {
	color: green;
}

.planning-control {
	color: green;
	background-color: #d1f1b2;
}

.planning-urgence {
	width: 20px;
}

.planning-etat {
	width: 20px;
}

.selector-operateur {
	height: 100%;
	display:block;
}


.planning-ToValid {
	color: #27a2ef;
	font-weight:700;
}
.planning-ToCorrect {
	color: #ff0000;
	font-weight: 700;
}
.planning-Valid {
	color: #1cc418;
	font-weight: 700;
}

.ligne-livraison-true {
	background-color: #7FE87E;
}



.login-mip {
	width: 480px;
	height: 480px;
	margin-left:auto;
	margin-right:auto;
}

.back-login {
	background-image: url('/images/made-in-pack-bloc.svg');
	width: 480px;
	height: 480px;
	vertical-align:top;
}

.table-ch {
	margin-left: auto;
	margin-right: auto;
}

.ch-padding {
	padding-top: 30px;
}


.ch-login {
	padding-bottom: 10px;
	text-align: center;
}

.ch-login input {
	float: unset;
	background-color: #db445b;
	border: 0px;
	border-radius: 20px;
	padding-left:20px;
	color:#fff;
}

.ch-login ::placeholder {
	color: #fff;
	font-style:italic;
}


.ch-actions input.button {
	color: #000;
	padding-left: 10px;
	border-radius: 20px;
}

.ch-actions{text-align:left;}
.ch-actions a {
	color:#fff;
}
.ch-actions a:hover {
	color: #fff;
}

*:focus {
	outline: none;
}



/* SHAKE*/

.ring-bell {
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotateZ(0);
	}

	1% {
		-webkit-transform: rotateZ(30deg);
	}

	3% {
		-webkit-transform: rotateZ(-28deg);
	}

	5% {
		-webkit-transform: rotateZ(34deg);
	}

	7% {
		-webkit-transform: rotateZ(-32deg);
	}

	9% {
		-webkit-transform: rotateZ(30deg);
	}

	11% {
		-webkit-transform: rotateZ(-28deg);
	}

	13% {
		-webkit-transform: rotateZ(26deg);
	}

	15% {
		-webkit-transform: rotateZ(-24deg);
	}

	17% {
		-webkit-transform: rotateZ(22deg);
	}

	19% {
		-webkit-transform: rotateZ(-20deg);
	}

	21% {
		-webkit-transform: rotateZ(18deg);
	}

	23% {
		-webkit-transform: rotateZ(-16deg);
	}

	25% {
		-webkit-transform: rotateZ(14deg);
	}

	27% {
		-webkit-transform: rotateZ(-12deg);
	}

	29% {
		-webkit-transform: rotateZ(10deg);
	}

	31% {
		-webkit-transform: rotateZ(-8deg);
	}

	33% {
		-webkit-transform: rotateZ(6deg);
	}

	35% {
		-webkit-transform: rotateZ(-4deg);
	}

	37% {
		-webkit-transform: rotateZ(2deg);
	}

	39% {
		-webkit-transform: rotateZ(-1deg);
	}

	41% {
		-webkit-transform: rotateZ(1deg);
	}

	43% {
		-webkit-transform: rotateZ(0);
	}

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

@-moz-keyframes ring {
	0% {
		-moz-transform: rotate(0);
	}

	1% {
		-moz-transform: rotate(30deg);
	}

	3% {
		-moz-transform: rotate(-28deg);
	}

	5% {
		-moz-transform: rotate(34deg);
	}

	7% {
		-moz-transform: rotate(-32deg);
	}

	9% {
		-moz-transform: rotate(30deg);
	}

	11% {
		-moz-transform: rotate(-28deg);
	}

	13% {
		-moz-transform: rotate(26deg);
	}

	15% {
		-moz-transform: rotate(-24deg);
	}

	17% {
		-moz-transform: rotate(22deg);
	}

	19% {
		-moz-transform: rotate(-20deg);
	}

	21% {
		-moz-transform: rotate(18deg);
	}

	23% {
		-moz-transform: rotate(-16deg);
	}

	25% {
		-moz-transform: rotate(14deg);
	}

	27% {
		-moz-transform: rotate(-12deg);
	}

	29% {
		-moz-transform: rotate(10deg);
	}

	31% {
		-moz-transform: rotate(-8deg);
	}

	33% {
		-moz-transform: rotate(6deg);
	}

	35% {
		-moz-transform: rotate(-4deg);
	}

	37% {
		-moz-transform: rotate(2deg);
	}

	39% {
		-moz-transform: rotate(-1deg);
	}

	41% {
		-moz-transform: rotate(1deg);
	}

	43% {
		-moz-transform: rotate(0);
	}

	100% {
		-moz-transform: rotate(0);
	}
}

@keyframes ring {
	0% {
		transform: rotate(0);
	}

	1% {
		transform: rotate(30deg);
	}

	3% {
		transform: rotate(-28deg);
	}

	5% {
		transform: rotate(34deg);
	}

	7% {
		transform: rotate(-32deg);
	}

	9% {
		transform: rotate(30deg);
	}

	11% {
		transform: rotate(-28deg);
	}

	13% {
		transform: rotate(26deg);
	}

	15% {
		transform: rotate(-24deg);
	}

	17% {
		transform: rotate(22deg);
	}

	19% {
		transform: rotate(-20deg);
	}

	21% {
		transform: rotate(18deg);
	}

	23% {
		transform: rotate(-16deg);
	}

	25% {
		transform: rotate(14deg);
	}

	27% {
		transform: rotate(-12deg);
	}

	29% {
		transform: rotate(10deg);
	}

	31% {
		transform: rotate(-8deg);
	}

	33% {
		transform: rotate(6deg);
	}

	35% {
		transform: rotate(-4deg);
	}

	37% {
		transform: rotate(2deg);
	}

	39% {
		transform: rotate(-1deg);
	}

	41% {
		transform: rotate(1deg);
	}

	43% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(0);
	}
}

/* --- Progression de dépôt d'une version (MipUpload) --- */

.depot-barre {
	width: 100%;
}

.depot-barre-fond {
	width: 100%;
	height: 10px;
	background: #e8e8e8;
	border-radius: 5px;
	overflow: hidden;
}

.depot-barre-jauge {
	width: 0;
	height: 100%;
	background: #82be55;
	border-radius: 5px;
	transition: width .2s linear;
}

.depot-barre-texte {
	margin-top: 6px;
	font-size: 12px;
	color: #666;
}

/* Publication côté serveur : aucune mesure possible, on anime au lieu d'afficher
   un pourcentage qui serait inventé. */
.depot-barre-jauge.depot-barre-anim {
	background: repeating-linear-gradient(45deg, #82be55, #82be55 10px, #9ccf75 10px, #9ccf75 20px);
	background-size: 28px 28px;
	animation: depot-barre-defile 1s linear infinite;
	transition: none;
}

@keyframes depot-barre-defile {
	from { background-position: 0 0; }
	to { background-position: 28px 0; }
}

.upload_file_version.drop-hover {
	outline: 2px dashed #82be55;
	outline-offset: 3px;
}

/* --- Etat de reprise des depots vers S3 / viewer (dossiers.migration, produit_attache.migration) :
       numero de dossier dans la liste, libelle du produit dans le dossier, info du groupe de depot --- */
.migration-ok      { color: #3B9E00; }
.migration-partiel { color: #E8890C; }
.migration-ko      { color: #D0021B; }

td.depot-migration {
	text-align: center;
	font-size: 11px;
	padding: 4px 6px;
}