/*feuille de style Charte graphique EPFL, page d'accueil EPFL, Natalie Meystre 24 avril 2006 - modele tout dynamique - avec le truc des %*/
body { color: black; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; height: 60em; margin: 0; padding: 0; }
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 }
.lien-txt a:link {color: #000; font-weight: normal; text-decoration: none;}
.lien-txt a:visited {color: #000; font-weight: normal; text-decoration: none;}
.lien-txt a:hover {color: #336699; font-weight: normal; text-decoration: none;}
h1 { color: #999999; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 0 0.5em; padding: 0; }
h2, h3 { color: #036; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 2.2em 0.5em 0; padding: 0; float: left; }
h4 { color: #f00; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 2.5em 0 0.5em 3em; padding: 0; }
p { clear: both; margin: 0; padding: 0 0 2.2em; }

.ndsp{ display: none; }
.align-left { float: left; }
.clear{clear: both}

/*zones de la page*/
#contenu { position: absolute; width: 90em; margin-top: 1.5em; margin-left: 1.5em; font-size: 1em; line-height: 1.2em; }
#facultes { position: absolute; top: 8.6em; right: 0; z-index: 0; }
#facultext{ position: absolute; top: 8.8em; right: -0.4em; z-index: 10; }
#col-left { position: absolute; top: 20em; left:0; width: 35em;  }
#col-center {position: absolute; top: 17.7em; left: 36.5em; width: 35em }
#col-right { position: absolute; top: 17.7em; right: 0; width: 15.5em; }

/*pied de page*/
.footer_hp { position: absolute; top: 61em; left: 0; padding-top: 0.5em; border-top: 1px solid #999; }
.contact { text-align: left; width: 35em; padding-left: 3.5em; }
.impressum { width: 35em; margin-left: 36.5em; }
.taille { width: 15.5em; margin-top: 1.5em; margin-left: 74.5em; text-indent: 1.5em; }

/*bandeau*/
#header_hpgraph        { background-color: #ed1c24; text-align: right; position: absolute; top: 3.5em; right: 0; width: 50em; z-index: 0; float: right; clear: both; margin-top: -3.5em; }
#header_logo          {  float: left ; padding-left: 3.5em; }
#header_hp1        { background-color: #ed1c24; position: absolute; left: 16em;  z-index: 10; }
#header_hp2       { position: absolute; top: 3.65em; left: 17.6em; clear: both; padding-top: 0.9em; }
#login        	{ position: absolute; top: 6.4em; right: 0; height: 1.2em; float: right; }
#language       { position: absolute; top: 6.4em; left: 3.5em; padding-top: 0.1em; padding-bottom: 0.1em; }

/*bandeau des facultés*/
.fac { width: 12em; height: 7.7em; float: left; margin-right: 0; margin-left: 0.5em;}

/*éléments de la page*/
.splash { width: 35em; height: 20em;  }
.graph {width: 20.7em; height: 3.4em; }
.logo {width: 12.1em; height: 6.3em;}
.titre {width: 38em; height: 3.4em;}
.fond {width: 12em; height: 7.7em;}
.marge { margin-left: 3.5em; }
.search-option { vertical-align: 0.4em; margin-right: .5em; }
.ok-button { vertical-align: -0.5em; width: 2.7em; height: 1.9em; margin-top: -2.7em; margin-left: 28.7em; }
.search-saisie { width: 20em; margin: 0.4em; }