html,body {
height:100%;
}

body {
font-family:Arial, Verdana, sans-serif;
font-size:12px;
color:#5b5b5b;
background:#fff url(/images/bg.jpg) repeat-x;
margin:0;
}

a {
color:#0066b5;
text-decoration:none;
font-weight:400;
}

a:hover {
text-decoration:underline;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
display:inline;
}

img {
border:none;
}

#gfx-body {
background:url(/images/bg_gfx.jpg) top center no-repeat;
}

.clear {
clear:both;
}

#container {
position:relative;
width:923px;
background:#fff url(/images/bg_container.gif) repeat-y;
margin:0 auto;
}

#titre {
position:relative;
width:928px;
margin:0 auto;
}

#titre h1 {
padding-top:30px;
color:#fff;
font-size:50px;
margin:0 0 2px -7px;
}

#titre h1 a {
display:block;
width:653px;
height:74px;
outline:none;
background:url(/images/topTitre.png) no-repeat;
text-indent:-9999px;
}

#top-banner {
position:relative;
background:url(/images/top-banner-bar.gif) 3px bottom no-repeat;
padding:3px 0 33px 3px;
}

#top-banner .prochaine-diffusion {
position:absolute;
top:125px;
left:380px;
}

#top-banner .prochaine-diffusion h2 {
padding-left:24px;
font-size:24px;
font-weight:400;
color:#fff;
background:url(/images/ico_diffusion.png) 0 4px no-repeat;
margin:0 0 0 13px;
}

#top-banner .prochaine-diffusion h3 {
font-weight:400;
font-size:18px;
color:#00afe2;
margin:5px 0 0;
}

#top-banner .prochaine-diffusion p {
width:200px;
text-align:right;
color:#fff;
margin:5px 0 0;
}

#top-banner .video-player {
position:absolute;
top:37px;
left:595px;
width:296px;
height:215px;
background:url(/images/zone_video.jpg) no-repeat;
}

#top-banner .video-player .faire-jouer {
position:absolute;
outline:none;
top:65px;
left:106px;
width:94px;
height:95px;
background:url(/images/b_video.png) no-repeat;
text-indent:-9999px;
}

#sidebar-left {
position:relative;
width:237px;
float:left;
overflow:hidden;
}

#menu {
width:240px;
min-height:250px;
border:3px solid #fff;
text-transform:uppercase;
background:#001a27 url(/images/bg-menu.gif) left top no-repeat;
padding:10px 0 45px;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu ul li {
line-height:36px;
margin:0;
padding:0;
}

#menu ul li a {
text-decoration:none;
color:#FFF;
background:url(/images/fleche-menu.gif) 12px 14px no-repeat;
padding:11px 0 11px 30px;
}

#horaire-diffusion {
background:#efefef;
border-top:4px solid #fff;
margin:0 0 0 4px;
}

#horaire-diffusion h2 {
font-size:14px;
color:#003e65;
background:#fff;
margin:0;
padding:6px 12px;
}

#horaire-diffusion span {
text-transform:uppercase;
}

#horaire-diffusion img {
border:3px solid #e6e6e6;
}

#horaire-diffusion .episode {
margin:0 16px;
}

#horaire-diffusion .episode h3 {
font-size:12px;
font-weight:400;
color:#003e65;
}

#horaire-diffusion .episode .info {
color:#898989;
line-height:18px;
padding-right:5px;
}

#horaire-diffusion ul {
list-style:none;
margin:0 0 0 5px;
padding:0 0 10px;
}

#horaire-diffusion ul li {
margin:0;
padding:0;
}

#horaire-diffusion ul li a {
display:block;
position:relative;
width:223px;
text-indent:-9999px;
}

#horaire-src {
height:49px;
background:url(/images/b_horaire_src.gif) 0 -49px no-repeat;
}

#horaire-tfo {
height:48px;
background:url(/images/b_horaire_tfo.gif) 0 -48px no-repeat;
}

#horaire-rdi {
height:57px;
background:url(/images/b_horaire_rdi.gif) 0 -57px no-repeat;
}

#contenu-centre {
position:relative;
width:394px;
float:left;
overflow:hidden;
margin:8px 27px 0;
}

#contenu-centre h2 {
color:#0066b5;
font-size:18px;
text-transform:uppercase;
font-weight:400;
}

#contenu-centre .section a {
padding-right:14px;
font-weight:700;
background:url(/images/fleche_section_courante.gif) right 4px no-repeat;
}

#contenu-centre .bloc-sections div {
width:131px;
float:left;
overflow:hidden;
}

#contenu-centre .bloc-sections .emissions h3,#contenu-centre .bloc-sections .emissions img {
border-color:#fead00;
}

#contenu-centre .bloc-sections .commentaires h3,#contenu-centre .bloc-sections .commentaires img {
border-color:#30fe00;
}

#contenu-centre .bloc-sections .partenaires h3,#contenu-centre .bloc-sections .partenaires img {
border-color:#fef500;
}

#contenu-centre .bloc-sections .partenaires h3 {
width:132px;
}

#contenu-centre .bloc-sections div h3 {
background:#155c74;
color:#FFF;
border-top:1px solid;
border-left:1px solid;
font-weight:400;
text-transform:uppercase;
font-size:12px;
text-align:center;
margin:0;
padding:10px 0 7px;
}

#contenu-centre .bloc-sections div img {
border-left:1px solid;
background:#155c74;
padding:1px;
}

#contenu-centre .bloc-sections div p {
margin-right:6px;
}

#contenu-centre .bloc-sections div a {
padding-right:10px;
background:url(/images/fleche-lien.gif) right 4px no-repeat;
}

#sidebar-right {
position:relative;
width:235px;
float:left;
background:#e5f7fc;
overflow:hidden;
}

#sidebar-right .bassin-hydro {
background:url(/images/bg_a_visiter.jpg) no-repeat;
color:#0066b5;
padding:20px 0 0;
}

#sidebar-right .bassin-hydro h3 {
padding-left:20px;
margin:0 0 7px;
}

#sidebar-right .bassin-hydro h3 span {
display:block;
text-transform:uppercase;
}

#sidebar-right .bassin-hydro p {
padding-right:20px;
padding-left:20px;
margin:0;
}

#sidebar-right .bassin-hydro img {
border:0;
margin:0;
}

#voir-bassin {
position:relative;
display:block;
width:224px;
height:52px;
background:url(/images/b-voir-bassin.jpg) 0 -52px no-repeat;
text-indent:-9999px;
margin:0 0 0 8px;
padding:0;
}

#sidebar-right .bassin-hydro .infos {
margin-top:8px;
color:#898989;
line-height:19px;
}

#footer-container {
position:relative;
height:132px;
background:url(/images/bg_footer.gif) repeat-x;
}

#footer {
position:relative;
width:923px;
color:#b2eeff;
font-size:10px;
margin:0 auto;
}

#menu-bottom {
list-style:none;
font-size:12px;
position:relative;
margin:0 0 0 70px;
padding:25px 0 0;
}

#menu-bottom li {
display:inline;
margin:0 22px 0 0;
padding:0;
}

#menu-bottom li a {
color:#fff;
padding-right:16px;
background:url(/images/fleche_menu_bottom.gif) right 4px no-repeat;
}

#footer .coord {
position:absolute;
top:68px;
left:8px;
line-height:13px;
}

#footer .coord span {
color:#fff;
}

#footer .partenaires {
position:absolute;
top:71px;
left:270px;
list-style:none;
margin:0;
padding:0;
}

#footer .partenaires li {
float:left;
margin:0 18px 0 0;
padding:0;
}

#footer .partenaires li a {
display:block;
outline:none;
background-repeat:no-repeat;
text-indent:-9999px;
}

#footer .partenaires .src a {
width:46px;
height:44px;
background-image:url(/images/footer_src.gif);
}

#footer .partenaires .tfo a {
width:29px;
height:41px;
background-image:url(/images/footer_tfo.gif);
}

#footer .partenaires .rdi a {
width:104px;
height:36px;
background-image:url(/images/footer_rdi.gif);
}

#footer .partenaires .pvp a {
width:68px;
height:42px;
background-image:url(/images/footer_pvp.gif);
}

#footer .partenaires .pvpi a {
width:67px;
height:42px;
background-image:url(/images/footer_pvpi.gif);
}

#footer .copy {
position:absolute;
top:60px;
left:680px;
width:218px;
text-align:right;
margin:0;
}

#mention-legale {
position:absolute;
border:3px solid #E6E6E6;
z-index:90;
width:300px;
top:-215px;
right:90px;
background:#003453;
padding:12px;
}

#mention {
cursor:help;
}

#footer .coord p,#mention-legale h3 {
margin:0;
}