/*------------------------ and -------------------------*/
html { /* Force Vertical Scrollbar */
/* IE */
/* overflow-y: scroll; */
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
background-color: #FFFFFF;
margin: 0em;
text-align:center;
}
a:link, a:visited {
text-decoration: underline;
color: #333333;
}
a:hover, a:active {
text-decoration: underline;
color: #006699; }
/*----------- container IDs ----------------------*/
#webpage {
width: 72.7273em; /* replaces 800px */
margin: auto;
padding: 0;
text-align:left;
}
/*-- 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: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
#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: 0.8182em ; /* replaces 9px */
color: #999999;
text-align: center;
margin: 0em;
padding: 0.1818em; /* 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: 0.8182em; /* replaces 9px */
color: #999999;
text-align: center;
margin: 0em;
padding: 0.1818em; /* 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: 18.27em;
padding: 0px;
height: 5.45em;
width: auto;
}
#address {
background-color: #009970;
padding-top: 0.455em; /* replaces 5px */
padding-right: 0.455em; /* replaces 5px */
padding-bottom: 0.91em; /* replaces 10px */
padding-left: 0.455em; /* replaces 5px */
float: left;
width: 17.273em; /* replaces 190px */
height:4.091em; /* replaces 45px */
margin: 0em;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #009970;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
vertical-align: text-bottom;
text-align: center;
}
/*---------------- Barre de navigation -----------------------------*/
#navigBarre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em; /* replaces 11px */
color: #FFFFFF;
text-decoration: none;
background-color: #009970;
margin: 0px;
padding: 0px;
clear: both;
height:1.91em; /* 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; }
#navigBarre a {
display:block;
font-weight: bold;
padding-right: 0.636em; /* replaces 7px */
padding-left: 0.636em; /* replaces 7px */
line-height: 1.91em; /* replaces 21px */
color: #FFFFFF;
text-decoration: none;
background-color: #009970;
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: 0em; border-right-style: none; }
#navigBarre .first a { border-left-width: 1px; border-left-style: solid; border-left-color: #FFFFFF; }
#navigBarre ul{
margin: 0em;
padding: 0em;
text-transform: uppercase;
list-style:none;
letter-spacing: 0.1em;
float:left; }
#nbLeft {
position:relative;
float: left;
width: 17.3727em; /* replaces 190px */
padding: 0 0.455em 0 0; /* replaces 0 5px 0 5px = trbl */
}
#nbLeft a {
font-weight: normal;
padding-left: 0.415em; /* replaces 5px */
padding-right: 0.415em; /* replaces 5px */
/*padding-left: 0.1em;*/
/*padding-right: 0.1em;*/
line-height: 1.364em; /* replaces 15px */
border-bottom-width: 0px;
display:block;
color: #FFFFFF;
text-decoration: none;
text-transform: capitalize;
/* text-transform: uppercase; */
background-color: #009970;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
}
#nbLeft a:hover { background-color: #E4EDF2; color: #009970; }
#nbLeft li{ float:left; display: inline; }
#nbLeft ul{
margin: 0em;
padding: 0.2727em 0 0 0em; /* replaces 3px 0 0 0px */
text-transform: capitalize;
/* text-transform: uppercase; */
list-style:none;
letter-spacing: 0.1em;
float:left; }
#nbRight {
position:relative;
margin-left: 18.1818em; /* replaces 200px */
}
#nbRight a {
display:block;
font-weight: bold;
padding-right: 0.6364em; /* replaces 7px */
padding-left: 0.6364em; /* replaces 7px */
/*padding-right: 0.5em;*/
/*padding-left: 0.5em;*/
line-height: 1.9091em; /* replaces 21 px */
color: #FFFFFF;
text-decoration: none;
background-color: #009970;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF; }
#nbRight a:hover{ background-color: #E4EDF2; color: #009970; }
#nbRight ul{
margin: 0em;
padding: 0em;
text-transform: uppercase;
list-style:none;
letter-spacing: 0.1em;
float:left; }
#nbRight li{ float:left; }
/*-- Zone principale ---------------------------------*/
#main {
position:absolute;
width:72.5454em; /* 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;
}
/*-- Colonne centrale de contenu/menu ------------------*/
#menu {
position:relative;
width: 17.2727em; /* replaces 190px */
float: left;
padding: 0 0.455em 0 0.455em; /* replaces 0 5px 0 5px */
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: 18.1818em; /* replaces 200px */
padding:0.9091em; /* replaces 10px */
line-height: 1.3em;
}
* html #content { height: 1%; }
/*-- LISTS: -----------------------------------------------*/
/*-- EMPTY -------------------------------------------*/
ul.empty {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.empty li {
padding-left: 0.8181em; /* replaces 9px */
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
/*-- UNIFR, bleu unifr #006699 -----------------------*/
ul.arrowUnifr {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.arrowUnifr li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./arrowColor.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
ul.squareUnifr {
padding-top: 0em;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
ul.squareUnifr li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./squareColor.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
/*-- COLOR, couleur du bandeau -----------------------*/
ul.arrowColor {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.arrowColor li {
padding-left: 0.8182em; /* replaces 9px */
background-image: url(./arrowColor.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
ul.squareColor {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.squareColor li {
padding-left: 0.8182em; /* replaces 9px */
background-image: url(./squareColor.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
/*-- LIGHT GREY, gris clair, cadre des boites ----------*/
ul.arrowLGrey {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.arrowLGrey li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./arrowLG.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
ul.squareLGrey {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
ul.squareLGrey li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./squareLG.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
/*-- DARK GREY, gris foncé, couleur du texte ------------*/
ul.arrowGrey {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.arrowGrey li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./arrowDG.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding-bottom: 0.1818em; /* replaces 2px */
}
ul.squareGrey {
padding-top: 0em;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
ul.squareGrey li {
padding-left: 0.8181em; /* replaces 9px */
background-image: url(./squareDG.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
padding-bottom: 0.1818em; /* replaces 2px */
}
/*----------- BOX: : ---------------------------*/
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-color: #ffffff;
text-align: left;
padding: 0.2727em; /* replaces 3px */
border: 0px solid #CCCCCC;
margin-bottom: 0.6363em; /* 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: 1px;
}
.greyborder {
border-color: #CCCCCC;
border-width: 1px;
}
.orangeborder {
border-color: #FF9900;
border-width: 1px;
}
.curved {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; /* Mozilla support*/
-moz-border-radius-bottomleft: 10px; /* Mozilla support*/
border-top-width: 3px;
}
/*------------ Titres --------------------------------------------*/
h1 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 1.6364em; /* replaces 18px */
color: #006699;
font-weight: bold;
padding-top: 0.455em; /* replaces 5px */
padding-right: 0em;
padding-bottom: 0.1818em; /* replaces 2px */
padding-left: 0.1818em; /* replaces 2px */
margin: 0px;
}
h2 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 1.1818em; /* replaces 13px */
color: #006699;
font-weight: bold;
}
h3 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 1.091em; /* replaces 12px */
color: #006699;
font-weight: bold;
margin: 0em;
}
h4 {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 1.091em; /* replaces 12px */
color: #333333;
font-weight: normal; }
h2.bluecap {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2px;
margin-top: 0px;
font-size: 12px;
padding: 2px 2px 2px 2px;
color: #006699;
}
h2.menuorangeline {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF9900;
}
h2.menugreyline {
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.bluebar {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
background-color: #E4EDF2;
font-weight: bold;
text-transform: uppercase;
color: #006699;
padding: 0.2727em; /* replaces 3px */
margin-top: 0em;
margin-bottom: 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-size: 12px;
}
/*--- scalable em size class images: -----------------*/
img.width100 {
width: 51.3636em; /* replaces 565px (570px) width, ie 100% width of contents box */
/* height: 19.8181em; /* replaces 218px height */
border-style: none;
}
img.banner {
width: 53.9900em; /* replaces 594px (600px) width */
height: 5.4545em; /* replaces 60px height */
border-style: none;
}
img.width15 {
width: 6.2727em; /* replaces 69px width */
height: 6.2727em; /* replaces 69px height */
}
img.width30 {
width: 14em; /* width=30% of contents box */
}
img.width35 {
width: 17.977em; /* width=35% of contents box */
}
img.width70 {
width: 35.909em; /* width=70% 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: 1.0em; /* replaces 11px */
color: #006699;
background-color: #E4EDF2;
font-weight: bold;
margin: 0em;
}
td.head {
font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
font-size: 1.0em; /* replaces 11px */
color: #006699;
/*background-color: #eeffee;*/ /*light green*/
background-color: #E4EDF2; /*light blue*/
font-weight: bold;
margin: 0em;
}
tr.hi {
background-color: #E4EDF2;
}
tr.pgbreak {
display: none;
}
textarea
{
font-size: 1em;
text-align: left;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 98%;
}
input
{
font-size: 10px;
text-align: left;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lastmodif a:link, #lastmodif a:visited { text-decoration: none; }
#lastmodif a:hover, #lastmodif a:active { text-decoration: underline; }