/*feuille de style correspondant a la Charte graphique EPFL, modele page vitrine et page contenu, mars 08, avec dimensions fluides. 
Les zones de la page, ainsi que les IMAGES sont redimensionnees selon les preferences du navigateur ou via un choix de dimension de texte (script sur serveur epfl). Le logo epfl, le bandeau, l'image en page vitrine, le bouton ok se redimensionnent via un style dans cette css a condtion de ne pas mentionner de dimension dans le code html de la page. Plus de precison aupres de natalie meystre, epfl*/
/*correction avril 2009, couleur homepage*/
/*balises generiques*/
body  { font-size: 75%; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; margin-top: 1.6em ; margin-left: 1.5em; }
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 .4em; padding: 0 }
h1	  			  { color: #999999; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: .4em; padding-bottom: .4em }
h2	  			  { color: red; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: .4em; padding-bottom: .4em; clear: both }
h3	  			  { color: #999999; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 0.6em; padding-bottom: 0.4em; clear: both }
li     			{ list-style-position: inside; margin: 0; padding: 0 }
ul, ol   		{ margin: 0; padding-bottom: .4em; padding-left: 4em }
/*elements recurrents*/
.alignleft		{ padding-right: .4em; float: left }
.alignright		{ padding-left: .4em; float: right }
.clear  		{ clear: both }
/*moteur de recherche*/
.search-option { vertical-align: 0.4em; margin: 0 0.5em 0 0; padding: 0;; }
.ok-button { vertical-align: -0.3em; width: 2.7em; height: 1.9em; margin-top: 0.4em; margin-left: 0.4em; }
form { margin: 0 0 0.4em; padding: 0; }
/*le bandeau*/
#header_graph        { position: absolute; top: 1.5em; right: 1em; float: right; height: 3.4em; width:  27em; }
#header_left           { width: 15.5em; float: left }
#header_title1        { height: 3.4em; margin-right: 3em; margin-bottom: 0.1em; margin-left: 16.1em; }
#header_title2       { height: 2.8em; margin-bottom: 0.1em; margin-left: 16.1em; }
#tracking        	{ margin-left: 16.1em; padding-left: 1.8em; height: 1.4em; background-color: #cccccc ; }
#language        	 { background-color: #cccccc; width: 12.1em; padding-left: 3.5em; height: 1.4em   }
.logo1   			  { height: 3.4em; margin-bottom: 0.1em; margin-left: 3.5em  }
.logo2   			  { height: 2.8em; margin-bottom: 0.1em; margin-left: 3.5em  }
#header_left           { width: 15.5em; height: 7.8em; float: left  }
#taille-txt { float: right; margin-top: -1.7em; margin-right: 1em; }
/*les zones principales de la page, pour modeles vitrine et contenu*/	
#left 			 { padding-top: 1em; position: absolute; top: 9.8em; left: 1.5em; width: 15.5em }
#vitrine_splash  { padding-top: 2em; width: 37.5em; float: left }
#vitrine_col1   { padding-top: 1em; width: 15.5em; float: left }
#vitrine_col2    { margin-top: 0; margin-left: 15.9em; padding-top: 1em; width: 18.2em }
#vitrine_center      { margin: 1.8em 15.9em 1.2em 37.5em; padding-right: .4em; padding-left: .8em;  }
#center 		     { margin: 1.2em 15.9em; padding-right: .4em; padding-left: .8em }
#center2col 	 { margin-top: 1.2em; margin-bottom: 1.2em; margin-left: 15.9em; padding-right:.8em; padding-left: .8em }
#right 			  { position: absolute; top: 9.8em; right: 1em; width: 15.5em; float: right }
/*le footer*/
#footer  	    { text-align: center; margin-right: 15.9em; margin-left: 15.9em; clear: both }
#footer2col  	{ text-align: center; margin-left: 15.9em; clear: both }
/*les boites*/
.box			{ background-color: white; margin: 0 0 .5em; padding: .4em; 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: .5em; border-top: .2em solid; border-bottom: 1px solid }
/*gestion des couleurs pour bandeau et boites*/
.headercolor_epfl1 	{ background-color: #ed1c24;}
.headercolor_epfl2 	{ background-color: white;}
.headercolor_web1 	{ background-color: #99cccc;}
.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;  background-color: white; border-color: white  }
.red_border			{ border-color: red }
.grey_border		{ border-color: #acacac }
.white_border		{ border-color: white }