/*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: 0.6em;
    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: 0 0 4px;
    padding: 0
}

h1 {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

h2 {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    clear: both
}

h3 {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    clear: both
}

li {
    list-style-position: inside;
    margin: 0;
    padding: 0
}

ul, ol {
    margin: 0;
    padding-bottom: 4px;
    padding-left: 40px
}

/*?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: 2px;
    margin-bottom: 1px;
    margin-left: 159px;
    height: 34px
}

img {
    border: 0;
}

div#header_title1 img {
    margin:0;
    padding:0;
}

#header_title2 {
    margin-bottom: 1px;
    margin-left: 159px;
    height: 28px;
}

div#header_title2 img {
    margin:0;
    padding:0;
}

#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 159px;
    padding-right: 4px;
    padding-left: 8px
}

#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
}

/*le footer*/
#footer {
    text-align: center;
    margin-right: 159px;
    margin-left: 159px;
    clear: both
}

#footer2col {
    text-align: center;
    margin-left: 159px;
    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
}

/*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;
}

.white {
    color: #999999;
    background-color: white;
    border-color: white;
}

.red_border {
    border-color: red
}

.grey_border {
    border-color: #acacac
}

.white_border {
    border-color: white
}

/* specific styles for orgcharts */
.title, .textgray {
    color: #999999;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px
}

.texttitlewht {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}

.headerline {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    padding-top: 4px;
    padding-bottom: 4px
}