/* CSS Document */
form {
	padding: 0px;
	margin: 0px;
}

form p {
	margin: 2px 0;
}

div#nav-comp span.ariane {
	font-style: normal;
	font-weight: bold;
}

div#nav-comp span.ariane u {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 4px;
}

.asterix {
	color: #E65C22;
	font-size: 12px;
}

.status {
	font-family: 'Arial';
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	margin-left: 250px;
}

.required { /*background-image:url(../images/required-field.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:10px;*/
	
}

*[disabled] {
	/*COLOR: #000000;*/
}

h2.busy {
	margin-top: 8px;
	padding: 0px;
	border: none;
	background-image: url(../images/ajax-loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
}

img.ui-datepicker-trigger { /*float: left;*/
	vertical-align: middle;
	cursor: pointer;
}

input[readonly],input[disabled],select[disabled],option[disabled]{
	color: #003366;
	border: 1px solid #A3A7A7;
    background-color: #E9E9E9;
}
checkbox[disabled] {
	color: #003366;
    background-color: #E9E9E9;
}

.drag {
	background-color: #003366;
	COLOR: white;
}

.ellipsisDiv { /*overflow: hidden;*/
	white-space: nowrap;
	display: block;
}

.ellipsisDivLien, .ellipsisDivLienClick { /*overflow: hidden;*/
	white-space: nowrap;
	display: block;
}

.ellipsisDivLien:hover { /*overflow: hidden;*/
	cursor: pointer;
	text-decoration:underline;
}
.ellipsisDivLienClick:hover { /*overflow: hidden;*/
	cursor: pointer;
	text-decoration:none;
}

.ellipsisTd, .ellipsisTdLien, .ellipsisTdLienClick  {
	/* UNIQUEMENT NECESSAIRE A IE , pour mozilla ca change rien */
	text-overflow: ellipsis;
	overflow: hidden;
}

.ellipsisTdLien:hover {
	cursor: pointer;
	text-decoration:underline;
}
.ellipsisTdLienClick:hover {
	cursor: pointer;
	text-decoration:none;
}

table.tableau, table.tablesorter {
	border: 1px solid #425b7b;
	border-collapse: collapse;
	margin: 0px;
	margin-top: -1px;
	padding: 0px;
}

table.tableau th, table.tablesorter th {
	border: 1px solid #425b7b;
	border-collapse: collapse;
	background-color: #f0f0f0;
	text-align: center;
}

table.tableau td, table.tablesorter td {
	border: 1px solid #425b7b;
	border-collapse: collapse;
	/*color:#000;*/
}
table.tableau td a, table.tablesorter td a{
	color: #16387C;
}
 /*table.tablesorter td a{
 }*/
table.tableau td a:hover, table.tablesorter td a:hover{
	cursor: pointer;
	text-decoration:underline;
}
/**Même couleur à l'êntete du tableau **/
table.tableau td.colorHead{
	COLOR: #003366;
}

table.tableau td.colorHead a{
	color: #0066CC;
}

table.tableau tr td.noborder,table.tableau tr th.noborder {
	border: 0px solid #fff !Important;
}

table.tableau tr td.noborder table tr td{
	border: 1px solid #fff !Important;
}

table.tableau th.noleftbordure,table.tableau td.noleftbordure {
	border-left: 0px solid #fff !Important;
}

table.tableau th.norightbordure,table.tableau td.norightbordure {
	border-right: 0px solid #fff !Important;
}

table.tableau th.nobottombordure,table.tableau td.nobottombordure {
	border-bottom: 0px solid #fff !Important;
}

table.tableau th.notopbordure,table.tableau td.notopbordure {
	border-top: 0px solid #fff !Important;
	font-weight: bold;
}

table.tableau tr, table.tablesorter tr {
	min-height: 20px;
}

table.tableau>tbody tr:hover, table.tablesorter>tbody tr:hover {
	background-color: #f4d1a5;
	color : #003366;
	font-weight : normal ;
}

table.tableau>tbody tr.row_selected, table.tablesorter>tbody tr.row_selected{
    background-color:#f4d1a5 !Important;
}

/**Sous table **/
table.tableau>tbody tr.sousTable:hover {
	background-color: transparent !Important;
}
table.subTable{
  	border: 1px solid #425b7b;
	border-collapse: collapse;
	margin: 5px 0px;
	padding: 0px;
	COLOR: #003366;
}
table.tableau tr td.noborder .subTable tr td{
	border:1px solid #425b7b !Important;
}
table.tableau2colonnes {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.tableau2colonnes td.border {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	border-collapse: collapse;
}

table td.input, table th.input {
	padding: 4px;
	margin: 0px;
}
table.header_tableau{
	border: 1px solid #425b7b;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	/*background-color:#F0F0F0;*/
}
table.header_tableau thead tr th{
	background-color:#F0F0F0;
}
table.header_tableau td.border {
	border: 1px solid #425b7b;
	border-collapse: collapse;
}
table.header_tableau tr td.noborder{
	border: 1px solid #425b7b !Important;
}
table.tableau_noborder, table.tableau_noborder td{
	border : none;
	margin:0px;
	padding:0px;
}
	
.even {
	background-color: #E9F0FB;
}
.evenLien {
	background-color: #E9F0FB;
}
.evenLien {
	background-color: #E9F0FB;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid;
}

.odd {
	background-color: #FFFFFF;
}

input.textL {
	margin-left: 14px;
	float: left;
	width: 220px;
	border: solid 1px #CECECC;
	padding: 2px 0px;
}
select.textL {
	margin-left: 14px;
	float: left;
	width: 220px;
	border: solid 1px #CECECC;
	padding: 0px 0px;
}

.selectL {
	margin-left: 14px;
	float: left;
	border: solid 1px #CECECC;
	/*padding: 2px 0px;*/
}

.currentpage {
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	FONT-SIZE: 11pt;
	color: grey; /*#808080*/;
}

.err_grave {
	BORDER-COLOR: #d53a3e;
	color: #d53a3e;
}

.err_anomalie {
	BORDER-COLOR: #ff4500;
	color: #ff4500;
}

.err_information {
	BORDER-COLOR: #793C89;
	color: #793C89;
}

.err_information_blue {
	BORDER-COLOR: #184c8d;
	color: #184c8d;
}

#message_erreur_param,.message_erreur_param {
	BORDER-BOTTOM: 2px solid;
	TEXT-ALIGN: justify;
	BORDER-LEFT: 1px solid;
	PADDING-BOTTOM: 2px;
	MARGIN-TOP: 10px;
	PADDING-LEFT: 20px;
	WIDTH: auto;
	PADDING-RIGHT: 5px;
	MARGIN-BOTTOM: 16px;
	BORDER-TOP: 1px solid;
	BORDER-RIGHT: 2px solid;
	PADDING-TOP: 2px;
}

#message_erreur_param UL,.message_erreur_param UL {
	PADDING-BOTTOM: 0px;
	MARGIN: 2px 10px 0px 8px;
	PADDING-RIGHT: 20px;
	FONT-FAMILY: tahoma, arial, helvetica, geneva, sans-serif;
	/*COLOR: #d53a3e;*/
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	LIST-STYLE-IMAGE: url(../images/important.gif);
	PADDING-TOP: 0px
}

#message_erreur_param LABEL,.message_erreur_param LABEL {
	FONT-FAMILY: tahoma, arial, helvetica, geneva, sans-serif;
	/*COLOR: #d53a3e;*/
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold
}

.form-errors {
	text-align: left;
}

.form-errors li b {
	text-decoration: underline;
}

.form-errors li b ul .errors {
	text-decoration: none;
}

.errors {
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

ul.errors li b {
	text-decoration: none;
}

.labelField {
	font-weight: bold;
	FONT-SIZE: 9pt;
}

.labelRadio {
	font-weight: bold;
	FONT-SIZE: 9pt;
	fon-color: #191970;
}

.labelFieldTitle {
	font-weight: bold;
	text-align: left;
}
.labelFieldTitleColor {
	font-weight: bold;
	color : #ff4500;
	font-size: 11pt;
}

/**Le rendu initial **/
#message_erreur_param>p {
	margin: 1.12em 0;
}

div.auto select,div.auto input.inputMontant,div.auto input.text,div.date input.text,p.date input.text,div.autos select,div.autos input.inputMontant,div.autos input.text
	{
	float: center;
	width: 96%;
	border: solid 1px #CECECC;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
}

div.auto select,div.auto input.inputMontant,div.auto input.text,div.date input.text
	{
	text-transform: uppercase;
}

div.actions {
	margin: 0px 3px 0px 3px;
}

div.date label,div.auto label {
	width: 100%;
	float: left;
	FONT-FAMILY: tahoma, arial, helvetica, geneva, sans-serif;
	FONT-SIZE: 13px;
	/*width: 22%;*/
	margin-right: 39px;
	text-align: left;
	font-weight: normal;
	cursor: pointer;
}

div.date {
	width: 115px;
	margin: 0 auto;
}

div.date input {
	width: 80px;
	font-weight: bold;
	float: left;
	border: solid 1px #CECECC;
	padding: 1px 0px;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

span.date input {
	width: 80px;
	font-weight: bold;
	float: left;
	border: solid 1px #CECECC;
	padding: 1px 0px;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div.texte input {
	text-align: center;
}

div.date img.ui-datepicker-trigger,span.date img.ui-datepicker-trigger {
	width: 30px;
	height: 20px;
}

.lien, .lien2 {
	cursor: pointer;
	text-decoration: none;
}

.lienClose {
	margin-top: 1px;
	cursor: pointer;
	text-decoration: none;
	width: 11px;
	height: 11px;
}

img.lien {
	width: 22px;
	height: 22px;
	margin-top: 2px;
	border: 0px;
	text-decoration: none;
}

img.lien2 {
	border: 0px;
	text-decoration: none;
}

.lien:FOCUS {
	border: 1px solid;
}

#titlePage {
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
}

#divtitle{
	text-align: center;
}

.titleFiche {
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.titlePopup {
	text-align: center;
	font-size: 11pt;
	text-transform: uppercase;
	font-weight: bold;
}
.title {
	text-align: center;
	font-size: 11pt;
	text-transform: uppercase;
	font-weight: bold;
	color : #ff4500;
}

.title2{
	 text-align:center;
	 font-weight:bold;
	 font-size:14px;
}

a
{
	color: #0066CC;
	text-decoration:none;
}


a.lien:hover, a span:HOVER, a#numberPage:HOVER, a.lien2:hover{
	cursor: pointer;
	text-decoration:underline;
}


A.grasOrange {
	font-weight: bold;
	color: #ff4500 ! important;
}

#sstitlePage {
	text-align: center;
	font-size: 12px;
	text-transform: lowercase;
}

#confirmDelete{
	border-bottom: 0px solid #376092;
	padding:5px;
	background-color:#8db3e2;
	}

/** div collapsible**/
.head_fiche {
	background-color: #c6d5e9;
	margin-bottom: 10px;
	height: 35px;
}

.collapsible_list {
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #000;
}

.collapsible_head,.collapsible_head_ajax {
	padding: 0px 40px;
	cursor: pointer;
	background: #c6d5e9;
	margin: 1px 0px;
	font-weight: bold;
	text-align: left;
	line-height: 26px;
}

.collapsible_head2 { /*padding: 0px 36px;*/
	cursor: pointer;
	background: #c6d5e9;
	font-weight: bold;
	text-align: left;
	height: 26px;
}

.collapsible_body {
	padding: 5px 5px;
	text-align: left;
}

div p.reduce,div .reduce {
	background-image: url(../images/reduce.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

div p.expand,div .expand {
	background-image: url(../images/expand.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

#table1.reduce {
	background-image: url(../images/reduce.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

#table1.expand {
	background-image: url(../images/expand.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}

td p.reduce {
	background-image: url(../images/plus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

td p.expand {
	background-image: url(../images/minus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/** fin div collapsible**/
.libSource {
	FONT-FAMILY: courrier;
	FONT-SIZE: 9pt;
}

form.formSimple {
	width: 100%;
	padding: 0px;
	/*border: solid 1px midnightblue;*/
}

form.formSimple p {
	margin: 6px 0;
}

form.formSimple p.double,form.formSimple p.doubles {
	/* EmpÃƒÂªcher le dÃƒÂ©passement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}

form.formSimple p.double b label {
	font-weight: bold;
}

form.formSimple p.double label {
	float: left;
	FONT-FAMILY: tahoma, arial, helvetica, geneva, sans-serif;
	FONT-SIZE: 13px;
	width: 37%;
	text-align: right;
	font-weight: normal;
	cursor: pointer;
}

form.formSimple p.double input,form.formSimple p.double select {
	/*margin-left: 14px;*/
	margin-left: 5px;
	float: left;
	/*width: 25%;*/
	width: 95%;
	border: solid 1px #CECECC;
	padding: 0px 0px;
	text-transform: uppercase;
}

form.formSimple p.doubles input,form.formSimple p.doubles select {
	/*margin-left: 14px;*/
	margin-left: 5px;
	float: left;
	/*width: 25%;*/
	width: 95%;
	border: solid 1px #CECECC;
	padding: 0px 0px;
}

form.formSimple p.double select {
	padding: 0px;
}

.adress_head {
	padding: 5px 40px;
	position: relative;
	background: #c6d5e9;
	margin: 1px 0px;
	font-weight: bold;
	text-align: left;
}

#returnData {
	align: left;
	COLOR: #003366;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	text-align: left;
}

#returnData img.lien {
	width: 23px;
	height: 23px;
}

#returnData label {
	text-decoration: none;
	cursor: pointer;
}

#returnData label:HOVER {
	text-decoration: underline;
}

th span.reduce{
	display: inline-block;
	background-image: url(../images/plus_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px !important;
	height: 16px !important;
}
td span.reduce {
	display: inline-block;
	background-image: url(../images/plus_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 14px !important;
	height: 14px !important;
}

th span.expand {
	background-image: url(../images/minus_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
}
td span.expand {
	background-image: url(../images/minus_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 14px !important;
	height: 14px !important;
}

td span.reduce_2 {
	display: inline-block;
	background-image: url(../images/edit_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 12px !important;
	height: 16px !important;
}

img.lienactions {
	width: 11px;
	height: 11px;
	margin-top: 2px;
	border: 0px;
	text-decoration: none;
}

label.info {
	font-size: 8pt;
	align: left;
	margin-left: 1px;
}

label.infoPassword {
	font-size: 8pt;
	/*align: center;*/
	margin-left: 1px;
	color: red;
	font-weight: bold;
}

label.modifPassword {
	font-size: 8pt;
	align: center;
	margin-left: 1px;
	color: #0000;
	font-weight: bold;
}

.line-disabled {
	background-color: #d3d3d3;
}

.not-eqauls-ticket {
	background-color: #ff4500;
}

div.col_date {
	width: 115px;
}

div.col_date input {
	width: 80px;
	float: left;
	border: solid 1px #CECECC;
	padding: 1px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

div.col_date img.ui-datepicker-trigger {
	width: 30px;
	height: 20px;
}

div.lecture {
	background-color: #E9E9E9;
	border: 1px solid #afafaf;
	height: 19px;
}
div.lectureNb {
	background-color: #E9E9E9;
	border: 1px solid #afafaf;
	height: 16px;
}
div.lectureColor {
	background-color: #E9E9E9;
	border: 1px solid #afafaf;
	height: 19px;
	color : #ff4500;
	font-weight: bold;
	font-size: 11pt;
}

div.titreRond {
	border: 1px solid #afafaf;
	height: 18px;
	background-color: #ffffff;
}

.coins2 {
	
/*border: 1px solid #376092; width: 500px; padding-bottom: 10px; background-color: #dce6f2;
*/

padding-top:10px;
/*arrondir les coins en bas Ã  gauche et en bas Ã  droite*/
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border:1px solid #376092;
background-color:#dce6f2;
-moz-border-bottom-left-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-bottom-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
}

.coins {	
	height: 35px;
	background-color: #376092;
}

#hg {
	background: url(../images/coin1.png) no-repeat top left;
}

#hd {
	background: url(../images/coin2.png) no-repeat top right;
}
.hg {
	background: url(../images/coin1.png) no-repeat top left;
}

.hd {
	background: url(../images/coin2.png) no-repeat top right;
}

.title_maj {
	color: white;
	font-weight: bold;
	/*display: table-cell;*/
	vertical-align: middle;
	text-align: center;
	height: 35px;	
	font-size: 12pt;
	line-height:35px;
	text-transform: uppercase;
}

.redBackground{ 
    background-color: #fe9898;   
}
/**Couleur de fond sous commande ou commande  concerné au paramèetrs routage.*/
.divHeadCommande{
	background-color:#c6d5e9;
}
.sscmd_associateRoutage, .critere_top_associe{
	background-color:#ffa07a;  
	font-weight : normal ; 
	color: #003366;
}
.sscmd_associateCritere{
	background-color: #3ebb19;  
	font-weight : bold ; 
	color: white;
}
.sscmd_associateRoutage_Critere{
	background-color: #a66b13;  
	font-weight : bold ;
	color : white;
}

/**Tri tableau**/
/* tbody*/
table.tablesorter {
	font-family:arial;
	font-size: 9pt;
	width: 100%;
	text-align: left;
	margin:0px ;
	padding:0px ;
	border-collapse:collapse;
	color: #003366;
}

/**
*thead et tfoot Footer et header
*/

table.tablesorter thead tr th.sort, table.tablesorter tfoot tr th.sort {
	/*background-color: #DFDEEE;
	font-size: 9pt;*/
	
	padding: 4px 18px 4px 4px;
	color: #003366;
	text-decoration:none;
}

/**
*tbody tr td
*/
table.tablesorter tbody td {
	color: #003366;
	padding: 4px;
	vertical-align: middle;
}

table.tablesorter thead tr th{
	background-repeat:  no-repeat;
	background-position: center right ;
}

table.tablesorter thead tr th.sort{
	background-image: url(../images/bg.gif);
	cursor: pointer;
}


table.tablesorter thead tr th.headerSortUp{
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr th.headerSortDown{
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr th a{
	color: #003366;
	text-decoration:none;
}