body { font-family:Arial, Helvetica, sans-serif; font-size:8pt; background-color:#e6e7e8; text-align:center; }
#site {background:transparent url('../../images/fond.jpg') top left repeat-y; margin:0 auto; text-align:left; width:808px; }

#header { margin:0; width:805px; height:226px; background:transparent url('../../images/entete.jpg') top left no-repeat; padding-right:1px; }
#header .menu_entete { padding-top:0px; text-align:right; }
#header .menu_entete a, #header .menu_entete a:visited { text-decoration:none;font-weight:bold; font-size:10pt; color:#000; padding:10px 20px; margin:0px; color:#454549; margin-top:10px; }
#header .menu_entete a:hover { text-decoration:underline; }
#header img.logo { border:0; width:230px; height:10px; margin-left:40px; }
#header .formulaire_login {height:30px; margin-top:198px;width:603px; position:absolute; margin-left:180px; }
#header .langue { color:#ffffff; z-index:10; margin-top:198px;position:absolute; margin-left:750px;}
#header .formulaire_login .input { width:80px; font-size:8pt; height:17px; margin-bottom:3px; }
#header .infos_date {color:#fff; width:170px; font-size:8pt; height:25px; margin-bottom:3px;margin-top:175px; position:absolute; margin-left:630px; }


/***********  Menu ********/

#menu { background:transparent url('../../images/menu.jpg') top left no-repeat; width:170px; margin:0; top left repeat-y; float:left}

#menu a, #menu a:visited { color:#193580; font-weight:bold; text-decoration:none; font-size:11pt;  margin-left:0px; padding:1px 0px 0px 10px; } 
#menu a:hover { color:#4667B0; }
#menu li.selection {background:transparent url('../../images/selection_lille.jpg') left center no-repeat; }
#menu li.selection a, #menu li.selection a:visited {color:#4667B0; }

#menu ul { list-style-type:none; margin:0 10px; padding:0; }
#menu li { margin:0; padding:0px 0; }
#menu a.premier, #menu a:visited.premier { border-top:0; }

#menu .sousmenu {  width:150px; padding:0; }

html>body #menu .sousmenu .haut_sousmenu { height:auto; } /*Hack Firefox*/
#menu .sousmenu .bas_sousmenu { background:transparent url('../../images/filet_menu.gif') left no-repeat; height:5px; }
#menu .sousmenu ul { margin:0; padding:0; width:150px; }
#menu .sousmenu a, #menu .sousmenu a:visited {padding:0px 0px 0px 12px; display:block; width:130px; background:none; margin-left:5px; font-size:8pt; color:#193580; }
/*html>body #menu .sousmenu a, #menu .sousmenu a:visited { height:auto; }*/ /*Hack Firefox*/
#menu #sousmenu_1 a:hover { background:#CFF; }
#menu #sousmenu_2 a:hover { background:#CFF url('../../images/sousmenu1.gif') 2px center no-repeat; }
#menu #sousmenu_3 a:hover { background:#CFF url('../../images/sousmenu2.gif') 2px center no-repeat; }
#menu #sousmenu_4 a:hover { background:#CFF url('../../images/sousmenu3.gif') 2px center no-repeat; }
#menu #sousmenu_5 a:hover { background:#CFF url('../../images/sousmenu4.gif') 2px center no-repeat; }
#menu #sousmenu_1 #selection2 { background:#CFF; }
#menu #sousmenu_2 #selection2 { background:#CFF url('../../images/sousmenu1.gif') 2px center no-repeat; }
#menu #sousmenu_3 #selection2 { background:#CFF url('../../images/sousmenu2.gif') 2px center no-repeat; }
#menu #sousmenu_4 #selection2 { background:#CFF url('../../images/sousmenu3.gif') 2px center no-repeat; }
#menu #sousmenu_5 #selection2 { background:#CFF url('../../images/sousmenu4.gif') 2px center no-repeat; }

#menu li.selection .sousmenu a, #menu li.selection .sousmenu a:visited { color:#193580; }
#menu .sousmenu li { margin:0; padding:0; display:block; }
#menu .sousmenu #selection2 { color:#4667B0; }
#menu .sousmenu div.liens_sousmenu2 { margin-left:15px; }
#menu .sousmenu div.liens_sousmenu2 a, #menu .sousmenu div.liens_sousmenu2 a:visited { border:0; margin:0 0px; }



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



#connexion { clear:right; float:right; width:200px; height:100px; background:transparent url('../../images/connexion_lille.jpg') 17px top no-repeat; }
#connexion .formulaire_login {padding:23px; margin-left:0px; margin-top:20px; }
#connexion label { display:block; width:50px; float:left; color:#4667B0; font-weight:bold; }
#connexion input { width:100px; font-size:8pt; height:17px; margin-bottom:3px; }
#connexion .bouton_connexion { text-align:right; padding-right:1px; margin-top:5px; }
#connexion .bouton_connexion input { width:30px; height:20px; border:0; background:none; color:#4667B0; font-size:8pt; font-weight:bold; }

#cartouche_droite { clear:right; float:right;width:180px;}
#cartouche_droite .news {width:160px; margin-right:10px;}
#cartouche_droite .agenda {width:160px; margin-right:10px;}

#cartouche_droite ul { 
	list-style-type:square; 
	margin-top:0px; 
	margin-left:15px;
	margin-bottom:5px; 
	padding:0;
}
#cartouche_droite li {
	color:#4667B0;
	font-size: 11px;
	font-weight: 500;	
	margin:0px; 
	padding:0;
}
#cartouche_droite a, #cartouche_droite a:visited {
	color:#4667B0;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

#cartouche_droite td {
	color:#4667B0;
	font-size: 11px;
	font-weight: 500;	
	margin-bottom:0px; 
}





#carnet { width:185px; margin-right:5px; }
#carnet .haut_carnet { background:transparent url('../../images/carnet_haut_lille.jpg') top left no-repeat; height:185px; min-height:185px; padding-top:30px; padding-left:20px; }

#bas_site {background:transparent url('../../images/bas_site.jpg') top left no-repeat; height:20px; min-height:20px; clear:both; text-align:right; padding-right:30px; }
	
#contenu {
	
	margin:0px  0px 0px 170px;
	padding-top:10px;
}
#contenu h1 { color:#000; font-size:14pt; margin-bottom:0px; }
#contenu h2 { font-size:16pt; color:#4667B0; }
#contenu div.separation { background:transparent url('../../images/separation.gif') left center repeat-x; height:2px; }

h1 { 
	color:#1A3680; margin-bottom:10px; border-bottom:1px solid #0d3d8c; font-size:18pt; font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.infos_connecte {
	height:30px; margin-top:198px;width:603px; position:absolute; margin-left:180px;
	}
.ongleton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-image: url(../../images/onglet_on.gif);
	text-align: center;
	word-spacing: normal;
	font-style: normal;
	line-height: normal;
	vertical-align: middle;
	background-position: center;
	font-weight: bold;
}

.ongletoff {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	line-height: normal;
	background-image: url(../../images/onglet_off.gif);
	background-position: center;
}
.onglet2on {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	background-image: url(../../images/onglet2_on.gif);
	text-align: center;
	word-spacing: normal;
	font-style: normal;
	line-height: normal;
	vertical-align: middle;
	background-position: center;
	font-weight: bold;
}
.textn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; }
	
.text_n_10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; }
.text_n_12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222; }
.textebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; }
.texte	 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; }
.textnnoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.normal {font-family:Georgia, "Times New Roman", Times, serif; font-size:9pt; }
	
a.menu_ep:visited {
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

a.menu_ep:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

a.menu_ep:link {
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.test_TH {
	list-style-type: square;
}

.vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CC00;
}
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: normal;
	text-transform: none;


}
.textn2noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

INPUT {
  COLOR: #333333; FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif; cursor: hand; font-size: 8pt; }

.textearea {BORDER-RIGHT: #70BF20 1px solid; BORDER-TOP: #70BF20 1px solid; BORDER-LEFT: #70BF20 1px solid; COLOR: #70BF20; BORDER-BOTTOM: #70BF20 1px solid; font: 7pt Verdana, Arial, Helvetica, sans-serif; color : #333333; font-weight:regular; BACKGROUND-COLOR: #ffffff; cursor: hand; }

radio {
	BACKGROUND-COLOR: transparent; BORDER-BOTTOM-COLOR: #CCCC33; BORDER-BOTTOM-STYLE: none; BORDER-LEFT-COLOR: #CCCC33; BORDER-LEFT-STYLE: none; BORDER-RIGHT-COLOR: #CCCC33; BORDER-RIGHT-STYLE: none; BORDER-TOP-COLOR: #CCCC33; BORDER-TOP-STYLE: none; COLOR: #FFFFFF; FONT-FAMILY: Tahoma, Arial, sans-serif}
	
select {
 FONT-FAMILY: Tahoma, Arial, sans-serif
; cursor: hand; font-size: 8pt}

.main {
	cursor: hand;
}

.text_n_10 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; 
	}

.text_n_11 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify; 
	}
	
.text_n_10_b {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-align: justify; 
	}
	
.text_n_12 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify; 
	}

.text_n_12_b {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.text_nn_12 {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.textn1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: justify; }
.textn2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.textn2b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}


.confirmation {
        color:#333371;
        background:#E6F8DD url('../../global/images/ico_confirmation.gif') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
		font-size:10px;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.erreur {
        color:#111;
        background:#FBACAE url('../../global/images/ico_erreur.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        font-size:10px;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.information {
        color:#111;
        background:#C4D2F7 url('../../global/images/ico_info.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        font-size:10px;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.attention {
        color:#111;
        background:#F7C566 url('../../global/images/ico_warning.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        font-size:10px;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}