@charset "iso-8859-1";


/*	=======================================
	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";
	src : url('maFonte.ttf');
	font-size: 22pt;
	color: #F60;
	line-height:1.5em;
	}
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;
}
.bordure_arrondie {
    border: solid 1px #f1b937;
    border-radius: 5px;
    max-width: 800px;
    padding: 5px;
}
/*	=======================================
	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.none{
	border:0;
	border-radius:0;
}
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;
} 

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;
}

table.none{
	border:0;
	border-radius:0;
	box-shadow: 0px 0px 0px #ffffff inset;
}
tr.none{
	line-height: 1.5em;
	vertical-align:middle;
	padding-left:5px;
	padding-right: 5px;
	border:0
}
td.none{
	border:0
}
	


/*	================================
	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:25px;*/
	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-left:3px;
	margin-left: 5px;
	margin-bottom: 3px;
	border: #606060 1px solid;
	border-radius:5px;
	width:150px;
	height: 23px;
	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;
	height: 27px;
	
}

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:25px;
	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
	========================================== */
/* image infos et info-bulle qui y est liée */
.gras {font-weight: bold;}
.info_img {
    margin-top: -15px;
    height: 20px;
    width: 20px;
}
a.info span.info_bulle, a.info span.info_bulle_droite {
 display: none;
}

a.info:hover span.info_bulle, a.info:focus span.info_bulle, a.info:hover span.info_bulle_droite, a.info:focus span.info_bulle_droite {
 display: inline;
 position: absolute;
 margin-top: -1.5em; /* remonter d'une ligne et demi */
 padding: 10px 10px;
 background: #EBF7FE;
 color: #063D64;        
 font-size: 12pt;
 border: 1px solid #49ADF4;
 border-radius: 10px;
 z-index: 1;
 width:500px;
}
a.info:hover span.info_bulle_droite, a.info:focus span.info_bulle_droite {
 margin-left: -550px;
}
/* rappel important : le focus sert à voir l'infobulle pour la navigation clavier */ 


.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].alerte{
	background-color: #FF0000;
	border:#C0C0C0 1px solid;
}

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;
}
.ColorRed{color:#ff0000;}
.ColorBlack{color:#000000;}

div.editable {
    border: 1px solid #ccc;
   	width:99%;
	background-color:#FFF;
	align:center;
	margin-top:5px;
	margin-bottom:5px;
	height:75px;
	overflow-y:scroll;
	overflow-x:hidden;
	word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.texteEnteteCol{
	text-align:left;
}
/*
#SiLotExiste{
float:right;

}
.genererTousLesLots{
margin-right:40px;
}
#lotDiv{

}*/

.canvasjs-chart-credit{
	display : none;
}