/*****************************************************
*»l»ments invisibles
*
*
*****************************************************/

.texteinvisible {
visibility: hidden;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
}


/*****************************************************
* css des »l»ments de decoration et bandeau titre haut
*
*
******************************************************/

body {
background-image: url(../_img-nav/fond.gif);
background-repeat: repeat-x;
background-color: #ffffff;
}

#logotype {
position: absolute;
top: 20px;
left: 20px;
height: 104px;
background-image: url(../_img-nav/logo.gif);
width: 85px;
}

#fgauchemenu {
position: absolute;
height: 120px;
width: 56px;
left: 0px;
top: 124px;
background-image: url(../_img-nav/fond.gif);
}

#fgauchelogotype {
position: absolute;
height: 104px;
width: 20px;
left: 0px;
top: 20px;
background-image: url(../_img-nav/fond.gif);
}

#fbarrehaute {
position: absolute;
height: 104px;
width: 550px;
left: 255px;
top: 20px;
background-image: url(../_img-nav/f_barre.gif);
background-repeat: no-repeat;
}

#ftitrepartie {
position: absolute;
left: 105px;
top: 20px;
width: 152px;
height: 104px;
background-image: url(../_img-nav/f_titrepartie.gif);
}

.titrepartielettre {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 17px;
color: #ffffff;
left: 0px;
top: 80px;
position: relative;
}


/*****************************************************
* contenu partie droite et styles de texte
*
*
*****************************************************/

#contenu {
position: absolute;
top: 124px;
left: 255px;
width: 550px;
padding-left :15px ;
padding-top :20px ;
background-image: url(../_img-nav/f_contenu.gif);
background-repeat: no-repeat;

}

/*************************/
td {
vertical-align: top;
}
/*************************/

.titreChapitre {
font-family: Arial, sans-serif;
font-size: 30px;
line-height: 36px;
color: #4557ae;
padding-left :8px ;
}

.titreCartouche {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold; 
color: #ffffff;
background-color: #7CA0D6;
text-indent: 5px;
padding :3px ;
margin-bottom :8px ;
}


.titreSousTitre2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color: #4557ae;
padding-left :10px ;

}

.titreSousTitre3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight :bold ;
color: #4557ae;
padding-bottom: 5px;
font-weight: bold; 

}

/*************************/


.textCourant {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #5e5e5e;
padding-left :5px ;
line-height :16px ;
}
.textCourantImportant {
font-weight: bold;
}
.textCourantCartouche {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #5e5e5e;
padding-left :10px ;
line-height :16px ;
}
.textCourantImageFlottante {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #5e5e5e;
line-height :16px ;
}


.textImportant {
color: #e41118;
}
.textLiens a {
color: #5e5e5e;
text-decoration:underline;
}
.textLiens a:hover {
color: #929fde ;
text-decoration: underline;
}
/*************************/
.textLiensSavoirPlus {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #929fde;
margin-top: 12px;
font-style: italic;
text-decoration: underline;
}

.textLiensSavoirPlus a {
color: #929fde;
text-decoration: underline;
}
.textLiensSavoirPlus a:hover {
color: #4557ae;
text-decoration: underline;
}

.textLiensEmploi {
font-family: Arial, sans-serif;
font-size: 12px;
color: #304190;
text-decoration: none;
margin-top:  5px;
text-align: center;
}
.textLiensEmploi a {
color: #304190;
text-decoration: none;
}
.textLiensEmploi a :hover {
text-decoration: underline;
}

/*************************/


ul {
padding-left: 12px;
line-height: 17px;
}

li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px ;
color: #5e5e5e;
display : list-item;
list-style-image : url(../_img-nav/puces.gif);
}
li a{
color: #5e5e5e;
text-decoration:underline;
}
li a:hover{
color: #929fde ;
text-decoration: underline;
}
/*************************/


.imageDroite{
left :5px ;
text-align: right;
vertical-align: top; 
}

.imageGauche{
padding-left :10px ;
right:5px ;
text-align: left;
vertical-align: top; 
}
/*************************/


.imageFlottanteDroite {
float: left;
padding-left:10px ;
padding-right:15px ;
padding-bottom:5px ;
margin: 0;
}
.texteImageFlottanteDroite {
padding-left:10px ;
}




/*****************************************************
* barre de menu gauche 
*
*
*****************************************************/


#fmenu {
background-color: #E6ECF5;
position: absolute;
width: 200px;
left: 56px;
top: 124px;
background-image: url(../_img-nav/f_menu.gif);
background-repeat: no-repeat;
height: 800px;
}

.menuGauche{
font-family: Arial, sans-serif;
font-size: 12px;
color: #4557ae;
line-height: 21px;
text-decoration: underline;

}
.menuGauche a{
color: #4557ae;
text-decoration: underline;
}
.menuGauche a:hover{
color: #929fde;
text-decoration: underline;
}


#textMenuGauche {
font-family: Arial, sans-serif;
font-size: 12px;
color: #4557ae;
padding-left :15px ;
line-height: 13px;
text-decoration: none;
}
. textMenuGauche a {
color: #304190;
text-decoration: none;
}
. textMenuGauche a:hover {
text-decoration: underline;
}

.textMenuGaucheImportant {
font-family: Arial, sans-serif;
font-size: 12px;
line-height :16px ;
font-weight :bold ;
text-decoration: none;
}
.textMenuGaucheImportant a{
color: #304190;
text-decoration: underline;
}

.textMenuGauchePetit {
font-family: Arial, sans-serif;
color: #666666;
font-size: 11px;
line-height :14px ;
text-decoration: none;
}


/*****************************************************
* barre de navigation haute 
*
*
*****************************************************/

#fmenubar1 {
position: absolute;
height: 22px;
left: 256px;
top: 102px;
width: 184;
background-color: #69429B;
z-index: 3;
}

#fmenubar2 {
position: absolute;
width: 182px;
height: 22px;
left: 440px;
top: 102px;
z-index: 2;
background-color: #B4D40D;
}

#fmenubar3 {
position: absolute;
width: 183px;
height: 22px;
left: 622px;
top: 102px;
background-color: #FE4d16;
z-index: 1;
}

#menubar1 {
position: relative;
font-family : arial;
font-weight : bold;
font-size : 12px;
text-decoration : none;
color: #666666;
top: 4px;
text-align: center;
}

#menubar2 {
position: relative;
font-family : arial;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color: #666666;
top: 4px;
text-align: center;
}

#menubar3 {
position: relative;
font-family : arial;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color: #FFFFFF;
top: 4px;
text-align: center;
width: 173px;
}

#menubar1 a {
color: #FFFFFF;
text-decoration : none;
}

#menubar2 a {
color: #666666;
text-decoration : none;
}

#menubar3 a {
color: #FFFFFF;
text-decoration : none;
}

.menu1 {
margin-top: 5px;
margin-bottom: 5px;
background-color : #69429B;
}

.menu2 {
margin-top: 5px;
margin-bottom: 5px;
background-color : #B4D40D;
}

.menu3 {
margin-top: 5px;
margin-bottom: 5px;
background-color : #FE4D16;
}

.options1 {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 2px;
font-family: arial;
font-size: 12px;
color: #CAB8E1;
}

.options2 {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 2px;
font-family: arial;
font-size: 12px;
color: #666666;
}

.options3 {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 2px;
font-family: arial;
font-size: 12px;
color: #FFD8CC;
text-decoration : none;
}
.textLiensEmploi-Blanc {

font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
margin-top:  5px;
text-align: center;
}
.textLiensEmploi-Blanc a {

color: #FFFFFF;
text-decoration: none;
}
.textLiensEmploi-blanc a :hover {

text-decoration: underline;
}
.textLiensNavigationGris {
	color: #5e5e5e;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	font-family: Arial;
    text-decoration: none;
}
.textLiensNavigation a {

font-family: Arial, sans-serif;;
font-size: 10px;
color: #5e5e5e;
line-height: normal;
font-weight: bold;
text-decoration: none;
}

.textLiensNavigationBlanc {
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
    text-decoration: none;
}
.textLiensNavigation a {

font-family: Arial, sans-serif;
font-size: 10px;
color: #FFFFFF;
line-height: normal;
font-weight: normal;
}.titreCartouche2 {

font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold; 
color: #FFFFFF;
background-color: #004696;
text-indent: 5px;
padding :3px ;
margin-bottom :8px ;
}
.titreSousTitre4 {
	font-family: Arial;
	font-size: 16px;
	font-weight :bold;
	color: #4557AE;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: normal;
	padding-left: 8px;
}