/* --- body --- */
html, body {
height: 100%;
margin: 0;
background: #ddd url(img/html.png); /* --- fond achuré de chaque coté --- */
font: 90% "Trebuchet MS", sans-serif;
}
/* --- tower skpe de chaque coté --- */
div#skye-left {
background: url(img/figurine-journaliste.png) no-repeat;
position: absolute;
top: 200px;
left: 10px;
height: 600px;
width: 350px;
}
div#skye-right {
background: url(img/figurine-papi-rock.png) no-repeat;
position: absolute;
top: 200px;
right: 10px;
height: 600px;
width: 520px;
}
/* --- Tete de page --- */
div#header {
background: #000099 url(img/emetteur.jpg) no-repeat;
color: #fff;
height: 201px;
position: relative;
}
div#header-public {
background: #000066 url(img/fm43-logo-tete-transparent.gif) no-repeat;
color: #fff;
height: 201px;
position: relative;
}
/* titre du site*/
div#header h1 {
margin: 0;
position: absolute;
bottom: 40px;
left: 30px;
font: 3em Georgia, serif;
}
div#header-public h1 {
margin: 0;
position: absolute;
bottom: 80px;
left: 440px;
font: 2em Georgia, serif;
color: #CC9900;
}
div#header-public h11 {
margin: 0;
position: absolute;
top: 10px;
right: 20px;
font: 2em Georgia, serif;
color: #CC9900;
}
div#global {
min-height: 100%;
width: 750px;
padding: 0 10px;
margin: 0 auto;
position: relative;
padding: 0 10px;
background: url(img/global.png) center repeat-y; /* --- fond blanc --- */
}
div#center {
/* Pour éviter la superposition
du pied de page et du contenu : */
padding-bottom: 50px;
overflow: auto;
}
/* --- contenu de la page (anciennement 530px --- */
div#content {
float: left;
width: 730px;
margin-left: 10px;
}
div#content h2 {
padding-left: 35px;
background: #fff url(img/titre.png) left center no-repeat;
color: #000099;
}
div#content h3 {
color: #990099;
font-variant: small-caps;
font-size: 14px;
}
div#sidebar h3, div#footer p, div#sidebar p {
padding: 0 10px;
}
/* --- tableaux --- */
.tableau-cadre1 {color: #000000; background-color: #495050; border: 1px solid #003399; font-size: 12px;}
.tableau-cadre2 {color: #000000; background-color: #666666; border: 1px solid #003399; font-size: 12px;}
.tableau-colonne {color: #000000; background-color: #495050; font-size: 1px;}
.titre-tableau { color: #FFFFFF; font-weight: bold; background-image: url(img/fond_barre.gif);}
.tableau { color: #000000; background-color: #CBCFCF; border: 1px solid #003399; font-size: 12px;}
.tableau-petit { color: #000000; background-color: #CBCFCF; border: 1px solid #003399; font-size: 9px;}
.tableau-rss img { width: 35px; height: 35px;}
/* --- Liste Emissions --- */
.programme-nuit { background-color: #666666; text-align: center; font-size: 9px;}
.programme-rubriques { background-color: #CCCCCC; text-align: center; font-size: 10px;}
.emission-info-locale { background-color: #6699FF; text-align: center; font-size: 11px;}
.emission-info-generale {background-color: #996699; text-align: center; font-size: 10px;}
.emission-musciale { background-color: #7b4d1e; text-align: center; font-size: 10px;}
.emission-theme { background-color: #669933; text-align: center; font-size: 11px;}
/* --- Liste Chroniques --- */
.chronique-loisir { background-color: #669933; text-align: center; font-size: 10px;}
.chronique-info-locale { background-color: #3399FF; text-align: center; font-size: 11px;}
.chronique-info-generale {background-color: #993399; text-align: center; font-size: 10px;}
.chronique-musicale { background-color: #7B4D1E; text-align: center; font-size: 10px;}
.chronique-annonceur { background-color: #D9CF11; text-align: center; font-size: 10px;}
.chronique-libre { background-color: #666666; text-align: center; font-size: 0px;}
.chronique-divers { background-color: #C90101; text-align: center; font-size: 09px;}
/* --- page émission --- */
div#emission-presentation { float: left; width: 700px; margin-left: 10px; }
div#emission-horaires { float: left; width: 250px; margin-left: 10px; }
div#emission-animateur { float: right; width: 250px; margin-right: 20px; }
div#emission-podcast { float: left; width: 700px; margin-left: 10px; }
/* --- page Chonique --- */
div#chronique-presentation { float: left; width: 700px; margin-left: 10px; }
div#chronique-horaires { float: left; width: 250px; margin-left: 10px; }
div#chronique-animateur { float: right; width: 250px; margin-right: 20px; }
div#chronique-podcast { float: left; width: 700px; margin-left: 10px; }
/* --- page animateur --- */
div#animateur-presentation {float: left; width: 700px; margin-left: 10px; }
div#animateur-emission { float: left; width: 700px; margin-left: 10px; }
/* --- page accueil --- */
div#accueil-colonne-gauche { position: absolute; top: 210px; left:20px; width: 170px; height: 400px; background: #CBCFCF; padding: 0 2px;}
div#accueil-colonne-centre { position: absolute; top: 210px; left:200px; width: 280px; height: 400px; background: #CBCFCF; padding: 0 2px;}
div#accueil-colonne-droite { position: absolute; top: 210px; left:490px; width: 250px; height: 400px; background: #CBCFCF; padding: 0 2px;}
/* --- ancien menu de droite --- */
div#sidebar {
float: right;
width: 190px;
}
/* --- pied de page --- */
div#footer {
position: absolute;
width: 97%;
bottom: 0;
background: #000066 ;
color: #fff;
}
div#footer p {
margin: 2px 0;
font-size: 0.9em;
}
/* --- licence --- */
div#licence {
font-size: 9px;
}
/* --- Liens --- */
a {
color: #000099;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000033;
text-decoration: underline;
}
/* --- flux RSS --- */
rss-titre {
color: #000066;
font-variant: small-caps;
font-size: 14px;
text-decoration: underline;
}
rss-date {
color: #336699;
font-size: 10px;
font-style: italic;
}
rss-description {
color: #000000;
font-size: 12px;
}
/* ------------------------- */
/* --- Menus Horizontal --- */
/* ------------------------- */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 178px;
left: 10px;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 125px; /* Largeur d'une cellule */
}
#menu dt { /* --- Cellule Menu --- */
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd { /* --- Cellule Sous Menu --- */
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #999999; /* Sous Menu - couleur de font */
}
#menu li a, #menu dt a { /* lien Sous Menu et Menu */
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover, #menu dt a:focus { /* lien hover Menu */
background: #EBEBEB;
}
#menu li a:hover, #menu li a:focus { /* lien hover Sous Menu */
background: #DFDFDF;
}