/* CSS Document*/

body{
margin:0;
padding:0;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;color:#666;
font-size: 0.8em;/*behavior: url(csshover.htc);*/} 


#haut {text-align:center;background:url(../images/bg_traits_haut.gif);}

.nettoyer{
	margin:0;padding: 0;
	content: ".";display: block;
	height: 0;visibility: hidden;
	clear:both;}
	
.nettoyerDroit{
	margin:0;padding: 0;
	content: ".";display: block;
	height: 0;visibility: hidden;
	clear:right;}

.droit	{float:right;}
 
 	
.centrer {text-align:center;position:relative;}

.centrer img ,.centrer div{margin:0 auto;}

a img {border:0;}


#centre #contenu  img {margin-left:.5em;margin-right: 0 .5em;}

  /* ------------ ENTETE pour critere argent accessibilit� 12.4----------------- */
#entete, #entete ul {height : 50px;margin : 0;}
#entete{position:absolute;top:-500px;left:2%;z-index:10;}
#entete a:active, #entete a:focus{position:absolute;top:500px;left:0;z-index:10;background-color:#c5beb1;color : #333;}
#entete ul {width : 400px;margin : 0;padding : 5px;}
#entete li {width : 400px;list-style : none;margin : 0;}
#entete li a {display : block;padding : 0;text-decoration : none;color : #333;background-color:inherit;}
#entete li a:hover {text-decoration :underline;}

 


 /* ------------ image texte : ensemble.....----------------- */



#txtEnsemble {
	padding:0;margin:0 auto;
	height:83px;
	width:840px;
}


#txtEnsemble img {
	padding:0;margin:0;
	height:83px;border:0;
}
			  
 /* ------------ barre outils haut et bas ----------------- */



 #outils{margin:0 auto;padding:0 0 0 240px;height:21px;width:600px;text-align:center;}
.outils2{
	padding:0;margin:0;height:21px;width:600px;text-align:center;}
 #outils ul.outilItems, #outilsBas ul.outilItems{
	padding:0;margin:0 auto;height:21px;list-style-type:none;display:table;}
	
	
 #outils ul.outilItems li, #outilsBas ul.outilItems li{
	padding:0;margin:0;float:left;height:21px;line-height:21px;
	font-size:11px;font-weight:bold;color:#a0937f;}
	


	
#outilsBas ul.outilItems li{color:#fff;}


 #outils ul li a, #outils ul li a:visited, #outilsBas ul li a, #outilsBas ul li a:visited
{text-decoration:none;padding:0 0.1em 0 0.1em;}


 #outils ul li a, #outils ul li a:visited
{color:#8a2529;}

 #outilsBas ul li a, #outilsBas ul li a:visited
{color:#fff;}
 #outils ul li a:hover,  #outilsBas ul li a:hover
{color:#b61b34;text-decoration:underline;}




 /* ------------ Rubriques-----------------

 */


#rubrique {padding:0;margin:0 auto;background:#e0dcd4  url(../images/bg_rubriques.gif) no-repeat 0px 0px;height:25px;width:840px;}
#rubrique ul#niveau1 {padding:0 0 0 240px;margin:0;list-style-type:none;}
#rubrique ul#niveau1 li{padding:0 0 0 0.2em;margin:0 1em 0 0;font-size:13px;font-weight:bold;color:#666;float:left;height:25px;line-height:25px;position:relative;}

#rubrique ul#niveau1 li#actus{border-left:solid 25px #9dad00;}
#rubrique ul#niveau1 li#projet{border-left:solid 25px #297e92;}
#rubrique ul#niveau1 li#travaux{border-left:solid 25px #f18900;}


#rubrique  ul#niveau1 li a, #rubrique ul  li a:visited
{text-decoration:none;color:#666;}




 #rubrique ul#niveau1 li#actus a:hover
{color:#9dad00;}

 #rubrique ul#niveau1 li#travaux a:hover
{color:#f18900;}

 #rubrique ul#niveau1 li#projet a:hover
{color:#297e92;}




 /* ----------calques de sous-menus de la barre des Rubriques ----------------- */


  
div#rubrique ul#niveau1 li ul.level2
{position:absolute;top:15px;left:0;z-index:100;
padding:0;margin:0;  list-style-type: none;
background:url(../images/bg_semi_transpa.png) repeat;border:solid 1px #a0937f;display:none;}
  
div#rubrique ul#niveau1 li:hover ul.level2{
display:block;margin:0.4em 0 0 0;padding:0;}

div#rubrique  ul#niveau1 li ul.level2 li
{margin:0.2em 0 .2em 0;padding:0;color:#cc00cc;background:transparent;height:20px;line-height:20px;
text-align:left;white-space: nowrap;font-size:12px;font-weight:normal;float:none;}


div#rubrique  ul#niveau1 li ul.level2 li a, div#rubrique  ul li ul.level2 li a:visited, div#rubrique  ul li ul.level2 li a:active
{margin:0;padding:0 5px 0 5px;height:20px;line-height:20px;display:block;}

div#rubrique  ul#niveau1 li ul.level2 li a:hover
{display:block;height:20px;line-height:20px;background:#e0dcd4;margin:0;padding:0 5px 0 5px;}




 /* -----------MENU GAUCHE----------------- */


#colonneGauche {
display :none; float:left;width:240px;margin:0;padding:0 0 190px 0;border-right:solid 1px #ada28f;}

#colonneGauche #univLorraine {
margin:0 0 20px 0;
padding:0;border:0;height:95px;}

#colonneGauche  #txtGauche
 {margin:0;padding:10px;}


#colonneGauche  #txtGauche h1{font-size:17px;font-weight:bold;}

div#colonneGauche  div#txtGauche ul
{padding:0px;margin:0 0 3em 5px;list-style-type:none;font-size:11px;font-weight:bold;}

div#colonneGauche  div#txtGauche ul.menugauche li{
	margin:0;padding:0 0 0 6px;border-bottom:1px solid #666;line-height:20px;}
	

	#colonneGauche  #txtGauche ul li a
{padding:0;margin:0;color:#666;text-decoration:none;display:block;line-height:20px;font-weight:bold;}


#colonneGauche  #txtGauche ul#menuGaucheProjet li a:hover
{color:#297e92;}

#colonneGauche  #txtGauche ul#menuGaucheGroupe li a:hover
{color:#f18900;}

#colonneGauche  #txtGauche ul#menuGaucheActu li a:hover
{color:#8a9500;}
	
	
#colonneGauche  #txtGauche ul li.sousMenuFirst{border-top:1px solid #666;}

#colonneGauche  #txtGauche  form{padding:0;margin:0;}

#colonneGauche  #txtGauche form label
 {display:none;}
 
 
 #colonneGauche  #txtGauche form table
 {margin:0;padding:0;width:210px;border:0;}
#colonneGauche  #txtGauche form table td
{padding:0;margin:0;}

 
 
 
#colonneGauche  #txtGauche form table td.recherche
{width:182px;}

#colonneGauche  #txtGauche form table td.boutonRecherche
{width:28px;background:#8a2529;}
 
#colonneGauche  #txtGauche form  td input#recherche
 {border-top:solid 1px #8a2529;border-bottom:solid 1px #8a2529;border-left:solid 1px #8a2529;border-right:solid 0px #8a2529;
font-size:12px;height:19px;padding-top:5px;padding-left: 0.2em;margin:0;width:182px;}

  
#colonneGauche  #txtGauche form td input#okRecherche
 {vertical-align:top;width:28px;height:26px;padding:0;margin:0;border:0;}

 /*menus gauche : ul : télécharger - presse - agenda -courrier des lecteurs */

#colonneGauche  #txtGauche ul#menuGauche2	{padding:0;margin:10px 0 0 0;list-style-type:none;}



#colonneGauche  #txtGauche ul#menuGauche2 li{
	padding:0.2em 0 0.2em 24px;margin:0;font-size:11px;font-weight:bold;color:#a0937f;
	height:21px;line-height:21px;border-top:solid 1px #a0937f;}
	
	
ul#menuGauche2 li#telecharger{background:transparent url(../images/ic_pdf.gif) no-repeat  0  0.2em;}

 ul#menuGauche2 li#newsletter{background:transparent  url(../images/ic_newsletter.gif) no-repeat 0 0.2em;}
 ul#menuGauche2 li#glossaire{background:transparent  url(../images/ic_glossaire.gif) no-repeat 0 0.2em;
   border-bottom:solid 1px #a0937f;}


ul#menuGauche2 li#presse{background: transparent  url(../images/ic_presse.gif) no-repeat 0 0.2em;}
 ul#menuGauche2 li#courrier{background:transparent  url(../images/ic_courrier.gif) no-repeat 0 0.2em;}
 ul#menuGauche2 li#agenda{background:transparent url(../images/ic_agenda.gif) no-repeat 0 0.2em;
 border-bottom:solid 1px #a0937f;}
#colonneGauche  #txtGauche ul#menuGauche2 li a,#colonneGauche  #txtGauche ul#menuGauche2 li a:visited,#colonneGauche  #txtGauche ul#menuGauche2 li a:active
{color:#a0937f;text-decoration:none;display:block;height:21px;text-decoration:none;}

/*espace menu statique gauche acif*/
#colonneGauche  #txtGauche ul#menuGauche2 li a.act{display:block;height:21px;background:#e0dcd4;color:#b61b34;}
/*fin actif menu statique*/
#colonneGauche  #txtGauche ul#menuGauche2 li a:hover{display:block;height:21px;background:#e0dcd4;color:#b61b34;}






 /* ------------CENTRE bg_degrade_f + d0c8bb----------------- */


#centreBg{
background:#ebe8e2 url(../images/bg_degrade2.jpg) repeat-x 0 0;min-height:500px;
margin:0;padding:0;text-align:center;}




#centre{
margin:0 auto;padding:0;width:840px;background:url(../images/fin_lorraine.gif) no-repeat 100% 0px;text-align:left;min-height:150px;}

#centre #contenu {
	margin:0 0 0 240px;padding:10px 10px 10px 20px;font-size:11px;width:555px;}
#centre #contenu #ariane{
padding-left:15px;margin:0 170px 0 0;border-bottom:solid 1px #a0937f;border-top:solid 1px #a0937f;
background:url(../images/fleche_sm.gif) no-repeat 0px 0px;
font-size:10px;font-weight:bold;line-height:12px;height:auto;display:block;}


#centre #contenu #ariane a:link,#centre #contenu #ariane a:visited{
text-decoration:none;}
#centre #contenu #ariane a:hover,#centre #contenu #ariane a:active{
text-decoration:underline;}	
	
#centre #contenu .blocTexte{
margin:2em 0 0 1em;padding:0;}

	
#centre #contenu .blocTexte p{
margin-left:20px;margin-top:0.5em;margin-bottom:1em;}


/******page d'accueil #centre #contenu div.blocTexte div:first-child {width:440px;}
#centre #contenu h2:first-child {width:450px;background:#0000cc;}	
#centre #contenu .blocTexte .blocTexteGauche{
float:left;width:48%; margin:0;}

#centre #contenu .blocTexte .blocTexteDroit{
float:right;width:48%;  margin:0;}
********/


#centre #contenu .blocTexte .blocTexteGauche{
 margin:0 50% 0 0;}

#centre #contenu .blocTexte .blocTexteDroit{
float:right;width:48%;}

	
#centre #contenu .blocTexte .blocTexteGauche div.borderdroit {
 border-right:solid 1px #a0937f;}


/******PARAGRAPHES DECORES ********/

#contenu p.decoCarreRouge{padding:0 0 0 20px;background:url(../images/fleche_sm_rouge.gif) no-repeat 0 0;}
#contenu p.decoCarreRougeS{padding:0 0 0 10px;background:url(../images/car_rouge.gif) no-repeat 0 .5em;}
#contenu p.decoCarreBeige{padding:0 0 0 20px;background:url(../images/fleche_sm.gif) no-repeat 0 0;}

#contenu p.iconeFlash{font-size:12px;background: url(../images/icones_p.gif) no-repeat 0 5px;padding:0;text-indent:25px;}

#contenu p.bgRouge{background-color:#b61b34;color:#fff;}
#contenu p.bgBeige{background-color:#b4aa99;color:#fff;}

#contenu p.bgRouge a:link,#contenu p.bgRouge a:visited,#contenu p.bgRouge a:active,
#contenu p.bgBeige a:link,#contenu p.bgBeige a:visited,#contenu p.bgBeige a:active{color:#fff;}

p#imprimer{min-height:22px;text-align:right;background: url(../images/bt_imprimert.gif) no-repeat 100% 0;padding:0 28px 0 0;}



/******ONGLET DROIT de téléchargement, liens connexes, etc*********/

#contenu .calqueDroitOld {background:#fff url(../images/pdf_gdt.jpg) no-repeat 0 0;
padding:110px 5px 5px 5px;margin-right:0;width:167px;float:right;}

#contenu .calqueDroit55 {background:#fff url(../images/img_onglet_telechar55.gif) no-repeat 0 0;
padding:55px 5px 1px 5px;margin-right:0;width:167px;float:right;margin-left:1em;}

#contenu .calqueDroit52 {background:#fff url(../images/img_onglet_telechar52.gif) no-repeat 0 0;
padding:55px 5px 1px 5px;margin-right:0;width:167px;float:right;margin-left:1em;}

#contenu .calqueDroit89 {background:#fff url(../images/img_onglet_telechar89.jpg) no-repeat 0 0;
padding:89px 5px 1px 5px;margin-right:0;width:167px;float:right;}
#contenu .calqueDroit80 {background:#fff url(../images/img_onglet_telechar80.gif) no-repeat 0 0;
padding:80px 5px 1px 5px;margin-right:0;width:167px;float:right;}

#contenu .borderBeige{border:1px solid #ada28f;}

#contenu .calqueGauche{
padding:0;margin:0 185px 0 0;}

#contenu .calqueDroit  ul.pdf,#contenu .calqueDroit55  ul.pdf,#contenu .calqueDroit52  ul.pdf,
#contenu .calqueDroit80  ul.pdf,#contenu .calqueDroit89  ul.pdf{margin:0 0 0 0;padding:0;}




/******H2, h3     beige ada18e - rouge tres fonce 8a2529 rouge :color:#b61b34;**********/


#centre #contenu  h2{
font-size:15px;font-weight:bold;margin:1em 0 1em 0;color:#b61b34;}


#centre #contenu .blocTexte h2.accueil{
padding-left:25px;margin:0 0 0 0;border-top:solid 1px #a0937f;
background:url(../images/icone_fleche.gif) no-repeat 0 0;
font-size:12px;font-weight:bold;line-height:15px;min-height:25px;display:block;}

#centre #contenu  h2.glossaire{
padding:0 0px 0 70px;margin:1em 0 0 0;background:url(../images/icone_glossaire.gif) no-repeat 0 0;height:63px;line-height:63px;}
#centre #contenu  h2.contacts{
padding:0 0px 0 60px;margin:1em 0 0 0;background:url(../images/icone_courrier2.gif) no-repeat 0 0;height:54px;line-height:54px;}

#centre #contenu  h2.liens{
padding:0 0px 0 100px;margin:1em 0 0 0;background:url(../images/icone_www2.gif) no-repeat 0 0;height:38px;line-height:35px;}
#centre #contenu  h2.planSite{
padding:0 0px 0 39px;margin:1em 0 0 0;background:url(../images/icone_plan_site.gif) no-repeat 0 0;height:58px;line-height:58px;}
#centre #contenu  h2.legal{
padding:0 0px 0 45px;margin:1em 0 0 0;background:url(../images/ic_legal.gif) no-repeat 0 0;height:43px;line-height:43px;}

#centre #contenu  h2.flash{
color:#968972;margin:1em 0 0 0;}



#centre #contenu  h3{border-bottom:solid 1px #ada18e;border-top:solid 0px #ada18e;
background:url(../images/icone_fleche.gif) no-repeat 0 0;padding-left:25px;}
#centre #contenu  h3.flash{
color:#968972;font-size:12px;font-weight:bold;color:#b61b34;;margin:0;}


#centre #contenu .blocTexte p.first{margin-right:115px;width:auto;}
#centre #contenu .blocTexte  h2.titrefirst{margin-right:150px;width:auto;}


/******UL**********/


#contenu ul{
list-style-position: outside;margin-left:2em;list-style-image: url(../images/car_rouge.gif);}


#contenu ul.liens{
list-style-position: outside;list-style-image:url(../images/url_externe.gif);}

#contenu  ul.pdf {list-style-position: outside;list-style-image:none;list-style-type:none;}
#contenu  ul.pdf li {background:url(../images/icon_acrobat.gif) no-repeat top left;padding:0 0 0 22px;min-height:21px;margin:0 0 0.4em 0;}
#contenu ul.pdf a:link, #contenu  ul.pdf a:active,#contenu  ul.pdf a:visited {font-weight:normal;color:#666;}
 #contenu ul.pdf a:hover {font-weight:normal;color:#333;}
 

#contenu ul.flash{
list-style-position: outside;list-style-image:url(../images/car_rouge.gif);margin-left:30px;padding:0}
#contenu ul.flash li{margin-bottom:.5em;padding:0}


 #mapactu ul.level1{
list-style-position: outside;list-style-image: url(../images/flc_actus_s.gif);margin-left:2em;margin-top:2em;}


 #mapprojet ul.level1{
list-style-position: outside;list-style-image: url(../images/flc_projet_s.gif);margin-left:2em;margin-top:2em;}


 #maptravaux ul.level1{
list-style-position: outside;list-style-image: url(../images/flc_groupe_s.gif);margin-left:2em;margin-top:2em;}



 #mapactu ul.level2{
list-style-position: outside;list-style-image: url(../images/car_actus.gif);margin-left:3em;border:0;font-size:90%;}

 #mapprojet ul.level2{
list-style-position: outside;list-style-image: url(../images/car_projet.gif);margin-left:3em;border:0;font-size:90%;}


 #maptravaux ul.level2{
list-style-position: outside;list-style-image: url(../images/car_groupe.gif);margin-left:3em;border:0;font-size:90%;}





/******TABLE *********/

#contenu table  {margin:.5em;font-size:10px;}
#contenu table td.legende,tr.legende  
{color:#fff;font-size:12px;font-style:italic;font-weight:bold;font-size:11px;}
#contenu table td.important,tr.important  {font-size:11px;font-weight:bold;}
#contenu table ul{margin:0 0 0 10px;padding:0;}
#contenu table ul.pdf{margin:0 0 0 0;padding:0;}






/******link*********/

 #contenu  a:link, #contenu a:visited, #contenu a:active
{text-decoration:underline;font-weight:bold;color:#666;}

 
#contenu   a:link.bleu,  #contenu  a:visited.bleu{color:#297e92;}
 
  #contenu  a:link.orange, #contenu a:visited.orange {color:#f18900;}
  
   #contenu  a:link.rouge, #contenu a.rouge:visited,#contenu a.rouge:active
 {color:#b61b34;} 
  
  #contenu  a:link.vert, #contenu a:visited.vert,#colonneGauche  #txtGauche  ul#menuGauche  a:link.vert, #colonneGauche  #txtGauche ul#menuGauche a:visited.vert 
 {color:#8a9500;}
  
 #contenu a:hover
{text-decoration:none;}
	

	
 /* ------------BAS----------------,  
#colonneGauche  #txtGauche  ul#menuGaucheProjet  a:link.bleu, #colonneGauche  #txtGauche ul#menuGaucheProjet a:visited.bleu -*/

#logosBasConteneur{text-align:center;}
	
#logosBas{
margin:0 auto;width:840px;position:relative;min-height:70px;}



#logosBas #logoNU{
position:absolute;top:0;left:280px;
/*behavior: url(png-opacity_logoNu.htc);*/
}

#logosBas #logoMetz{
position:absolute;top:0;right:40px;/*behavior: url(png-opacity_logoUpvm.htc);*/}

 
#outilsBasConteneur{text-align:center;clear:left;}
#outilsBas {margin:0 auto;padding:0 0 0 240px;
width:600px;height:21px;text-align:center;position:relative;}
 #silhouettes
{position:absolute;bottom:-36px;left:-30px;background:transparent url(../images/silhouettes.png) no-repeat 0 0;width:300px;height:278px;/*	behavior: url(png-opacity.htc);*/}




.beige{color:#a0937f;/*background:#ebe8e2;*/}
h2.bleu {color:#297e92;}
.orange {color:#f18900;}
 .vert {color:#8a9500;}
 

.bgBeigeMoyen{background:#b4aa99;} 
.bgBeigeClair{background:#c5beb1;} 

.bgBleuMoyen{background:#7cb0bc;} 
.bgBleuFonce{background:#297e92;} 

.bgVertMoyen{background:#c3cd63;}  
.bgVertFonce{background:#9dad00;} 


.bgOrangeMoyen{background:#f6b763;} 
.bgOrangeFonce{background:#f18900;} 
.bgOrangeClair{background:#fce7cc;}

.strong{font-weight:bold;} 




 
 
  /* ------------calque PUBLIC
background:#centre  #public{
	position:absolute;top:100px;left:78px;width:830px;height:300px;
	background:url(../../images/bg_op.png);z-index:10;} 
	
	
#centre  #public #contenuPublic{
	position:absolute;
	top:0px;left:0px;width:812px;height:280px;
	background:#ffffff url(../../images/bg_public.gif);
	border:solid 1px #a0937f;color:#a0937f;font-weight:bold;} 
	
#centre  #public #contenuPublic div{
	position:absolute;
	top:20px;left:200px;font-size:15px;color:#666;} 
	
	#centre  #public #contenuPublic form{
	position:absolute;
	top:130px;left:298px;height:138px;width:500px;} 
	
		#centre  #public #contenuPublic form input#okpublic
		{position:absolute;
	bottom:0;right:0;} 
---------------- */