@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, p{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    background-color: #fff;
    color: #454545;
    margin: 0 8px 24px 8px;
    padding:0.1px; 
}
h1{ font-family: Impact, "Arial Black","DejaVu Sans", Arial, Helvetica , sans-serif;
    font-size: 27px;
    color: #000;
    line-height: 32px;
    letter-spacing:.08em;
    margin-top:29px;
    margin-bottom: 6px;
    text-transform:uppercase;
    text-align:left;
}
h1 a { background: none; text-decoration: none; }
h1 a:hover {background: none; }
h2 {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 34px;
    color: #000;
    letter-spacing: 0.05em;
    line-height: 38px;
    margin-bottom: 6px;
 }
h3 {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    font-size:18px;
    letter-spacing:1px;
 line-height:22px;
    padding-bottom:4px;
 margin-bottom: 0px;
}
h4 { color: #000; font-family: Arial, Helvetica, sans-serif;
     font-weight: bold; font-size: 15px; margin-bottom: 2px;
     line-height: 19px;}
h5 { color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px;}
h6 { color: #000; font-weight: bold;}

p { margin-bottom: 18px; color: #454545; }
form { margin-bottom: 18px;}
a { text-decoration: none; color: #000; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/underline.gif) repeat-x 0 14px; }
a:hover { background-image: url(https://isa.epfl.ch/images/gestacplus/far/web2010/underline-hover.png); }
b, strong { color: #000; font-weight: bold;}
i, em { font-style: italic; }
ul { padding-left: 0;}
hr { color: #000; background-color: #000; height: 1px; border: none; padding: 0; margin: 20px 0 20px 0;}
blockquote img {
    width: 50px;
    height: 50px;
    margin-right: 8px;
    float: left;
}
blockquote p {
    font-family: Georgia, serif;
    font-size: 15px;
    font-style:italic;
    font-weight:bold;
    line-height:18px;
    top: -1px;
    position: relative;
    float: left;
    display: block;
    width: 266px;
    color: #000;
}
pre, code {
    font-family: Monaco, "Andale Mono", "Courier", "Lucida console", "Consolas", "Bitstream Vera Sans Mono", "Nimbus Mono L", monospace;
    font-size: 10px;
}
pre {display: block; white-space: pre; margin-bottom: 20px;}
dl dt { position: relative; left: 0; top: 16px; width: 160px;
        color: #000; font-family: Arial, Helvetica, sans-serif;
        font-weight: bold; font-size: 13px; line-height: 18px;}
dl dd { border-left: 1px solid #000; margin-left: 160px; padding-left: 4px; }

object { z-index: 0; }
cite { font-family: Georgia, serif; font-style: italic; letter-spacing: 1px; font-size: 11px;}

sup, sub { font-size: 11px; }
acronym, abbr {color:#ae0010;}

.table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; width: 100%;}
th {
    padding: 4px 4px 4px 0; color: #000; font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; font-size: 13px; line-height: 14px; text-align: left;
    background-color: #ECECEC !important;
    border-bottom: 1px solid #ADADAD !important;
}

.justify {text-align: justify; text-justify: newspaper;}
.rouge {font-weight: bold; color: #AE0010;}
td.rouge {background-color: #AE0010;color:white;}
div.rouge {background-color: #AE0010;color:white;}



#blocErreurs {
 top: 0.5em;
 text-align:center;
 border:0px;
 color:#AE0010;
 padding:2px;
 font-family: verdana,arial, helvetica, sans-serif;
 font-weight:bold;
}


#blocInfo {
 top: 0.5em;
 text-align:center;
 border:0px;
 color:#009900;
 padding:2px;
 font-family: verdana,arial, helvetica, sans-serif;
 font-weight:bold;
}

div.mainconsole { position:absolute; width:200px; spacing-right:10px; margin:5px 5px 5px; background-color:#e5ecf9; opacity:1; border:solid 1px red; display:none;}
div.mainconsole ul { padding:1px; spacing:1px; margin:1px}
div.mainconsole ul li { list-style-type:none; color:#4475ce; cursor:pointer; }
div.mainconsole ul li.alert { list-style-type:none; color:red}

.sti{ color:#8972d5;}
.enac{color:#ea5e00;}
.cdm{color:#990165;}
.cdh{color:#daa521;}
.sv{color:#6fba01;}
.sb{color:#007ba5;}
.ic{color:#1bb5b5;}

.black { background-color: #000; }

.local-color {background-color: #ae0010; color: #fff;}
.local-color a { color: #fff; }
.local-color-text {color:#ae0010;}
.local-color-down{ background-color: #e2001a; }
.local-color-light{ background-color: #7e000c; }
.local-color-dark{ background-color: #5d0009; }
.hidden{ position: absolute; left: -9999em;}
.heading {
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 13px;
    color: #000;
}
.heading a{ background-position: 0 14px; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.button { float: left; margin-right: 20px; cursor: pointer;}
.diet_icon {float: left; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/icons.png) no-repeat; margin-top:2px; height: 17px; width: 9px; margin-right: 0px; border: none;}
.little_icon {float: left; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/icons.png) no-repeat; margin-top:2px; height: 17px; width: 17px; margin-right: 0px; border: none;}
.large_icon {float: left; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/icons.png) no-repeat;  height: 17px; width: 22px; margin-right: 0px; border: none;}
.icon {float: left; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/icons.png) no-repeat; height: 24px; width: 24px; margin-right: 4px; border: none; cursor: pointer;}
.label {font-family: Georgia, serif; font-size: 11px; letter-spacing: 1px; font-style: italic; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/underline.gif) repeat-x 0 14px; cursor: pointer;}
.button .label {display: block; float: left; margin-top: 3px; }
.button:hover .label { background-image: url(https://isa.epfl.ch/images/gestacplus/far/web2010/underline-hover.png); }

.print .icon {background-position: 0 0; }
.print:hover .icon {background-position: 0 -24px;}
.feed .icon {background-position: -24px 0; }
.feed:hover .icon {background-position: -24px -24px; }
.share .icon {background-position: -48px 0; }
.share:hover .icon {background-position: -48px -24px; }
.information .icon {background-position: -72px 0; }
.information:hover .icon {background-position: -72px -24px; }
.question .icon {background-position: -96px 0; }
.question:hover .icon {background-position: -96px -24px; }
.showall .icon {background-position: -120px 0; }
.showall:hover .icon {background-position: -120px -24px; }
.mail .icon {background-position: -168px 0; }
.mail:hover .icon {background-position: -168px -24px; }
.francais .diet_icon {background-position: -201px -3px;}
.anglais .diet_icon {background-position: -221px -3px;}
.winter .little_icon {background-position: -237px -3px;}
.sun .little_icon {background-position: -257px -3px;}
.membres .large_icon {background-position: -275px -3px;}
.bs .icon {background-position: -193px -24px; }
.ms .icon {background-position: -217px -24px; }
.phd .icon {background-position: -241px -24px; }
.printemps .little_icon {background-position: -301px -3px; }
.automne .little_icon {background-position: -319px -3px; }




#header{ position:relative; left:20%; width:980px; background-color: #fff;} 
#header a{ background: none; }
#header input{ color: #666;}
#header input.focused{ color: #000; }
.portal{ background-color: #999c98;  }
.school{ background-color: #696f6e; }
.short{ background-color: #474e52; }

#nav-logo {
    float: left; height: 73px; width: 160px; position: relative; margin: 0 4px 0 0;
    background: url(https://isa.epfl.ch/images/gestacplus/ecole/logo_epfl_120x63.jpg) no-repeat 0 5px; border-bottom: 1px solid #474e52;  }
#nav-logo a{ display: block; width: 160px; height: 73px;}
#main-menus { list-style: none; padding: 0; margin: 0;}
#main-menus li.menu { float: left; height: 74px; width: 160px; position: relative; }

#nav-menus{ margin-right: 4px; padding: 0; float: left;}

#nav-menus div.main-link {
    color: #fff; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/arrow-menu.gif) no-repeat bottom right;
    position: absolute;
    bottom: 8px; left: 8px; padding-right: 12px;
    font-family: Impact, "Arial Black","DejaVu Sans", Arial, Helvetica , sans-serif;
    font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; }
#nav-menus a.main-link acronym { color: #fff; }


#nav-menus a.main-link span { display: block; margin-bottom: 4px; font-size: 18px; }

#nav-menus a.main-link:active{ background-image: url(https://isa.epfl.ch/images/gestacplus/far/web2010/arrow-menu-on.gif);}
#public-menu-link { margin-right: 4px; font-weight: normal;}
#school-menu-link { margin-right: 4px; font-weight: normal;}
#brief-menu-link { font-weight: normal}
#nav-search {
    float: left;
    height: 74px;
    width: 324px;
    margin: 0;
    position: absolute;
    left: 500px;
}

#nav-search div.main-link {
    color: #fff; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/arrow-menu.gif) no-repeat bottom right;
    position: absolute;
    bottom: 8px; left: 8px; padding-right: 12px;
    font-family: Impact, "Arial Black","DejaVu Sans", Arial, Helvetica , sans-serif;
    font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; }
#nav-search div.main-link2 {
    color: #fff;
    position: absolute;
    bottom: 20px; left: 30px; padding-right: 12px;
    font-family: Impact, "Arial Black","DejaVu Sans", Arial, Helvetica , sans-serif;
    font-size: 12px; letter-spacing: 0.1em; }

#search-box {
    margin: 0 8px;
    padding: 0;
    position: absolute;
    bottom: 8px;
}
#search-box acronym { color: #fff; }
#searchform label{
    display: block;
    float: left;
    width:77px;
    height:25px;
    padding-top: 2px;
    margin-right: 0;
    margin-bottom: 4px;
    overflow:hidden;
    text-align:center;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, helvetica, sans-serif;
    color:#fff;
}
#searchform {margin: 0;}
#searchform label:hover {cursor: pointer;}
#searchform label.current{
    font-weight:bold;
    background:url(https://isa.epfl.ch/images/gestacplus/far/web2010/wheretosearch.gif) no-repeat top left;}
#searchform input.search{
    width: 277px;
    height: 22px;
    line-height: 22px;
    border: none;
    border-right: 1px solid #b8b8b8;
    padding: 0 0 0 8px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#searchform button{
    background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/search.png) no-repeat top left;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border: none;
    vertical-align: bottom;
    text-indent: -9999em;
}
.navigation-panel {
    position: absolute;
    top: 74px;
 width: 980px;
 margin-left: auto;
 margin-right: auto;
 padding: 60px 8px 0 8px;
 border: none;
 background-color: #fff;
 z-index: 999;
}
.navigation-panel .group {
 float: left;
 width: 160px;
 margin-right: 4px;
 padding: 0;
}

.navigation-panel ul { list-style: none; padding: 0; margin-bottom: 28px; }
.navigation-panel a{ font-family: Arial, helvetica, sans-serif; font-size: 13px; font-weight: bold; letter-spacing:.05em;}
.navigation-panel a:hover { text-decoration: underline;}
.navigation-panel h3 {
    margin:0 0 4px 0; padding:0;
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px; line-height:14px; font-weight: bold; letter-spacing:.05em;
}
.navigation-panel .group-2-cols { float: left; width: 324px; margin-right: 4px; }
.navigation-panel .last { margin: 0; }

#public-panel {left: -172px;}
#public-panel.hidden { left: -9999em; }
#public-panel h3 a { color: red;}

#school-panel { left: -336px;}
#school-panel.hidden { left: -9999em; }
#school-panel h3 acronym { color: #454545;}

#brief-panel { left: -500px; }
#brief-panel.hidden { left: -9999em; }
#brief-panel acronym { color: #000;}
#brief-panel h3 { color: red;}
#brief-panel h3 acronym { color: red;}
#brief-panel h3 a { color: red;}
#brief-panel .large { width: 320px; margin-right:0; }

#breadcrumbs, #languages{
    padding: 2px 0 0 0;
    font-family: Georgia, serif;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: normal;
}
#breadcrumbs { float: left; }
#breadcrumbs li{
    display:inline;
    background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/separator.png) no-repeat right center;
    padding-right: 12px;
}
#breadcrumbs li.last{ background: none; }
#breadcrumbs a, #languages, #languages a{ color: #000; background: none;}
#breadcrumbs a:hover, #languages a:hover { text-decoration: underline}
#breadcrumbs .last a, #languages li { color:#454545; background: none }
#languages a { color:#000; background: none }
#languages{ color:#000; float: right;}
#languages li { display:inline; padding:0 0 0 20px;}
#languages{text-align:right;}


li.dropdown {
    height: 18px; padding: 2px 18px 0 8px; margin-right: 2px;
    border: 1px solid #b8b8b8;
    position: relative;
    cursor:pointer;
}
li.dropdown_sans_hover {
    height: 18px; padding: 2px 18px 0 8px; margin-right: 2px;
    border: 1px solid #b8b8b8;
    position: relative;
}
li.dropdown_hover { height: 18px; padding: 2px 18px 0 8px; margin-right: 2px;
                  border: 1px solid #fff !important;
                  background-color: #7e000c;
                  position: relative;}
li.dropdown:hover { border-color: #fff; background-color: #7e000c; }
li.dropdown:hover a { color: #fff; border-color: #fff; background-color: #7e000c; cursor:pointer; }
li.dropdown a { color: #000; background: none; font-weight: bold}
li.dropdown acronym, .dropdown abbr { color: #000; }

.dropdown .menu {
    width: 178px;
    position: absolute;
    left: -1px; top: 20px;
    z-index: 995;
    padding: 6px 0 2px 0;
    border: 1px solid #b8b8b8;
    background: #fff none;
    list-style-type: none;
    line-height: 18px;
}
.dropdown .menu a { display: block; padding: 0 7px; font-weight: normal; color: #000;}
.dropdown .menu a:hover, .dropdown .menu a:hover abbr, .dropdown .menu a:hover acronym { background-color: #000; color: #fff; }
.dropdown .menu.hidden{ position: absolute; left: -9999em;}
.dropdown .menu li { display: list-item; float: none; margin-bottom: 0;
                     border-bottom: 1px solid #fff; }
.dropdown .menu ul { margin-top: 0; margin-bottom: 2px; padding: 0; }
.dropdown .menu ul li{ margin-bottom: 0; }
.dropdown .menu ul li a{ font-weight: normal; }


.tree { margin-bottom: 40px; font-weight: bold; }
.tree li {list-style-type: none;
          border-bottom: 1px solid #fff;
          border-top: 1px solid transparent; 
          background-color: #ae0010;}
.tree li.last {border-bottom: none; }
.tree li.hover { background-color: #7e000c; }
.tree li.current.hover { background-color:#000; color: #fff; }
.tree a { background: none; display: block; clear: right;
          margin: 0 0 0 20px; padding: 1px 0 0px 0;
          position: relative; width: 298px; }
.tree a:hover {background: none;} 
.tree li a{left: 0;}
.tree .hitarea {
    height: 19px; width: 18px;left: 0;float: left; position: relative;
    cursor: pointer; background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/vertical-nav.gif) no-repeat 0 0; }
.tree .expandable-hitarea{ background-position: 0 -1px; }
.tree .collapsable-hitarea{ background-position: -16px -1px;}
.tree ul { background-color: #fff; }
.tree ul li {background-color: #fff; color: #000; border-top: 1px solid #a3a3a3; border-bottom: none; }
.tree ul li.hover { background-color: #cfd0ca;}
.tree ul li:first-child { border-top: 1px solid #fff;}
.tree ul li li { border-color: #fff;}
.tree ul a { color: #000;}
.tree ul .expandable-hitarea{ background-position: -32px -1px;}
.tree ul .collapsable-hitarea {background-position: -48px -1px;}
.tree ul .hitarea, .tree ul a { left: 14px; position: relative;}
.tree ul a { width: 288px; }
.tree ul ul .hitarea, .tree ul ul a { left: 28px; }
.tree ul ul a { width: 274px; }
.tree ul ul ul .hitarea, .tree ul ul ul a { left: 42px; }
.tree ul ul ul a { width: 260px; }
.tree ul ul ul ul .hitarea, .tree ul ul ul ul a { left: 56px; }
.tree ul ul ul ul a { width: 246px; }
.tree ul ul ul ul ul .hitarea, .tree ul ul ul ul ul a { left: 70px; }
.tree ul ul ul ul ul a { width: 232px; }
.tree ul ul ul ul ul ul .hitarea, .tree ul ul ul ul ul ul a { left: 84px; }
.tree ul ul ul ul ul ul a { width: 218px; }
.tree ul ul ul ul ul ul ul .hitarea, .tree ul ul ul ul ul ul ul a { left: 98px; }
.tree ul ul ul ul ul ul ul a { width: 204px; }
.tree ul ul ul ul ul ul ul ul .hitarea, .tree ul ul ul ul ul ul ul ul a { left: 112px; }
.tree ul ul ul ul ul ul ul ul a { width: 190px; }
.tree ul ul ul ul ul ul ul ul ul .hitarea, .tree ul ul ul ul ul ul ul ul ul a { left: 126px; }
.tree ul ul ul ul ul ul ul ul ul a { width: 176px; }
.tree ul ul ul ul ul ul ul ul ul ul .hitarea, .tree ul ul ul ul ul ul ul ul ul ul a { left: 140px; }
.tree ul ul ul ul ul ul ul ul ul ul a { width: 162px; }
.tree li.current { background-color:#000; color: #fff; }
.tree li.current a {color: #fff;}
.tree li.current li a {color: #000;}
.tree li.current .expandable-hitarea{ background-position: 0 -1px; }
.tree li.current .collapsable-hitarea{ background-position: -16px -1px;}
.tree li.current li .expandable-hitarea{ background-position: -32px -1px;}
.tree li.current li .collapsable-hitarea {background-position: -48px -1px;}


input.autocompletion { border:1px solid #7F9DB9; padding:2px; border-left:#4475ce 3px solid }
input.alert { color:red; border-color:red}
div.autocomplete { position:absolute; clear:both; background:#eef; border:1px solid #4475ce; border-left:7px solid #4475ce; margin-left:5px; display:none }
div.autocomplete ul { padding:1px; margin:1px}
div.autocomplete ul li { list-style-type:none; color:#4475ce; cursor:pointer; }
div.autocomplete ul li.selected { list-style-type:none; background:#CCC }
div.autocomplete-immediately { position:absolute; clear:both; background:#eef; border:1px solid #4475ce; border-left:7px solid red; margin-left:5px; display:none }
div.autocomplete-immediately  ul { padding:1px; margin:1px}
div.autocomplete-immediately  ul li { list-style-type:none; color:#4475ce; cursor:pointer; }
div.autocomplete-immediately  ul li.selected { list-style-type:none; background:#CCC }


img.calendar-img-button { border: none; cursor: pointer; vertical-align: middle; opacity:0.20; filter:alpha(opacity=20); -moz-opacity:0.20 }
img.calendar-img-button:hover { border: none; cursor: pointer; vertical-align: middle; opacity:1; filter:alpha(opacity=100); -moz-opacity:1 }
div.calendar-div-container { position: absolute; border: 1px solid #000; background-color: #f0f0f0; width: 210px; padding: 2px; font-size: 10px !important; cursor: default; z-index: 5000; }
div.calendar-div-container ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
div.calendar-div-container li { float: left; }
div.calendar-div-container div.datepickerdiv { position: relative; }
div.calendar-div-container div.monthpickerdiv, div.calendar-div-container div.yearpickerdiv { position: absolute; top: 0; left: 0; visibility: hidden; }
div.calendar-div-container div.panelright { position: absolute; top: 0; right: 0; width: 41px; padding: 0; margin: 0; }
div.calendar-div-container img.selectnow { margin-right: 20px; }
div.calendar-div-container img.closecalendar { vertical-align: top; }
div.calendar-div-container a, div.calendar-div-container a:hover { text-decoration: none; color: #000; }
div.calendar-div-container a.month { display: block; width: 60px; text-align: center; }
div.calendar-div-container table { font-size: 10px !important; margin-left: auto; margin-right: auto; clear: both; width: 100%; border-collapse: separate !important; }
div.calendar-div-container th { font-size: 10px !important; border: 1px solid #444; background-color: #CFCFCF; text-align: center; width: 23px; padding: 1px 0 1px 0 !important; height: auto !important; }
div.calendar-div-container td { font-size: 10px !important; border: 1px solid #444; text-align: center; cursor: pointer; background-color: #FFF; padding: 1px 0 1px 0 !important; height: auto !important; }
div.calendar-div-container td.inactive, div.calendar-div-container td.inactive:hover { background-color: #f0f0f0; border: 1px solid #CFCFCF; color: #f0f0f0; cursor: default; }
div.calendar-div-container td.today { background-color: #B3FF99; }
div.calendar-div-container td.selected { background-color: #FF99B3; }
div.calendar-div-container td.we { background-color: #99B3FF; }
div.calendar-div-container td:hover, div.calendar-div-container td.today:hover, div.calendar-div-container td.we:hover { background-color: #FFE699; }
div.calendar-div-container img { border: none; cursor: pointer; vertical-align: text-bottom; }



.navigation-bar {
 width: 980px;
 margin-bottom: 5px;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
 
}
.navigation-bar .group { float: left; margin: 0 24px 0 8px;}

ul.topnav{ float: left; position: relative; padding: 0; }
ul.topnav li{ list-style-type: none; position: relative; display: inline; float: left; }

.navigation-menu {
 width: 980px;
 margin-bottom: 5px;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
}
.navigation-menu .group { float: left; margin: 0 24px 0 8px;}

ul.menu{ float: left; position: relative;  }
ul.menu li{ list-style-type: none; position: relative; display: inline; float: left; font-weight:bold; padding: 0px 16px 0px 0px;}


#main-navigation { background-color:#ae0010;}
#main-navigation a {
    color : #fff; display: block;
    padding: 4px 8px 2px 8px;
    background: none;}
#main-navigation li {
    border: none;
    border-left: 1px solid #ae0010;
    border-right: 1px solid #ae0010;
}
#main-navigation .dropdown {
    top: 0; height: 20px;
    margin-right: 0; padding: 4px 8px 0 8px;
    background: none;
}
#main-navigation:first-child .dropdown { border-left: none;}
#main-navigation li.dropdown:hover { border-color: #fff; background-color: #7e000c; }
#main-navigation .dropdown.inpath, #main-navigation .dropdown.current { border-color: #fff; background-color: #000; }
#main-navigation .dropdown a{padding: 0; color: #fff; }
#main-navigation .dropdown:hover a{ color: #fff;  }
#main-navigation .dropdown .menu {left: 0; top: 24px; padding-bottom: 4px; padding-top:6px; width: 320px; border-color: #000; border-top: none;}
#main-navigation .dropdown .menu li {border: none; margin-bottom:2px;}
#main-navigation .dropdown .menu li:hover {background: none;}
#main-navigation .dropdown .menu li.current a { color: #fff; background-color: #000;}
#main-navigation .dropdown .menu.hidden {left: -9999em;}
#main-navigation .dropdown .menu a { padding-left: 7px; display: block; color: #000; font-weight: bold; }
#main-navigation .dropdown .menu ul a { color: #000; font-weight: normal; }
#main-navigation .dropdown .menu ul {margin-bottom: 12px;}
#main-navigation .dropdown .menu a:hover { color: #000; background-color: #cfd0ca;}


#main-content{ position:relative; left:20%; width: 980px;} 
.three-cols #tools, .single-col #tools { border-bottom: 1px solid #000; margin-bottom: 4px; }
.three-cols .content, .single-col .content { border-top: none; padding-top: 0;}
.three-cols .content { width: 980px;}


#tools{ height: 25px; }

.content{
 float: left; width: 980px; overflow: hidden;
 margin-right:4px; margin-bottom: 20px;
 border-top: 1px solid #000; padding-top: 4px;
}

.content table th {
 background-color: #ECECEC;
 border-bottom: 1px solid #ADADAD;
 text-align:left;
 color: #474E52;
 font-weight:bold;
}

.right-col{ width: 324px; float:left; padding: 0;left:50%;}
.right-col .box {margin-right: 0; }
.content .home-navpanel{float: left; margin-right: 4px;}
.content .last-col{margin-right: 0;}
.content p { margin-right: 35px; }
.content blockquote p{margin-right: 35px; width: auto;}


.content ol, .content ul { margin-bottom: 18px; margin-right: 35px;}
.content li {
    padding-left: 12px; margin-bottom: 2px; line-height: 16px;}
.content ol li { background: none; padding: 0; list-style-position: inside; }
.content-nomenu{ border-top: none}
.homepage-content{ border-top: none; padding-top: 0;}
.fullpage-content { width: 980px; margin-right: 0;  }


.content img { margin-bottom: 12px;}
.content p img {margin-bottom: 8px; margin-top: 0px; }

.link-list li{
    list-style-type: none;
    margin-bottom: 2px;
    line-height: 16px;
    padding-left: 12px; }
.link-list a {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-decoration:none;
    background-position: 0 14px;
}
.left { margin-right: 4px; float: left;}
.right {margin-left: 4px; float: right;}


.box{ margin-bottom: 40px; margin-right: 4px; width: 324px; }
.box.larger { width: 400px !important; }
.fullbox{ margin-bottom: 40px; margin-right: 4px; width: 644px; }

.content .box { float: left; }

.box h3, .fullbox h3 {
    font-family: Impact, "Arial Black","DejaVu Sans", Arial, Helvetica , sans-serif;
    font-weight: normal; font-size:22px; letter-spacing:0.1em; line-height:26px;
    color: #000;
    text-transform: uppercase;
    padding-bottom:5px;
    border-bottom:1px solid #000;
    margin-bottom: 10px;}
.fullbox h3 { margin-bottom: 4px; }
.box h4, .fullbox h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; margin: 0; line-height: 18px; }
.box h5, .fullbox h5 {font-weight: bold; font-size: 13px;}
.box h6, .fullbox h6 {font-size: 13px;}
.box p, .fullbox p { margin-bottom:2px; padding-top: 0;}
.box ul, .fullbox ul { list-style-type: none; padding-top: 3px; margin-right: 0;}
.box.two-cols li, .box .two-cols li, .fullbox.two-cols li, .fullbox .two-cols li{ float: left; width: 144px; padding-right: 4px;}
.box.two-cols div.box-col, .box .two-cols div.box-col,
.fullbox.two-cols div.box-col, .fullbox .two-cols div.box-col { float: left; width: 160px; }
.box.two-cols div.box-left-col, .box .two-cols div.box-left-col{ margin-right:4px;}
.box .button { margin-top: 4px; }
.box blockquote {margin-top: 6px;}

.home-navpanel { margin-bottom: 44px; line-height: 18px;}
.home-navpanel .unit-col {line-height: 14px; }
.home-navpanel .unit-col div:first-child {padding-top: 4px; padding-bottom: 5px}
.homepage-content .home-navpanel .unit-col div:first-child {padding: 2px 8px}


.home-navpanel, .home-navpanel a, .home-navpanel p,
.home-navpanel h2, .home-navpanel h3, .home-navpanel h4 {color: #fff; }
.home-navpanel h3 {
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-weight: bold; text-transform: none; font-size: 18px; line-height: 20px; letter-spacing: 1px;
    border: none;
}
.home-navpanel a { background-image: url(https://isa.epfl.ch/images/gestacplus/far/web2010/underline-white.gif); }
.box-flat-panel { padding: 8px; width: 308px;} 

.unit-col{width: 160px; margin: 0 4px 0 0; padding:0;float: left; font-size: 12px;}
.unit-col a { background-position: 0 13px; }
.last-col{ margin-right: 0;}
.unit-cell{ margin: 0 0 4px 0; height: 86px; overflow: hidden; padding: 2px 8px;}
.unit-2-cells{ height: 180px; padding: 2px 8px; margin: 0 0 4px 0; overflow: hidden; }
.unit-3-cells{ height: 274px; padding: 2px 8px; margin: 0 0 4px 0; overflow: hidden;}
.last-cell{ margin: 0;}



fieldset { border-left: 1px solid #000; margin: 20px 0 20px 160px; position: relative; padding-left: 4px;}
legend {
    color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px;
    position: absolute; left: -168px; top: 0; width: 158px; margin: 0; padding: 0;}
html>body legend {left: -160px;}

.top-aligned label { display: block; }
.top-aligned fieldset label {display: inline;}

.left-aligned label { display:block; float: left; clear:left; width: 160px; text-align: left;}
.left-aligned input, .left-aligned textarea {  margin-left: 4px; width: 324px;}
.left-aligned fieldset label {display: inline; width: auto; float: none;}


#footer{
 color: #000;
 width: 980px;
 margin: 0 auto 0 auto;
 border-bottom: 1px solid #000;
 font-family: Georgia, serif;
 font-style: italic;
 font-size: 11px;
 letter-spacing: 1px;
 padding-bottom: 0px;
}
#footer a{ color: #000; background: none; font-weight: normal; }
#footer a:hover { text-decoration: underline}

#footer ul{  padding: 0; margin: 0; }
#footer li { list-style: none; display: inline; margin-right: 16px; }

.copyright { color:#454545}
#footer li.login {
 float: right;
 margin-right: 0;
 padding-left: 12px;
 background: url(https://isa.epfl.ch/images/gestacplus/far/web2010/arrow-login.png) no-repeat center left;
}



fieldset.referee { border-left: 1px solid #000; margin: 20px 0 20px 60px; position: relative; padding-left: 4px;}
fieldset.referee legend {
    color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; line-height: 18px;
    position: absolute; left: -60px; top: 0; width: 60px; margin: 0; padding: 0;}

.infobulle {position:absolute; margin:3px; width:30em; background-color:#EEEEEE; opacity:0.9; border:solid 1px #AAAAAA;}