/*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: 1em; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; margin-top: 2em }
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: 0em 1em 1em 0em; padding: 0 }
h1	  		{ color: #af0533; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; }
h2	  		{ color: #669999;     font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em }
h3	  		{ color: #999999; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; clear: both }
li     			{ list-style-position: outside; margin-left: 2em; padding-left: 0em }
ul, ol   		{ margin: 0em 1em 1em 0em; padding-bottom: 0.5em; padding-left: 2em }
/*éléments récurants*/
.alignleft		{ padding-right: 0.5em; float: left }
.alignright		{ padding-left:  0.5em; 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: 2em; right: 2em; float: right }
#header_left            { width: 10em; float: left }
#header_title1          { margin-right: 10em; margin-bottom: 0em; margin-left: 15.4em; height: 2.8em }
#header_title2          { margin-bottom: 0; margin-left: 15.4em; height: 2em }
#tracking        	{ margin-left: 15.4em; padding-left: 1em; height: 2em; background-color: #cccccc }
#language        	{ background-color: #cccccc; padding-left: 4em; height: 2em; display: none}
.logo   		{ margin-top: 0em; margin-left: 0em; width: 15em}
/*les zones principales de la page, pour modèles vitrine et contenu*/	
#left 			{ /*padding-top: 3em;*/ position: absolute; top: 11em; left: 1em; width: 15em }
#right 			{ position: absolute; top: 11em; right: 1em; width: 16em; float: right }
#people			{ position: absolute; top: 11em; right: 1em; width: 16em; float: right }
 #vitrine_splash		{ padding-top: 3em; width: 10em; 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-top: 1em; margin-bottom: 11em; margin-right: 16em; margin-left: 16em; padding-right: 1em; padding-left: 1em; text-align: justify; /*max-width: 50em; */}
#center2col		{ margin-top: 1em; margin-bottom: 1em; margin-left: 16em; margin-right: 0em; padding-right: 1em; padding-left: 1em; text-align: justify; }

/*le footer*/
#footer			{ text-align: center; margin-right: 12em; margin-left: 12em; clear: both }
#footer2col		{ text-align: center; margin-left: 12em; clear: both }
#footer3col		{ text-align: center;  }
/*les boîtes*/
.box			{ background-color: white; margin: 0 0 0em; padding-right: 0.1em; padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; border-style: solid; border-width: 0 0.2em 0.2em }
.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; float: clear }
/*gestion des couleurs pour bandeau et boîtes*/
.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  }
.overlined     		{ background-color: #cccccc; color: black }
.white			{ color: #999999;  background-color: white; border-color: white  }
.red_border		{ border-color: red; float: clear}
.grey_border		{ border-color: #acacac }
.white_border		{ border-color: white }
.epflonly      		{ color: red }
.vtop			{ vertical-align: top }
.contact		{ text-align: left; font-size: .95em }
.rightlogo		{ text-align: right }