html, body {
background: url(images/bg.jpg) left top repeat-y #fdec8a;
background-attachment: fixed;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Tahoma, Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
}
abbr, acronym {
border-bottom: 1px dotted #FFE6F0;
}
div#pageHeader h1, div#pageHeader h2, div#linkList h3 {
display: none;
}
div#container {
display: block;
}
div#intro {
display: block;
}
@media screen {
div#pageHeader, div#quickSummary {
position: fixed;
}
* html div#pageHeader, * html div#quickSummary {
position: absolute;
}
}
div#pageHeader {
left: 0;
top: 0;
width: 200px;
height: 320px;
background: url(images/logocarine.jpg)/* url(images/logo.jpg)*/ left top no-repeat;
}
div#quickSummary {
left: 0;
top: 240px;
width: 185px;
color: #000000;
font-size: 12px;
padding: 5px;
padding-right: 10px;
}
div#quickSummary a {
font-weight: bold;
color: #000000;
}
div#quickSummary a:hover {
color: #af24e9;
}
div#preamble, div#supportingText {
margin-left: 463px;
padding: 10px;
padding-left: 20px;
padding-bottom: 0;
}
div#preamble h3, div#supportingText h3 {
display: block;
background: url(images/hbg.jpg) left top repeat #000;
margin: 0;
padding: 0;
padding-left: 80px;
color: #FFF;
font-size: 24px;
line-height: 50px;
text-transform: lowercase;
}
div#preamble p, div#supportingText p {
font-size: 14px;
color: #000;
line-height: 1.5em;
}
div#preamble a, div#supportingText a {
color: #000;
}
div#preamble a:hover, div#supportingText a:hover {
color: #FFF;
}
div#preamble abbr, div#preamble acronym, div#supportingText abbr, div#supportingText acronym {
border-bottom: 1px dotted #000;
}
div#footer {
display: block;
height: 40px;
background: url(images/hbg.jpg) left top repeat #000;
padding: 3px;
font-size: 14px;
line-height: 20px;
text-align: center;
margin-bottom: 10px;
}
div#footer a {
color: #FFF;
font-weight: bold;
}
div#footer a:hover {
color: #000;
}
div#linkList {
position: absolute;
left: 200px;
top: 0px;
width: 263px;
font-family: Baskerville, Georgia, Garamond, Times New Roman, serif;
background-color: #FFFFFF;
}
div#linkList ul {
list-style: none;
padding: 0;
margin: 0;
}
div#linkList ul {
list-style: none;
}
div#linkList ul li {
border-bottom: 0px ;
}
div#linkList ul li a {
display: block;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
font-size: 12px;
color: #fdbc21;
text-transform: uppercase;
text-decoration: none;
}
div#linkList ul li a:hover {
background-color: #000;
color: #FFF;
}
div#linkList div#lselect ul li {
padding: 10px;
padding-left: 20px;
padding-right: 20px;
font-size: 10px;
}
div#linkList div#lselect ul li a {
padding: 0;
font-size: 12px;
}
div#linkList div#lselect ul li a:hover {
color: #000;
background-color: #FFF;
}
div#linkList div#lselect ul li a.c {
display: inline;
text-transform: none;
font-size: 10px;
color: #000;
}
div#linkList div#lselect ul li a.c:hover {
text-decoration: underline;
}
div#linkList div#lselect, div#linkList div#larchives, div#linkList div#lresources, div#csp, div#linkList div#cdivers, div#contact{
display: block;
margin-top: 10px;
}
div#linkList div#lselect h3, div#linkList div#larchives h3, div#linkList div#lresources h3, div#linkList div#cdivers h3, div#contact h3{
display: block;
height: 35px;
width: 100%;
margin: 0;
padding: 0;
}
div#linkList div#lselect h3 span, div#linkList div#larchives h3 span, div#linkList div#lresources h3 span, div#linkList div#cdivers h3 span, div#contact h3 span{
display: none;
}
div#linkList div#lselect h3 {
background: url(images/ll_selectadesign.jpg) left top no-repeat;
}
div#linkList div#larchives h3 {
background: url(images/ll_archives.jpg) left top no-repeat;
}
div#linkList div#lresources h3 {
background: url(images/ll_resources.jpg) left top no-repeat;
}
div#linkList div#cdivers h3 {
background: url(images/cdivers.jpg) left top no-repeat;
}
div#linkList div#contact h3 {
background: url(images/contact.jpg) left top no-repeat;
}
/* css pour la pagination */
ul
{
border:0;
margin:0;
padding:0;
}
#pagination-digg li
{
border:0;
margin:0;
padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a
{
border:solid 1px #000;
margin-right:2px;
}
#pagination-digg .previous-off, #pagination-digg .next-off
{
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a, #pagination-digg .previous a
{
font-weight:bold;
}
#pagination-digg .active
{
background:#000;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link, #pagination-digg a:visited
{
color:#af24e9;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover
{
border:solid 1px #fff;
}
/* Fin du css pour la pagination */
div#float
{
float:left ;
margin-right:10px ;
}
div#float2
{
float:right ;
margin-left:10px ;
}
/* css pour les infos-bulles */
/* Rend invisible tout notre bloc span */
a.info_bulle span
{
position : absolute;
top : -2000em;
left : -2000em;
width : 1px;
height : 1px;
overflow : hidden;
background : #000; /* Définition du fond, sinon on a le même que notre lien */
border : 1px solid #af24e9;
color : #fff;
}
a.info_bulle
{
color : #af24e9; /* Couleur du lien */
font-size : 1.1em;
text-decoration : none;
padding : 2px 12px 2px 2px; /*Définition des marges intérieures du lien */
/* Définition de l'arrière plan du lien */
background : transparent url('bulle.png') no-repeat right center;
}
/* Rend visible tout le bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span
{
top : auto;
left : auto;
width : 220px;
height : auto;
overflow : visible;
}
a.info_bulle:hover
{
border : 0; /* ligne qui corrige le bug d'IE6 et inférieur */
position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */
}
/*Fin du css pour les infos-bulles */