/* ################################################################################################################																		     *                                                                      							
														IMPORTS
 *###############################################################################################################*/


@import url('https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;800&display=swap');

@font-face {
  font-family: Oldventure;
  font-display: swap;
  src: url('font/Oldventure.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/Oldventure.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Oldventure.otf')  format('truetype'); /* Safari, Android, iOS */
}

	
	
	
/******************************************************************************************************************************
                                                          (X)HTML                                          
******************************************************************************************************************************/
		
	html { font-size:16px; }
	html, body { margin:0; padding:0; }
	body { color:black; font-family: 'Overpass Mono', monospace; font-size:62.5%; }
	
	body { background:#000000 url(zims/backend/neutralbg.jpg) 50% 0 repeat;  }

	
	h2 { font-family: Oldventure, Arial; font-weight: 300; text-transform:lowercase;  } 
	h3 {} 
	h4 {} 
	
	/**
	***   TITRES
	************************************************************/
	
	h1 { margin:0px 5px 10px 25px; padding:10px 5px 5px 5px; width:75%; color: #000; cursor:default; font-weight:normal;font-size:2.4em; }
	h2 { margin:15px 30px; color:#ffffff; font-size:3em; font-weight:normal; letter-spacing:;1px; display:inline-block; padding:15px; background:url(zims/backend/header-grey-70.png) 0 0 repeat;    }
	h3 { margin:0px 5px 5px 15px; padding:10px 5px 5px 0; width:75%; color:#777; cursor:default; font-weight:normal; padding:15px; font-size:2em; }
	h4 { margin:0; padding:0; font-weight:normal; font-style:italic; color:#5f5f5f; font-size:1em; }
	
	
	
	
	/**
	***   PARAGRAPHES, LIENS, ETC
	************************************************************/
	p { margin:10px 10px; text-align:justify; line-height:1.6; }
	a { color:#000; text-decoration:none; }
	a:hover { color:#897159; }
	h2 a{ color:#bbb; }
	h2 a:hover { color:#fff; border-bottom:1px dotted #000; }
	a:focus, a:active { outline:0; }
	
	a img { border:0; }
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-size:12px;
	}
	
	
	h2 > a { color:#ffdc04; } 
	
	/**
	***   LISTES
	************************************************************/
	ul { margin:10px 40px; padding:0; }
	li {}
	
	dl { margin:10px auto; padding:0; width:450px; }
	dt, dd { padding:2px 5px; border-bottom:1px solid #aaa; font-size:1.2em; }
	dt { float:left; width:300px; }
	dd {}
	
	/**
	***   FORMULAIRES
	************************************************************/
	/*form { display:block; margin:0 30px; padding:0; position:relative; }
	fieldset { margin:0px 0 10px 0; padding:10px;  border: 1px dotted #000; }
	fieldset p { margin:0px; padding:5px 0 !important; }
	legend { color:#000; font-size:2em; font-weight:normal; letter-spacing:1.5px;  font-style:italic; }
		
	
	div.fieldsList div.fieldsListTitle, div.fieldsList  div.fields label span { font-size:1.3em; }
	
	label {  float:left; cursor:pointer; line-height:26px; }
	
	optgroup { font-style:normal; font-weight:bold; padding-left:5px; color:#333; }
	option { padding:0;}
	optgroup > option { padding:2px 0; }
	
	input, textarea, select { background:#fafafa; border:1px solid #dcdcdc; font-size:1em;   }
	input, textarea { padding:3px 5px; }
	input, textarea, select { width: 98% }
	input.fileField{ width: auto;}
	
	.missingField input, .missingField textarea, .invalidField input, .invalidField textarea { border-color:#ec0001; }
	.missingField label, .fieldsList.missingField .fieldsListTitle, .invalidField label { color:#ec0001; }
	
	
	p.uniqueCheckBoxField input {  width:20px;  flaot:left;   margin-top:0;  }
	p.uniqueCheckBoxField input, input.checkbox { background:transparent; border:0; }
	p.uniqueCheckBoxField label { position:relative; bottom:2px;  float:left;  text-transform:uppercase; width:auto;  }
	
	.radio-field input { background:transparent; border:0; }
	.radioField, .checkboxField { background:transparent; border:0; } */
	
	/**
	 * Boutons radio
	 */
	/*div.fieldsList { overflow:auto; overflow:hidden;position:relative; padding-left:85px; margin:10px 0;  }
	div.fieldsList div.fieldsListTitle { position:absolute; top:0; left:0; width:80px; padding:5px 10px 5px 10px; }
	div.fieldsList div.fields { padding-left:5px; overflow:auto;   }
	div.fieldsList div.fields div {  margin:0 10px 5px 0; }
	div.fieldsList div.fields div label { float:none; clear:both; width:240px; position:relative;   display: inline-block;  background:url(zims/backend/header-grey-70.png) 0 0 repeat; padding:5px;  }
	div.fieldsList div.fields div label:hover {   background:url(zims/backend/header-grey-70.png) 0 0 repeat;}  
	div.fieldsList div.fields div label span { display:inline-block;  color:#fff;  } 
	div.fieldsList div.fields div label input {  float:right;  width:10px; border:none;  }
	
	div.checkboxFieldWrapper { padding:5px 0 5px 0; }
	div.checkboxFieldWrapperTitle { font-weight:bold; margin:0 0 5px 0; color:#ff0576; }
	div.checkboxFieldWrapper input { margin-left:20px; }
	div.checkboxFieldWrapper label { font-size:1.1em; }

	.formButtons {  text-align:center;  padding:10px 0 10px 0; }
	.formButtons input { cursor:pointer; width: auto; }
	.formButtons input.imageButton { border: none; background: none;}
		
	input.submitButton {  
		height:43px; width:120px; line-height:34px; color:#FFDC04; font-size:1.5em; font-weight:bold;
		text-transform:uppercase;   border:none; background: #505050 0 0 repeat; margin-top: 10px; cursor: pointer;
		margin-right:10px; -webkit-border-radius: 12px; border-radius: 50px;  border:none; 
	} 
	
	input.submitButton:hover { -webkit-box-shadow: 0 0 4px 0 #999999;
	box-shadow: 0 0 4px 0 #999999;  }
	input.cancelButton { background: #999 0 0 repeat;  }
	
	
	#field-security { display:none; }
	
	ul.formErrors { margin:10px 0px; padding:0; }
	
	ul.formErrors li {
		color:#e01919; margin:0 0 5px 0;
		font-size:1.3em; line-height:16px;
		list-style:none;
		padding-left:20px;
		background:transparent url(zims/icons/backend/form-error-16.png) 0 0px no-repeat;
	} */ 
	
	
	/**
	***   FORMULAIRES V2
	************************************************************/


	div.checkboxFieldWrapper { padding:5px 0 5px 0; }
	div.checkboxFieldWrapperTitle { font-weight:bold; margin:0 0 5px 0; color:#ff0576; }
	div.checkboxFieldWrapper input { margin-left:20px; }
	div.checkboxFieldWrapper label { font-size:1.1em; }

	form:not([class=ListingActions]) {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;

		/* Size and position */
		position: relative;
		padding: 1% 0% 1%;
		/*overflow: hidden;*/
		margin:1%;	
		/*width:70%; */
	}
	
	form:not([id=AuthForm]){  min-width:800px; }

	form:not([class=ListingActions]) fieldset { 
		border:1px solid #545454;  padding: 1%;  margin:-1px 0 0 0;  padding-bottom:30px;   padding-top:30px;
		background:rgba(255,255,255,0.7); 
	}
	form:not([class=ListingActions]) div, form:not([class=ListingActions]) fieldset p  {  margin:0; padding:0; }

	/*form:not([class=ListingActions]) fieldset p  {  padding:0.1%; } */
	form:not([class=ListingActions]) p { width:100%; float:none;  overflow:auto;   }
	form:not([class=ListingActions]) label, form:not([class=ListingActions]) legend, form div.fieldsListTitle, form:not([class=ListingActions])  span  {
		/* Size and position */
		float: left;

		/* Styles */
		font-size: 14px;
		letter-spacing: 1px;
		text-indent: 10px;
		font-weight: 700;
		cursor: pointer;
	}

	/*form:not([class=ListingActions]) div.fields label span { float: none;  font-size:1.1em;  }*/

	form:not([class=ListingActions]) legend { font-size:1.4em;  background:#535353;  padding:4px 7px; text-indent:0; margin-left:1%;  margin-top:-45px; color:#ffffff; 
	}
	form:not([class=ListingActions])  label, form:not([class=ListingActions])  span { width:150px;  float:left; cursor:pointer;  text-indent:0; }

	form:not([class=ListingActions])  span { /*font-style:italic; padding-left:6px;*/ width:auto;  text-transform:uppercase;  }
	
	form:not([class=ListingActions]) input[type=text],
	form:not([id="AuthForm"]) input[type=password],
	form select,
	form textarea, textarea {
		/* Size and position */
		width: 140px;
		float: left;
		padding: 4px 3px;
		margin-bottom: 10px;
		margin-bottom: 5px;
		font-size: 12px;

		/* Styles */
		background-color:#ffffff;
		border: 1px solid #000;
		box-shadow:
			0 1px 0 rgba(255,255,255,0.1);

		/* Font styles */
		font-family: Arial, Helvetica, sans-serif !important;
		color: #000000;
	}

	form textarea { width: 350px; }
	form[class=ListingActions] input[type=text] { color:#1007A0; }


	form:not([class=ListingActions]) input[type=text]:focus,
	form textarea:focus,
	form input[type=password]:focus,
	form select:focus {
		box-shadow: inset 0 0 2px #000;
		background: #494d54;  background:#ffffff;
		border-color: #4A92CD;
		outline: none; /* Remove Chrome outline */
		color:#000000;
	}

	form input.readonly, form textarea.readonly, form p.readonly select, form p.readonly input{
		/* Styles */
		background: #fafafa !important;  
		border: 1px solid #666 !important;

		/* Font styles */
		color: #666 !important;
		font-style:italic;
	}

	form div.fieldsList, form div.fields  {  clear:both; overflow:auto; }
	form div.fieldsList { padding:0 0 0 150px; position:relative;  }
	form div.fieldsListTitle { position :absolute; width:145px; top:0; left:0;  text-indent: 0; }
	form div.fields label {  float:none; }
	form div.fields > div { background:#ccc; margin:6px 6px 6px 0;  width:200px;  border-radius: 3px;  }
	form div.fields > div.checkbox-field {  /* padding: 2px 2px 0px 6px; */ border-radius: 0; }
	form div.fields > div label { color:#00398f;  }
	form div.fields > div:hover { background:#00398f; }
	form div.fields > div:hover label { color:#fff;  }
	
	form div.fields > div.current { background:#4a92cd; }
	
	form.readonly .fields {
		border: solid 1px #333 !important;
	 }
	form.readonly div.fields > div label { color:#333  !important; } 
	form.readonly .fields .radio-field span { color:#333  !important; font-style:italic;  }
	form.readonly .fields .radio-field input[type="radio"]:checked + span {
		background:#333333 !important; color:#fff  !important; 
	}


	form:not([class="ListingActions"]) fieldset p.uniqueCheckBoxField { padding-left:150px;  width: 550px; }
	p.uniqueCheckBoxField > input   { margin-top:4px; margin-right:10px;  float:left;  } 
	p.uniqueCheckBoxField > label  { width: auto;  }
	
	form:not([class="ListingActions"]) p.clear { clear:both; }
	
	input.datetimeField, input.dateField, input.maskedDateField { background:#ffffff url(zims/icons/calendar_20.png) 98% 50% no-repeat;  width: 90px !important;}
	input.maskedTimeField , input.maskedBigTimeField { background:url(zims/icons/clock_20.png) 99% 50% no-repeat;  width: 52px !important; }
	input.maskedBigTimeField { width: 62px !important; }
	
	input.datetimeField, input.dateField, input.maskedDateField { background:#ffffff url(zims/icons/calendar_20.png) 98% 50% no-repeat; }
	input.maskedTimeField { background:url(zims/icons/clock_20.png) 98% 50% no-repeat;  width: 52px; }
	input.maskedYearField { background:#ffffff url(zims/icons/calendar_20.png) 98% 50% no-repeat; width: 52px !important; }


	.ListingActionsButtons  input[type=submit] { width:100px;  font-weight:normal; } 

	.no-boxshadow form input[type=submit]:hover { background: #2a92d8; }
	
	form .formButtons {  text-align:center;  padding:10px 0 10px 0; }
	form .formButtons input[type=submit] { cursor:pointer; width: auto; }
	form .formButtons input.imageButton { border: none; background: none;}
		
	form input[type=submit].submitButton {  
		height:43px; width:120px; line-height:34px; color:#FFDC04; font-size:1.5em; font-weight:bold;
		text-transform:uppercase;   border:none; background: #505050 0 0 repeat; margin-top: 10px; cursor: pointer;
		margin-right:10px; -webkit-border-radius: 50px; border-radius: 50px;  border:none; 
	} 
	
	
	a.closeDay { display:inline-block;  height:43px; width:120px; line-height:43px; color:#505050; font-size:1.5em; font-weight:bold; text-transform:uppercase;   border:none; background: #FFDC04 0 0 repeat; margin-top: 10px; cursor: pointer; margin-right:10px; -webkit-border-radius: 50px; border-radius: 50px;  border:none; float:right; }
	
	
	a.goDashboard { display:inline-block;  height:43px; width:200px; line-height:43px; color:#505050; font-size:1.5em; font-weight:bold; text-transform:uppercase;   border:none; background: #FFDC04 0 0 repeat; margin-top: 10px; cursor: pointer; margin-right:10px; -webkit-border-radius: 50px; border-radius: 50px;  border:none; text-align:center;  }
	
	a.closedYesterday { display:block;  height:43px; width:340px; line-height:43px; color:#505050; font-size:0.9em; font-weight:bold; text-transform:uppercase;   border:none; background: #FFDC04 0 0 repeat; margin-top: 10px; cursor: pointer; margin-right:10px; -webkit-border-radius: 50px; border-radius: 50px;  border:none; text-indent:10px;  }
	
	p.cancelCloseDayW {  width: 75%; text-align:center; }
	a.cancelCloseDay { display:inline-block;  height:43px; width:240px; line-height:45px; color:#ffffff; font-size:0.9em; font-weight:bold; text-transform:uppercase;   border:none; background: #505050 0 0 repeat; margin-top: 10px; cursor: pointer; margin-right:0; -webkit-border-radius: 50px; border-radius: 50px;  border:none;  }
	
	
	a.venteCloseDay { display:inline-block;  height:43px; width:280px; line-height:45px; color:#505050; font-size:0.9em; font-weight:bold; text-transform:uppercase;   border:none; background: #FFDC04 0 0 repeat; margin-top: 10px; cursor: pointer; margin-right:0; -webkit-border-radius: 50px; border-radius: 50px;  border:none;  text-align:center; }
	
	
	form input[type=submit].submitButton:hover { -webkit-box-shadow: 0 0 4px 0 #999999;
	box-shadow: 0 0 4px 0 #999999;  }
	form input[type=submit].cancelButton { background: #999 0 0 repeat;  color:#333333; font-weight:500;  }
	

	.none form p:nth-child(2):before {
		/* Size and position */
		content: "";
		width: 15%;
		height: 120px;
		position: absolute;
		top: 0;
		left: 28%;

		/* Styles */
		transform: rotate(75deg);
		background: linear-gradient(50deg, rgba(200,200,200,0.20), rgba(0,0,0,0));
		pointer-events: none;
	}

	.no-pointerevents form p:nth-child(1):before { display: none; }

	#field-security { display:none; }

	ul.formErrors { margin:10px 0px 30px 0px; padding:10px;  background:#ffffff; }

	ul.formErrors li {
		color:#ff0000;
		margin:0 0 5px 0;
		font-size:1.3em; line-height:16px;
		list-style:none;
		padding-left:25px;
		letter-spacing:1px;
		background:transparent url(zims/icons/backend/form-error-16.png) 0 0px no-repeat;
	}
	
	form p.formBaseline { color:#fff; font-style:italic; }
	form p.missingField label, form p.invalidField label { color:#ff0000; }
	form p.missingField input, form p.invalidField input, form p.invalidField textarea , form p.missingField textarea, form p.invalidField select , form p.missingField select  { border:1px solid #ff0000 !important; }

	p.checkUpdated {  background:#4A92CD; color:#ffffff;  margin:0 2%; padding:0.5em;  font-size:1.6em !important; font-style:italic;  line-height:30px;
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,0.3),
			inset 0 10px 10px rgba(255,255,255,0.1);
		border-radius: 3px; width:300px;
	}
	p.checkUpdated span { display:inline-block; height:30px; line-height:30px; width:40px; background:transparent url(zims/icons/sprites_w.png) 5px 0 no-repeat; vertical-align:middle; }

	.nicEdit-pane form{
		min-width:400px; 
	}
	.nicEdit-pane form div:first-child{ color: #fff;}
	.nicEdit-pane form input[type="submit"]{ float: none !important; color: #000; }
	
	form.readonly  .formButtons { display:none !important; }
	
	form.canceled  { font-style:italic; }
	form.canceled  fieldset {  }
	form.canceled  fieldset legend { background:#333333; font-style:italic; }
	form.canceled  fieldset label {  color:#666666; margin-right: 5px; }
	form.canceled  fieldset input[type="text"], form.canceled  fieldset select, form.canceled  fieldset textarea { color:#666666; }
	
	form.canceled  #fieldset-Canceled { 	}
	form.canceled  #fieldset-Canceled p:not([class="textareaField"]) { width: 240px; }
	form.canceled  #fieldset-Canceled  label { text-align:right;  }
	
	#FormWorksheets  #fieldset-Canceled label  { width:120px; }
	
	form.canceled #fieldset-Canceled p.textField { float:left !important; }
 	form.canceled #fieldset-Canceled p.textareaField { clear:both; float:none; width:100%;  }
	form.canceled #fieldset-Canceled p textarea { width:677px; } 
	/*form.canceled #fieldset-Canceled p#field-canceled_username { width:206px; }*/
	form.canceled #fieldset-Canceled p#field-canceled_username label, form.canceled #fieldset-Canceled p#field-canceled_stamp label  { width:40px; }
	
	
	
	form input.small, select.small, textarea.small, .small select  { width:60px !important; }
	form input.medium, select.medium, textarea.medium, .medium select  { width:350px !important; }
	form input.long, select.long, textarea.long, .long select { width:600px !important; }

	form textarea.wide { height:70px !important;  width:600px !important; }
	form textarea.bigWide { height:500px;  width:800px; }
	
	form p.textareaField > div  { margin-left: 150px; background:rgba(255,255,255,0.8); } 

	
	
	
	/**
	***   TABLEAUX
	************************************************************/
	
	
	#Content p.breadcrumb { font-size:2.5em;  padding:20px 0 0 10px; color:#532741; line-height:30px; }
	#Content p.breadcrumb a { display:inline-block;   padding:4px; background:url(zims/backend/header-grey-70.png) 0 0 repeat; color:#fff; text-transform:uppercase; font-size:0.6em; height:30px; line-height:30px; }
	#Content p.breadcrumb a.homeCat { background:#545454 url(zims/icons/header-home.png) 50% 50% no-repeat;  width:30px;  height:30px; }
	#Content p.breadcrumb a.homeCat span { display:none; }
	
	a#BigTree { background:#532741 url(zims/icons/arbo.png) 12px 50% no-repeat; display:block; height:40px;  line-height:40px;  color:#FFF;  font-size:1.2em; text-indent:55px; margin:12px; 
	-webkit-border-radius: 6px; border-radius: 6px; width:207px;   position:absolute; right:0;  top:120px;  text-transform:uppercase;  }
	
	#ArboW h2 { color:#532741; background:none; margin:10px; text-align :center; border-bottom:1px solid #532741;  width:90%;   }
	#ArboW { background:#ffffff url(zims/backend/neutralbg.jpg) 50% 0 repeat; padding:20px; width:900px; } 
	#ArboW ul { padding:5px; margin:0;  overflow:auto; color:#532741;  margin-right:0;  padding-right:0;  } 
	#ArboW ul li {  margin:3px; font-size:14px; line-height:20px;  padding:4px;  margin-left:12px; margin-right:0;  padding-right:0;    } 
	#ArboW ul li a { color:#fff;   padding:2px;  display:block; -webkit-border-radius: 4px;
border-radius: 4px; font-weight:400; text-indent:10px;  margin-right:0;  padding-right:0; text-transform:uppercase; }

	#ArboW ul li a.even {  background:url(zims/backend/header-grey-70.png) 0 0 repeat;  color:#fff; }
	#ArboW ul li a.odd {  background:url(zims/backend/header-violet-30.png) 0 0 repeat; color:#000;  }
	#ArboW ul li a.currentCAT { background:url(zims/backend/header-orange-70.png) 0 0 repeat !important; color:#000; } 
	
	#ArboW ul li.AddLink {  text-align:left; width:180px;  }
	#ArboW ul li.AddLink a {  color:#FFF; display:block; background:#919191 url(zims/icons/sprites.png) 10px -28px no-repeat; height:20px; line-height:20px; text-indent:40px;  overflow :hidden;  }
	
	#ArboW ul li a:hover { -webkit-box-shadow: 3px 3px 3px 0 #858585; box-shadow: 3px 3px 3px 0 #858585; }
	
	
	
	table.listing { width:98%;  margin:0 auto;  padding:0;  border-spacing:0;  border-collapse:collapse; }
	
	caption { margin:0 auto; padding:0 0 10px 0; height:24px; line-height:33px; font-style:italic; color:#000; font-size:1.1em; }
	caption .loader { vertical-align:middle; margin-right:5px;}
	
	table.listing th, table.listing td { border:1px solid #ccc; cursor:default; }
	table.listing th { padding:0px 5px; height:28px; line-height:30px; background:url(zims/backend/header-grey-70.png) 0 0 repeat;  color:#FFF; font-size:1.5em;  }
	table.listing th  img { background:#fff; margin-top:7px;  }
	table.listing td { padding:2px 5px; font-size:1.5em; height:25px;}
	
	table.listing tr.lignePaire td { background:#fafafa;  }
	table.listing tr.ligneImpaire td { background:#fafafa; }
	
	.col-links {  }

	.cke_skin_kama .cke_wrapper { background-color:#e5e5e5 !important; margin-left:150px !important; }
	span.cke_skin_kama { border:0 !important; }
	
	
	
	
	
	
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w{ background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.6); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
		zoom: 1;
	}
	
	.shadow-bottom{
		-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:    0px 6px 6px rgba(0, 0, 0, 0.4);
		box-shadow:         0px 6px 6px rgba(0, 0, 0, 0.4);
	}
	.rounded{ 
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	
	.button{
		display: block;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		background:url(zims/buttons/gardient-grey-24px.png) repeat-x center; height: 24px;
		line-height: 24px;  border: 1px solid #bfbfbf;  padding: 0 10px;
		text-shadow: 0 1px 0 #fff;
	}
	.button a{ display: block; color: 1b191c; font-size: 14px; font-weight: 500; }
	.button a:hover{ text-decoration:underline; }
	
	
	.hidden { display:none; }
	
	
/******************************************************************************************************************************
                                                          LAYOUT                                          
******************************************************************************************************************************/
	
	#LeftCol { width:10%; height:100%; position : fixed; top:0; background:url("zims/backend/header-grey-70.png") 0 0 repeat; z-index: 10000;  }
	#Content {  position:relative; width:90%; margin-left:10%; z-index: 10; }

	.lt-1280 #LeftCol { width:15%; }
	.lt-1280 #Content {  width:84%; margin-left:15.5%;  }
	
	.shadow { -webkit-box-shadow: 0 4px 4px 0 #ADC4C9; box-shadow: 0 4px 4px 0 #ADC4C9; }
	
	#Header { height: 230px; position:relative; margin:0 auto; text-align:center;  width:100%; }
	#Header #HomeLink span {  color:#fff; font-size:2em;   }
	#Header #HomeLink img {   margin:0 auto;  padding:1.5%;  }
			
	#UserInfoW {
		z-index:10; position:absolute;  width:200px; 
		color:#fff; cursor:default; margin-top:0; top:0; right:0; top:0; 
		display:block; height:45px;
		font-size:1.3em; line-height:22px; text-align:right; 
		overflow:hidden;  
	}
	#UserInfo { display:block; height:45px; line-height:45px; background:url(zims/icons/user.png) 0 0 no-repeat; color:#fff; padding:0 60px 0 45px;  text-align:left;  }
	#UserInfoW #LogoutLink { display:block; background:url(zims/icons/logout-w.png) 7px 6px no-repeat; height:33px; width:33px;  padding:6px; overflow:hidden; line-height:32px; text-indent:1000px; position:absolute; top:0px; right:0px;   }
	#UserInfoW #LogoutLink:hover { background:url(zims/icons/logout-w.png) 7px 6px no-repeat; }
		
	#Footer { font-size:1.2em; text-align:center; position:absolute;  bottom:0;   width:100%; padding-top:10px;  }
	#Footer p { margin:0 auto; padding:0; text-align:center; color:#fff; }
	#Footer #ConceptionLink { text-decoration:none; color:#fff; font-weight:bold;  display: block; }
	#Footer #ConceptionLink img { padding:4px; float:none;  }
	
	#Content { }
	#Content p { font-size:1.5em; }
	
	
	.ui-dialog .DeleteConfirmationPopup {
		margin:0; padding-left:90px; font-size:1.2em; height:80px; text-align:left;
		background:transparent url(zims/icons/backend/trash-80.png) 10px 50% no-repeat;
	}
	.ui-dialog .DeleteConfirmationPopup p {  }
	.ui-dialog .DeleteConfirmationPopup p.processing { margin-top:30px; margin-left:30px; padding-left:25px; background:transparent url(zims/loader/loader-16.gif) 0 50% no-repeat; }
	.ui-widget-header { font-size:1.2em; }
	.ui-dialog .ui-dialog-buttonpane { margin-top:0; padding:5px; border-top:1px dotted #ccc; }
	.ui-widget-overlay { background:#000; opacity:0.6;  }
	.ui-dialog .ui-dialog-buttonpane button { padding:0; }
	
	/**
	 * Fancybox / forms
	 */
	#fancybox-inner label { font-size:1.3em; }
	#fancybox-inner .fieldsList label span { font-size:1em; }
	
	/**
	 * Bloc GMap
	 */
	.jGMapW, .jGMap { width:900px; height:600px; }
	.jGMapW { margin:10px auto; border:1px inset #888; position:relative; }
	
	
	/**
	 * Pagination
	 */
	.PaginationLinks { position:relative; clear:both; margin:1%; padding:0 110px 0 110px; text-align:center; line-height:35px;  }
	.PaginationLinks a {  font-size:1.2em; padding:2px 2px 2px 6px; line-height:35px; text-align:center;   }
	.PaginationLinks a.PaginationLink { }
	.PaginationLinks a.CurrentPage, .PaginationLinks a.PaginationLink:hover { background:#fff; }
	.PaginationLinks a.CurrentPage, .PaginationLinks a.PaginationLink { margin:0; }
	
	.PaginationLinks .PrevLink, .PaginationLinks .NextLink { position:absolute; top:0;  margin:0;  }
	.PaginationLinks .PrevLink { left:0; }
	.PaginationLinks .NextLink { right:0; }
	.PaginationLinks span.PrevLink, .PaginationLinks span.NextLink { color:#ddd; display:none;  }
		
	.jPaginationSliderW { margin-right:10px; position:relative; top:3px; }
	.jPaginationSliderW a.ui-slider-handle { text-align:center; padding:0; height:18px; line-height:18px; width:24px; font-size:11px; font-weight:bold;}
	
	
	/**
	 * jQuery Uploadify
	 */
	#avatarQueue { margin:0 0 0 150px; }
	#avatarQueue .uploadifyQueueItem { background:#fff; border:1px dotted #a0a0a0; }
	.uploadifyProgress {}
	.uploadifyProgressBar { background-color:#079dc8 !important; }
	img.UploadPreview { width:80px; }
	
	
	span.frLabel, span.enLabel { display:block; height:12px; width:18px; background:url(zims/icons/flags12.png) 0 0 no-repeat; overflow:hidden; text-indent:-5000px; }
	form label { display:block; clear:both; float:none; height:22px; line-height:22px; }
	span.enLabel { background-position:-20px 0; }
	
	
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	td.col-links { width:44px;  padding:3px; }
	td.col-links a { margin:0 2px; }
	
	td.col-self_order { width:40px; } 
	td.col-self_order input { width:30px; text-align:center; font-size:1.4em;  }
	
	/**
	 * CRUD Links
	 */
	.CreateLink, .UpdateLink, .DeleteLink, .MoveUpLink, .MoveDownLink, .EraseFileLink {
		text-indent:-5000px; overflow:hidden;
		height:16px; width:16px;
		background-color:transparent;
		background-image:url(zims/icons/backend/icons.png);
		background-repeat:no-repeat; 
	}
	.UpdateLink, .DeleteLink, .MoveDownLink, .MoveUpLink { float:left; }
	.CreateLink { display:block;  margin:0 auto; background:url(zims/icons/sprites.png) 50% -28px no-repeat; height:28px; width:28px;  }
	
	.UpdateLink { background-position:0 -20px; }
	.DeleteLink { background-position:0 -40px; margin-right:0; }
	
	.MoveUpLink, .MoveDownLink { background-color:transparent; background-image:url(zims/backend/arrow.gif); background-repeat:no-repeat; }
	.MoveUpLink { background-position:0 0; }
	.MoveUpLink:hover { background-position:-16px 0; }
	.MoveDownLink { background-position:-32px 0; }
	.MoveDownLink:hover { background-position:-48px 0; }
	
	.fileField { overflow:auto;  }
	.fancybox { float:left; }
	.fancybox img { padding:3px; background:#fff; border:1px solid #CCC; }
	.fancybox:hover img { border-color:#999;}
	
	.EraseFileLink { float:none; position:relative; top:0px; margin:0 0 0 15px; background-position:0 -40px; display:inline-block;  }
	
	/**
	 * FilterReseter
	 */
	form.FilterForm a.FilterReseter {
		position:absolute; bottom:10px; left:90px; font-size:1.2em;
		height:20px; line-height:20px; background:transparent url(zims/icons/backend/icons.png) 0 -60px no-repeat;
		padding-left:22px; cursor:pointer;
	}
	form.FilterForm a.FilterReseter:hover { color:#e01919; }

	.moveLink {
		display:block; width:16px; height:16px;
		background:transparent url(zims/icons/16/move.gif) 0 0 no-repeat;
		text-indent:-5000px; overflow:hidden;
	}



/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	.ListingActions  { width:auto; margin:0; }
	.ListingActionsButtons { margin:0 0 0 20px;  }
	
	/**
	 * Filter forms
	 */
	form.FilterForm  { width:900px; padding-bottom:0;  }
	form.FilterForm fieldset  { border:0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 20px 30px 20px; }
	form.FilterForm label  { width:160px; font-size:0.9em; line-height:20px; }
	form.FilterForm select { width:160px; font-size:0.9em; }
	form.FilterForm .textField input { padding:1px 2px; width:151px; font-size:0.9em; }
	form.FilterForm p.selectField, form.FilterForm p.textField { width:160px; float:left; margin-right:10px; padding:0 0 5px 0 !important; }
	form.FilterForm p#field-tabdate { width:200px; }
	form.FilterForm p#field-tabdate label, form.FilterForm p#field-tabdate select { width:100%; }
	
	form.FilterForm .formButtons  { padding-left:140px; }
	form.FilterForm .formButtons .submitButton  { 
		position:absolute; bottom:10px;  left:20px; width:55px; font-size:1.2em; font-variant:small-caps;
		 line-height:23px; height:23px; 
	}
	
	
	table.listing td span.accepted, table.listing td span.True  { margin:0 auto; background:url(zims/icons/22x22button_ok.png) 0 0 no-repeat; display:block; height:22px; width:22px; overflow:hidden; text-indent:-5000px;  }
	table.listing td span.notAccepted , table.listing td span.False  { margin:0 auto; background:url(zims/icons/22x22cancel.png) 0 0 no-repeat; display:block; height:22px; width:22px; overflow:hidden; text-indent:-5000px; }
	
	/**
	 * Listing Actions
	 */
	form.ListingActions  {  }
	form.ListingActions #InvertSelectionLink { position:absolute; top:10px; #top:5px; left:20px; font-size:1.1em; color:#5f5f5f; cursor:pointer; }
	form.ListingActions #InvertSelectionLink:hover { color:#ff0576; }
	
	#ListingWrapper form { margin:0; width:auto; }
	#ListingWrapper form .formButtons { padding:0 0 0 29px; }
	
	
	/**
	 * Actualités
	 */
	#FormActualites #titre, #FormActualites #sous_titre, #FormActualites #legend, 
	#FormActualites #link_label, #FormActualites #document_label { width:500px; }
	#FormActualites #texte { width:500px; height:120px; }
	
	#FormActualites #date_debut, #FormActualites #date_fin { width:100px; }
	
	
	/**
	 * UTILISATEURS
	 */
	#FormUsers #username, #FormUsers #pwd, #FormUsers #email { width:350px; }
	#FormUsers #fieldsList-groups div.checkbox-field {  }
	
	
	/**
	 * PARAMETRES
	 */
	#FormConfiguration #var, #FormConfiguration #value, #FormConfiguration #label { width:450px; }
	#FormConfiguration #value { height:120px; }
	
	
	/**
	 * Dashboard
	 */
	 #DashboardW { }
	 #Dashboard {  color:#fffff;  min-height:400px; padding-bottom:20px;   }
		

	
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	
	table.listing tr td { padding:15px 10px; }
	table.listing tr:hover td { background:#f1f1f1; }
	
	table.listing td.col-date_added, table.listing td.col-heure { width:60px; text-align:center; }
	table.listing td.col-quantite { text-align:center; }
	
	table.listing td.col-added_on { width:60px; text-align:center; }
	
	table.listing td img { position:relative; top:3px; }
	
	/**
	 * Listing Actions
	 */
	form.ListingActions  {  }
	form.ListingActions #InvertSelectionLink { position:absolute; top:10px; #top:5px; left:20px; font-size:1.1em; color:#333333; cursor:pointer; }
	form.ListingActions #InvertSelectionLink:hover { color:#ff0576; }
	
	#ListingWrapper form { margin:0; width:auto; }
	#ListingWrapper form .formButtons { padding:0 0 0 29px; }
	
	form .small { width:50px; }
	form .medium { width:350px; }
	form .long { width:600px; }
	
	form textarea.wide { height:70px;  width:600px; }
	form textarea.bigwide { height:90px;  width: 98%;   }
	form textarea.littlewide { height:60px;  width: 98%;   }
	
	
	/**
	 * UTILISATEURS
	 */
	#FormUsers #username, #FormUsers #pwd, #FormUsers #email { width:350px; }
	#FormUsers #fieldsList-groups div.checkbox-field {  }
	
	
	/**
	 * PARAMETRES
	 */
	#FormConfiguration #var, #FormConfiguration #value, #FormConfiguration #label { width:450px; }
	#FormConfiguration #value { height:120px; }
	
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	

	/**
	 * Actualités
	 */
	#listing-Actualites td.col-date { width:120px; text-align:center; }
	#listing-Actualites td.col-actu .ImageLink { display:block; float:left; margin:0 10px 10px 0;}
	#listing-Actualites td.col-actu  h3 { margin:0; padding:0;}
	#listing-Actualites td.col-actu  p { margin:0; padding:0; font-size:1.1em;}
	
	
	/**
	 * SYSTEME
	 */
	
	#listing-Configuration td.col-var { width:120px; }
	#listing-Configuration td.col-label { width:300px; }
	
	#listing-UsersGroups td { height:35px; }
	#listing-UsersGroups td.col-catalogue { text-align:center; }
	#listing-UsersGroups td.col-catalogue a	 {  background:#30A59B url(zims/icons/pdf-w.png) 6px 6px  no-repeat; padding:6px 6px 6px 30px;  border-radius:16px; color:#fff;  }
	#listing-UsersGroups td.col-remise { text-align:center; }
	#listing-UsersGroups td.col-users_group { font-weight:600; text-transform:uppercase; color:#30A59B; } 
	
	#listing-Users  {  }
	#listing-Users td.col-username { width:40%; }
	#listing-Users td ul li { list-style:none; line-height:1.5em; }
	#listing-Users td ul li strong, #listing-Users td ul li a { color:#30A59B; font-weight:500;  }
	#listing-Users td ul li a:hover { border-bottom:1px #30A59B dotted;  } 
	
	
	
	
/******************************************************************************************************************************
                                                                                                    
******************************************************************************************************************************/
	
	/**
	 * Propriétés globales
	 */
	ul.HTMLMenu { margin:0; padding:0; position: relative; z-index: 10000; }

	ul.HTMLMenu li { margin:0; padding:0; list-style:none; font-size:14px; height:36px; line-height:36px; position:relative; text-transform:uppercase; z-index: 10000;  }
	ul.HTMLMenu li a, ul.HTMLMenu li strong.HTMLMenuTitle { display:block; height:36px; padding:0 10px; color:#5f5f5f; font-weight:normal; text-decoration:none; vertical-align: bottom; }
	ul.HTMLMenu li a:hover, ul.HTMLMenu li:hover > strong.HTMLMenuTitle { }
	ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li.HTMLMenuItem-Current > strong.HTMLMenuTitle { }
	
	
	ul.HTMLMenu ul { margin:0; padding:0; width:250px; position:absolute; z-index:10000; background:none; display:none; }
	ul.HTMLMenu ul li { margin:0; padding:0; z-index:101; text-align:left;  }
	ul.HTMLMenu ul li:hover {  }
	ul.HTMLMenu ul li a { text-align:left; }
	ul.HTMLMenu ul li strong.HTMLMenuTitle { margin:0; text-align:left; }
	ul.HTMLMenu ul li strong.HTMLMenuTitle span { margin:0; vertical-align: bottom; }
	ul.HTMLMenu ul li:hover > strong.HTMLMenuTitle {  }
	ul.HTMLMenu ul li a span {}
	
	ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li:hover a, ul.HTMLMenu li.HTMLMenuItem-Current strong, ul.HTMLMenu li:hover strong {  position:relative; overflow:hidden;  }
	ul.HTMLMenu li.HTMLMenuItem-Current a:before, ul.HTMLMenu li:hover a:before, ul.HTMLMenu li.HTMLMenuItem-Current strong:before, ul.HTMLMenu li:hover strong:before { 
		background-color: #efefef;
		content: "";
		position: absolute; height: 12px; width: 12px; left: 100%; top:50%;  	margin: -6px 0 0 -6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	ul.HTMLMenu li:hover a:before, ul.HTMLMenu li:hover strong:before   { background-color:#494949; } 
	
	ul.HTMLMenu-Level1 {
		 width:100%; margin:0; overflow:visible; z-index:29;  
 	}
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 { text-align:left; cursor:pointer;  border-top:1px solid #ffffff;  }
	ul.HTMLMenu-Level1 li:first-child  {  border:none; }
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 a, ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 strong { color:#fff; }
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level2 strong {  color:#fff; }
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 a:hover, ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 strong.HTMLMenuTitle-Level-1:hover,
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1 strong.HTMLMenuTitle-Level-1:hover, ul.HTMLMenu-Level1 li.active strong.HTMLMenuTitle-Level-1 { }
	ul.HTMLMenu-Level1 li a { overflow :hidden;   position:relative; }
	
	
	ul.HTMLMenu-Level1 li.HTMLMenuItem-Level1:hover .HTMLMenuTitle-Level1{ }
	ul.HTMLMenu-Level1 a.HTMLMenuItemLink-Level1, ul.HTMLMenu-Level1 {}
	ul.HTMLMenu li a.HTMLMenuItemLink-Level1:hover, ul.HTMLMenu li:hover strong.HTMLMenuTitle-Level-1, ul.HTMLMenu li:hover a.HTMLMenuTitle-Level-1 {   background:#222222; color:#fff;  }
	ul.HTMLMenu li.HTMLMenuItem-Current a, ul.HTMLMenu li.HTMLMenuItem-Current > strong.HTMLMenuTitle { }
	
	ul.HTMLMenu-Level2 { top:0; left:100%;  }
	ul.HTMLMenu li.HTMLMenuW-Level2 {  background-color:#494949;  }
	ul.HTMLMenu li.HTMLMenuItem-Level2:hover {  }	
	ul.HTMLMenu li.HTMLMenuItem-Level2 { background-color:#494949; }	
	ul.HTMLMenu li.HTMLMenuItem-Level2 a{  }
	ul.HTMLMenu li.HTMLMenuItem-Level2 a:hover {  }
	ul.HTMLMenu-Level2 li:hover a:before, ul.HTMLMenu-Level2 li:hover strong:before { background-color:#727272; } 
		
	#MainMenu-system-users { width:50%; }
	
	ul.HTMLMenu-Level3 { margin:0; padding:0; top:0; left:100%; }
	ul.HTMLMenu li.HTMLMenuItem-Level3 {  background-color:#727272;  }
	ul.HTMLMenu li.HTMLMenuItem-Level3 a{ }
	ul.HTMLMenu-Level3 li:hover a:before, ul.HTMLMenu-Level3 li:hover strong:before { display:none; }
	
	/**
	 * Level 4
	 */
	ul.HTMLMenu-Level4 { top:0; left:20%; }
	ul.HTMLMenu li.HTMLMenuItem-Level4 {}
	ul.HTMLMenu li.HTMLMenuItem-Level4 a{}
	
	ul.HTMLMenu-Level1 li > ul li a:hover, ul.HTMLMenu-Level1 li > ul li strong:hover { color:#89C4F4 !important; }

	
	/**
	 * Auth page
	 */
	#page-Auth { text-align: center; }
	#page-Auth #Footer p { color:#333333; }
	
	#AuthHomeLink{ display: block margin-top: 20px;}
	
	
	#AuthContent { margin: 50px auto; width: 360px; position:relative;  }
	#AuthContent h2 {
		/*background-color: #282830;*/
		background:url(zims/backend/header-grey-70.png) 0 0 repeat; 
		border-radius: 5px 5px 0 0;
		color: #fff;
		font-size: 2em;
		padding: 20px 0; width: 100%;
		text-align: center;
		text-transform: lowercase;
		display:block; 
		margin:0;  letter-spacing:1.2px;
	}
	
	#AuthContent form { background: #fff; border-radius: 0 0 5px 5px; padding: 20px; position: relative; margin: 0;} 
	#AuthContent form:before {
		background-color: #fff;
		content: "";
		height: 8px;
		left: 50%;
		margin: -4px 0 0 -4px;
		position: absolute;
		top: 0; width: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#AuthContent fieldset { margin:0; padding: 15px 0 0 0;  border:none; } 
	#AuthContent fieldset p { padding:0 !important; margin:0; border:none; }
	#AuthContent label { display:none; }  
	/*#AuthContent label { width:300px;  font-size: 14px; padding-bottom:18px; }*/
	#AuthContent input  { width:300px;} 
	#AuthContent input { font-size: 14px;}
	
	#AuthContent input[type="email"], #AuthContent input[type="text"], #AuthContent input[type="password"] { border: 1px solid #dcdcdc; padding: 12px 10px; width: 300px; }
	#AuthContent input[type="text"] { border-radius: 3px 3px 0 0; }
	#AuthContent input[type="password"] { border-top: none; border-radius: 0px 0px 3px 3px; }

	#AuthContent input[type="submit"] {
		background:url(zims/backend/header-grey-70.png) 0 0 repeat; 
		border-radius: 3px; color: #fff;  font-weight: bold; margin-top: 20px; width:auto !important; padding: 0 20px;
		margin:15px auto;  font-family: Oldventure, Arial; font-weight: 300; text-transform:lowercase; font-size:2em; letter-spacing:1.2px;
	}
	
	#AuthContent input[type="submit"]:hover { background: #FFDC04; color:#000000; }
	
	#AuthHomeLink{ display: block; margin-top: 20px;}
	
	#HomeLink{ display: block; margin-top: 10px;}
	#Welcome{ text-align: center; font-size: 3em !important; padding: 200px 0; font-weight: lighter; font-style: italic;}
	
	/*
	** GENERAL LISTING  
	***************/
	table.listing td.col-saison { background:#3981BD !important; color:#ffffff; font-weight:bold; text-align:center; width:50px; letter-spacing:1px; font-size:1.3em;   }
	table.listing td.col-serie { text-align:center; } 
	
	table.listing td span.SelectedSerie {  display:block; background:url(zims/icons/sprites.png) 0 0 no-repeat; height:30px; width:30px; text-indent:-5000px; overflow:hidden; position:relative; margin:auto; }
	table.listing .col-mitjet2l, table.listing .col-turbo, table.listing .col-turboEndu { width:80px; }
	
/*	p.breadcrumb { padding:4px;    }
	p.breadcrumb a.homeCat { background:url(zims/icons/header-home.png) 0 0 no-repeat;  width:18px; height:15px; display:inline-block; text-indent:-5000px; overflow:hidden;  }
	p.breadcrumb a { font-size:1.2em;  color:#333; }
	p.breadcrumb a:hover { color:#000; border-bottom:1px dotted #000; } */
	

	table.listing tr td table.tableSample { width :60%; } 
	table.listing tr td table.tableSample th { background:url(zims/backend/header-gray-70.png) 0 0 repeat; font-weight:500;  } 
	table.listing tr td p.PagTableFill { text-decoration:none;  text-align:center; }
	table.listing tr td p.PagTableFill a { background:#532741; color:#fff;  display:block; width:180px; margin:0 auto; border:none; padding:8px;   text-decoration:none; text-transform:uppercase; }
	
	table.listing #tbody-listing-ProduitsTableaux td p{font-size: 1em;}
	table.listing #tbody-listing-ProduitsTableaux th{font-size: 1.1em;}
	table.listing #tbody-listing-ProduitsTableaux td .TabLegend{font-size: 0.8em; color:#464646; font-style:italic; text-align:center; }
	
	#FormTableauxLignes #fieldset-valeur p {  width:100%;  float:left;  }
	#FormTableauxLignes #fieldset-valeur p input {  width:98%; }  
	
	#FormProduits fieldset { width:46%; float:left; margin-right:1%;  }
	#FormProduits fieldset:last-child { margin-right:0;}
	
	#fieldset-cols p { width:30%; float:left; height:60px; margin-left:1em;  }
	#fieldset-cols p.uniqueCheckBoxField {  width:60%; }
	#fieldset-cols p.uniqueCheckBoxField  input, #fieldset-cols p.uniqueCheckBoxField  label { margin-top:30px; }
 	
	#FormTableauxLignes p input.tarifField { width:50px !important; float:left;  }
	
	
	/*
	** STRORE GLOBAL
	***************/
	
	#Filter-Dash { margin: 1em auto; }
	
	table#DashBoard { 
		width:90%;
	}
	
	table#DashBoard td, table#DashBoard th { border:1px solid #000000; } 
	table#DashBoard th { line-height:18px }
	table#DashBoard th em { font-size:0.8em; font-weight:500;}
 	table#DashBoard tr td { background:#ffffff; padding: 10px 5px;  }
	table#DashBoard tr.rowFamille td { text-align:center; background:none;  }
	
	table#DashBoard tr td.quantity { text-align:center; font-weight:bold; }
	
	table#DashBoard tr td.quantity.dispo { background: #FFDC04; } 
	table#DashBoard tr td.quantity.critical { background: #dddddd; } 
	
	table#DashBoard tr > .zoneLimit { border-right:3px solid #000000; }
	
	
	table#DashBoard tr td.quantity { }
	
	
	a.action { 
		display:inline-block; width:auto; padding:4px 12px; font-family: Oldventure, Arial; font-weight: 300; text-transform:lowercase; background:#545454; color:#FFDC04;  font-size:1.2em; -webkit-border-radius: 20px; border-radius: 20px; letter-spacing:2px;
	}
	a.action:hover { -webkit-box-shadow: 0 0 4px 0 #999999; box-shadow: 0 0 4px 0 #999999;  }
	
	table.listing  td.col-dashboard, table.listing td.col-ventes { text-align:center }
	table.listing td.col-nom { font-weight:bold; } 

	
	/*
	** LABOS 
	***************/
	
	#listing-Labos td ul.magList { list-style:none;  }
	#listing-Labos td ul li { margin:4px 0; background:#cecece; padding:3px 6px 0 6px;  }
	#listing-Labos td ul li.mag { background:#ffffff; font-weight:bold; }
	#listing-Labos td ul li em { color:#666; }
	#listing-Labos td ul li.addButton { background:none; } 
	#listing-Labos td ul li.addButton a.action {   }

	
	
	/*
	** LABO PROD
	***************/
	
	
	#LaboForm { }
	
	#LaboForm div.croqW { /*background:#dddddd;*/ background:#FFDC04; margin:4px 0.5%;  overflow:auto;  width:49%; float:left;  padding-top:8px; }
	#LaboForm div.croqW.warning { background:#FFDC04;} 
	#LaboForm div.croqW.critical { /* background:#da4747; color:#ffffff; */ background:#dddddd; } 
	#LaboForm div.croqW p label { float:left; clear:none;  width:auto;  display:inline-block; padding:0 10px; } 
	#LaboForm div.croqW p input {  float:left;  clear:none; }
	
	#listing-LaboCroques {}
	#listing-LaboCroques th.col-links a { display:none; }
	#listing-LaboCroques td.col-links a.UpdateLink { display:none; }
	
	
	
	.listingZone { min-height:150px; margin-bottom:2em; } 
	.listingZone .subMenuListing { list-style:none;  width: 98%; margin: 0 auto;  text-align:left; }
	.listingZone .subMenuListing  li { display:inline-block; margin:0; padding:0; border-left: 1px solid #ccc;  }
	.listingZone .subMenuListing  li a { 
		display:block;
		height: 33px;
		line-height: 34px;
		color: #fefefe;
		font-size: 1.5em;
		font-weight: bold;
		text-transform: uppercase;
		border: none;
		background:#cccccc; 
		margin: 0;
		border: none;  
		text-align:center;
		padding:0 20px 0 20px;
	}
	.listingZone .subMenuListing  li.active a { background: url(zims/backend/header-grey-70.png) 0 0 repeat; color:#FFDC04; }
	.listingZone table.listing th { border-top:none; }
	
	
	
	/*
	** MAGASINS
	***************/
	
	
	#MagasinForm { }
	
	#MagasinForm div.croqW {  /*background:#dddddd;*/ background:#FFDC04; margin:4px;  overflow:auto;  width:48%; float:left;  padding-top:8px;}
	#MagasinForm div.croqW.warning { background:#FFDC04;} 
	#MagasinForm div.croqW.critical { /* background:#da4747; color:#ffffff; */ background:#dddddd;  } 
	#MagasinForm div.croqW p label { float:left; clear:none;  width:auto;  display:inline-block; padding:0 10px; } 
	#MagasinForm div.croqW p input {  float:left;  clear:none; }
	
	#listing-MagasinCroques {}
	#listing-MagasinCroques th.col-links a { display:none; }
	#listing-MagasinCroques td.col-links a.UpdateLink { display:none; }
	
	
	/*
	** ACTUALITES
	***************/
	
	/*#FormActualites {  }
	#FormActualites fieldset { width:45%; float:left;  }
	#FormActualites fieldset#fieldset-article_fr, #FormActualites fieldset#fieldset-article_en { height:300px; margin-right:2%;  }
	#FormActualites textarea { height:90px; }
	#FormActualites fieldset#fieldset-planning p { width :36%; float:left; margin-right:3%; }*/
	
	
	.closureW { margin:1%; padding:1% 0% 1%; font-size:1.2em; }
	.closureW h3 { border:1px solid #000000; text-align:center; color:#000000; }
	
	.closureW h4 { margin: 0px 5px 5px 15px; display:block; float:none; clear:both; }
	.closureW h4 > span { background:#666666; color:#ffffff; padding:0.5em; font-size:1.4em; display:inline-block;  }
	.closureW ul { width:77.5%; list-style:none; clear:both;  float:none; padding:0 0 1.2em 0; overflow:auto; margin:10px;  } 
	.closureW ul li {  /*background:#FFDC04;*/  background:#FCFCFC;margin:4px;  overflow:auto;  width:48%; float:left;  padding:8px;  font-size:1.3em; }
	
	
	
	
	/*
	** BOISSONS 
	***************/
	
	table td span.hiddenTitle { color:#666; }
	table td span.tarifBoisson { background:#666; color:#fff; padding:4px; margin-left:1em;  }
	
	table td ul.declinaisonsList li { line-height:2em;  }
	
	

	a#BigTree{ display: none;}

	input[readonly=readonly] { background: #eee; color: #999;}
	.noAdd .CreateLink, .noDelete .DeleteLink{ display: none;}
	
	/* PRESS */
	
	
	#sous_titre, #contenu_fr, #contenu_en,
	#FormArticlesPresse #titre_fr, #FormArticlesPresse #titre_en, #FormArticlesPresse #description_fr, #FormArticlesPresse #description_en,
	#FormArticlesPresse #lien_url, #FormArticlesPresse #article_lieu_fr, #FormArticlesPresse #article_lieu_en
	{ width: 500px;}
	
	#FormArticlesPresse #description_fr, #FormArticlesPresse #description_en{ height: 100px; }
		#FormArticlesPresse #article_date{ width: 70px;}
		
	#listing-ArticlesPresse p, #listing-Infobox p{ font-size: 1.2em;}
	#listing-Infobox h3{ margin: 0 5px; padding: 0;}
	
	.pdfLink, .urlLink{ 
		display: block; margin: 10px; line-height: 30px; height: 30px; font-size: 15px;
		padding: 0 0 0 40px; background-position: left center; background-repeat:no-repeat;}
	.pdfLink{ background-image:url(zims/backend/pdf.png);}
	.urlLink{ background-image: url(zims/backend/external_link.png);}
	
	
	
	/* CARTE */
	
	
	.textsW p{  display: inline; float: left; width: 45%; margin-right: 2%; }
	
	/*#FormBoissons .prixField{ float: left; width: 12%; padding: 0 !important;}*/
	.clearL{ clear: left;}
	
	
	#FormCuisine fieldset, #FormBoissons fieldset{
		width: 80%;
	}
	#FormCuisineButtons, #FormBoissonsButtons{
		position: fixed; right: 5px; top: 120px;
		width: 120px;
	}
	#FormCuisineButtons input, #FormBoissonsButtons input{ margin-bottom: 8px; }
	
	
	#fieldset-intro, #fieldset-conclu, #FormActualites fieldset{ display: inline; float: left; width: 38% !important;}
	#fieldset-intro, #fieldset-event_fr, #FormActualites #fieldset-images, #fieldset-planning{ margin-right: 2%;}
	/*#FormActualites #fieldset-planning{ width: 80% !important;}*/
	
	.legend{ display: block; font-size: 0.9em; color: #777; margin-top: 10px;}
	.nodecli{ font-size: 1em !important; color: #777; line-height: 1em; }
	
	.textsW{ clear: both; }
	.prixField.float{ display: inline; float: left; margin-right: 25px;}
	
	
	/******** MOBILE *********/
	
	
	
	.portrait body, .mobile body {  font-size: 52.5%; }
	
	.portrait table, .portrait table.listing, .mobile table, .mobile table.listing {
		/*!
		  // IE needs inline-block to position scrolling shadows otherwise use:
		  // display: block;
		  // max-width: min-content;
		*/
		display: inline-block;
		vertical-align: top;
		max-width: 100%;
		width: 100%;
		min-width :auto;
		  
		overflow-x: auto;
		  
		/* optional - looks better for small cell values */
		/* white-space: nowrap; */

		border-collapse: collapse;
		border-spacing: 0;
		  
		border:none;
		margin:0; padding:0 0 0 0; 		  
	}
	
	.portrait table caption, .portrait table.listing caption, .mobile table caption, .mobile table.listing caption {
		width:100%; text-align:left;  text-indent:20px; font-size:1.2em; 
	}
	.portrait table.listing td.prodName, .mobile table.listing td.prodName { text-align:right; width:180px !important; }
	
	#Content p.listingMobileMSG {  display:none; }
	.portrait  #Content p.listingMobileMSG, .mobile  #Content p.listingMobileMSG  { text-align:center;  display:block; background:#ffffff; padding:8px 0 8px 0;  margin:15px 0 0 0;  }
	.portrait #Content p.listingMobileMSG  svg, .mobile #Content p.listingMobileMSG  svg { line-height:18px;  }
	
	.portrait.lt-1280 #LeftCol, .mobile.lt-1280 #LeftCol { width:0; } 
	.portrait.lt-1280 #LeftCol #HomeLink, .mobile.lt-1280 #LeftCol #HomeLink { width:15%; }
	.portrait.lt-1280 #Header #HomeLink img, .mobile.lt-1280 #Header #HomeLink img { width:120px; }
	.portrait.lt-1280 #LeftCol #HomeLink span, .mobile.lt-1280 #LeftCol #HomeLink span { display:none; } 
	.portrait.lt-1280 #MainMenu, .mobile.lt-1280 #MainMenu { display :none;  } 
	.portrait.lt-1280 #Footer, .mobile.lt-1280 #Footer { position:fixed; bottom:0; left:0; width:100%; background:#ffffff; } 
	.portrait.lt-1280 #Footer p, .mobile.lt-1280 #Footer p { height:30px; color:#000000;  } 
	.portrait.lt-1280 #Footer #ConceptionLink, .mobile.lt-1280 #Footer #ConceptionLink {  position:absolute;  top:10px; right:5px; } 
	
	.portrait.lt-1280 #Content,  .mobile.lt-1280 #Content {
		width: 95%;
		margin: 2.5%;
	}
	
	.portrait table#DashBoard, .mobile table#DashBoard { width:100%; padding-bottom:50px; }
	.portrait form.FilterForm, .mobile form.FilterForm { width: 100%; }
   
	
	.portrait form:not([id="AuthForm"]), .mobile form:not([id="AuthForm"]) {  min-width: 100%;  }

	.portrait h2 { float: right; margin: 55px 0 0 0; font-size:2.2em;  } 

	
	
	
	/******** ANIMATIONS *********/

	.shake {
		  -webkit-animation-name: shake;
		  animation-name: shake;
		  -webkit-animation-duration: 1s;
		  animation-duration: 1s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
		  }
		  @-webkit-keyframes shake {
		  0%, 100% {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  }
		  10%, 30%, 50%, 70%, 90% {
		  -webkit-transform: translate3d(-10px, 0, 0);
		  transform: translate3d(-10px, 0, 0);
		  }
		  20%, 40%, 60%, 80% {
		  -webkit-transform: translate3d(10px, 0, 0);
		  transform: translate3d(10px, 0, 0);
		  }
		  }
		  @keyframes shake {
		  0%, 100% {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  }
		  10%, 30%, 50%, 70%, 90% {
		  -webkit-transform: translate3d(-10px, 0, 0);
		  transform: translate3d(-10px, 0, 0);
		  }
		  20%, 40%, 60%, 80% {
		  -webkit-transform: translate3d(10px, 0, 0);
		  transform: translate3d(10px, 0, 0);
		  }
	} 
	

	
	
	/* ----------------------------------------------
	 * Generated by Animista on 2019-3-19 14:57:34
	 * w: http://animista.net, t: @cssanimista
	 * ---------------------------------------------- */

	.jello-horizontal {
		-webkit-animation: jello-horizontal 0.9s both;
		animation: jello-horizontal 0.9s both;
	}