Version 2.1
/** 1.5 addon **/
h1 {
/* IE hack */
font-size: 1em;
}
#statusDiv {
/* display: none; */
}
.liveAnchor:visited {
color: red;
}
/** end 1.5 addon **/
/** 1.4 addon **/
.hoverDiv {
background-color: white;
/* change next line for other font size */
font-size: 12px;
width: 15em;
position: absolute;
padding: 0;
margin: 0;
border: 1px solid black;
-moz-border-radius: 0;
}
.hoverDiv h1 {
color: white;
background-color: grey;
font-size: inherit;
text-align: inherit;
white-space: normal;
overflow: hidden;
padding: 1px 1px 1px 3px;
margin: 0;
border: 0;
-moz-border-radius: 0;
}
.hoverDiv span {
color: black;
background-color: white;
font-size: inherit;
font-weight: normal;
text-align: left;
white-space: normal;
max-height: 20em;
display: block;
overflow: hidden;
padding: 1px 1px 1px 3px;
margin: 0;
border: 0;
-moz-border-radius: 0;
}
.hoverDiv * img {
display: none;
}
/** end 1.4 addon **/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#AABBCE;
margin:10px;
padding:0;
font-size:12px;
color:#223953;
}
a {
text-decoration:none;
}
/**************************************** form#searchForm formulaire de recherche haut de page ****************************************/
form#searchForm {
position:relative;
margin:10px auto;
width:80%;
text-align:center;
}
form#searchForm img {
vertical-align:middle;
}
/* Sélection déroulante */
form#searchForm select {
padding:1px;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#BFCDDE;
font-weight:bold;
}
form#searchForm select option {
border-bottom:1px solid #D7E1EC;
background-color:#BFCDDE;
font-weight:bold;
}
/* champ texte */
form#searchForm input[type="text"] {
padding:2px;
width:60%;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#BFCDDE;
font-weight:bold;
}
form#searchForm input:focus[type="text"] {
background-color:#D7E1EC;
}
/* bouton */
form#searchForm input[type="submit"] {
padding:1px;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#527193;
color:#ffffff;
}
form#searchForm input:hover[type="submit"] {
background-color:#FFDE00;
color:#223953;
}
/**************************************** table#bookmarksSheet affichage du contenu en colonnes ****************************************/
table#bookmarksSheet {
position:relative;
width:80%;
margin:10px auto;
border-collapse:separate;
border-spacing:10px;
table-layout: fixed;
}
table#bookmarksSheet td {
position:relative;
empty-cells: show;
vertical-align:top;
}
/**************************************** div.folder dossiers ****************************************/
div.folder {
position:relative;
margin:0 0 5px 0;
padding:5px;
background-color:#527193;
-moz-border-radius:10px;
}
div.folder:hover {
background-color:#6885A4;
}
/**************************************** div.folder h1 titre des dossiers ****************************************/
div.folder h1 {
position:relative;
margin:0;
padding:0;
z-index:1;
text-align:center;
}
div.folder h1 a {
position:relative;
display:block;
padding:5px;
font-size:14px;
color:#ffffff;
color:#ffffff;
}
div.folder h1 a span {
position:relative;
display:block;
letter-spacing:2px;
}
div.folder h1 a span + span {
font-size:12px;
font-style:italic;
font-weight:normal;
letter-spacing:normal;
}
/**************************************** div.folder contenu de chaque dossier ****************************************/
div.folder ul {
position:absolute;
display:none;
left:20%;
width:100%;
margin:-2% 0 0;
padding:5px;
background-color:#BFCDDE;
-moz-border-radius:10px;
z-index:10;
list-style:none;
}
div.folder:hover ul {
display:block;
}
div.folder ul li {
margin:0;
padding:12px 0;
}
div.folder ul li a {
position:absolute;
display:block;
width:100%;
margin:-10px 0 0;
padding:2px;
font-size:12px;
font-weight:bold;
color:#000000;
z-index:10;
}
div.folder ul li a:hover {
width:105%;
margin:-12px 0 0 -5%;
padding:5px;
background-color:#FFDE00;
border:1px solid #223953;
-moz-border-radius:10px;
font-size:14px;
z-index:11;
}
div.folder ul li a img {
margin:0 4px 0 0;
height:16px;
border:none;
vertical-align:middle;
}
div.folder ul li a:hover img {
height:20px;
}
div.folder ul li.separator {
border-bottom:1px solid #D7E1EC;
padding:0;
margin:5px 0;
}
/**************************************** div.hoverDiv description des contenus élément flotant ****************************************/
.hoverDiv {
display:none;
position:relative;
margin:0;
padding:0;
background-color:#D0D4DA;
font-size:10px;
}
.hoverDiv h1 {
position:relative;
margin:0;
padding:0;
font-size:10px;
background-color:#7595B9;
}
.hoverDiv span {
position:relative;
font-size:10px;
}
/**************************************** #otherLinks Liens du bas ****************************************/
#otherLinks {
position:relative;
margin:10px auto;
width:80%;
text-align:center;
}
#otherLinks * li {
display:inline;
padding-right: 3em;
}
#otherLinks * a {
color:#223953;
font-weight:bold;
}
/********************************************************************************/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#AABBCE;
margin:10px;
padding:0;
font-size:12px;
color:#223953;
}
a {
text-decoration:none;
}
/****************************************
form#searchForm
formulaire de recherche
haut de page
****************************************/
form#searchForm {
position:relative;
margin:10px auto;
width:80%;
text-align:center;
}
form#searchForm img {
vertical-align:middle;
}
/* Sélection déroulante */
form#searchForm select {
padding:1px;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#BFCDDE;
font-weight:bold;
}
form#searchForm select option {
border-bottom:1px solid #D7E1EC;
background-color:#BFCDDE;
font-weight:bold;
}
/* champ texte */
form#searchForm input[type="text"] {
padding:2px;
width:60%;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#BFCDDE;
font-weight:bold;
}
form#searchForm input:focus[type="text"] {
background-color:#D7E1EC;
}
/* bouton */
form#searchForm input[type="submit"] {
padding:1px;
border:1px solid #223953;
-moz-border-radius:5px;
background-color:#527193;
color:#ffffff;
}
form#searchForm input:hover[type="submit"] {
background-color:#FFDE00;
color:#223953;
}
/****************************************
table#bookmarksSheet
affichage du contenu en colonnes
****************************************/
table#bookmarksSheet {
position:relative;
width:80%;
margin:10px auto;
border-collapse:separate;
border-spacing:10px;
table-layout: fixed;
}
table#bookmarksSheet td {
position:relative;
empty-cells: show;
vertical-align:top;
}
/****************************************
div.folder
dossiers
****************************************/
div.folder {
position:relative;
margin:0 0 5px 0;
padding:5px;
background-color:#527193;
-moz-border-radius:10px;
}
div.folder:hover {
background-color:#6885A4;
}
/****************************************
div.folder h1
titre des dossiers
****************************************/
div.folder h1 {
position:relative;
margin:0;
padding:0;
z-index:1;
text-align:center;
}
div.folder h1 a {
position:relative;
display:block;
padding:5px;
font-size:14px;
color:#ffffff;
color:#ffffff;
}
div.folder h1 a span {
position:relative;
display:block;
letter-spacing:2px;
}
div.folder h1 a span + span {
font-size:12px;
font-style:italic;
font-weight:normal;
letter-spacing:normal;
}
/****************************************
div.folder
contenu de chaque dossier
****************************************/
div.folder ul {
position:absolute;
display:none;
left:20%;
width:90%;
margin:-2% 0 0;
padding:5px;
background-color:#BFCDDE;
-moz-border-radius:10px;
z-index:10;
list-style:none;
}
div.folder:hover ul {
display:block;
}
div.folder ul li {
margin:0;
padding:12px 0;
}
div.folder ul li a {
position:absolute;
display:block;
width:100%;
margin:-10px 0 0;
padding:2px;
font-size:12px;
font-weight:bold;
color:#000000;
z-index:10;
}
div.folder ul li a:hover {
width:105%;
margin:-12px 0 0 -5%;
padding:5px;
background-color:#FFC600;
border:1px solid #223953;
-moz-border-radius:10px;
font-size:14px;
z-index:11;
}
div.folder ul li a img {
margin:0 4px 0 0;
height:16px;
border:none;
vertical-align:middle;
}
div.folder ul li a:hover img {
height:20px;
}
div.folder ul li.separator {
border-bottom:1px solid #D7E1EC;
padding:0;
margin:5px 0;
}
/****************************************
div.hoverDiv
description des contenus
élément flotant
****************************************/
.hoverDiv {
display:none;
position:relative;
margin:0;
padding:0;
background-color:#D0D4DA;
font-size:10px;
}
.hoverDiv h1 {
position:relative;
margin:0;
padding:0;
font-size:10px;
background-color:#7595B9;
}
.hoverDiv span {
position:relative;
font-size:10px;
}
/****************************************
#otherLinks
Liens du bas
****************************************/
#otherLinks {
position:relative;
margin:10px auto;
width:80%;
text-align:center;
}
#otherLinks * li {
display:inline;
padding-right: 3em;
}
#otherLinks * a {
color:#223953;
font-weight:bold;
}