body{
	background-color: white;
	padding-left:10px;
	padding-right:10px;	 
	font-family:arial;
}

ul{
	margin: 0px 0px 0px 20px;
	text-align:left;
}

li{
	margin: 5px 0px 0px 0px;
}

	
/****** A L'INTERIEUR DE BODY ****/

.bandeauHaut{
	background-image: url(logoEco.png);
	background-repeat: no-repeat;
	height: 100px;
}

.bandeauBas{
	width:100%;
	float: right;
	margin-top: 20px;
	padding: 1px 20px 4px 2px;
	color: #009900;
	font-weight: bold;
	text-align: right;
}

a.lienBandeauBas, a.lienBandeauBas:link, a.lienBandeauBas:visited{
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-decoration: none;
	color: #000044;
}


a.lienBandeauBas:hover{
	text-decoration: underline;
}


.zoneLienBandeau,.zoneLienSuivPrec{
	background-color: transparent;
	height: 5%;
	text-align:right;
	padding-right:10px;
}


a.lienBandeau, a.lienBandeau:link, a.lienBandeau:visited,a.minilien, a.minilien:link, a.minilien:visited{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}


a.lienBandeau:hover,a.minilien:hover{
	color: #f60;
	text-decoration: none;
}

a.minilien, a.minilien:link, a.minilien:visited, .zoneLienSuivPrec{
	font-size: 10px;
}


.zoneGauche{
	background-color: transparent;
	float: left;
	width: 23%;
	_width: 25%;	
	padding: 0% 0% 0% 2%;
	_padding: 0% 0% 0% 8%;	
}

.zoneChapo, .zoneChapoForm{
	background-image: url(BG_chapo.jpg);
	background-repeat: repeat-x;
	padding: 3px 0px 3px 6px;
	_padding: 3px 0px 3px 0px;
	float: left;
	width: 50%;
	border-color: #000099;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
.zoneCentrale, .zoneCentraleForm{
	margin-top: 4px;
	background-color: white;
	padding: 10px 6px 20px 0px;
	_padding: 10px 0px 20px 0px;
	float: left;
	width: 50%;
	border-color: #E1E1E1;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.zoneChapoForm, .zoneCentraleForm
{
	width:70%;
}

.loupiotteChapo{
	background-color: Lime;
	height: 6px;
	width:12px;
	border-style: solid;	
	border-width: 1px 1px 1px 1px;
	border-color: white #002600 #002600 white;
	font-size:0px;	
	margin: 0px 10px 0px 0px;
	float: right;
}


.zoneDroite{
	background-color: transparent;
	float: right;
	width: 21%;
	_width: 24%;
	padding: 0% 0% 0% 3%;
	_padding: 0% 0% 0% 12%;
}


/****** A L'INTERIEUR DE zoneGauche ****/

.zoneMenu{
	background-color: transparent;
	margin-bottom:20%;
}


/****** A L'INTERIEUR DE zoneMenu ****/

.zoneLienMenuGauche{
	background-color:transparent;
	border-width:0px;
	border-style:solid;
	border-color: #E2E2E2 #E2E2E2 #F2F2F2 #F2F2F2;	
	margin-bottom: 1%;
	margin-right:25%;
	padding: 1px 3px 1px 20px;
}


a.LienMenuGauche, a.LienMenuGauche:link, a.LienMenuGauche:visited{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #4B72A8;
}

a.LienMenuGauche:hover{
	color: #f60;
}

.let{
	font-size: 22px;
}

.pictoTitre{
	text-align:left;
	float:left;
	border:0px solid silver;
	margin:0px;
	padding:0px;
}


.titreRubrique, .miniTitreRubrique{
	padding: 10px 0px 8px 70px;
	margin: 0px 0px 0px 10px;
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #FFFFFF;
	text-align: LEFT;
	font-weight: bold;
	width: auto;
	/*float: left;*/	
}

.miniTitreRubrique
{
	font-size:16px;
	text-align: right;
	padding: 0px 0px 0px 70px;
	margin-right:12px;
}


.titreRubrique2{
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #000044;
	text-align: LEFT;
	font-weight: bold;
}

.sousTitreRubrique{
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	text-align: LEFT;
	font-weight: bold;
}

.zoneIntro{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000066;
	padding: 10px 0px 8px 0px;
	margin: 0px 20px 0px 20px;
	text-align: justify;
	
}

.zoneTexte, .zoneOffre{
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #000066;
	padding: 8px 8px 8px 0px;
	margin: 0px 20px 0px 20px;
	text-align: justify;	

}

.zoneOffre
{
	background:#F1F1F1;
	border:1px #E1E1E1 solid;
	padding: 6px 6px 6px 6px;
	margin-top:4px;
}

.colonne{
	background-color: transparent;
	margin: 10px 0px 0px 0px;
	float: left;
	text-align: left;
	width:50%;
	_width:48%;
}


a.lienDansTexte, a.lienDansTexte:link, a.lienDansTexte:visited{
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #000044;
	text-decoration: none;
}

a.lienDansTexte:hover{
	text-decoration: underline;
	font-weight: bold;

}

/******* Rubrique et lien de la zone de droite ******/


.zoneLienMenuService{
	margin: 0px 0px 6px 0px;
}

.zoneLienDansCadre
{
	text-align:center;
	border-color:#E1E1E1;
	border-style:solid;
	border-width:1px;
	padding:5px;
}

.titreRubriqueZoneDroite{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: black;
	text-align: LEFT;
	font-weight: BOLD;	
}


a.lienMenuService, a.lienMenuService:link, a.lienMenuService:visited{
	font-size: 12px;
	font-weight: normal;
	color: #4B72A8;
	text-decoration: NONE;
}

a.lienMenuService:hover{
	color: f60;
	text-decoration: none;	
}

.AlaUne{
	padding: 4px;
	background-color: transparent;
	width: 90%;
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 12px;
 	color: black;
	font-weight:bold;
}
.titreAlaUne{
	padding: 4px 4px 6px 0px;
	background-color: transparent;
	font-family: "Trebuchet MS";
	font-size:16px;
 	color: black;
	font-weight: bold;
}

a.lienAlaUne, a.lienAlaUne:link, a.lienAlaUne:visited{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #000044;
	text-decoration: none;
}

a.lienAlaUne:hover{
	text-decoration: none;
	color: #f60;
}




/**********************************************/
/* pour l'espace client                                                     */
/**********************************************/

/*--------------------------- fiche client -----------------------*/

.message
{
	font-size:16px;
	font-weight:bold;
	color:orange;
	display: none;
}

.labelSaisie1{
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #000066;
	padding: 8px 8px 2px 0px;
	margin: 0px 0px 0px 20px;
	text-align: left;	
}

.labelSaisie2{
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #000066;
	padding: 8px 8px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;	
}


.tableauListeDoc{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e1e1e1;
	margin-top:5px;

}

.cellListeDoc, .cellListeDoc1,.cellListeDoc2 {
	font-family: "Trebuchet MS";
	font-size:12px;
	font-weight:normal;
	color: #000066;
	text-align:left;
	padding: 4px 15px 4px 15px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.cellListeDoc1{
	padding: 4px 4px 4px 15px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.cellListeDoc2{
	padding: 4px 15px 4px 0px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.cellEnteteListeDoc, .cellEnteteListeDoc1{
	font-family: "Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color: #000066;
	text-align:left;
	padding: 4px 15px 4px 15px;
	background-color:#f1f1f1;
}
.cellEnteteListeDoc1{
	padding: 4px 0px 4px 15px;
	background-color:#f1f1f1;
}


a.lienListeDoc, a.lienListeDoc:link, a.lienListeDoc:visited{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}

a.lienListeDoc:hover{
	text-decoration: none;
	color: #f60;
}


a.lienFicheClient2, a.lienFicheClient2:link, a.lienFicheClient2:visited{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: white;
	padding: 2px 8px 2px 8px;
	margin: 0px 8px 0px 0px;
	background-color: #3E3D8D;
	border:solid #E3F4E3 1px;
}


a.lienFicheClient2:hover{
	color: #000099;
	text-decoration: none;
	background-color: white;
	border:solid #000044 1px;
}

.zoneLienFicheClient2
{
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid gray;
}

/*--------------------------- fiche d'adéquation de véhicule utilitaire léger -----------------------*/

.titreFormulaireVL
{

}

.tableVUL
{
	font-size:12px;
	margin-bottom:10px;
}

.cellVUL, .cellVUL1, .cellVUL2, .cellVUL3
{
	padding: 1px 20px 1px 1px;
}

.cellVUL1
{
width=400px;
text-align:right;
}
.cellVUL2
{
width=400px;
text-align:left;
}
.cellVUL3
{
text-align:right;
}




.sousTitreFormulaireVUL
{
	width:100%;
	background-color:#f1f1f1;
	font-size:20px;
	padding: 2px 2px 2px 8px;
	margin-top:20px;
	border-top:1px solid gray;
}

.miniLabelVUL
{
	font-size:12px;
}

.zoneBoutonsAction
{
	margin:30px 0px 0px 0px;
	border-top:2px solid gray;
	text-align:right;
	padding:5px 0px 0px 0px;
}

.bouton1,.bouton2 .bouton1:disabled
{
	background-color: #000044;
	color:white;
	font-weight:normal;
	font-size:24px;
	padding:4px;
	width: auto;
}

.bouton2
{
	font-size:18px;
}

.bouton1:disabled
{
	background-color: #e1e1e1;
	color:#c1c1c1;
	font-style:italic;
}

.textareaVUL
{
	font-size:12px;
	font-family: "Trebuchet MS";
}

/**********************************************************/
/* A VENIR, pour l'instant ces style ne sont pas utilisés dans le site  */
/**********************************************************/






/*--------------------------- fiche stagiaire -----------------------

.tableauStatTitreStagiaire{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: grey;
	margin-top:0px;
}

.tableauStatDonneesStagiaire{
	border-width: 1px 1px 3px 1px;
	border-style: solid;
	border-color: grey;
	margin-top:0px;
	padding-top:3px;
}

.cellTitreHStatStagiaire{
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding: 5px 15px 5px 15px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #009900;
	width:80px;
	background-image: url(bg_degrade.jpg);

}
.cellTitreGStatStagiaire{
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding: 5px 15px 5px 15px;
	border-width: 0px 2px 1px 0px;
	border-style: solid;
	border-color: grey;
	width:180px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

.cellDonneeStatStagiaire{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color: black;
	text-align:center;
	padding: 5px 15px 5px 15px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: grey;
	width:80px;
	background-image: url(bg_degrade.jpg);
	background-position: top;
	background-repeat: repeat-x;
}


.listeStagiaire{
	float:left;
	width:30%;
	border-right:solid #638B2E 0px;
	background-color:#F9F9F9;
	padding: 6px 6px 10px 6px;	
}

.tableauStat
{
	float:right;
	width:60%;
}

.titreSession
{
	margin: 10px 0px 0px 0px;
}

.zoneSession
{
	margin-left:0px;
	
}

.zoneRecherche
{
	padding:5px 0px 5px 0px;
}
.miniAlphabet
{
	border-style:solid;
	border-width: 0px 0px 0px 0px;
	border-color:black;
	padding:0px;
	margin:0px 0px 2px 0px;
}

a.lienAlphabet, a.lienAlphabet:link, a.lienAlphabet:visited
{
	font-size:9px;
	font-weight:bold;
	font-family:verdana;
	text-decoration:none;
	color:#000066;
	border-style:solid;
	border-width: 0px 0px 0px 0px;
	border-color:black;
	padding:0px 1px 0px 1px;
}

a.lienAlphabet:hover
{
	text-decoration:none;
	color:orange;
}


a.lienSession, a.lienSession:link, a.lienSession:visited
{
	text-decoration:none;
	color:#000066;
}

a.lienSession:hover
{
	text-decoration:none;
	color:orange;
}



.zoneLettre
{
	display:none;
}


/*------------------- autre ------------------------------

a.lienEspaceClient, a.lienEspaceClient:link, a.lienEspaceClient:visited{
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	text-decoration: NONE;
}

a.lienEspaceClient:hover{
	text-decoration: UNDERLINE;	
}


.formulaire{
	border-color: silver;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

.infoClient
{
	border-color: silver;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	margin: 4px 0px 2px 0px;
	padding: 2px;
}


.zoneMessage{
	font-size:11px;
	padding: 2px;
	border-bottom:1px solid silver;
}

.zoneListeForm{
	font-size:11px;	
}

.avertissement{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	font-family: "Trebuchet MS";
	font-size: 12px;
 	color: #006600;
	text-align: LEFT;
	font-weight: bold;
	font-style: italic;
}

.listeFormulaire{
	float:left;
	width:15%;
	border-right:solid #638B2E 0px;
	background-color:#F9F9F9;
	padding: 3px 3px 10px 3px;	
}

a.lienListeFormulaire, a.lienListeFormulaire:link, a.lienListeFormulaire:visited{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

a.lienListeFormulaire:hover{
	color: #f60;
	text-decoration: underline;
}


.labelListeFormulaire{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A1A1A1;
}


.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

a.lienFicheClient1, a.lienFicheClient1:link, a.lienFicheClient1:visited{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}


a.lienFicheClient1:hover{
	color: #f60;
	text-decoration: underline;
}




.bouton2{
	background-color: #990000;
	color:white;
	font-weight:normal;
	font-size:14px;
	padding:2px;
}
.bouton3{
	font-size:10px;
	padding:2px;
}