* { margin: 0; padding: 0; }
.break { clear: both; line-height: 1px; font-size: 1px; height: 1px; }
.png {behavior: url(http://www.cotedamour.fr/fr/s00_commun/css/png.htc); width: 286px; height: 120px;}

body {
   background: transparent url(../../images/bgBody.gif) repeat-x;
   font-family: "Arial", Verdana, sans-serif;
   font-size: 11px;
   color: #0068B3; }

a { color: #FF6F05; }
a:hover { color: #0068B3; }

#allContent {
   width: 993px;
   margin: 0 auto;}

#enTete {
   width: 993px; height: 165px;
   background: transparent url(../../images/bgEntete.jpg) no-repeat right top;
   position: relative; }
#enTete img { margin: 15px 0 0 23px; }
#enTete h3 { display: none; }
#enTete a#btnEnDirect {
   display: block;
   background: transparent url(../../images/enDirect.gif) no-repeat;
   width: 95px; height: 93px;
   position: absolute; right: 15px; top: 30px;}
#enTete a#btnEnDirect span { display: none; }

#navigation {
   list-style: none;
   height: 36px;
   margin-bottom: 15px; }
#navigation li { float: left; }
#navigation li a {
   display: block; height: 36px;
   background-repeat: no-repeat;}
#navigation li a span { display: none; }
#navigation li#btnA a { width: 85px; background-image: url(../../images/btnAccueil.gif); }
#navigation li#btnB a { width: 80px; background-image: url(../../images/btnRadio.gif); }
#navigation li#btnC a { width: 122px; background-image: url(../../images/btnEmissions.gif); }
#navigation li#btnD a { width: 119px; background-image: url(../../images/btnActualites.gif); }
#navigation li#btnE a { width: 139px; background-image: url(../../images/btnEvenements.gif); }
#navigation li#btnF a { width: 81px; background-image: url(../../images/btnContact.gif); }
#navigation li#btnG a { width: 96px; background-image: url(../../images/btnNewsletter.gif); }
#navigation li#btnH a { width: 148px; background-image: url(../../images/btnPetitesAnnonces.gif); }
#navigation li#btnI a { width: 123px; background-image: url(../../images/btnPhotos.gif); }
#navigation li a:hover,
.pageRadio #navigation li#btnB a,
.pageEmissions #navigation li#btnC a,
#pageActualites #navigation li#btnD a,
#pageEvenements #navigation li#btnE a,
#pageContact #navigation li#btnF a,
#pageNewsletter #navigation li#btnG a,
#pagePetitesAnnonces #navigation li#btnH a { background-position: 0 -36px; }

#colDeuxTiers,
#colUnTiers,
#colA,
#colB { float: left; }

#colDeuxTiers { width: 761px; padding-right: 15px;}
#colUnTiers { width: 217px;}

#colA { width: 300px; }
#colB { width: 446px; padding: 0 0 0 15px;}

#colB p { margin-bottom: 10px; }

#btnRetour {
   float: right; color: #FF6F05;
   text-decoration: none; font-weight: bold;
   padding-left: 10px; position: relative; top: 10px;
   background: transparent url(../../images/flecheRetour.gif) no-repeat 0 5px;}

/********************************** éléments de formulaire */

fieldset {border: 1px #79AFD6 dotted; padding: 15px;}
legend {font-size: 14px; padding: 5px; color: #FF6F05; font-weight: bold; background-color: #fff;}
label { width: 140px; display: block; float: left; text-align: right; font-weight: bold; padding-right: 5px; }
.lineForm { margin-bottom: 10px; }
input, select, textarea {
   font-family: "Arial", Verdana, sans-serif;
   font-size: 11px;
   color: #0068B3;}
.btn { text-align: center; }
#btnValider {
   width: 120px !important; height: 23px;
   text-align: center; background: transparent url(../../images/btnValider.gif) no-repeat;
   border: 0; font-size: 13px; font-weight: bold; color: #fff;}
.noSize { border: 0; width: auto !important; }

/*********************************************************** blocs */

#blocMeteo,
#blocAstro,
#blocEvents,
#blocManif,
#blocSondage,
#momentAntenne,
#blocAlaUne,
#blocDernieresInfos,
.pub,
#blocPodcast { margin-bottom: 5px; }

#blocMeteo h4 span,
#blocAstro h4 span,
#blocEvents h4 span,
#blocManif h4 span,
#blocSondage h4 span,
#blocNewsletter h4 span,
#momentAntenne h4 span,
#blocEvents .suite a span,
#blocManif .suite a span,
#blocSondage .suite a span,
#blocAlaUne h2 span,
#blocDernieresInfos h3 span,
#blocSondage .voirResultats a span,
#blocPodcast span { display: none; }

/************************************************************* bloc météo */

#blocMeteo {
   background: transparent url(../../images/bgBlocMeteo.png) no-repeat;
   width: 300px; height: 97px;}
#blocMeteo h4 {
   width: 300px; height: 37px;
   background: transparent url(../../images/titreBlocMeteo.png) no-repeat;}
#blocMeteo a {
   display: block; font-size: 14px;
   color: #FF9900; font-weight: bold;
   text-decoration: none;
   padding: 10px 0 0 25px;}
#blocMeteo a span {
   display: block;
   font-size: 11px;
   font-weight: normal;
   color: #003470;}

/************************************************************* bloc astro */

#blocAstro {
   background: transparent url(../../images/piedBlocAstro.png) no-repeat left bottom;
   padding-bottom: 20px;}
#blocAstro h4 {
   width: 300px; height: 37px;
   background: transparent url(../../images/titreBlocAstro.png) no-repeat; }
#blocAstro ul {
   list-style: none; padding: 8px 0 0 16px; height: 110px;
   background: transparent url(../../images/bgBlocAstro.png) repeat-y; }
#blocAstro ul li {
   float: left;
   width: 45px; height: 60px;}
#blocAstro ul li a {
   display: block;
   width: 44px; height: 55px; }
#blocAstro ul li a span { display: none; }
#blocAstro ul li#lion a { background: transparent url(../../images/astroLion.gif) no-repeat; }
#blocAstro ul li#belier a { background: transparent url(../../images/astroBelier.gif) no-repeat; }
#blocAstro ul li#taureau a { background: transparent url(../../images/astroTaureau.gif) no-repeat; }
#blocAstro ul li#gemeaux a { background: transparent url(../../images/astroGemeaux.gif) no-repeat; }
#blocAstro ul li#vierge a { background: transparent url(../../images/astroVierge.gif) no-repeat; }
#blocAstro ul li#capricorne a { background: transparent url(../../images/astroCapricorne.gif) no-repeat; }
#blocAstro ul li#sagittaire a { background: transparent url(../../images/astroSagittaire.gif) no-repeat; }
#blocAstro ul li#poissons a { background: transparent url(../../images/astroPoissons.gif) no-repeat; }
#blocAstro ul li#balance a { background: transparent url(../../images/astroBalance.gif) no-repeat; }
#blocAstro ul li#verseau a { background: transparent url(../../images/astroVerseau.gif) no-repeat; }
#blocAstro ul li#scorpion a { background: transparent url(../../images/astroScorpion.gif) no-repeat; }
#blocAstro ul li#cancer a { background: transparent url(../../images/astroCancer.gif) no-repeat; }

/************************************************************* bloc podcast */

#blocPodcast {
    display: block; width: 217px; height: 63px;
    background: transparent url(../../images/blocPodcast.png) no-repeat;}

/***************************************************************** footer */

#footer { clear: both; position: relative; height: 30px; background: transparent url(../../images/filetActu.gif) repeat-x;}
#footer ul { list-style: none; position: absolute; right: 0; top: 5px;}
#footer ul li { float: left; padding-left: 10px;}
#footer ul li a { text-decoration: none; color: #0067B2; font-size: 10px; }
#footer ul li a:hover { text-decoration: underline; }

/******************************************************************** pub */

.pub { }
.banniere {
   background: transparent url(../../images/ongletPub.png) no-repeat 5px 0;
   height: 90px;
   text-align: right;
   margin-bottom: 10px; }

/*********************************************** en ce moment à l'antenne */

#momentAntenne {
   width: 446px; color: #003470;
   margin-bottom: 10px; padding-top: 20px;
   background: transparent url(../../images/hautMomentAntenne.png) no-repeat;
   position: relative;}
#momentAntenne .contentBloc {
   width: 446px; background: transparent url(../../images/bgMomentAntenne.png) repeat-y; }
#momentAntenne .piedMoment {
   background: transparent url(../../images/piedMomentAntenne.png) no-repeat left bottom;
   width: 446px; height: 20px;}
#momentAntenne h4 {
   width: 179px; height: 15px;
   background: transparent url(../../images/titreMomentAntenne.png) no-repeat;
   float: left; margin-left: 20px; }
#momentAntenne .texte { padding-right: 20px; width: 215px; float: right;}
#momentAntenne .texte img { height: 40px; border: 1px #fff solid; float: right; margin-left: 10px; }
#momentAntenne strong { display: block; }

/******************************************************** bloc evenements */

#blocEvents .contentBloc {
   background: transparent url(../../images/bgBlocEvents.png) repeat-y;
   padding: 10px 20px;
   color: #003470;}
#blocEvents h4 {
   width: 217px; height: 38px;
   background: transparent url(../../images/titreBlocEvents.png) no-repeat; }
#blocEvents .date { color: #FF7205; font-weight: bold; }
#blocEvents h5 { font-size: 11px; }
#blocEvents p { font-size: 10px; line-height: 11px; }
#blocEvents img { float: left; margin-right: 10px;}
#blocEvents .suite a {
   display: block; width: 217px; height: 29px;
   background: transparent url(../../images/suiteBlocEvents.png) no-repeat;}

/********************************************** bloc annoncez votre manif */

#blocManif h4 {
   width: 217px; height: 68px;
   background: transparent url(../../images/titreBlocManif.png) no-repeat; }
#blocManif .contentBloc {
   background: transparent url(../../images/bgBlocManif.png) repeat-y;
   padding: 0 20px 10px 20px;
   font-size: 10px; line-height: 11px;}
#blocManif .suite a {
   display: block; width: 217px; height: 29px;
   background: transparent url(../../images/suiteBlocManif.png) no-repeat;}

/*********************************************************** bloc sondage */

#blocSondage { margin-bottom: 15px; }
#blocSondage h4 {
   width: 217px; height: 38px;
   background: transparent url(../../images/titreBlocSondage.png) no-repeat; }
#blocSondage .contentBloc {
   background: transparent url(../../images/bgBlocSondage.png) repeat-y;
   padding: 10px 20px;}
#blocSondage h5 { font-size: 11px; line-height: 14px; margin-bottom: 10px;}
#blocSondage ul { list-style: none; }
#blocSondage ul li { font-weight: bold; }
#blocSondage .suite,
#blocSondage .voirResultats { float: left; height: 34px;}
#blocSondage .suite a {
   display: block; width: 84px; height: 29px;
   background: transparent url(../../images/suiteBlocSondage.png) no-repeat;}
#blocSondage .voirResultats a {
   display: block; width: 133px; height: 29px;
   background: transparent url(../../images/resultatsBlocSondage.png) no-repeat; }

/********************************************************* bloc newsletter */

#blocNewsletter h4 {
   width: 217px; height: 31px;
   background: transparent url(../../images/titreBlocNewsletter.png) no-repeat; }
#blocNewsletter p { font-size: 11px; padding: 0 0 10px 0; color: #FF6F05; font-weight: bold; margin-top: -10px;}
#blocNewsletter fieldset { border: 0; padding: 10px;}
#blocNewsletter input {
   width: 120px;
   border: 1px #AED2EC solid;
   margin-right: 10px;
   font-weight: bold;}
#blocNewsletter .btnOk {
   width: 28px; height: 18px;
   background: transparent url(../../images/btnOk.gif) no-repeat;
   border: 0; color: #fff;}

/********************************************************* A la une */

#blocAlaUne { margin-bottom: 15px; font-size: 12px;}
#blocAlaUne h2 {
   width: 446px; height: 38px;
   background: transparent url(../../images/titreAlaUne.png) no-repeat; }
#blocAlaUne h3 { font-size: 14px; margin-bottom: 10px; }

#colB .suite { text-align: right; padding-bottom: 3px;}
#colB .suite a {
   color: #FF7700; text-decoration: none;
   font-size: 11px; font-weight: bold;
   padding-left: 10px;
   background: transparent url(../../images/flecheSuite.gif) no-repeat 0 4px;}
#colB .suite a:hover { color: #0067B2 }

.actu { margin-bottom: 10px; }

#blocAlaUne img,
.actu img,
.detailActualite #colB img {
   border: 1px #A9CFEB solid;
   padding: 2px;
   background-color: #fff;
   float: left;
   margin: 0 10px 10px 0; }
#blocAlaUne p,
.actu p {margin: 0 0 10px 0;}

/************************************************** Dernières infos */

#blocDernieresInfos h3 {
   width: 446px; height: 31px;
   background: transparent url(../../images/titreDernieresInfos.png) no-repeat; }
.actu { background: transparent url(../../images/filetActu.gif) no-repeat left bottom; }
.actu h5,
.detailActualite #colB h5 { font-size: 11px; color: #FF7700; }
.actu h4 { font-size: 12px; }

/************************ Gestion des titres */

#colB h1 { height: 28px; margin: 0 0 15px 0; width: 446px;}
#colB h1 span { display: none; }

#pageActualites #colB h1 { background: transparent url(../../images/titreActualites.png) no-repeat; }
#pageEvenements #colB h1 { background: transparent url(../../images/titreEvenements.png) no-repeat; }
#pagePetitesAnnonces #colB h1 { background: transparent url(../../images/titrePetitesAnnonces.png) no-repeat; }

.pageRadio #colB h1 { background: transparent url(../../images/titreRadio.png) no-repeat; }
.pageEmissions #colB h1 { background: transparent url(../../images/titreEmissions.png) no-repeat; }
.pageSondages #colB h1 { background: transparent url(../../images/titreSondage.png) no-repeat; }
.pagePodcasts #colB h1 { background: transparent url(../../images/titrePodcasts.png) no-repeat; }
.pagePhotos #colB h1 { background: transparent url(../../images/titrePhotos.png) no-repeat; }

#pageContact #colB h1 { background: transparent url(../../images/titreContact.png) no-repeat; }
#pageNewsletter #colB h1 { background: transparent url(../../images/titreNewsletter.png) no-repeat; }
#pageManif #colB h1 { background: transparent url(../../images/titreManif.png) no-repeat; }
#pageMentions #colB h1 { background: transparent url(../../images/titreMentions.png) no-repeat; }
#pageNewsletter #colB h1 { background: transparent url(../../images/titreNewsletter.png) no-repeat; }

/*************************************************** détail actualité */

.detailActualite #colB h2 { font-size: 16px; margin-bottom: 10px; }

/*************************************************** page radio */

.sousNav { list-style: none; height: 30px;}
.sousNav li { float: left; background: transparent url(../../images/flecheSuite.gif) no-repeat 0 4px; margin-right: 10px; }
.sousNav li a { padding-left: 10px; text-decoration: none; font-weight: bold;}
/*************************************************** contact */

.contact #colB input,
.contact #colB select,
.contact #colB textarea { width: 160px; }

/*************************************************** grilles des emissions */

#grille #colB h2 {
   background: #FFD205 url(../../images/flecheHeure.gif) no-repeat 5px 7px;
   margin-bottom: 10px; color: #003470; font-size: 12px;
   text-transform: uppercase; padding: 2px 4px 2px 15px;}

#grille table { border-collapse: collapse; width: 100%; margin-bottom: 15px;}
#grille table td { padding: 2px 4px; border-bottom: 1px #C3DBED solid; font-weight: bold;}
#grille table td.heure { width: 10%; }
#grille table td a { text-decoration: none; }

#detailEmission #colB h2 { color: #FF6F05; font-size: 20px; margin-bottom: 5px; }

.ficheAnimateur {
   width: 193px; float: left;
   padding: 10px; background-color: #FFD205;
   color: #003470;
   margin: 10px 5px 0 5px;}
.ficheAnimateur img {
   float: left; margin-right: 10px;
   border: 2px #fff solid;}
.ficheAnimateur h3 { font-size: 14px; margin-bottom: 5px; }
.ficheAnimateur p { margin-bottom: 5px; }

/*************************************************** sondages */

.pageSondages #mainContent h2 { color: #FF7815; font-size: 14px; margin-bottom: 10px; }
.pageSondages #mainContent h3 { font-size: 12px; margin-bottom: 15px; }
.pageSondages #mainContent dl dt { margin-bottom: 5px; font-weight: bold;}
.pageSondages #mainContent dl dd { border-bottom: 1px #BFD9EC dotted; padding-bottom: 10px; margin-bottom: 10px;}

/*************************************************** podcasts */

.listePodcasts {list-style: none;}
.listePodcasts li {height: 50px; line-height: 20px;border-bottom: 1px #BFD9EC dotted; margin-bottom: 10px;}
.listePodcasts li img {border: 0; float: left; margin-right: 10px;}
.listePodcasts li a {display: inline; font-weight: bold; color: #003470; text-decoration: none;}
.listePodcasts li a:hover {color: #FF6503;}
.listePodcasts li a span {font-weight: normal;}

.btnRss {
    display: block; float: right; height: 16px; padding-left: 20px;
    background: transparent url(../../images/btnRss.png) no-repeat;
    text-decoration: none; font-weight: bold; color: #0068B3;
    position: relative; top: 5px;}

/*************************************************** galerie photos */

.listeThemes {list-style: none;}
.listeThemes li {
    float: left; width: 203px; padding: 0 0 0 10px;
    background: transparent url(../../images/flecheHeure.gif) no-repeat 0 4px;}
.listeThemes li a {text-decoration: none; font-weight: bold; color: #0068B3;}
.listeThemes li a:hover {color: #FF6F05;}

.listePhotos {list-style: none;}
.listePhotos li {float: left; width: 145px; height: 150px; text-align: center;}
.listePhotos li img {border: 0; margin: 10px auto 5px auto; display: block;}
.listePhotos li a {display: block; text-decoration: none;}