/**** Généralités ****/
body {
	scrollbar-base-color: #999999;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-face-color: #999999;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-dark-shadow-color: #999999;
	zoom: 1;
	
	background-color: #EEEEEE;
	font-family: Arial, sans-serif;	
	margin-top:10px;	
	font-size: 11px;
	font-family: Arial, sans-serif;	
	color: #666666;
}
#vitre, #ajaxLoader {
	position: absolute;
	z-index:1000002;
	text-align : center;
	vertical-align: middle;
}
.loading, .loading a, .loading input, .loading textarea {
	cursor: progress;
}

img {
	 border: 0;
	 vertical-align: top;
}

p, ul {
	margin:0px 0px 0px 15px;
	font-size: 11px;
}	

li {
	list-style-position:outside;
	list-style-type: square;
	padding-bottom:5px;
}

ul {
	padding: 0px 0px 0px 15px;
}

.positionBouton {
	padding-top:4px;
}

.entete {
	background-color: #FFFFFF;
	background-image:url(../_imgs/head/entete.jpg);
	background-repeat:no-repeat;
}


.piedpage {
	border-top: 1px solid #999999;
	margin-top: 10px;
	padding-top: 5px;
}
.piedpage a {
	font-size: 9px;
	padding: 2px 5px;
	color: #666666;
}
            
.piedpage a:link, .piedpage a:visited {
	text-decoration: none;
}

.piedpage a:active, .piedpage a:hover {
	text-decoration: underline;
}

.retraitG {
 padding-left : 15px;
}

.retraitD {
 padding-right : 10px;
}

.retraitH {
 padding-top : 10px;
}

.retraitB {
 padding-bottom : 10px;
}

/**** Les fonds ****/
.fonce {
	background-color: #2175D9;
}

.medium {
	background-color: #E0E0E0;
}

.clair {
	background-color: #F9F9F9;
}

.detail {
	background-color: #FFFFFF;
}

.detailOutil {
	background-color: #FFFFFF;
	color : #000000;
}

.couleur {
	background-color: #00A9B0;
}

/**** Les titres ****/
h1 {
	font-size: 18px;
	font-weight: bold;
	color:#FFFFFF;
	padding-left:10px;
}

.h1 {
	font-size: 18px;
	font-weight: bold;
	color:#000000;
	padding-left:10px;
}

h2, h2 a {
	font-weight : bold;
	font-size: 18px;
	color: #333333;
 	margin: 0;
 	margin-bottom: 10px;
 	padding: 12px 0 5px 15px;
	vertical-align: middle;
	text-decoration: none;
}
h2 {
	border-bottom : 1px dotted #CCCCCC;
}

h2 a:active, h2 a:hover, a h2:active, a h2:hover {
	text-decoration: underline;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 10px 20px 0px 15px;
}

.h3 {
	font-size: 11px;
	font-weight: bold;
	color: #D1E4F6;
	margin-left:35px;
}

.h3bis {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-left:20px;
}


h4, h4 a {
	color: #2175D9;
	border-top : 1px dotted #CCCCCC;
	font-weight : bold;
	font-size: 14px;
 	margin: 0px 15px 0px 15px;
 	padding: 12px 0px 0px 0px;
	text-decoration: none;
}

.h4, .h4 a {
	font-weight : bold;
	font-size: 14px;
 	margin: 0px 15px 0px 30px;
 	padding: 12px 0px 0px 0px;
	text-decoration: none;
	color: #2175D9;
}

.h4{
	border-bottom : 1px dotted #CCCCCC;
}

.h4 a:active, .h4 a:hover {
	text-decoration: underline;
}

h5, h6 {
	padding:0px;
	margin:0 0 0 15px;
}

.titreMeduim {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	height:18px;
	padding:7px 10px 3px 10px;
}

.ssTitre {
	color:#999999;
	padding: 0px 0px 0px 10px;
}

.evasso_desc {
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 10px 15px 15px 15px;
}

/**** Champs de formulaire ****/
form	{
	margin:0;
}
.hauteur td {
	padding : 4px 0px 4px 0px;
}
.vitre {
	background-image:url("../../modules/_imgs/transp.gif");
}

/** Formatage champs **/
.monetaire, .numerique {
	text-align : right;
	white-space: nowrap;
}
.errorLeg {
	font-size: 9px;
	font-weight: bold;
	color: red;
}
.errorField {
	background-color: #FF9999;
}
.caption {
	color: #000000;
	white-space: nowrap;
	line-height: 16px;
	padding-right: 10px;
}
.negative {
	color: red;
}

/** champs de saisie **/
input, .input, .inputtextS, .inputtextT, .inputtextM, .inputtextMx, .inputtextN, .inputtextG, .inputtextL, .inputtextD, .inputtextH, .inputpasswordS,
.negative, .libVal, textarea, .textarea, 
option { 
 width: 95%;
 font-size: 11px;
 font-family: Arial, sans-serif;	
}
input, textarea { 
 border: 1px solid #AAAAAA ;
}
.inputtextM, .inputtextN, .inputtextMN, .inputtextL, .inputtextG {
	text-align : right;
}
textarea, .textarea {
	font-size: 11px;
}
input[type="radio"], input[type="checkbox"] {
	border-style: none;
	width: 25px;
}
*html .radio {
	border-style: none;
	width: 25px;
}
*html .checkbox {
	border-style: none;
	width: 25px;
}
select { 
	font-size: 11px;
	font-weight: normal;
}

h2 select, h2 select option {
	font-weight : bold;
	font-size: 18px;
}

/** label **/
label, .labelTexteArea, span.label, td.label {
	font-weight: bold;
	color: #000000;
}
.labelTexteArea {
	vertical-align: top;
}
.labelRadio {
	vertical-align: 24%;
}
label.nolabel {
	font-weight: normal;
}
.libVal a:link, .libVal a:visited {
	color: #000000;
	text-decoration: none;
}
.libVal a:hover, .libVal a:active {
	color: #000000;
	text-decoration: underline;
}

/** Bouton **/
.inputValider, .inputAction, .inputValiderPopup {
 width: 100px;
 height: 20px;
 border-style:  solid 1px #666666;
 background-color: #2175DE;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
 float: right;
}

.inputAction {
 background-color: #00A7AF;
}

.inputValider:hover, .inputAction:hover, .submit:hover {
 border-color: #000000 #38A5E2 #38A5E2 #000000;
 background-image:url(../../_imgs/inputbackground_roll.gif);
 color:#FFFFFF;
}

.inputAnnuler {
 width: 100px;
 height: 20px;
 background: #FFFFFF;
 color: #666666;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 border-color: #38A5E2 #000000 #000000 #38A5E2; 
}
.inputAnnuler:hover {
 border-color: #000000 #38A5E2 #38A5E2 #000000;
}

.submit, .submit:hover, .submitRight {
 width: 100px;
 height: 20px;
 background-color: #2175DE;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
 border: none;
}
.submitRight {
 float: right;	
}

a.submit, a.submit:hover, a.submit:link {
	padding: 3px 11px;
  background: #00A7AF;
  color: #FFFFFF;
  border: 1px solid;
}

a.submit:hover {
	text-decoration : none;
  border-color: #000000 #38A5E2 #38A5E2 #000000; 
}
a.submit:link {
	text-decoration : none;
  border-color: #38A5E2 #000000 #000000 #38A5E2; 
}

.inputConnexion {
 width: 130px;
 text-align:center;
 border: solid 1px #6DA7E6;
 background-color: #FFFFFF;
 font-size: 9px;
 font-weight:bold;
 color: #2175D9;
 margin: 2px 0px 0px 0px;
 padding: 4px 0;
 cursor: pointer;
}
.alignLeft {
 text-align: left;
}
input.disabled {
 background-color: #CCCCCC;
 cursor : default;
}

/*** info. connexe ***/
.blocC	{
 background-image:url(../_imgs/actions/puce_down.gif);
 background-position:4px 16px;
 background-repeat:no-repeat;
 display:block;
 margin:0;
 padding:10px 10px 0px 15px;
}

.h2Connexe {
	color: #333333;
	font-size: 11px;
	font-weight:bold;
}

.infoConnexe, .infoConnexe a {
	font-size: 11px;
	padding: 0;
}

.infoConnexe a {
	color: #666666;
}
	
.infoConnexe a:link, .infoConnexe a:visited {
	text-decoration: none;
	font-weight: bold;
}

.infoConnexe a:active, .infoConnexe a:hover {
	text-decoration: underline;
	font-weight: bold;
}

/*** Fieldset ***/
.legendNone {
	display: none;
}

legend, .legendTop, .legendFull {
	font-size: 12px;
	font-weight: bold;
	color: #2175D9;
}

.fieldsetNone  {
	border : none;
	padding: 0px;
	margin: 0px;
}

.fieldsetTop {
	border-width : 1px;
	border-color : #CCCCCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding : 0px;
}

fieldset {
	border : 1px solid #CCCCCC;
	padding : 10px;
	clear : both;
}

/*** Tableau ***/
.tableau, .tableau2 {
	border-collapse:collapse;
	width: 100%;
}

th {
	background-color: #F9F9F9;
	color: #666666;
	text-align:center;
	border: 1px solid #E0E0E0;
	line-height:20px;
}

td.cell, tr.cell td, tr.col td, tr.col_color td, tr.col_sel td {
	border: solid 1px #E0E0E0;
	line-height:20px;
}


thead, .tableauEntete {
	background-color: #F9F9F9;
	color: #666666;
	text-align:center;
	border: 1px solid #E0E0E0;
	line-height:20px;
}

.tableauLigne {
	border: solid 1px #E0E0E0;
	line-height:20px;
	background-color: #FFFFFF;
}

.col_color {
	background-color: #C4EBEC;
}

/*** padding de formulaire ***/
.paddingXS {
	padding-left: 65px;
	font-size: 0px;
}
.widthXS {
	width: 65px;
}

.paddingS {
	padding-left: 85px;
	font-size: 0px;
}
.widthS {
	width: 85px;
}

.paddingM {
	padding-left: 100px;
	font-size: 0px;
}
.widthM {
	width: 100px;
}

.paddingL {
	padding-left: 170px;
	font-size: 0px;
}
.widthL {
	width: 170px;
}

.paddingXL {
	width: 475px;
	font-size: 0px;
}
.widthXL {
	width: 475px;
}

/*** Autre ***/
.interligne {
	 font-size:5px;
	 height:12px;
}
 
.filiere {
 width:90px;
 padding-left:15px;
 color:#FFFFFF;
 font-size:14px;
 }
 
.filiere a {
 color:#FFFFFF;
}
.filiere a:link, .filiere a:visited {
	text-decoration: none;
}
.filiere a:active, .filiere a:hover {
	text-decoration: underline;
}

.date {
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	padding: 10px 0px 0px 10px;
}

.lien, .lien a	{
	font-size: 11px;
	color: #666666;
	font-weight:bold;
	text-decoration: underline;	
}
div.lien	{
	padding: 12px 0px 0px 10px;
}

.lien a:active, .lien a:hover, a.lien:active, a.lien:hover {
	text-decoration: underline;
}


.lienRub, .lienRub a	{
	font-size: 11px;
	color: #2175D9;
	font-weight:bold;
	text-decoration: none;
}

.lienRub {
	padding: 10px 0px 0px 10px;
}

.lienRub a {
	padding-left: 10px;
}

.lienRub a:active, .lienRub a:hover, a.lienRub:active, a.lienRub:hover {
	text-decoration: underline;
}

.savoirPlus, .savoirPlus a	{
	font-size: 11px;
	color: #2175D9;
	padding:0;
	text-decoration: none;
}

.savoirPlus a:active, .savoirPlus a:hover, a.savoirPlus:active, a.savoirPlus:hover {
	text-decoration: underline;
}

.identite {
	font-size: 12px;
	color : #000000;
	font-weight:bold;
}

/** class pour les dev. **/
/* utilisé par Laurent pour désactiver le menu gauche et les arbre, en mode MAJ / là c'est légèrement coloré suivant la couleur dominente du site du client */
.cache {
	background-image:url("../../modules/_imgs/filter.gif");
}

.hidden {
	display: none;
}

/** clases pour l'autocomplétion */
div.autocomplete {
	position : absolute;
	background-color: #FFFFFF;
	border:1px solid #999999;
	margin: 0;
	padding: 0;
	overflow : auto;
	max-height : 200px;
  height: expression(this.scrollHeight > 199 ? "200px" : "auto"); 
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	cursor: default;
	color: #444444;	
	font-family: Verdana;
	font-size: 10px;
	white-space:nowrap;
}
div.autocomplete ul li.selected {
	background-color: #CCCCCC;
}
div.autocomplete span.autoHide {
	display: none;
}

/** classe pour la recherche avancée */
img.openClose, img.recapCol, img.recapCrit {
	cursor: pointer;
}
td.sousTitre {
	font-size: 13px;
	font-weight: bold;
	color: #00A7AF;
	border-bottom : 1px solid;
	padding-top: 10px;
}

.nonVisible {
	display: none;
}
.recapTitre {
	font-size: 11px;
	font-weight: bold;
}
.criteres td {
	vertical-align : top;
}