/*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: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; margin-top: 15px }
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: 0px 5px 5px 0px; padding: 0 }
h1	  		{ color: #af0533; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px; }
h2	  		{ color: #669999;     font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px }
h3	  		{ color: #999999; font-size: 1.2em; font-weight: bold; margin: 0; padding-top: 4px; padding-bottom: 4px; clear: both }
li     			{ list-style-position: outside; margin-left: 10px; padding-left: 0px }
ul, ol   		{ margin: 0; padding-bottom: 4px; padding-left: 10px }
/*éléments récurants*/
.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 200px 12px 129px; padding-right: 10px; padding-left: 50px }
#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 }
#people			{ position: absolute; top: 98px; right: 10px; width: 190px; float: right; padding-top: 10px}
/*le footer*/
#footer			{ text-align: center; margin-right: 159px; margin-left: 159px; clear: both }
#footer2col		{ text-align: center; margin-left: 159px; clear: both }
#footer3col		{ text-align: center; clear: both }
/*les boîtes*/
.box			{ background-color: white; 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; 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: .9em }
.rightlogo		{ text-align: right }