/*****************************************************
*é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;
width: 85px;
}

#fgaucheMenu {
position: absolute;
left: 0px;
top: 110px;
width: 56px;
height: 165px;
background-image: url(../_img-nav/fondVert.gif);
}

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

#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;
}

#print {
position: absolute;
width :200px ;
float :right;
left: 580px;
top: 15px;
}

.textImprimer {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 60%;
color : #666666;
text-align :bottom ;
}

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

#contenu {
position: absolute;
top: 56px;
left: 256px;
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: #4557ae;
background-color: #FAD8B2;
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 :10px ;
line-height :16px ;
}
.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;
}
/*************************/


.textCourantPlanGras {
font-family:Arial, sans-serif;
font-size: 12px;
color: #929fde;
letter-spacing :0.5px;
font-weight :bold ;
text-align :top ;
padding-left :11px ;
padding-top :20px ;
line-height :13px ;
}

.textLiensPlan a { 
font-family:Arial, sans-serif;
font-size: 11px;
color: #5e5e5e;
text-align :top ;
padding-left :11px ;
line-height :15px ;
text-decoration:none;
}
.textLiensPlan a:hover {
color: #929fde ;
text-decoration: underline;
}

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


.textLiensSavoirPlus a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #929fde;
margin-top: 12px;
line-height: 30px;
font-style: italic;
text-decoration: underline;
}
.textLiensSavoirPlus a:hover {
color: #4557ae;
text-decoration: underline;
}
/*************************/


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

li {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 70%;
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;
}

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


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


.textDeveloppement a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #6600CC;
text-decoration:none;
padding-left: 5px;
}

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

.textFormation a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #FF0000; 
text-decoration:none;
text-indent: 10px;
padding-left: 5px;
}

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

.textEmploi a {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #9DC828;
text-decoration:none;
text-indent: 10px;
padding-left: 5px;
}

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


.devDansLeTexte {
padding-top :10px ;
}
 

/*****************************************************
* barre de menu gauche 
*
*
*****************************************************/
#fmenu {
background-color: #FAD8B2;
position: absolute;
width: 199px;
left: 56px;
top: 124px;
height: 100%;
}

.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: 15px;
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;
	font-weight: normal;
}




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


#menubar {
position:absolute;
font-family :arial ;
font-size: 12px; 
width:400px;
height:25px;
left:438px;
top: 33px;
padding:4px;
color : #666666 ;
}

#menubar a {
padding-left:10px;
padding-right:5px;
text-decoration:none;
color : #666666 ;
}

#menubar a.active {
color : #666666 ;
}


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

.menusans1{
position:absolute;
font-family :arial ;
font-size: 12px; 
width:180px;
height:25px;
left:272px;
top:33px;
padding:4px;
color :#666666 ;
}

.menusans1 a {
color : #666666 ;
text-decoration:none;
}
.menusans1 a:hover {
color : #4557ae;
text-decoration:none;
}


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

.menu a {
color: #666666;
display:block;
padding:2px;
text-decoration:none;
background-color:transparent;
}

.menu a:hover {
color: #666666;
text-decoration:underline;
}

.menu .options {
font-family :arial ;
font-size: 12px;
padding-left:17px;
padding-top:15px;
padding-bottom:13px;
border-left:0px solid #CCCCCC;
border-bottom:2px solid #999999;
border-right:2px solid #CCCCCC;
background-color :#FFFFFF;
color : #666666 ;
text-decoration:none;

}




.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-style: normal;
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;
}