body    { background-color: white; margin: 0px; border: none;font-family:  Tahoma, Arial,Helvetica, Geneva, Swiss, SunSans-Regular;font-size: 8px; font-weight: normal; color: #666666;}
td    {font-family:  Tahoma, Arial,Helvetica, Geneva, Swiss, SunSans-Regular;font-size: 12px; font-weight: normal; color: #666666}
a  { color: #666666; text-decoration: underline }

.petit     { color: #666666; font-style: italic; font-weight: normal; font-size: 10px }

a#metier   { color: #666666; font-weight: 500; text-decoration: none }
a#metier:hover   { color: #666666; font-weight: 500; text-decoration: underline }

a#metier_on   { color: #000000; font-weight: 500; text-decoration: none }
a#metier_on:hover   { color: #000000; font-weight: 500; text-decoration: underline }

a#imprim  { color: #666666; text-decoration: none;font-size: 9px; }
a#imprim:hover   { color: #666666; text-decoration: underline;font-size: 9px; }

a#lien_pole_emploi   { color: #666666; font-weight: 200; text-decoration: none;font-size: 10px; }
a#lien_pole_emploi:hover   { color: #666666; font-weight: 200; text-decoration: underline;font-size: 10px; }

.info_socio  {color: white; text-decoration: underline;padding-left: 8px }
form  { margin: 0px }

div#haut  { background-image: url(images/fondnavig.gif); vertical-align: middle; margin: 0; padding: 0; width: 750px; height: 50px }

.titre_index  { letter-spacing: 2px;color: #666666; font-weight: normal; font-size: 16px; text-align: center; padding-top: 10px; padding-right: 10px; padding-left: 10px; height: 20px }

.info_blanc {padding-left: 8px;font-size: 12px; font-weight: normal; color: #FFFFFF}

.titre_metier   { color: black; font-weight: bold; font-size: 16px }

.titre_menu_gauche   { color: black; font-weight: bold; font-size: 13px }
.titre_menu_gauche_on   { color: white; font-weight: bold; font-size: 15px }
.titre_menu   {font-weight: bold; font-size: 15px }
.titre_ss_menu   {font-weight: bold; font-size: 13px }

.liste {font-size: 11px; font-style: normal; line-height: 20px; font-weight: bold; color: #333333; text-align: justify; vertical-align: middle; white-space: normal; clip:   rect(   ); padding-left: 10px}
.intitule {font-size: 16px; font-weight: bolder; text-transform: lowercase}
.champtitre  { color: #333333; font-weight: bold; font-size: 12px; padding-left: 5px }
.texte {font-size: 12px; font-weight: normal; color: #666666; padding-left: 10px; text-align: justify; padding-right: 10px}
.menutitre {font-size: 12px; line-height: 22px; font-weight: bolder; color: #FFFFFF; padding-left: 5px; background-position: center}
.menuchoix {font-size: 11px; line-height: 16px; font-weight: normal; clip:   rect(   ); padding-left: 10px; background-position: center}
.menuschoix {font-size: 11px; line-height: 16px; font-weight: normal; padding-left: 30px}
.textepres {font-size: 12px; font-weight: bold}
.textepres2 {padding-left: 30px}
.numeropage {font-weight: bold; font-size: 12px}
.titremenu {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
	
}
.smenu  { color: #333333; font-weight: bold; font-size: 12px; line-height: 16px; text-decoration: none; padding-top: 1px; padding-left: 5px; border-bottom: 1px; border-bottom-color: #FFFFFF; border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none }
.ssmenu {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	padding-left: 15px;
	text-decoration: none;
	
}
.nombre {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	
}
.retours {font-size: 10px; font-style: normal; line-height: 20px; font-weight: bold; color: #999999; clip: rect( )}
.choixform {font-size: 14px; font-weight: bolder; color: #666666; line-height: 32px; text-transform: lowercase}
select  { color: #555555; font-size: 12px; width: 192px }
input{ color: #555555;}

.descriptifReseau{
	text-align:justify;
}

.titreReseau{
	font-size:12px;
	font-weight:bold;
}


.titreReseau{
	font-size:13px;
	font-weight:bold;
	color:#555555;
	padding-left:10px
	
}

.voirAdresse{
	font-size:13px;
	color:#555555;
	
	
}

.groupeAdresse{
	padding-left:25	px;
	font-size:11px;
}

.titreReseau img{
	margin-top:5px;
}

.groupeAdresse p{
font-size:11px;
margin-top:0px;
}

.groupeAdresse span{
font-size:12px;
font-weight:bold;
}

/*ajout de style pour l'offre de formation */
	/*la div central NSIest le conteneur pour les pages apprentissage et formation continue de deux div formation initiale et de deux div pour la cartographie*/
	div#centralNSI h4{
		font-size:1.2em;
		padding-left:30px;
	}
	/*p et a sont les intitul� des diplomes*/
	.listeformation p {
		margin:10px 0 1px 0;
		padding:1px 3px;
		text-transform: uppercase;
		color:black;
		font-weight:bolder;			
	}
	.listeformation a{
		text-decoration:none;
	}
	.listeformation a:hover{
		text-decoration:underline;
	}
	/*dans ul et li on trouvve les �tablissements*/
	.listeformation ul{
		margin:0 10px;
		padding:0px;
		margin-left:20px;
	}	
	.listeformation li{
		/*cette propriété transforme le texte en minuscule, donc ne conserve pas les majuscules sur les noms propres		text-transform:lowercase;*/
		 list-style-type:square;
		margin:0;
		padding:0;
		line-height: 18px;
	}
	/*pour l'organisme de formation*/
	.listeformation b{	
	}
	/*le lieu de formation*/
	.listeformation span{
		padding:0 10px;
	}
	/*les dates de session */
	.listeformation em{
	}
	/*pour lesliens vers la carte dans les listes de formations*/
	.listeformation  input{
		float:right;
		height:14px;
		margin-left:10px;
	}
	.listeformation  input:hover{
		background-color:#229BFB;
	}
	.listeformation a.lien_carto:hover{
		background-color:#229BFB;
	}
	
	.listeformation a.lien_carto{
		float:right;
		margin-left:10px;
		cursor:pointer;
	}
	
	.listeformation  a img{
		border:none;
		height:14px;
	}
	/*style pour la cartographie et les infos bulles de la carte*/ 
	#contmap, #contmap2{
		text-align:right;
	}
	/*#contmap input, #contmap2 input{
		text-align:right;
	}*/
	#contmap input, #contmap2 input{
		width:30px;
	}
	#contmap input:hover, #contmap2 input:hover{
		background-color:#229BFB;
	}
	#contmap #map, #contmap #map2, #contmap2 #map, #contmap2 #map2{
		text-align:left;
	}	
	#contmap a:hover, #contamp2 a:hover{
		text-decoration:underline;
	}
	/*style de l'onglet �tablissement de l'info bulle*/
	#map p ,#map ul, #map2 p ,#map2 ul{
		display:table;
		margin:0;
		padding:0;
		font-size:1.0em;
	}
	#map p.infogeo, #map2 p.infogeo{
		color:red;
	}
	/*style de l'onglet formation des infos bulles de la carte*/
	#map ul, #map2 ul{
		display:table;
		font-size:0.8em;
		margin-left:1em;
		/*pour mettre tout le texte en minuscule on peut utiliser : text-transform:lowercase;*/
		margin-bottom:0;
		padding-bottom:0;
	}
	#map ul li, #map2 ul li{
		color:black;
	}
	/*style repris plus haut mais en utilisant une class plutôt qu'une div*/
a.metier_on   { color: #000000; font-weight: 500; text-decoration: none }
a.metier_on:hover   { color: #000000; font-weight: 500; text-decoration: underline }