/* CSS Document */

body {
margin : 0 ; 
padding : 0 ; 
text-align : center;
background : #3b80b0 url(images/bg_all.gif) repeat-x;
font-family : arial; 
font-size : 11px; 
color : #373737
}

#content {
position : relative;
width : 800px;
background : transparent;
margin-left : auto;
margin-right : auto;
text-align : center;
}
 
#haut {
width : 100%; 
/*height : 220px;*/
background : url(images/haut.gif) no-repeat;
}
 
.bandeau_haut {
 width : 760px;
 height : 100px;

}

/* Bloc identification : définition des deux champs : nom utilisateur et mot de passe */
.formConnecChamp{ 
font-family : arial; 
font-size : 9px;
font-weight: normal;
text-decoration: none; 
color : #000;
}

/* Pavé identification de la page d'accueil */
.formConnecAccueil{
 font-family : arial; 
 font-size : 11px;
  font-weight: bold;
 text-decoration: none; 
 color : #000;
}

#centre {
width : 100%; 
background : url(images/centre.gif);
padding-top: 0;
padding-bottom : 0;
text-align : left; 
margin: -3px 0 0 0;
}
 
#bas {
width : 800px ; 
height : 70px ;
background-color :transparent;
background : url(images/bas.gif) no-repeat;
text-align : center;
font-family : arial; 
font-size : 11px;
text-decoration: none; 
color : #fff;  
}

td.libelle {
	white-space: nowrap;
	font-family : Arial;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}
td.libelle2 {
	white-space: nowrap;
	font-family : Arial;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
}
td.libelleRouge {
	font-family : Arial;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
	color: red;
}

/* Liens dans le bandeau bas */
 .bas a{
 text-decoration: none; 
 color: #ffffff}
 }
 .bas a:hover{
 font-weight: bold;
 text-decoration: underline; 
 color: #ffffff;
 }
  .bas a:visited{ 
 color: #ffffff}
 }
  .bas a:link{
 text-decoration: none; 
 color: #ffffff}
 }
 
 /* Pour les coins des tableaux */

.cadrehgAccueil{
left: 5px;
top: 50px;
padding: 50px 0 5px 20px;
}

#cadrehg{
left: 0px;
top: 30px;
width: 760px;
;
}

.titrecadre{
 text-align: center ;
 font-family : arial; 
 font-size : 12px;
 font-weight: bold;
 text-decoration: none; 
 color : #FFFFFF;
}
td.bgtitrecadre{
 background: url(images/coincolinehaut.gif) repeat-x;
}
td.ongletgauche {
 background: url(images/gauche-cadre.gif) repeat-y;
}
td.ongletdroit {
 background: url(images/droite-cadre.gif) repeat-y;
}
ongletbas: {
 background: url(images/bas-cadre.gif) repeat-x;
}
.formConnecAccueil{
 font-family : arial; 
 font-size : 11px;
  font-weight: bold;
 text-decoration: none; 
 color : #000;
}

/* Liens pour MOT DE PASSE OUBLIE */
.grisItalique a{
 font-family : arial;
 font-size : 9px;
 font-style: italic;
 text-decoration: none;
 color : #b2b2b2;
}
 .grisItalique a:hover{
 text-decoration: underline; 
 color : #b2b2b2;
 }
 .grisItalique a:visited{
 color : #b2b2b2;
 }
 
 /* Différents styles de textes et de liens */
.texteJustifie{
 text-align: justify;
 font-family : arial; 
 font-weight: normal;
 font-size : 11px; 
 color : #373737;
}
.texteJustifieSansDeco{
 text-align: justify;
 font-family : arial; 
 font-weight: normal;
 font-size : 11px; 
 color : #373737;
}
 .texteJustifieSansDeco a{
 text-decoration: none; 
 color : #373737;
 }
 .texteJustifieSansDeco a:hover{
 text-decoration: underline; 
 color : #373737;
 }
  .texteJustifieSansDeco a:visited{
 color : #373737;
 }
   .texteJustifieSansDeco a:link{
 text-decoration: none; 
 color : #373737;
 }
 img {
	border: none;
 }

.texteJustifieGrasEspaceClientOuvert{
 text-align: justify;
 font-family : arial; 
 text-decoration: underline;
 font-weight: bold;
 font-size : 0.75em; 
 color : #071f69;
}

.rougeItalique {
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #FF0000;
  }

.texteJustifieGrasEspaceClientOuvert a:hover{
 text-align: justify;
 font-family : arial; 
 text-decoration: none;
 font-weight: bold;
 color : #071f69;
}

.texteGauche{
 text-align: left;
 font-family : arial; 
 font-weight: normal;
 font-size : 0.75em; 
 color : #373737;
}