/* -------------------------------------------------------- 
Feuille de styles de base

Version	:	1.0
Auteur :	francois.goupil@groupelti.com
Site Web :	http://www.groupelti.com/

-------------------------------------------------------- */

html{
font-size:100%;/*Pour IE*/
height:100%;
overflow-y:scroll;/*CSS3*/
}

body{
font-family:Arial, sans-serif;
font-size:0.9em;
margin:0;
height:100%;
}

form {
margin:0px;
}

/* Layer des raramètres (langue, accès rapide) */
#parametres {
background-color:#262626;
padding:2px 20px 2px 20px;
height:3em;
color:#E6E6E6;
}

#parametres #langue {
float:left;
}

#parametres #langue a:link, #parametres #langue a:visited{
font-size:0.8em;
text-decoration:none;
color:#E6E6E6;
text-decoration:underline;
}

#parametres #langue a.actif:link, #parametres #langue a.actif:visited{
background-color:#595959;
text-decoration:underline;
}

#parametres #langue a:hover, #parametres #langue a.actif:hover{
font-size:0.8em;
background-color:#E6E6E6;
text-decoration:none;
color:#333333;
}

#parametres #espaceClient {
float:right;
height:100%;
font-size:0.8em;
}

/* Layer pour la compagnie (logo, dénomination) */
#compagnie {
background:url(/_images/bgCompagnie.gif) repeat-y #FFFFFF ;
height:115px;
padding:0px 0px 0px 0px;
margin: 1px 0px 1px 0;
}

#compagnie table, #compagnie td {
padding:0;
margin:0;
border-collapse:collapse;
}

#lignes {
background:url(/_images/lignes.gif) repeat-x;
height:12px;
margin: 1px 0px 1px 0px;
}

/* Layer pour la navigation principale */
#navigationPrincipale {
float:left;
width:225px;
}

#navigationPrincipale #navigationSecondaire{
margin:50px 10px 10px 10px;
font-size:0.7em;
color:#595959;
}

#navigationPrincipale #navigationSecondaire a:link, #navigationPrincipale #navigationSecondaire a:visited{
text-decoration:underline;
color:#595959;
}

#navigationPrincipale #navigationSecondaire a:hover{
text-decoration:none;
color:#595959;
}

#navigationPrincipale img {
margin:10px 10px 10px 10px;
}

#navigationPrincipale ul {
margin:0;
padding:0px 10px 0px 30px;
}

#navigationPrincipale ul li {
list-style-image:url(/_images/navLink.gif);
margin:0em .2em 0em 1.2em;
padding:.1em .5em .3em .1em;
line-height:1.2em;
font-size:.9em;
}

#navigationPrincipale ul a:link, #navigationPrincipale ul a:visited {
text-decoration:none;
color:#000000;
}

#navigationPrincipale ul a:hover {
text-decoration:none;
color:#E06924;
}

#navigationPrincipale ul a.actif:link, #navigationPrincipale ul a.actif:visited {
text-decoration:none;
color:#000000;
font-weight:bold;
}

#navigationPrincipale ul a.actif:hover {
text-decoration:none;
color:#E06924;
font-weight:bold;
}


/* Layer pour le contenu principal */
#contenuPrincipal {
width:450px;
border-right:1px solid #000000;
border-left:1px solid #000000;
float:left;
padding-bottom:25px;
}

#contenuPrincipal img {
margin:0px 10px 0px 10px;
}

#contenuPrincipal h1 {
margin:10px 10px 10px 10px;
color:#E06924;
font-size:1.2em;
}

#contenuPrincipal h2 {
margin:10px 10px 10px 10px;
font-size:1em;
}

#contenuPrincipal p {
margin:10px 10px 10px 10px;
line-height:1.5em;
font-size:.8em;
}

#contenuPrincipal ul {
line-height:1.5em;
font-size:.8em;
list-style:disc;
}

#contenuPrincipal ul.accueil {
font-size:1.1em;
list-style:disc;
}

#contenuPrincipal ul.accueil a:link, #contenuPrincipal ul.accueil a:visited{
color:#E06924;
font-weight:bold;
text-decoration:none;
font-size:0.7em;
}

#contenuPrincipal ul.accueil a:hover{
color:#E06924;
font-weight:bold;
text-decoration:underline;
font-size:0.7em;
}

#contenuCoordonnees {
width:225px;
float:left;
}

#contenuCoordonnees h1 {
margin:10px 10px 10px 10px;
color:#000000;
font-size:1em;
}

#contenuCoordonnees h2 {
margin:10px 10px 10px 10px;
color:#595959;
font-size:.8em;
}

#contenuCoordonnees p {
margin:10px 10px 10px 10px;
color:#595959;
line-height:1.2em;
font-size:.7em;
}

#contenuCoordonnees a:link, #contenuCoordonnees a:visited {
text-decoration:underline;
color:#E06924;
}

#contenuCoordonnees a:hover {
text-decoration:none;
color:#E06924;
}

.champUtilisateur {
background:url(/_images/bgUtilisateur.gif) no-repeat #FFFFFF center left ;
}

.champUtilisateurOver {
background:#FFFFFF ;
}

.champMotDePasse {
background:url(/_images/bgMotDePasse.gif) no-repeat #FFFFFF center left ;
}

.champMotDePasseOver {
background:#FFFFFF ;
}