/*	=======================================
	Body et titres  
	======================================= */

@font-face {
    font-family: 'futura_ltregular';
    src: url('ftralt__-webfont.eot');
    src: url('ftralt__-webfont.eot?#iefix') format('embedded-opentype'),
         url('ftralt__-webfont.woff') format('woff'),
         url('ftralt__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 
}
body {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11pt;	
	line-height: 1.5em;		
	color: #000;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 20px;
	}
h1 {
	font-family: "futura_ltregular";
	font-weight: bold;
	/*src : url('maFonte.ttf');*/
	font-size: 22pt;
	color: #F60;
	line-height: 1.5em;/*text-shadow: 1px 1px 2px #999;*/
}
h2 {
	font-family: "futura_ltregular";
	font-size: 18pt;
	color: #000;
}
h3 {
	font-family: "futura_ltregular";
	font-size: 14pt;
	color: #000;
}
h4 {
	font-family: "futura_ltregular";
	font-size: 12pt;
	color: #000;
	font-weight: bold
}
p.alerte {
	color:#FF0000;
	font-weight:bold;
}
.orange {
	color : #F60;
}
.totalisation {
	background:#ff6600;
	color:#ffffff;
	font-weight:bold;
}	
/*	=======================================
	Gestion des Tables  
	http://www.elated.com/articles/styling-tables-with-css/
	======================================= */
	
table {
	color: #FFFFFF;
	width: 99%;
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060; 
	border-right: 1px solid #606060; 
	border-top: 1px solid #606060; 
	border-radius:5px;
	border-spacing: 0px; 
	box-shadow:1px 1px 2px #C0C0C0 inset;
}

table legend {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	color:#727272;
}

th[scope=col] {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	line-height:25px;
	color:#000;
	background-color:#CFCFCF;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-radius:5px;
	text-align:center;
	min-width:40px;
}
/*
tr:hover td
{ 
  background-color: #5C5347 ;
  color: #fff;
} 
*/
tr.principal td
{ 
  background-color: #ffffff ;
} 

tr:hover.principal td
{ 
  background-color: #ffffff ;
  color: #333333;
} 

tr:hover.sepa td
{ 
  background-color: #ffffff ;
  color: #333333;
} 
tr:hover input
{ 
  color: #000;
} 

td	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	/*background-color:#FFF;*/
	border-left: 1px dotted #969696;
	border-right: 1px dotted #969696;
	border-bottom: 1px dotted #969696;
	padding:0;
	padding-left:5px;
	padding-right: 5px;
	line-height: 1.5em;
	vertical-align:middle;
	
}

tr.sepa td
{ 
  border:0 ;
} 

tr.total td
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 2em;
	background-color:#E8E8E8;
	color:#000;
	/*border: 0;
	border-radius:5px;*/
}

th[scope=row] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	color:#000;
	background-color:#E8E8E8;
	text-align:left;
	border-left: 1px dotted #969696;
	border-right: 1px dotted #969696;
	border-bottom: 1px dotted #969696;
	border-radius:5px;
	padding:0;
	padding-left:5px;
	padding-right: 5px;
	line-height: 1.5em;
	vertical-align:middle;	
}

tfoot td {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 2em;
	background-color:#E8E8E8;
	color:#000;
	border: 0;
	border-radius:5px;
}




/*	================================
	Ligne de filtre d"une table
	================================ */

input.filterCell {
	width:80%;
	height:17px;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
	padding-top:1px;
	padding-bottom:0px;
}

input[type=submit].filterCell {
	background-color: #B6DD35;
	border:#C0C0C0 1px solid;
	border-radius:0px;
	box-shadow:inherit;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 8pt;
	width: 35px;
	height: 20px;
	margin: 0px;
	margin-top:5px;
	margin-bottom:0px;
	padding: 0px;
	cursor: pointer;
}
						

th.filterCell {
	height:30px;
	background-color:#E8E8E8;
	color:#000;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	border-left: 1px dotted #969696;
	border-right: 1px dotted #969696;
	border-bottom: 1px dotted #969696;
}

select.filterCell {
	margin: inherit;
	padding: inherit;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0px;
	height: 20px;
	width:150px;
	
}

span.filterCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display:inline-table;
	padding: inherit;
	margin:inherit;
	margin-bottom: 3px;
	margin-right:10px;
}


/* 	=================================
	Barre de navigation d'une table
	================================= */

legend.navTable {
	width:98%;
	margin:0px;
	padding:0px;
	font-style:italic;
}

legend.navTable span.gauche {
	text-align:left;
	margin:0px;
	padding:0px;
	width:200px;	
}
legend.navTable span.gaucheLong {
	text-align:left;
	margin:0px;
	padding:0px;
	width:300px;	
}
legend.navTable span.centre {
	text-align:left;
	margin:0px;
	margin-left: 30px;
	padding:0px;
}
legend.navTable span.droite {
	float:right;
	text-align:right;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:450px;	
}

div.formDate {
	height:40px;
	width:350px;
}

label.formDate  {
	width: 25px;
	vertical-align: middle;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:#4F4F4F ;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
input.text_filter{
width:110px;
}
input.formDate  {
	vertical-align: middle;
	width:110px;
	margin-top: 0px;
	margin-bottom: 0px;
	height:20px;	
	padding:0;
	text-align:center;
}

input[type=submit].formDate  {
	background-color: #B6DD35;
	border:#C0C0C0 1px solid;
	border-radius:0px;
	box-shadow:inherit;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 8pt;
	width: 35px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	padding: 0px;
	cursor: pointer;
}

/*	=======================================
	Gestion des formulaires 
	======================================= */


fieldset {
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left:10px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

fieldset.alerte {
	border: #FF0000 1px solid;
}

fieldset legend {
	background-color: #E8E8E8;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	height: 20px;
	padding: 0 10px;
}

fieldset legend.normal {
	background-color: #E8E8E8;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	height: 20px;
	padding: 0 10px;
}

fieldset legend.erreur {
	background-color: #E8E8E8;
	border-left: #FF0000 1px solid;
	border-right: #FF0000 1px solid;
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	height: 20px;
	padding: 0 10px;
}

fieldset legend.alerte {
	background-color: #E8E8E8;
	border-left: #FF0000 1px solid;
	border-right: #FF0000 1px solid;
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	height: 20px;
	padding: 0 10px;
}

form fieldset p {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

form fieldset div {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Taille infobulle message d'erreur */
form fieldset div.formError {
	margin: 0;
	padding: 0;
	width: 200px;
}


.gauche {
	vertical-align:top;
	width:150px;
	margin-left: 310px;
	display:inline-block;
}

label {
	display:inline-table;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:#4F4F4F ;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
label.connexion {
width:300px;
}

/*	===========================================
	boutons
	========================================== */
	
input[type=submit]{
	background-color: #B6DD35;
	border:#C0C0C0 1px solid;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 10pt;
	width: 150px;
	height: 25px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
}



input[type="submit"]:hover {
	background-color: #EB6600;
}

input[type="submit"]:focus {
	background-color: #EB6600;
}



/*	===========================================
	Imputs  et select 
	========================================== */

 
input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:3px;
	margin-left: 5px;
	border: #606060 1px solid;
	border-radius:5px;
	width:150px;
	height: 15px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
 }
 option{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:3px;
	margin-left: 5px;
	width:150px;
	height: 15px;
}

input[readonly]  {
	border: inherit;
	box-shadow:inherit;
	border-radius:inherit;
	
	background-color:#FFFFFF;
	font-style:italic;
}

input[type=file]{
	background-color: #FFF;
	border: #606060 1px solid;
	box-shadow:1px 1px 2px #C0C0C0 inset;
	border-radius:0px;
	box-shadow:inherit;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 10pt;
	width:400px;
	height: 30px;
	cursor: pointer; 
	
/*
width: 150px;
	height: 25px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer; */
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:3px;
	margin-left: 5px;
	border: #606060 1px solid;
	border-radius:5px;
	width:158px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
	
}

select.multiple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:3px;
	margin-top: 10px;
	margin-left: 5px;
	vertical-align: bottom;
	border: #606060 1px solid;
	border-radius:5px;
	width:158px;
	height: 100px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
} 

option {
	width:90%;
	text-align:left;
	/*margin-bottom:10px;*/
}


textarea {
	width: 250px;
	height: 60px;
}


input:hover, select:hover, textarea:hover, option:hover, input:focus, select:focus, textarea:focus, option:focus {
	background-color:#E8E8E8
}


/*	===========================================
	Checkbox
	========================================== */

input[type=checkbox] {
	/*position: absolute;
		left: -9999px;*/
	opacity: 0;
	margin-left:-15px;
	/*display:inline;/*
	/*visibility: hidden;*/
}

input[type=checkbox]+ label.checkbox {
	padding-left:20px; 
	height:17px;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	/*margin-left:5px;*/
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color:#4F4F4F ;
}

input[type=checkbox]:checked + label.checkbox {
	background-position: 0 -17px;
}

.checkbox{
	background-image:url('/CSS/Images/checkbox.png');
	width:100px;
}

input[type=checkbox] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
    top: -1px;
	background-image: url('/CSS/Images/checkbox.png');
}

input[type="checkbox"]:checked:focus + label.checkbox{
		/*border: 1px dotted blue;*/
		background-position: 0 0;
		background-image:url('/CSS/Images/checkbox-checked-focus.png');
}
	
input[type="checkbox"]:not(:checked):focus + label.checkbox {
		/*border: 1px dotted blue;*/
		background-position: 0 0;
		background-image:url('/CSS/Images/checkbox-focus.png');
}

input:focus {
		border: 1px  solid #b6dd35; /*dotted*/
	} 
/*	===========================================
	Radio
	========================================== */

input[type=radio] {
	/*display:none;*/
	opacity: 0;
	margin-left:-15px;
}
input[type=radio] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
    top: -1px;
	background-image: url('/CSS/Images/radiobutton.png');
}

input[type=radio]+ label.radiobutton {
	padding-left:20px; 
	height:15px;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	/*margin-left:5px;*/
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;	
	color:#4F4F4F ;
}

input[type=radio]:checked + label.radiobutton {
	background-position: 0 -15px;
	padding-left:20px; 
}

.radiobutton{
	background-image:url('/CSS/Images/radiobutton.png');
	/*padding-left:20px;*/
	width:100px;
}



input[type="radio"]:checked:focus + label.radiobutton,{
		/*border: 1px dotted blue;*/
		background-position: 0 -15px;
		padding-left:20px; 
		background-image:url('/CSS/Images/radiobutton-focus.png');
}
	
input[type="radio"]:not(:checked):focus + label.radiobutton {
		/*border: 1px dotted blue;*/
		background-position: 0 0;
		background-image:url('/CSS/Images/radiobutton-focus.png');
}


/*	===========================================
	Messages
	========================================== */

.messageOK {
	padding:inherit;
	padding-top:0px;
	width: 100%;
	display:block;
	height:25px;
	text-align:center;
	background-color:#E8E8E8;
	border-bottom: 1px solid #B6DD35;
	border-top: 1px solid #B6DD35;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.messageKO {
	padding:inherit;
	width: 100%;
	display:block;
	height:auto;
	text-align:center;
	background-color:#E8E8E8;
	border-bottom: 1px solid #F00;
	border-top: 1px solid #F00;
	color:#FD0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.erreur {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:italic;
	font-weight:bold;
	height: 25px;
	padding: 0 10px;
}




/*	===========================================
	Textes et Liens
	========================================== */

.texte9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	
}

select.texte9{/*Taille texte select Membres pagination*/
font-size:8pt;
font-weight:bold;
margin-bottom:10px;
}

.texte10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.texte10gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
}


.texte14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.texte14gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
.commentaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style:italic;
	color:#333;
}

a {
	font: 1em "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	color: #EB6600;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

a img, a:hover img {
	border:0px;
}

div.total
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 2em;
	background-color:#E8E8E8;
	color:#000;
	border: 0;
	border-radius:5px;
}

td.total
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 2em;
	background-color:#E8E8E8;
	color:#000;
	border: 0;
	border-radius:5px;
}

td.sous_total
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 2em;
	background-color:#E8E8E8;
	color:#000;
	border: 0;
	border-radius:5px;
}

input[type=button]{
	background-color: #B6DD35;
	border:#C0C0C0 1px solid;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 10pt;
	width: 150px;
	height: 25px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
}

input[type=button]:focus {
	background-color: #EB6600;
}

input[type=button]:hover {
	background-color: #EB6600;
}
/*input[type=button].boutonGrise{
	background-color: #B6DD35;
	opacity: 0.6;
	font-weight:bold;
}*/
input[type=button].boutonGrise{
	background-color:#CCCCCC;
	color:#333333;
	border:#C0C0C0 1px solid;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 10pt;
	font-style:italic;
	width: 150px;
	height: 25px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	cursor: pointer;
}
div.divGrise{
	opacity: 0.4;
}
label.labelGrise{
	opacity: 0.4;
}
a.hrefGrise{
	color:#000000;
	opacity: 0.4;
}
label.label_input_grise{
	/*background-color:#CCCCCC;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:3px;
	margin-left: 5px;
	border: #606060 1px solid;
	border-radius:5px;
	width:150px;
	height: 15px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
input.text_filter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	border: #606060 1px solid;
	border-radius: 5px;
	width: 98%;
	height: 20px;
	box-shadow: 1px 1px 2px #C0C0C0 inset;
}

.selectPrint {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	color:#000;
	text-align:left;
	left:5px;
	margin-bottom:20px;
	z-index:1000 !important;
}


.majuscule {
    text-transform: uppercase;
}

.minuscule {
    text-transform: lowercase;
}

.capitalise {
    text-transform: capitalize;
}
.alignCenter, .center {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}

/*	===========================================
	Textes et Liens
	========================================== */

.texte9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.texte10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.texte14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.commentaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #333;
}
a {
	font: 1em "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;
	color: #EB6600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img, a:hover img {
	border: 0px;
}

button {
	background-color: #B6DD35;
	border:#C0C0C0 1px solid;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	font-size: 10pt;
	width: 150px;
	height: 25px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 0px;
	cursor: pointer;
	text-align:center;
	border-radius:5px;
	box-shadow:1px 1px 2px #C0C0C0 inset;
}
button:hover {
	background-color: #EB6600;
}
button:focus {
	background-color: #EB6600;
}


.cadrefieldset {
	position:relative;
	background-color: #ffffff;
	width: 100%;
	border: 2px solid #eeab69;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 0px;
	/* behavior: url(border-radius.htc);*/
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
}
.posLegend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000;
	background-color: #E8E8E8;
	padding: 0 10px;
	width:auto;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}
.ligneLabelInput {
	height: auto;
	float: left;
	margin-bottom:5px;
}
.ligneEnglobante {
	overflow: hidden;
}

.couleurRouge{ color:#FF0000; }
.couleurBleu{ color:#0000FF; }
.couleurVerte{ color: #090; }
.oddCell {
 background-color: #f9f9f9;
 color:#FFF;
}
 .evenCell {
 background-color: #5C5347;
 color:#FFF;
}
#progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
#bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
#percent { position:absolute; display:inline-block; top:3px; left:48%; }

.ui-widget-content a {
     color: #EB6600; 
}

td.details-control, td.details-control-suite, td.details-control-suite1 {
	background: url('/Images/fleche_open.png') no-repeat center center;
	cursor: pointer;
}
tr.shown td.details-control, tr.shown-suite td.details-control-suite, tr.shown-suite1 td.details-control-suite1 {
	background: url('/Images/fleche_close.png') no-repeat center center;
}

.column {
  float: left;
  width: 30%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.ui-dialog .ui-dialog-buttonpane button{
	height:auto !important
}