body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color:#FFFFFF;
	text-align:center;
	background:transparent url(../../images/fond.gif) left top repeat;
}
#ombre_haut { margin:0px auto 0 auto; width:862px; background:transparent url('../../images/ombre_haut.jpg') top left no-repeat; height:29px; padding:0; }
#ombre_site { margin:0 auto; text-align:center; width:862px; background:transparent url('../../images/ombre_site.jpg') top left repeat-y;  }
#site { margin:0 auto; text-align:left; width:802px; background-color:#FFFFFF; }
#admin { margin:0 auto; text-align:left; background-color:#FFFFFF; }
.fondblanc{ margin:0 auto; text-align:left; background-color:#FFFFFF; }

#header {
 
	height:123px;
	background:transparent url('../../images/entete.jpg') left top no-repeat;
	padding-right:1px;
	z-index: 0;
	margin:0;
}
#header2 {
 
	height:123px;
	background:transparent url('../../images/entete2.jpg') left top no-repeat;
	padding-right:1px;
	z-index: 0;
	margin:0;
}

.separer{
	border-bottom-style:solid;
	border-bottom-width: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:15px; position:absolute; margin-left:630px; z-index:1 }


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

#menu {
	width:190px;
	margin:0;
	float:left;
	background-color: #FFFFFF;
}

#menu a, #menu a:visited { color:#e66c1b; font-weight:bold; text-decoration:none; font-size:10pt; width:160px; display:block;  margin:0; padding:1px 0px 5px 3px; background:#7b1602; } 
#menu a:hover { color:#CFF; }
#menu li.selection { left center no-repeat; }
#menu li.selection a, #menu li.selection a:visited {color:#e66c1b; }

#menu ul { list-style-type:none; margin:0 ; padding:0; vertical-align:middle  }
#menu li { margin:0; padding:0; display:block; }
#menu a.premier, #menu a:visited.premier { border-top:0; }

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

html>body #menu .sousmenu .haut_sousmenu { height:auto; } /*Hack Firefox*/

#menu .sousmenu ul {
	margin:0;
	padding:0;
	width:180px;
}

#menu .sousmenu a, #menu .sousmenu a:visited {padding:0px 0px 0px 12px; display:block;  margin-left:5px; font-size:8pt; color:#e66c1b; background:#dcd187; }
/*html>body #menu .sousmenu a, #menu .sousmenu a:visited { height:auto; }*/ /*Hack Firefox*/

#menu #sousmenu_1 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_2 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_3 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_4 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_5 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_6 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_7 a:hover { background:#f9eea0; color: #e66c1b;}
#menu #sousmenu_8 a:hover { background:#f9eea0; color: #e66c1b;}

#menu #sousmenu_1 #selection2 {background:#f9eea0; }
#menu #sousmenu_2 #selection2 { background:#f9eea0;}
#menu #sousmenu_3 #selection2 { background:#f9eea0;}
#menu #sousmenu_4 #selection2 { background:#f9eea0;}
#menu #sousmenu_5 #selection2 { background:#f9eea0;}
#menu #sousmenu_6 #selection2 { background:#f9eea0;}
#menu #sousmenu_7 #selection2 { background:#f9eea0;}
#menu #sousmenu_8 #selection2 { background:#f9eea0;}

#menu li.selection2 .sousmenu a, #menu li.selection .sousmenu a:visited { color:#e66c1b; }
#menu .sousmenu li { margin:0; padding:0; display:block; }

#menu .sousmenu #selection2 { color:#e66c1b; }



#menu #sousmenu_1 #selection3 {background:#f9eea0; }
#menu #sousmenu_2 #selection3 { background:#f9eea0;}
#menu #sousmenu_3 #selection3 { background:#f9eea0;}
#menu #sousmenu_4 #selection3 { background:#f9eea0;}
#menu #sousmenu_5 #selection3 { background:#f9eea0;}
#menu #sousmenu_6 #selection3 { background:#f9eea0;}
#menu #sousmenu_7 #selection3 { background:#f9eea0;}
#menu #sousmenu_8 #selection3 { background:#f9eea0;}

#menu li.selection2 .sousmenu a, #menu li.selection .sousmenu a:visited { color:#e66c1b; }
#menu .sousmenu li { margin:0; padding:0; display:block; }

#menu .sousmenu #selection3 { color:#e66c1b; }
#menu .sousmenu li div.liens_sousmenu2 { margin-left:15px; width:165px; align:center }
#menu .sousmenu li div.liens_sousmenu2 a, #menu .sousmenu div.liens_sousmenu2 a:visited { border:0; margin:0; }

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


#connexion { float:right ; width: 200px; margin-top:108px; margin-left:600px; position:absolute;  height:10px; background:transparent ;  text-align:right ; 
 }
#connexion a, a:visited  {color:#FFFFFF; font-weight:bold; text-decoration:none ; font-size:1em}
#connexion  a:hover   {color:#FFFFFF; font-weight:bold; text-decoration: underline ; font-size:1em}

#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;height:617px;width:180px;}
#cartouche_droite .news {width:160px; float:right; margin-right:10px;}
#cartouche_droite .agenda {width:160px; float:right; margin-right:10px;}

#cartouche_droite ul { 
	list-style-type:square; 
	margin-top:0px; 
	margin-left:15px ;
	margin-bottom:5px; 
}
#cartouche_droite li {
	color:#4667B0;
	font-size: 11px;
	font-weight: 500;	
	margin-bottom:0px; 
}
#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; 
}


#bas_site {
	width:802px;
	height:20px;
	min-height:20px;
	clear:both;
	text-align:right;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#bas_site a, a:hover, a:active {
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
}


#carnet { width:185px; float:right; 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; }




#contenu {
	margin:0px  0px 0px 170px;
	padding-top:10px;
}

#contenu h1 { color:#7b1602; font-size:14pt; margin-bottom:0px; }
#contenu h2 { font-size:16pt; color:#7b1602; }
#contenu div.separation { background:transparent url('../../images/separation.gif') left center repeat-x; height:2px; }

h1 { 
	 color:#7b1602; margin-top:5px;  margin-bottom:10px; font-weight:bold; font-size:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; 
}

h2 { 
	color:#7b1602;  margin-left:5px; margin-top:5px; margin-bottom:10px; font-weight:bold; font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif; 
}



#agenda_accueil{
	font-size: 0.7em; text-align:left; float:left; font-weight:bold;
}

#agenda_accueil a:link, #agenda_accueil a:hover,  #agenda_accueil a:visited { 
	color:#490E70; text-decoration:none; font-size: 1em; font-weight:bold;
}

#ressources_accueil{
	font-size: 0.7em; text-align:left; float:left; font-weight:bold;
}

#ressources_accueil a:link, #agenda_accueil a:hover,  #agenda_accueil a:visited { 
	color:#490E70; text-decoration:none; font-size: 1em; font-weight:bold;
}
 
#annuaire_accueil{ 
	font-size:0.7em; float:left; font-weight:bold;
}

#annuaire_accueil a:link, #annuaire_accueil a:hover,  #annuaire_accueil a:visited { 
	color:#490E70; text-decoration:none; font-size: 1em; font-weight:bold;
} 

#titre_page{
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	vertical-align:middle;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 3px;
	padding-left:2px;
}

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


INPUT {
  COLOR: #333333; FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif; cursor: hand; font-size: 8pt; }
  
  .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; }
.text_n_12_b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	font-weight:bold; 
	}

	
.textrouge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}

.rouge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

.textvert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009933;
	font-weight: bold;
}


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

a:link {
	text-decoration: none;
	font-size: 10px;
	color: #330099;
/*	font-weight: bold;
*/}

a:visited {
	text-decoration: none;
	font-size: 10px;
	color: #330099;
/*	font-weight: bold;
*/}

a:hover {
	text-decoration: underline;
	font-size: 10px;
	color: #330099;
/*	font-weight: bold;
*/}

a:active {
	text-decoration: none;
	font-size: 10px;
	color: #330099;
/*	font-weight: bold;
*/}

.titre_rouge{
	font-size: 10pt;
	font-weight: bold;
	color: #7b1602;
	font-style:
}
.titre_rouge_s{
	font-size: 10pt;
	font-weight: bold;
	color: #7b1602;
	text-decoration:underline;
}


.titredelapage{
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	
}
.texte{
	font-size: 10pt;
	color: #000000;
}

.texte_s{
	font-size: 10pt;
	color: #000000;
	text-decoration:underline;
}
.italique{
	font-size: 12pt;
	color: #000000;
	font-style:italic;
}

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