/*------------------------ and -------------------------*/
html { /* Force Vertical Scrollbar */
/* IE */
/* overflow-y: scroll; */
overflow: scroll !important;
/* Moz */
height: 100%;
margin-bottom: 1px;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
background-color: #FFFFFF;
margin: 0px;
text-align:center;
overflow: visible;
}
a:link, a:visited {
text-decoration: underline;
color: #333333;
}
a:hover, a:active {
text-decoration: underline;
color: #006699; }
/*----------- container IDs ----------------------*/
#webpage {
width: 800px; /* replaces 800px */
margin: auto;
padding: 0;
text-align:left;
overflow: visible;
}
/*-- Bandeau et texte pour l'identite ----------------*/
#identity {
margin: 0;
padding: 0;
position:relative;
clear:both;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009070;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #009070;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #009970;
}
#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; /* replaces 9px */
color: #999999;
text-align: center;
margin: 0px;
padding: 1px; /* replaces 2px */
clear:both;
background-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
#lastmodif {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; /* replaces 9px */
color: #999999;
text-align: center;
margin: 0px;
padding: 2px; /* replaces 2px */
clear:both;
background-color: #FFFFFF;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #CCCCCC;
background-image: url(./su.gif);
background-repeat: no-repeat;
background-position: 85% 50%;
}
/*-------------- department identity: ----------------------*/
#bandeau {
position: relative;
margin-left: 200px;
padding: 0px;
height: 60px;
width: auto;
/*
border-left-width: 1px;
border-left-style: solid;
border-left-color: #009970;
*/
border-top-width: 1px;
border-top-style: solid;
border-top-color: #009970;
}
#address {
background-color: #ffffff;
color: #009970;
padding-top: 10px; /* replaces 5px */
padding-right: 5px; /* replaces 5px */
padding-bottom: 0px; /* replaces 10px */
padding-left: 0px; /* replaces 5px */
float: left;
width: 190px; /* replaces 190px */
height: 50px; /* replaces 45px */
margin: 0px;
font-size: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #009970;
/*
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #009970;
*/
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009970;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
vertical-align: text-bottom;
text-align: center;
}
/*---------------- Barre de navigation -----------------------------*/
#navigBarre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; /* replaces 11px */
color: #009970;
text-decoration: none;
background-color: #ffffff;
margin: 0px;
padding: 0px;
clear: both;
height: 21px; /* replaces 21px */
position:relative;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #009970;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009970;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #009970;
}
#navigBarre a {
display:block;
font-weight: bold;
padding-right: 7px; /* replaces 7px */
padding-left: 7px; /* replaces 7px */
line-height: 21px; /* replaces 21px */
color: #009970;
text-decoration: none;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF; }
#navigBarre a:hover{ background-color: #E4EDF2; color: #009970; }
#navigBarre li{ float:left; }
#navigBarre .last a { border-right-width: 0px; border-right-style: none; }
#navigBarre .first a { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; }
#navigBarre ul{
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style:none;
letter-spacing: 1px;
float:left; }
#nbLeft {
position:relative;
float: left;
width: 190px; /* replaces 190px */
padding: 0 5px 0 0px; /* replaces 0 5px 0 5px */
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009970;
}
#nbLeft a {
font-weight: normal;
padding-left: 4.56px; /* replaces 5px */
padding-right: 4.56px; /* replaces 5px */
line-height: 15px; /* replaces 15px */
border-bottom-width: 0px;
display:block;
color: #009970;
text-decoration: none;
text-transform: capitalize;
/* text-transform: uppercase; */
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009970;
}
#nbLeft a:hover { background-color: #E4EDF2; color: #009970; }
#nbLeft li{ float:left; display: inline; }
#nbLeft ul{
margin: 0px;
padding: 3px 0 0 3px; /* replaces 3px 0 0 0px */
text-transform: capitalize;
/* text-transform: uppercase; */
list-style:none;
letter-spacing: 1px;
float:left; }
#nbRight {
position:relative;
margin-left: 200px; /* replaces 200px */
}
#nbRight a {
display:block;
font-weight: bold;
padding-right: 7px; /* replaces 7px */
padding-left: 7px; /* replaces 7px */
line-height: 21px; /* replaces 21 px */
color: #009970;
text-decoration: none;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #009970;
}
#nbRight a:hover{ background-color: #E4EDF2; color: #009970; }
#nbRight ul{
margin: 0px;
padding: 0px;
text-transform: uppercase;
list-style:none;
letter-spacing: 1px;
float:left; }
#nbRight li{ float:left; }
/*-- Zone principale ---------------------------------*/
#main {
position:absolute;
width: 798px; /* replaces 798px; */
margin: 0;
padding: 0;
clear: both;
background-color: #FFFFFF;
background-repeat: repeat-y;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
border-bottom-color: #CCCCCC;
overflow: visible;
}
/*-- Colonne centrale de contenu/menu ------------------*/
#menu {
position:relative;
width: 190px; /* replaces 190px */
float: left;
padding: 0 5px 0 5px; /* replaces 0 5px 0 5px */
/*** new by AJ: */
background-color: #E4EDF2;
background-repeat: repeat-y;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-right-width: 1px;
border-left-width: 0px;
border-bottom-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
#content {
position:relative;
margin-left: 200px; /* replaces 200px */
padding: 10px; /* replaces 10px */
line-height: 1.3em;
overflow: visible;
}
* html #content { height: 1%; }
/*-- LISTS: -----------------------------------------------*/
ul.arrowColor {
padding-top: 0px;
margin-left: 0;
margin-bottom: 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;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.arrowUnifr li {
padding-left: 9px; /* replaces 9px */
background-image: url(./arrowColor.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
ul.squareUnifr {
padding-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.squareUnifr li {
padding-left: 9px; /* replaces 9px */
background-image: url(./squareColor.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 0.2px; /* replaces 2px */
}
/*-- LIGHT GREY, gris clair, cadre des bo�tes ----------*/
ul.arrowLGrey {
padding-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.arrowLGrey li {
padding-left: 9px; /* replaces 9px */
background-image: url(./arrowLG.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
ul.squareLGrey {
padding-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.squareLGrey li {
padding-left: 9px; /* replaces 9px */
background-image: url(./squareLG.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
/*-- DARK GREY, gris fonce, couleur du texte ------------*/
ul.arrowGrey {
padding-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.arrowGrey li {
padding-left: 9px; /* replaces 9px */
background-image: url(./arrowDG.gif);
background-repeat: no-repeat;
background-position: 0 2px;
padding-bottom: 2px; /* replaces 2px */
}
ul.squareGrey {
padding-top: 0px;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.squareGrey li {
padding-left: 9px; /* replaces 9px */
background-image: url(./squareDG.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
/*-- COLOR, couleur du bandeau -----------------------*/
ul.arrowColor li {
padding-left: 9px; /* replaces 9px */
background-image: url(./arrowColor.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
ul.squareColor li {
padding-left: 9px; /* replaces 9px */
background-image: url(./squareColor.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding-bottom: 2px; /* replaces 2px */
}
/*----------- BOX: : ---------------------------*/
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
background-color: #ffffff;
text-align: left;
padding: 3px; /* replaces 3px */
border: 1px solid #CCCCCC;
margin-bottom: 7px; /* replaces 7px */
}
.textbox ul a:link, .textbox ul a:visited { text-decoration: none; }
.textbox ul a:hover, .textbox ul a:active { text-decoration: underline; }
.redborder {
border-color: #ff0000;
border-width: 2px;
}
.orangeborder {
border-color: #FF9900;
border-width: 2px;
}
.greenborder {
border-color: #66cc99;
border-width: 2px;
}
.blueborder {
border-color: #006699;
border-width: 2px;
}
.magentaborder {
border-color: #9900ff;
border-width: 2px;
}
.pinkborder {
border-color: #ff00ff;
border-width: 2px;
}
/* Titres --------------------------------------------*/
h1 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 18px; /* replaces 18px */
color: #009970;
font-weight: normal;
padding-top: 5px; /* replaces 5px */
padding-right: 0px;
padding-bottom: 2px; /* replaces 2px */
padding-left: 0px;
margin: 0px; }
h2 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 13px; /* replaces 14px */
color: #009970;
font-weight: bold;
}
h3 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 11px; /* replaces 12px */
color: #009970;
font-weight: bold;
margin: 0px;
}
h4 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 12px; /* replaces 12px */
color: #333333;
font-weight: normal; }
h2.bluecorner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.000em;
font-weight: bold;
color: #006699;
background-image: url(./corner.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
h2.orangeline {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2px;
margin-top: 0px;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF9900;
border-bottom-color: #FF9900;
font-size: 12px;
padding: 2px 2px 2px 2px;
color: #006699;
}
h2.greenline {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2px;
margin-top: 0px;
border-top-width: 3px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #66cc99;
border-bottom-color: #66cc99;
font-size: 12px;
padding: 2px 2px 2px 2px;
color: #006699;
}
h2.bluebar {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E4EDF2;
text-transform: uppercase;
color: #333333;
padding: 2px; /* replaces 2px */
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-size: 11px;
}
/**** scalable em size class images: */
img.width100 {
width: 565px; /* replaces 570px width, ie. 100% width of the contents box */
/* height: 218px; /* replaces 218px height */ */
border-style: none;
}
img.banner {
width: 594px; /* replaces 600px width */
height: 59px; /* replaces 60px height */
}
img.width15 {
width: 69px; /* replaces 69px width */
height: 69px; /* replaces 69px height */
}
img.width30 {
width: 168px; /* 30% width of contents box */
}
img.width35 {
width: 195px; /* 35% width of contents box */
}
img.width70 {
width: 395px; /* 70% width of contents box */
}
table.large {
width: 100%;
text-align: center;
border-style: hidden;
}
tr.head {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 12px; /* replaces 12px */
color: #009970;
background-color: #eeffee;
font-weight: bold;
margin: 0px;
}
td.head {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 12px; /* replaces 12px */
color: #009970;
background-color: #eeffee;
font-weight: bold;
margin: 0px;
}
tr.hi {
background-color: #eeffee;
color: #009970;
}
tr.hi a{
background-color: #eeffee;
color: #009970;
}
.pgbreak {
display: block;
page-break-before: always;
}