/*------------------- CSS UNIFR.CH -------------------*/
/* @import url(http://www.unifr.ch/css/common.103.css); */
/* @import url(http://www.unifr.ch/css/crpr/1000.main.modx.css); */
/*------------------- CSS UNIFR.CH -------------------*/
/*-- COMMON PART                                   	--*/
/*-- LAST UPDATE: 20061002                          --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- DIV ID / ZONES PRINCIPALES                     --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
html { /* Force Vertical Scrollbar */
/* IE */
overflow-y: scroll; 
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}
/*-- Total de la page, alignement centré -------------*/
#webpage {
width: 800px;
margin: auto;
padding: auto;
text-align:left;
}
/*-- Bandeau et texte pour l'identité ----------------*/
#bandeau {
position:relative;
background-image: url(assets/images/vcl_header03.jpg);
background-repeat: no-repeat;
margin-left: 0px;
margin-bottom: 10px;
padding: 0px;
height: 120px; } 
#identity {
margin 0;
padding: 0;
position:relative;
clear:both;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
#identity #address a {
text-decoration: none;
color: #FFFFFF;
}
#identity #address a:hover {
text-decoration: underline;
}
/*-- Signature au fond de la page --------------------*/
#signature {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #CCCCCC;
text-align: center;
margin: 0px;
padding: 2px;
clear:both;
background-color: #4040FF;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #4040FF; }
/*-- Colonne de gauche bleue -------------------------*/
#colLeft {
background-color: #4040FF;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF;
vertical-align: top;
} 
/*-- Barre de navigation -----------------------------*/
#navigBarre ul{
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style:none;
float:left; }
#navigBarre li{ float:left; }
#navigBarre .last a { border-right-width: 0px; border-right-style: none; } 
#navigBarre .first a  { border-left-width: 0px; border-left-style: solid; border-left-color: #4040FF; } 
#navigBarre .left{
margin: 0px;
padding: 0px;
text-transform: capitalize;
font-size: 9px; }
#navigBarre .left a {
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
line-height: 15px;
border-bottom-width: 0px; }
#navigBarre .left li { display: inline; }
* html #navigBarre { height: 21px; }
* html #navigBarre a { height: 1px; float: left; }
/* * html #content { height: 1%; } */
#nbLeft {
position:relative;
float: left;
width: 200px;
padding: 0 5px 0 5px; }
#nbLeft li{ float:left; display: inline; }
#nbLeft ul{
margin: 0px;
padding: 3px 0 0 0px;
text-transform: capitalize;
list-style:none;
letter-spacing: 0.1em;
float:left; }
#nbRight {
position:relative;
margin-left: 200px;
}
#nbRight ul{
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style:none;
/* letter-spacing: 0.1em; */
float:left; }
#nbRight li{ float:left; }
/*-- Zone principale ---------------------------------*/
#main {
position:absolute;
width:798px;
margin: 0;
padding: 0;
clear: both;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: repeat-y;
border-top-width: 0px;
border-top-style: solid;
border-top-color:#4040FF;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-right-color: #4040FF;
border-left-color: #4040FF;
border-bottom-color: #4040FF; }
/*-- Colonne centrale de contenu/menu ------------------*/
#menu {
position:relative;
width: 200px;
float: left;
padding: 0 5px 0 5px; }
#content {
position:relative;
margin-left: 208px;
padding:10px;
line-height: 1.5em;
}
/*-- La Une pour les home pages ----------------------*/
#laUne .imgUne { margin: 0 10px 5px 0; }
/*-- Search box --------------------------------------*/
#searchbox form {
margin: 0px; }
#searchbox input.text {
border: 1px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 1px; }
.inputBox {
border: 1px solid #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 1px;
margin: 1px; }
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- CLASS, LISTE ET PUCES                          --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- COLOR, couleur du bandeau -----------------------*/
ul.arrowColor {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.squareColor {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
/*-- UNIFR, bleu unifr #006699 -----------------------*/
ul.arrowUnifr {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.arrowUnifr li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
ul.squareUnifr {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.squareUnifr li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
/*-- LIGHT GREY, gris clair, cadre des bo�tes ----------*/
ul.arrowLG {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.arrowLG li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
ul.squareLG {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.squareLG li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
/*-- DARK GREY, gris fonc�,couleur du texte ------------*/
ul.arrowDG {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.arrowDG li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding-bottom: 2px; }
ul.squareDG {
padding-top: 0px; 
margin-left: 0;
padding-left: 0;
list-style: none; } 
ul.squareDG li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
/*-- unifr_sdmenu: menu hiérarchisé, basé sur http://www.dhtmlgoodies.com et box002 --------*/
#unifr_sdmenu h2 {
background-color: #4040FF;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 6px 0 6px 0;
padding: 0.3em 0 0.3em 0.1em;
color: #FFFFFF; }
#unifr_sdmenu h3 {
color: #FFFFFF;
text-transform: uppercase;
margin: 6px 0 6px 0;
padding: 0.3em 0 0.3em 0.1em;
border-bottom-width: 0px;
border-bottom-style: solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-bottom-color: #4040FF;
font-weight: bold;	}
#unifr_sdmenu li{
list-style-type:none;
position:relative; }
#unifr_sdmenu ul{
margin:0px;
padding:0px;
position:relative; }
#unifr_sdmenu div{
margin:0px;
padding:0px; }
#unifr_sdmenu {		
color: #4040FF;
text-align: left;
width: 180px; }
#unifr_sdmenu a:link, #unifr_sdmenu a:visited{
text-decoration:none;	
display:block;
clear:both;
width:165px;	
padding-left:2px;	}
#unifr_sdmenu .slMenuItem_depth1{	/* Main menu items */
padding: 0.3em 0 0.3em 0.1em;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF;
margin-top:1px;  }
#unifr_sdmenu .slMenuItem_depth2{	/* Sub menu items */
margin-top:1px;
font-size: 10px; }	
#unifr_sdmenu .slMenuItem_depth3{	/* Sub menu items */
margin-top:1px;
font-size: 10px;
font-style:italic; }	
#unifr_sdmenu .slMenuItem_depth4{	/* Sub menu items */
margin-top:1px;
font-size: 9px; }	
#unifr_sdmenu .slMenuItem_depth5{	/* Sub menu items */
margin-top:1px;
font-size: 9px;
font-style:italic; }
#unifr_sdmenu .slideMenuDiv1 ul{
padding:1px; }
#unifr_sdmenu .slideMenuDiv2 ul{
margin-left:10px;
padding:1px; }
#unifr_sdmenu .slideMenuDiv3 ul{
margin-left:15px;
padding:1px; }
#unifr_sdmenu .slMenuItem_depth4 ul{
margin-left:20px;
padding:1px; }
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- CLASS, BOXES                                   --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- Boite 001: titre au sommet et fond arrondi-------*/
.box001 h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
font-weight: bold;	
color: #4040FF; 
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF;	 }
.box001 h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
font-weight: bold;	
color: #FFFFFF; 
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
.box001 .student {
background-image: url(http://unifr.ch/images/box/student.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 65px; }
.box001 .research01 {
background-image: url(http://unifr.ch/images/box/recherche01.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 65px; }
.box001 .research02 {
background-image: url(http://unifr.ch/images/box/recherche02.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 65px; }
.box001 {
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: center bottom;
width: 180px;
text-align: left;
margin: 0; 
padding: 0; }
.box001_content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 5px; }
.box001_content a:link, .box001_content a:visited { text-decoration: none; color: #4040FF; }
.box001_content a:hover { text-decoration: underline; color: #006699; }
/*-- Boite 002: menu gauche, ligne separation --------*/
.box002 {
color: #FFFFFF;
text-align: left;
width: 180px; }
.box002 a:link, .box002 a:visited { text-decoration: none; }
.box002 ul {
list-style: none; 
margin: 0;
padding: 0; }
.box002 li{
padding: 0.3em 0 0.3em 0.1em;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF;  }
.box002 h2 {
background-color: #4040FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 6px 0 6px 0;
padding: 0.3em 0 0.3em 0.1em;
color: #FFFFFF; }
.box002 h3 {
color: #FFFFFF;
margin: 6px 0 6px 0;
padding: 0.3em 0 0.3em 0.1em;
border-bottom-width: 0px;
border-bottom-style: solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-bottom-color: #4040FF;
font-weight: bold;	}
/*-- Boite 003: menu droite, ligne separation --------*/
.box003 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
padding: 3px;
border: 0px solid #4040FF;
margin-bottom: 7px;	}
.box003 ul a:link, .box003 ul a:visited { text-decoration: none; }
.box003 ul a:hover, .box003 ul a:active { text-decoration: underline; } 
.box003 .title {
background-color: #4040FF;
color: #FFFFFF;
padding: 2px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
.box003 .subtitle {
color: #FFFFFF;
font-weight: bold;
margin-top: 5px;
margin-bottom: 1px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
.box003 .subtitle2 {
color: #CCCCCC;
font-weight: normal;
margin-top: 5px;
margin-bottom: 1px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
.box003 .subtitle3 {
color: #CCCCCC;
font-weight: bold;
margin-top: 5px;
margin-bottom: 1px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF; }
.box003 .subtitle4 {
color: #CCCCCC;
font-weight: normal;
margin-top: 5px;
margin-bottom: 1px;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #4040FF;  }
.box003 .9pix {
font-size: 9px; }
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- CLASS, GENERALITES                             --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #4040FF;
margin: 0px;
text-align:center;
}
.greyCadre {
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width:0px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #4040FF;
border-bottom-color: #4040FF;
border-left-color: #4040FF; }
/* Liens ---------------------------------------------*/
*htm a {display:block;}
a:link, a:visited {
text-decoration: underline;
color: #CCCCCC;	}
a:hover, a:active {
text-decoration: underline;
color: #;	}
/* bicolonne pour les news, avec trait au milieu -----*/
.biCol1 {
border-right-width: 0px;
border-right-style: solid;
border-right-color: #CCCCCC;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px; }
.biCol2 {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px; }
/* break page */
.breakafter {
page-break-after: always;
}
.breakbefore {
page-break-before: always;
}
#content #breadcrumb {
margin-top:5px;
margin-bottom:20px;
font-size:9px;
font-family: Verdana,Arial; 
color: #CCCCCC; }
#content #breadcrumb a:link, #content #breadcrumb a:visited {
text-decoration:none; 
color: #CCCCCC; } 
#content #breadcrumb a:hover, #content #breadcrumb a:active {
text-decoration:underline; 
color: #CCCCCC; } 
#menu { 
min-height: 350px; }
.bgLightGrey { 
background-color: #4040FF; } 
#content h3 { 
border-bottom-width: 0px; 
border-bottom-style: solid; 
border-bottom-color: #CCCCCC;
background-color: #4040FF; 
padding: 1px; }
/* NAVIGATION SECONDAIREGAUCHE VERSION 2 */
div#navsec01
{
line-height: 1.1em;
font-size: 10px;
border-top: solid 1px #FFFFFF;
padding: 0;
margin: 0 0 10px 0;
width:180px;
}
div#navsec01 a
{
display:block;
text-decoration: none;
}
div#navsec01 a:hover
{
text-decoration:none;
color: #ffffff;
background-color:#4040FF;
}
div#navsec01 a.activ
{
/* background-color:#E9E9F0; */
font-weight:bold;
}
div#navsec01 ul, #navsec01 ul ul, #navsec01 ul ul ul, ul.squarelist, ul.linklist
{
width:100%;
padding:0px;
margin:0px;
list-style-type:none;
}
div#navsec01 ul li
{
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 1px 0;
}
div#navsec01 ul li a
{
padding: 4px 0 4px 7px;
}
div#navsec01 ul li ul li, 
div#navsec01 ul li ul li ul li, 
div#navsec01 ul li ul li ul li ul li
{
background-image: none;
padding: 1px 0 0 0;
}
div#navsec01 ul li ul li a
{
padding: 3px 0px 4px 17px;
}
div#navsec01 ul li ul li ul li a
{
padding: 2px 0px 3px 27px;
}
div#navsec01 ul li ul li ul li ul li a
{
padding: 2px 0px 3px 37px;
}
.activ {
font-weight:bold;
}
.activL {
background-color:#4040FF;
/* background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: left top; */
}
/* second and deeper level navigation */
div#secnav
{
line-height: 1.1em;
font-size: 10px;
border-top: solid 0px #4040FF;
padding: 0;
margin: 0 0 10px 0;
}
div#secnav a
{
display:block;
text-decoration: none;
}
div#secnav a:hover
{
text-decoration:none;
color: #ffffff;
background-color:#4040FF;
}
div#secnav a.activ
{
/* background-color:#E9E9F0; */
font-weight:bold;
}
div#secnav ul, #secnav ul ul, #secnav ul ul ul, ul.squarelist, ul.linklist
{
width:100%;
padding:0px;
margin:0px;
list-style-type:none;
}
div#secnav ul li
{
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 1px 0;
}
div#secnav ul li a
{
padding: 4px 0 4px 7px;
}
div#secnav ul li ul li, 
div#secnav ul li ul li ul li, 
div#secnav ul li ul li ul li ul li
{
background-image: none;
padding: 1px 0 0 0;
}
div#secnav ul li ul li a
{
padding: 3px 0px 4px 17px;
}
div#secnav ul li ul li ul li a
{
padding: 2px 0px 3px 27px;
}
div#secnav ul li ul li ul li ul li a
{
padding: 2px 0px 3px 37px;
}
.activ {
font-weight:bold;
}
.ok {
background-color:#4040FF;
/* background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: left top; */
}
/*------------------- CSS UNIFR.CH -------------------*/
/*-- CSS GENERIC www.unifr.ch/*                   	--*/
/*-- LAST UPDATE: 11.09.2006                        --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- STYLES DEPENDANT DE L'UO/DU SITE               --*/
/*----------------------------------------------------*/
/*-- Bandeau et texte pour l'identité ----------------*/
#address {
background-color: #4040FF;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
float: left;
width: 0px;
height:45px;
margin: 0px;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #4040FF; }
#address .txt {
margin-top:22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
background-color: #4040FF;
vertical-align: text-bottom;
text-align: left; }
/*-- Barre de navigation -----------------------------*/
#navigBarre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
background-color: #4040FF;
margin: 0px;
padding: 0px;
clear: both;
height:21px; 
position:relative;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #4040FF;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF; }
#navigBarre a{
display:block;
font-weight: bold;
padding-right: 7px;
padding-left: 7px;
line-height: 21px;
color: #FFFFFF;
text-decoration: none;
background-color: #4040FF;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF; }
#navigBarre a:hover{ background-color: #4040FF; color: #; } 
#nbLeft a {
font-weight: normal;
padding-left: 5px;
padding-right: 5px;
line-height: 15px;
border-bottom-width: 0px; 
display:block;
color: #FFFFFF;
text-decoration: none;
background-color: #4040FF;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF;  }
#nbLeft a:hover{ background-color: #4040FF; color: #EEFF55; } 
#nbRight a{
display:block;
font-weight: bold;
padding-right: 7px;
padding-left: 7px;
line-height: 21px;
color: #FFFFFF;
text-decoration: none;
background-color: #4040FF;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #4040FF; }
#nbRight a:hover{ background-color: #4040FF; color: #; } 
/*-- COLOR, couleur du bandeau -----------------------*/
ul.arrowColor li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px; }
ul.squareColor li {
padding-left: 9px;
background-image: url(assets/images/bg_vcl2.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 2px;  }
/* Titres --------------------------------------------*/
h1 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 18px;
color: #EEFF55;
font-weight: normal;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
margin: 0px; }
h2 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 14px;
color: #EEFF55;
font-weight: bold; }
h3 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #EEFF55;
font-weight: bold;
margin: 0px; }
h4 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #EEFF55;	font-weight: normal; }
body { font: 80% "lucida grande", arial, verdana, sans-serif;
color: #FFFFFF;
text-align:left;
background-color:#4040FF; }
<pre>
</pre>