/* CSS Document */
@charset "utf-8";

/* FORM BODY  */
.containerDiv {
  border: 1px solid #000000;
  width: 100%; display:table
}

/* HEADER ROW */
.rowDiv {	
  border: 1px solid #111111;
  background-color: #999999;
  display:table-row
}
.rowDivHeader {
  font: 13px helvetica,arial,sans-serif;
  font-weight: bold;
  border: 1px solid #000000;
  background-color: #888888;
  color: white;
  font-weight: bold; 
  display:table-row
} 
.cellDivHeader {
  display: table-cell;
  width:100%;
  padding: 3px;
  text-align: left; 
}
.cellDivHeaderLeft {
  display: table-cell;
  font-weight: bold;
  padding: 5px;
}
.cellDivHeaderCenter {
  display: table-cell;
  text-align: center;
}
.cellDivHeaderRight {
  display: table-cell;
  text-align: right;
  padding: 5px;
}

/* BUTTON ROW  */
.rowDivButton {
  font: 13px helvetica,arial,sans-serif;
  font-weight: bold; 
  display:table-row
  border: 1px solid #000000;
  display:table-cell;
  color: white;
  width:100%;
  padding: 3px;
  display:table-row
} 
.cellDivButtonLeft {
  display: table-cell;
  text-align: left;
  padding: 5px;
}
.cellDivButtonCenter {
  display: table-cell;
  text-align: center;
  padding: 5px;
}
.cellDivButtonRight {
  display: table-cell;
  text-align: right;
  padding: 5px;
}
div.cell.editButton {
  width:26px;
} 

/* FORM ELEMENT ROW */
.rowForm {
  display:table-row
} 
.rowFormCellElement1 {
  display: table-cell;
  text-align: left; 
}
.rowFormCellElement2 {
  display: table-cell;
  text-align: center;
}
.rowFormCellElement3 {
  display: table-cell;
  text-align: right;
}

/* FOOTER ROW */
.rowDivFooter {
  font: 13px helvetica,arial,sans-serif;
  font-weight: bold;
  border: 1px solid #000000;
  background-color: #888888;
  color: white;
  font-weight: bold; 
  display:table-row
} 
.cellDivFooterLeft {
  display: table-cell;
  text-align: left; 
  padding: 5px;
}
.cellDivFooterCenter {
  display: table-cell;
  text-align: center;
  padding: 5px;
}
.cellDivFooterRight {
  display: table-cell;
  text-align: right;
  padding: 5px;
}

/* MISCELLANEOUS  */



sup {
    font-family: arial,helvetica,sans-serif;
	color: red;
}
a {
    font-family: arial,helvetica,sans-serif;
	color: white;
}

progress {	determinate progress bar*/
/*progress:not([value]) {
	 indeterminate progress bar*/
	/* Reset the default appearance */
  	width: 250px;
	height: 20px;
	background-color: #f3f3f3;
	/*border: 0;*/  
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
/*
progress::-webkit-progress-bar {  
	/* style rules for webkit   
}  
progress::-webkit-progress-value {  
	/* style rules  for webkit   
}  
*/
/* GRAY THEME  */
.default-gray{
	margin:0 auto;
}
.default-gray{
	-webkit-border-radius: 4px;	
	   -moz-border-radius: 4px;	
			border-radius: 4px;	
}
.default-gray .large{
	width: 100%;
	*width: 80%;
}
.default-gray .large3lineText{
	width: 100%;
	height: 4em;
	*width: 80%;
}
.default-gray .large1lineText{
	width: 100%;
	height: 2em;
	*width: 80%;
}
.default-gray .medium{
	width: 60%;
	*width: 80%;
}
.default-gray .small{
	width: 30%;
	*width: 23%;
}

.default-gray textarea.large{
	width: 100%;
	*width: 94%;
	height: 3em;
}
.default-gray label {
	font-size: 1em;
	margin-bottom: 3px;
	clear: both;
}

.default-gray span.required {
	color: red;
}

/* GRAY THEME SELECT */
.default-gray  select {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 1px;
  *margin-left: .3em;
  text-align: center;
  font-size: 1em;
  padding: 6px 2%;
  font-family:inherit;
/*  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   outline: 0 none;
}

.default-gray  select {
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
}

.default-gray  select{
  text-align: left;
  width: 100%;
}

.default-gray  select:hover,
.default-gray input[type=button]:hover,
.default-gray input[type=button]:active,
.default-gray input[type=button][disabled]{
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
/* Pour le changement de couleur */
.default-gray  select:active,
.default-gray input[type=button]:active{
  background-color: #cccccc;
}

.default-gray  select:hover,
.default-gray input[type=button]:hover {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.default-gray  select:active,
.default-gray input[type=button]:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* GRAY THEME INPUT */
.default-gray input[type=text],
.default-gray input[type=password],
.default-gray input[type=email],
.default-gray input[type=url],
.default-gray input[type=number],
.default-gray input[type=date],
.default-gray .element-file .file_text,
.default-gray textarea {
	padding: 6px 2%;
	/*margin-left:-1px;*/
	font-family:inherit;
	font-size: 1em;
	font-weight: normal;
	/*padding: 6px;*/
	/*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6?IE9 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */
	background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	outline: 0;
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.default-gray .element-address input[type=text],
.default-gray .element-name input[type=text],
.default-gray .element-file .file_text,
.default-gray textarea{
	width: 100%;
	*width: 94%;
}

/* INPUT WIDTH */

input[type=text].miniwidth {/*do nothing*/
	width: 200px;
    
}
input[type=number].smallnumber {/*do nothing*/
	width: 73px;
}
/* SELECT UNITE WIDTH */
div.selectbox_miniwidth {
    width:300px;
	/*padding-top: 25px;*/
	padding: 6px 2px 6px 2px;
}
/*
#UniteSelectFiltre {
    width:70px;
}*/
select.my_dropdown {
    width:auto;
}

/* DARK BUTTON */
button {
display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 5px;
    color: #ccc;	/*text in Red = difficult to read*/
    background-color: #555;
    background: -webkit-linear-gradient(#888, #555);
    background: linear-gradient(#888, #555);
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 1px 0 #666, 0 1px 0 #444, 0 2px 6px rgba(0,0,0,0.6);
    cursor: pointer;
}
button:hover {
  background: linear-gradient(top, #5a6675, #333942);
}
button:active {
  background: #333942;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 255, 255, 0.75);
}

button-GRAY-OLD {
	background: linear-gradient(top, #687587, #404853);
	border-radius: 8px;
	color: red;
	font-weight: bold;
	padding: 5px 10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

/* LIST TABLE */
.table {
    display: table;
    width: 100%;
	border-spacing: 0px;
}
.bloc {
    width: 100%;
	background: none repeat scroll 0% 0% rgb(246, 244, 240);
	border: 1px solid rgb(212, 212, 212);
}
.bloc:hover {
    background: none repeat scroll 0% 0% rgb(201, 201, 0);
}
.doublerow {
	border-bottom: 2px grey solid;
    /*width: 100%;*/
}
.row {
	font: 11px Verdena,Arial,Helvetica,sans-serif;
    display: table-row;
    /*width: 100%;*/
}
.cell {
	font: 11px Verdena,Arial,Helvetica,sans-serif;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		font-size-adjust: none;
		font-stretch: normal;
		-x-system-font: none;
		-moz-font-feature-settings: normal;
		-moz-font-language-override: normal;
	color: black;
		display: table-cell;
		padding: 1em;
		/*width: 15%;*/
	padding: 2px 2px;
		padding-top: 2px;
		padding-bottom: 0px;
	vertical-align: top;
}
.element1 .element4{
  	text-align: left; 
}
.divelement1 .divelement4{
	width:60px;
  	text-align: left; 
}
.element2 {
	width:100%;
}
.divelement2{
	height:12px;
	overflow: hidden;
	background-color :  #f2f2f2;
  	text-align: left; 
}
.element3 .element6{
	width:60px;
  	text-align: left; 
}
.element5 {
	width:100%;
	column-span: all;
}
.divelement5{
	background-color:  none;
	height:12px;
	overflow: hidden;
  	text-align: left; 
}
.divelement5strike{
	font: 11px Verdena,Arial,Helvetica,sans-serif;
	overflow: hidden;
  	text-align: left;
	text-decoration: line-through; 
}
.elementgroup {
	/*width:100%;*/
}

/* END */