a:active,  a:link    { color: #003366; font-weight: bold; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }
a:visited, a:hover  { color: #336699; font-weight: bold; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }

/* body   { color: #000000} */
p        { color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
td       { color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
th       { color: #000000; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; text-align: center  }

.boxtext              { color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 4px }
.boxtextbold      { color: black; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; padding: 4px }
.boxtitle            { color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.fondAmabilis3 {background-image: url("images/FondAmabilisFixe.gif"); background-position: top left; background-repeat: no-repeat}
.linkedit, .linkedit:active, .linkedit:link, .linkedit:visited
                             { color: #006633; font-size: 12px; font-weight: bold; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }
.linkedit:hover  { color: #339933; font-size: 12px; font-weight: bold; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }
.path, .path:active, .path:link, .path:visited, .path:hover 
                             { color: #666666; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.text                   { color: #000000; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.textbold           { color: #000000; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.texttitle         { color: #000000; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.texttitlewhtbig        { color: #FFFFFF; font-weight: bold; font-size: 18px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
.texttitlewht   { color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
.titlered           { color: #ff0000; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;}
.title, .textgray  { color: #999999; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif }
.titleblue           { color: blue; font-weight: bold; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;}

/*feuille de style correspondant à la Charte graphique EPFL, modèle page vitrine et page contenu, 18 mars 05*/
/*balises génériques*/
body  { font-size: 0.6em; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
       margin-top: 15px; width: 960px;  min-width: 700px; max-width: 960px; color: #000000 }
a:active,  a:link 	{ color: #003366; font-weight: bold; text-decoration: none }
a:visited, a:hover 	{ color: #336699; font-weight: bold; text-decoration: none }
.path, .path:active, .path:link, .path:hover, .path:visited, .path a    { color: #666666 }
p  	  { margin: 0 0 4px; padding: 0 }
h1	  { text-align: center; color: blue; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px; background-color: none }
h2	  { text-align: left; color: blue; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px; clear: both }
h3	  { color: #999999; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px; clear: both }
li     	  { list-style-position: inside; margin: 0; padding: 0 }
ul, ol { margin: 0; padding-bottom: 4px; padding-left: 40px }
/*Eléments récurents*/
.alignleft		{ padding-right: 4px; float: left }
.alignright		{ padding-left: 4px; float: right }
.clear  			{ clear: both }
/*pour la boîte de recherche*/
.align_button 	{ margin-bottom: 2px; margin-left: 0; vertical-align: -5px }
.ok  			{ margin-bottom: 2px; vertical-align: -2px }
.saisie 		{ margin: 5px 5px 5px 0 }
/*le bandeau*/
#header_graph        { position: absolute; top: 15px; right: 10px; float: right }
#header_left           { width: 155px; float: left }
#header_title1        { margin-right: 30px; margin-bottom: 1px; margin-left: 159px; height: 34px }
#header_title2       { margin-bottom: 1px; margin-left: 159px; height: 28px }
#tracking        	{ margin-left: 159px; padding-left: 18px; height: 14px; background-color: #cccccc }
#language        	 { background-color: #cccccc; padding-left: 35px; height: 14px }
.logo   			  { margin-bottom: 1px; margin-left: 35px }
/*les zones principales de la page, pour modèles vitrine et contenu*/	
#left 			 { padding-top: 10px; position: absolute; top: 98px; left: 10px; width: 155px }
#vitrine_splash  { padding-top: 20px; width: 375px; float: left }
#vitrine_col1   { padding-top: 10px; width: 155px; float: left }
#vitrine_col2    { margin-top: 0; margin-left: 159px; padding-top: 10px; width: 182px }
#vitrine_center      { margin: 18px 159px 12px 375px; padding-right: 4px; padding-left: 8px;  }
#center 		     { margin: 12px 159px; padding-right: 4px; padding-left: 8px }
#center2col 	 { margin-top: 12px; margin-bottom: 12px; margin-left: 159px; padding-right: 8px; padding-left: 8px }
#right 			  { position: absolute; top: 98px; right: 10px; width: 155px; float: right }
/*le footer*/
#footer  	    { text-align: center; margin-right: 159px; margin-left: 159px; clear: both }
#footer2col  	{ text-align: center; margin-left: 159px; clear: both }
/*les boîtes*/
.box			{ margin: 0 0 5px; padding: 4px; border-style: solid; border-width: 0 1px 1px }
.box_title        { font-size: 1.2em; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; text-align: left; padding-left: 5px; border-top: 2px solid; border-bottom: 1px solid }
/*gestion des couleurs pour bandeau et boîtes*/
.headercolor_web1 	{ padding-top: 20px; color: blue }
.headercolor_web2 	{ background-color: #339999 }
.headercolor_admin1 { background-color: #cccccc;}
.headercolor_admin2 { background-color: #999999;}
.headercolor_form1  { background-color: #CCCC66 }
.headercolor_form2 	{ background-color: #999933 }
.headercolor_asso1 	{ background-color: #CC99CC }
.headercolor_asso2  { background-color: #660066 }
.headercolor_enac1 	{ background-color: #FF9966 }
.headercolor_enac2 	{ background-color: #CC6633 }
.headercolor_sb1	{ background-color: #6699CC }
.headercolor_sb2 	{ background-color: #336699 }
.headercolor_ic1 	{ background-color: #669999 }
.headercolor_ic2 	{ background-color: #336666 }
.headercolor_sti1 	{ background-color: #9999CC }
.headercolor_sti2 	{ background-color: #333366 }
.headercolor_cdh1 	{ background-color: #CC9999 }
.headercolor_cdh2	{ background-color: #990000 }
.headercolor_sv1 	{ background-color: #99CC99 }
.headercolor_sv2 	{ background-color: #669933 }
.red	       		{ color: white; background-color: red;  border-color: red }
.grey	       		{ color: white;  background-color: #acacac; border-color: #acacac  }
.white				{ color: #999999; border-color: white  }
.red_border			{ border-color: red }
.grey_border		{ border-color: #acacac }
.white_border		{ border-color: white }
.conteneur	        { text-align: left; text-indent: 0; margin-right: 0px; margin-bottom: 0px; padding: 2px; width: 640px; float: left; border: solid 0px white }
.cle	        { text-align: left; text-indent: 0; margin-right: 0px; margin-bottom: 0px; padding: 2px; width: 150px; float: left; border: solid 0px white }
.valeur	     { text-align: left; text-indent: 0; margin-right: 0px; margin-bottom: 0px; padding: 2px; width: 450px; float: right; border: solid 0px white }
.cle_large	  { text-align: center; text-indent: 0; margin-right: 0px; margin-bottom: 0px; padding: 2px; width: 300px; float: left; border: solid 0px white }
.valeur_etroite	     { text-align: left; text-indent: 0; margin-right: 0px; margin-bottom: 0px; padding: 2px; width: 300px; float: right; border: solid 0px white }
.fondAmabilis		{ background-image: url("images/FondAmabilisFixe.gif"); background-position: top left; background-repeat: no-repeat }
.compositeur	        { text-align: left; text-indent: 0; margin-right: 10px; margin-bottom: 0px; padding: 2px; width: 150px; float: left; border: solid 0px white }
.piece	        { text-align: left; text-indent: 0; margin-right: 10px; margin-bottom: 0px; padding: 2px; width: 300px; float: left; border: solid 0px white }