body {
text-align: center;
}

#page 
{
    display: block;
    margin-left:auto;
    margin-right:auto;     
    background-color:#FFFFFF;
	background-repeat:repeat;
	border-color:#000000;
	/*border-style:solid;
	border-width:1px 1px 1px 1px;*/
	width:775px;
	overflow:auto;
	text-align: left;
}

#header
{   background-image: url("/images/interface/Header2008.gif");
	background-repeat:no-repeat;
    width: 100%;
    height: 89px;
    background-color: #fff;
    overflow:hidden; 
}
	  
#navig 
{
    background-image: url("/images/interface/fd_header_navig2008.gif");
	background-repeat:repeat-x;
	height: 19px;
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:10px;
	width:auto;
	border-color:#000;	
	border-style:solid;
	border-width:0px 1px 0px 1px;
	display:block;
}

#navig p {
	padding:3px 5px 3px 5px;
	margin:0px 0px 0px 0px;
	margin:0;
}

#navig a {
    color:#0033CC;
    text-decoration:none;
}
#navig a:hover {
    color:#CC3333;
    text-decoration:underline;
}
#navig1 
{
    float:left;
}
#navig2 
{
   float:right;
}
#navig2 img 
{
    margin:0;
    vertical-align:middle;
}

#contenupage{
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:12px;
	position:static;
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	overflow:auto;
	border-color:#000;	
	border-style:solid;
	border-width:0px 1px 0px 1px;
	}

#contenu{
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:12px;
	margin-left: 16em;			
	padding:10px 10px 10px 10px;
}

#box_login {
	width:350px;
	padding-top:100px;
	padding-left:350px;
	padding-bottom:100px;
	margin-left:auto;
	margin-right:auto;
}

#footer 
{
    background: url("/images/interface/Footer2008.gif") no-repeat left bottom;
    width: 100%;
    /*height: 91px;*/
    padding-bottom: 10px; 
    padding-top: 10px;  
    background-color: #fff;   
	color:#000000;
	font-family:Verdana, sans-serif;
	font-size:8px;
	text-align:center;	
}

#footer P {
	text-align:center;
	font-size:10px;
	margin:0px;
}

#footer a {
    color:#0033CC;
    text-decoration:none;
}
#footer a:hover {
    color:#CC3333;
    text-decoration:underline;
}



TABLE.bordure
{
    BACKGROUND-COLOR: #ffd128
}
TR.clair
{
    BACKGROUND-COLOR: #ffffcc;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}
TR.fonce
{
    BACKGROUND-COLOR: #ffd128;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}

TD.bordure
{
    BACKGROUND-COLOR: #ffd128
}

LI.normal
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    LIST-STYLE: circle inside
}


.titre1
{
    COLOR: #ff9900;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
.titre2
{
    COLOR: #ff9900;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
.titre3
{
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 13px;
    FONT-WEIGHT: bold
}
.normal
{
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}


.vert
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}
.zonet
{
    BACKGROUND: #ffffcc;
    BORDER-BOTTOM-STYLE: groove;
    BORDER-LEFT-STYLE: groove;
    BORDER-RIGHT-STYLE: groove;
    BORDER-TOP-STYLE: groove;
    COLOR: #666666;
    FONT: 11px verdana
}
.zonetspot
{
    BACKGROUND: #cccccc;
    BORDER-BOTTOM-STYLE: groove;
    BORDER-LEFT-STYLE: groove;
    BORDER-RIGHT-STYLE: groove;
    BORDER-TOP-STYLE: groove;
    COLOR: #000000;
    FONT: 11px verdana
}

.selec
{
    BACKGROUND: #ffffcc;
    BORDER-BOTTOM-STYLE: groove;
    BORDER-LEFT-STYLE: groove;
    BORDER-RIGHT-STYLE: groove;
    BORDER-TOP-STYLE: groove;
    FONT: 11px verdana
}

.disable
{
    BACKGROUND: #ffffff;
	color:#000000;
	border-style:dotted 1px;
    FONT: 11px verdana
}

.rouge
{
    COLOR: #ff3333;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px
}

.rouge_petit
{
    COLOR: #ff3333;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px
}
.blanc
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.menu1
{
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none
}
A.menu1:hover
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: underline;
    TEXT-TRANSFORM: none
}
A.orange
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none
}
A.orange:hover
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none
}
A.orange
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: none
}

A.nbPush
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}
A.nbPush:hover
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}

.nbPush
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 18px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}


A.vert_petit
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}
A.vert_petit:hover
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}
A.vert_petit:active
{
    COLOR: #006600
}

A.vert
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}
A.vert:hover
{
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-TRANSFORM: none
}
A.vert:active
{
    COLOR: #006600
}
TD.orange
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: none
}


.petit
{
    COLOR: #ee5b00;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: bold
}


.txtbtn {
	font-family:tahoma; font-size:70%; color:menutext;
	}

.cbtn
       {
       height:18;
       BORDER-LEFT: threedface 1px solid;
       BORDER-RIGHT: threedface 1px solid;
       BORDER-TOP: threedface 1px solid;
       BORDER-BOTTOM: threedface 1px solid; 
       }

TABLE#tblCoolbar 

       { 
       background-color:threedface; padding:1px; color:menutext; 
       border-width:1px; border-style:solid; 
       border-color:threedhighlight threedshadow threedshadow threedhighlight;
       }
       
       
A.lien_blanc
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	text-align: right;
}
A.lien_blanc:hover
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
	text-align: right;
}       
A.lien_blanc:active
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	text-align: right;
}      
       
       
       
       
       
       
       
       
       
       
       
       
.lien_navig_header
{
	COLOR: #0000FF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none
}
.lien_navig_header:hover
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline
}


.lien_navig_gauche_souligne
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline
}
.lien_navig_gauche_souligne:hover
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline
}

.lien_navig_gauche_souligne_rouge
{
	COLOR: red;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline
}
.lien_navig_gauche_souligne_rouge:hover
{
	COLOR: red;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline
}


.lien_navig_gauche
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none
}
.lien_navig_gauche:hover
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline
}
TD.navig_header {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
}
TD.espace_header {
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-align: right;

}

TD.navig_gauche {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}
TD.footer {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
}

TABLE.maison {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_maison.gif);
	background-repeat:no-repeat;
}
TABLE.maison_petit {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_maison_petit.gif);
	background-repeat:no-repeat;
	}

TABLE.fiche {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_fiche.gif);
	background-repeat:no-repeat;
}

TABLE.ordinateur {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_ordinateur.gif);
	background-repeat:no-repeat;
}

TABLE.ordinateur_petit {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_ordinateur_petit.gif);
	background-repeat:no-repeat;
}

TABLE.contacts_petit {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_users_petit.gif);
	background-repeat:no-repeat;
}

TABLE.contacts {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_users.gif);
	background-repeat:no-repeat;
}

TABLE.livres_petit {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_books_petit.gif);
	background-repeat:no-repeat;
	border-style:ridge;
	border-color:#EE5B00;
	border-width:1px;
	}


TABLE.contact {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_enveloppe.gif);
	background-repeat:no-repeat;
}

TABLE.rapprochements {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_rapprochements.gif);
	background-repeat:no-repeat;
}

TABLE.stage {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_stage.gif);
	background-repeat:no-repeat;
}
TABLE.apprentissage {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_apprentissage.gif);
	background-repeat:no-repeat;
}

TABLE.emploi {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_emploi.gif);
	background-repeat:no-repeat;
}

TABLE.news {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_news.gif);
	background-repeat:no-repeat;
}

TABLE.edito {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_accueil.gif);
	background-repeat:no-repeat;
}


TABLE.pass {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_pass.gif);
	background-repeat:no-repeat;
}


TABLE.ressource {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_globe.gif);
	background-repeat:no-repeat;
}


TABLE.aide {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_question.gif);
	background-repeat:no-repeat;
}

TABLE.interdit {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	BACKGROUND-COLOR : #FFFFFF;
	background-image: url(../images/fd_interdit.gif);
	background-repeat:no-repeat;
}