@charset "utf-8";
/*	=======================================
	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
}
/*	=======================================
	Gestion des Tables  
	http://www.elated.com/articles/styling-tables-with-css/
	======================================= */


	
table {
	color: #FFFFFF;
	width: 100%;
	border-bottom: 1px solid #606060;
	border-left: 1px solid #606060;
	border-right: 1px solid #606060;
	border-spacing: 0px;
	border-radius: 5px;
}
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;
}
/*
tr:hover td {
	background-color: #5C5347;
	color: #fff;
}*/
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;
}
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;
	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[type=text].filterCell {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 80%;
	height: 20px;
}
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: 0px;
	margin-bottom: 3px;
	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: 3px;
	height: 25px;
	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;
	vertical-align: top;
}
legend.navTable div.gauche {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 30%;
	float: left;
}
legend.navTable div.centre {
	float: left;
	text-align: left;
	margin: 0px;
	margin-left: 30px;
	padding: 0px;
}
legend.navTable div.droite {
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 400px;
}
/*	=======================================
	Gestion des formulaires 
	======================================= */


fieldset {
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	line-height: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
fieldset legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000;
	background-color: #E8E8E8;
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}
form fieldset div {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 5px;
}
.gauche {
	vertical-align: top;
	width: 150px;
	margin-left: 310px;
	display: inline-block;
}
label {
	width: 300px;
	float: left;
	vertical-align: baseline;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #4F4F4F;
	margin: 0px;
	margin-top:8px;
	padding: 0px;
	text-align: left;
}
/*	===========================================
	boutons
	========================================== */
	
input[type=submit], 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;
	padding: 0px;
	cursor: pointer;
}
input[type="submit"]:hover, input[type=button]:hover {
	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;
	vertical-align: bottom;
	border: #606060 1px solid;
	border-radius: 5px;
	width: 158px;
	height: 30px;
	box-shadow: 1px 1px 2px #C0C0C0 inset;
}
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');
}
.checkbox {
	background-image: url(Images/checkbox.png);
	width: 100px;
}
/*	===========================================
	Radio
	========================================== */

input[type=radio] {
	display: none;
}
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;
	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(Images/radiobutton.png);
	padding-left: 20px;
	width: 100px;
}
/*	===========================================
	Messages
	========================================== */

.messageOK {
	padding: inherit;
	padding-top: 0px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	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;
	padding-top: 0px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	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;
}
/*	===========================================
	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;
}
.alignCenter, .center {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.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: 40px;
	float: left;
}
.ligneEnglobante {
	overflow: hidden;
}
			/*
tr.delHoverTR:hover td{
 background-color: #CCCCCC;
  color: #000000;
}*/