/* ---------FIDELITE------------ */
/* taille typo */
/* --------------------------------- */
/* Base________________100% */
/* 20px________________1.27em */
/* 19px________________1.21em */
/* 18px________________1.15em */
/* 17px________________1.09em */
/* 16px________________1.03em */
/* 15px________________0.96em */
/* 14px________________0.88em */
/* 13px________________0.82em */
/* 12px________________0.77em */
/* 11px________________0.71em */
/* 10px________________0.65em */
/* 09px________________0.59em */
/* Attention : en dessous de 0.71em le texte devient illisible
* en texte le plus petit sur Internet Explorer
*/
/* --------------------------------- */
/* CSS qui produit un design dit "fluid" le site occupe la totalité de l'écran */
html, body {
width: 100%;
height: 100%;
}
/* --------------------------------- */
/* force le retour à la ligne, le plus souvent appliqué à
*/
/* Utilisable sous la forme
*/
.clear { height: 1px; clear: both }
/* --------------------------------- */
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme
*/
.clearright {
clear: right;
}
/* --------------------------------- */
/* force un retour à la ligne, pour éviter un recouvrement des icônes 50x50 */
/* s'il n'y a pas suffisament de texte en descriptif */
/* Utilisable sous la forme
*/
.clearleft {
clear: left;
}
/* --------------------------------- */
/* bien regler la marge (bugs IE) */
body { color: #222222; font-size: 0.77em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-color: #c3c3c3; background-attachment: fixed; margin: 0; padding: 0 }
/* --------------------------------- */
/* Aspect des liens */
a { color: #005e8a; font-family: Verdana; text-decoration: none }
a:visited { color: #005e8a; text-decoration: none }
a:hover { color: #0097e1 }
a:active { color: #005e8a; text-decoration: none }
a.Textprogress { color: #005e8a; text-decoration: underline }
a.Textprogress:hover { color: #0076be; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textprogress:active { color: #005e8a; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a.Textmail { color: #00008d; font-size: 0.85em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.Textmail:hover {
color: #00008d; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
a.Textmail:active { color: #00008d; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
a.TextblancP { color: #ffb62b}
a.TextblancP:hover { color: #ffe27c }
a.TextnoirS {
color: #000
}
a.TextnoirS:hover {
color: #000; text-decoration: underline
}
a.Textblanc { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblanc:active { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblanc:visited { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblanc:hover { color: #fff; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; text-decoration: underline }
a.Textblancmenu { color: #ffb62b; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblancmenu:visited { color: #ffb62b; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblancmenu:active { color: #ffb62b; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter }
a.Textblancmenu:hover { color: #ffb62b; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; text-decoration: underline }
.Textjaune {
color: #ffb62b; font-size: 0.98em; font-weight: 600
}
.Textblanc { color: #fff; font-weight: 600 }
.syndication { color: #222222; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; margin: 0; padding: 0 }
/* -------LECTEUR REECOUTE-------- */
.lecteur { margin-bottom: 10px; margin-left: 10px; width: 700px; height: auto; float: left }
/* --------------------------------- */
.angle_ht_gauche { background-image: url(../images/Angle-ht-g.gif); background-repeat: no-repeat }
.angle_ht_droit { background-image: url(../images/Angle-ht-d.gif); background-repeat: no-repeat }
.angle_bas_gauche { background-image: url(../images/Angle-bas-g.gif); background-repeat: no-repeat }
.angle_bas_droit { background-image: url(../images/Angle-bas-d.gif); background-repeat: no-repeat }
.bar_hz_ht { background-image: url(../images/hz_ht.gif); background-repeat: repeat-x }
.bar_hz_bas { background-image: url(../images/hz_b.gif); background-repeat: repeat-x }
.bar_vt_g { background-image: url(../images/vt-g.gif); background-repeat: repeat-y }
.bar_vt_d { background-image: url(../images/vt-d.gif); background-repeat: repeat-y }
/* Bloc principal de contenu PAGE*/
#page { background-color: #646464; text-align: left; margin: 20px auto 0; padding: 0; width: 1000px; height: auto }
/* ---------BANNIERES------------ */
/* Entête contien la bannière principale haute*/
#entetebannierepub { background-color: #c6c6c6; background-position: center; margin: 3px auto; padding: 0; position: relative; z-index: -10; width: 1000px }
.entetebannierepub { background-position: center top; margin-right: 0; margin-left: 0; padding: 0; position: relative; z-index: -900; width: 99% }
#entetebanniere { background-color: #646464; background-position: center; margin: 0; padding: 0; position: relative; z-index: 9000; width: 740px; height: 100px; float: left }
.entetebanniere { background-attachment: scroll; background-position: center; padding: 0; position: relative; z-index: 9001; width: auto; height: auto; float: left }
/* contien la bannière principale de pied page*/
#piedbanniere { background-position: center; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; width: 730px; height: auto }
.piedbanniere { background-position: center; padding: 0 }
/* --------LOGO--------------- */
.entetelogo { background-position: center; margin: 0; float: left }
/* -------GAUCHE------------ */
/* Zone a gauche de l'écran */
#gauche { background-color: #0097e1; background-attachment: scroll; background-position: 0 0; padding: 0; width: 260px; height: 100%; float: left }
/* --------------------------------- */
/* La partie gauche est placée dans la zone gauche*/
#partiegauche { color: #ffe27c; background-color: #0c77be; list-style-type: none; margin: 8px; padding: 5px; height: auto }
.partiegauche { color: #ffe27c; background-color: #0c77be; list-style-type: none; margin: 8px; padding: 5px; height: auto }
#partiegauchepub { color: #fff; background-color: #0c77be; text-align: center; list-style-type: none; margin: 8px; padding: 5px; height: auto }
/* -----------DROIT----------- */
/* --Zone Globale Droite--- */
#droitglobal { background-color: #fff; text-align: justify; margin: 0 0 0 260px; padding-top: 0; padding-bottom: 0; width: auto; height: auto }
.droitglobal { background-color: #fff; background-position: left 0; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
/* --------------------------------- */
/* ------Entête accueil---------- */
#accueil { padding: 0; width: 100%; height: 100% }
.accueil { background-position: left top; margin: 0; padding: 0 }
#contener-ecoute { width: 735px; height: 130px; float: left }
.contener-player { background-image: url(../images/sous-pave.gif); background-repeat: no-repeat; background-position: left top; display: inline-block; margin-top: 10px; margin-left: 15px; width: 450px; height: 120px }
.ecoutez { font-size: 2em; margin-left: 20px; padding-bottom: 15px; position: relative; top: -5px; width: 250px; height: 10px; float: left }
.une-voix { color: #005e8a; font-size: 1em; font-weight: bold; margin-left: 20px; padding-bottom: 25px; width: 300px; height: 5px; float: left }
.box-player-wmp { background-position: 1em 0; margin-top: 23px; margin-left: 25px; width: 70px; height: 70px; float: left }
.box-player { margin-left: 65px; width: 30px; float: left }
.reecout-plan { font-size: 0.9em; line-height: 0.8em; background-position: 1em 0; display: block; margin-right: 10px; margin-bottom: 0; margin-left: 0; padding: 0; width: 230px; height: 90px; float: right }
.cadenas { font-size: 0.9em; line-height: 0.8em; display: block; margin-right: 5px; padding: 0; width: 20px; height: 20px; float: right }
/* --------------------------------- */
.recherche { margin: 8px }
/* --------------------------------- */
/* --Englobe le centre de l'écran--- */
/* --PAGE d'ACCUEIL--- */
#central { padding: 0; width: 100%; height: auto; float: left }
.central { text-align: left; width: 740px; height: auto }
.aff { text-align: left; padding: 10px; height: auto }
.rss { height: 15px; float: right }
.col-1 { margin-right: 5px; margin-bottom: 15px; margin-left: 10px; width: 355px; height: auto; float: left }
.col-2 { margin-right: 10px; margin-bottom: 15px; margin-left: 5px; width: 355px; height: auto; float: right }
.contener1 { background-color: #f0f0f0; margin-bottom: 8px; padding: 8px 7px 5px; height: auto }
#centralart { background-color: #fff; padding-top: 0; padding-bottom: 0; padding-left: 0; width: 100%; float: left; zoom: 1.0 }
.centralart { text-align: left; margin: 5px 10px }
/* --------------------------------- */
#centralgaucheart { background-color: #fff; padding: 0; width: 370px; height: auto; float: left; zoom: 1.0 }
.centralgaucheart { background-position: left top; padding-left: 8px }
#centraldroitart { background-color: #fff; padding: 0 0 0 4px; width: 340px; height: auto; float: right; zoom: 1.0 }
.centraldroitart { background-position: right 0; padding-right: 10px }
.confgauche { background-position: right 0; padding-right: 10px; width: 320px; float: left }
.confdroit { background-position: right 0; padding-right: 10px; width: 320px; float: right }
/* ----------BAS------------ */
#bas { margin: 0; padding: 0; width: 100%; zoom: 1.0 }
.bas { background-position: left top; margin: 5px 15px; padding: 0 }
#bascentralgauche { background-color: #fff; padding: 0; width: 335px; height: auto; float: left; zoom: 1.0 }
.bascentralgauche { background-position: left top; list-style-type: square; padding: 0 0 0 0 }
#bascentraldroit { background-color: #fff; list-style-type: square; padding: 0; width: 335px; height: auto; float: right; zoom: 1.0 }
.bascentraldroit { padding: 0 }
/* filet */
fieldset { margin-right: 10px; margin-left: 15px; padding-right: 10px; padding-left: 10px; width: auto; border: solid 1px #005e8a }
legend { color: #005e8a; font-size: 1.1em; width: auto }
/* --------------------------------- */
/* Style pour le texte d'un article */
/* texte doit être une div pour utiliser le javascript de taille des caractères */
#texte { background-color: #fafafa; text-align: left; zoom: 1.0 }
/* --------------------------------- */
/* --------------------------------- */
/* ------PIED----------- */
/* Pied de la page*/
/* Les intitulés en pied de page sont présentés sous forme de liste */
#pieddepage { background-color: #005e8a; text-align: center; padding: 0; vertical-align: middle }
.pieddepage { color: #fff; font-size: 0.95em; line-height: 1.5; list-style-type: none; padding: 0 }
.pieddepage li {
display: inline;
}
/* ------COPYRIGHT--------------------------- */
#copyright { background-color: #c3c3c3; text-align: left; margin-right: auto; margin-left: auto; padding: 0; width: 950px; vertical-align: middle }
.copyright { color: #fff; font-size: 0.75em; line-height: 1.5; text-align: left; list-style-type: none; margin-left: 12px; padding-top: 0; padding-right: 0; padding-bottom: 0 }
.pub { text-align: center; list-style-type: none; padding: 0 }
/* --------------------------------- */
/* Styles des paragraphes */
h1, h2, h3 { font-weight: bold; margin-top: 0; margin-right: 1em; margin-bottom: 0 }
h1 {
font-size: 1.4em;
line-height: 1.6em;
}
h2 {
font-size: 1.3em;
line-height: 1.8em;
}
h3 { font-size: 1.1em; line-height: 15px }
h4 {
font-size: 1.3em;
}
h5 { font-size: 1.3em }
h6 { font-size: 1.1em }
/* --------------------------------- */
/* Positionnement du cadenas */
#accesprive { padding: 0 }
/* --------------------------------- */
/* ------PODCASTS------- */
/* --------------------------------- */
.titre { color: #fff; background-image: url(../images/bandeau-titre.gif); background-repeat: no-repeat; background-position: left top; margin-top: 7px; padding-top: 5px; width: 299px; height: 40px }
.contener_pod { width: 315px; float: left }
.contener_plus { width: 390px; float: right }
#conteneur { background-color: #ffffff; margin: 0 auto; padding: 0 0; width: 300px; float: left }
#entete { margin-bottom: 0 }
#entete h1 { font-size: 1.5em; text-align: right; padding: 0; float: left }
#entete .description { font-size: 1em; text-align: justify; margin: 0 }
a#logo_client {
display:block;
width:231px;
height:90px;
background:url(../images/sielsatisleradio.png) no-repeat;
}
#contenu { margin-top: 15px }
#contenu #lecteur { float: left }
#contenu .item { margin-bottom: 15px; margin-left: 20px; bottom: 100px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef }
#contenu .item .nom { font-size: 1.2em; display: block; margin-right: 25px; padding: 5px 0 3px; width: 100%; border-bottom: 1px none #efefef }
#contenu .item .description { font-size: 1em; margin: 5px 0 0 }