/* Feuille de style réalisé par le webmaster du site, Sleepy
Créé le 17 mars 2008
Cette feuille de style respecte les normes W3C.

*/

/* II. Apparence du site et disposition de ses éléments (header, contenu, footer...) */

/* Header du site (découpé en deux parties) */
#header-global {width:968px; margin:auto; }
#header-global img {border:none; padding:0px; margin:0px; }
#header-global a:hover {text-decoration:none; }
#header-global .header-droite {margin-left:-5px; }

/* Bloc global du site (contient aussi bien le contenu que le menu) */
#main {
background-color:white; 
width:987px; 
margin:auto;
position:relative;
left:2px; top:0;
padding-top:5px;
border-top:2px solid #7680b1; border-right:2px solid #7680b1; border-left:2px solid #7680b1;
}

#coingauche, #coindroit {width:21px; height:25px; font-size:1px; /* correction d'un bug IE */ }
#coingauche {background: url('images/cg.jpg'); position:absolute; top:-6px; left:-7px; }
#coindroit {background: url('images/cd.jpg'); position:absolute; top:-6px; right:-4px; }

/* Menu sous le header */
.menu-sousheader {
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
margin-top:-2px;
color:white;
text-align:center;
font-size:0.9em;
line-height:1.5em;
}

.menu-sousheader span {background-color:#676896; }
.menu-sousheader a {color:#ffefbd; font-family:Verdana; font-style:italic; }

/* Menu du site */
#menu-global {position:absolute; left:10px; top:8px; width:180px; }
.menu {background-color:#e0eaf2; width:180px; margin-bottom:10px; border:1px solid #d1d0d0; }

.menu-haut .titre-menu {
display:block;
font-family:Arial, Verdana, serif;
font-weight:bold;
color:#656996;
font-size:120%;
padding-top:2px;
padding-left:5px;
background-image: url('images/menu-trait.jpg');
background-repeat:no-repeat;
background-position:center bottom;
height:16px;
text-transform:uppercase;
}

.menu ul {padding-top:3px; list-style-type:square; margin-left:8px; padding-bottom:5px; font-size:0.89em; }
.menu li a {color:#072743; }
.menu li a:hover {color:black; }
.menu li {color:#434444; padding-top:1px; }

/* Contenu du site */
#contenu-global {margin-left:200px; margin-right:11px; overflow:auto; min-height:520px; } 
.contenu-txt {font-size:0.95em; padding-top:16px; line-height:1.25em; padding-top:18px; }

/* Fil d'ariane */
.nav-site, .nav-site-carte {height:16px; line-height:14px; font-size:0.85em; border-bottom:1px solid #cccccc; margin-bottom:2px; }
.nav-site {
position:absolute;
top:5px;
left:200px;
width:700px;
}

.nav-site-carte {
width:87px;
position:absolute;
right:10px;
top:5px;
text-align:right;
}

/* Mise en forme des fiches */
.fiche-txt h1, .fiche-txt h2, .fiche-txt h3, .fiche-txt h4, .fiche-txt h5 { padding-top:2px; padding-bottom:5px;}

.fiche-txt {text-align:justify; padding-right:3px; color:#333; }
.fiche-txt .txt-citation { margin-bottom:5px; }

/* Footer du site */
#footer-global {margin-top:10px; margin-left:-4px; }

.footer_haut {
margin:auto;
background-image:url('images/footer.jpg');
width:996px;
height:160px;
}

.footer-haut-txt {padding-left:15px; padding-right:120px; text-align:justify; padding-top:18px; }
.footer-haut-txt p {color:#e0e0e0; }

/* Feuille de style terminée ! */