html {min-height: 100%; height: auto;}
body {background:url(/images/bg.png) top repeat-x #e7e7e7; margin:0; padding:0; font: 75% Arial, Verdana, Sans-Serif; color:#555; height:100%; font-size:16px; font-weight:normal;}

p {text-align:justify;}
a img {border:none;}

div#page {margin:20px auto 0 auto; width:900px; background:none; }
div#banner {margin:0; padding:0; width:900px; background:url(/images/banner-rhs.jpg) no-repeat; height:160px; }
div#logo {padding-top:11px;}
div#footer {margin:10px auto 5px auto; padding:0; width:900px; background:url(/images/footer.jpg) no-repeat; height:120px; }
div#container {margin:0 auto; width:898px; background:#fff; border:1px solid #6C0; border-top:none; border-bottom:none; }
div#sub {margin:0 auto 8px auto; width:900px; background:url(/images/sub.png) top no-repeat; height:10px; clear:both; }
div#top {margin:8px auto 0 auto; width:900px; background:url(/images/top.png) top no-repeat #fff; height:10px; clear:both; }
div#data {text-align:center; margin:0 auto 20px auto; padding:0; width:900px; font-size:12px; }
div#data a {color:#555; text-decoration:underline;}
div#data a:hover {color:#333; text-decoration:none;}
div#right {float:right; width:70px; margin:0 10px; }
div#left {float:left; width:177px; margin:0 10px; }
div#mainbloc {float:left; width:590px; margin:0 10px; padding-bottom:30px; font-weight:normal;}
div#mainbloc.noright {float:left; width:680px; margin:0 10px; padding-bottom:30px;}
div#mainbloc p { font-size:14px; margin:0; padding:5px;}
div#mainbloc h3 { font-size:15px; margin:0; padding:5px;}
div#mainbloc ul { font-size:14px; margin:0; padding:5px; list-style-type:circle;}
div#mainbloc a { font-size:14px; margin:0; color:#F60;}
div#mainbloc a:hover { text-decoration:none;}
div#mainbloc div.date {color:#090; font-size:13px; margin:0; float:right; margin-top:-10px;}
div#mainbloc div.lire {color:#090; font-size:13px; margin:0; float:right; }
div#mainbloc div.actus {border:1px solid #ccc; margin-left:5px; padding:5px;}

div#left div.actu {margin-bottom:25px;}
div#left div.actu p.title {margin:0; color:#090; padding:1px; font-size:13px; font-weight:bold;}
div#left div.actu p.description, div#left div.actu p {margin:0; padding:1px; font-size:13px; color:#333; text-align:left;}
div#left div.actu a.lire {padding:1px; font-size:12px; color:#3C0; font-weight:bold; text-decoration:none;}
div#left div.actu a.lire:hover { font-style:italic; }
div#left div.actu a.all {padding:1px; font-size:12px; color:#F60; font-weight:bold; text-decoration:none;}
div#left div.actu a.all:hover { font-style:italic; }

div#video {background:url(/images/bg_videoyt.png) top left no-repeat #fff; height:130px; width:120px; float:left; margin:5px 35px 30px 15px; }
div#video img {margin-top:7px; width:120px; height:90px;}
div#video img:hover { cursor:pointer; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }

h1 {font-size:20px; margin:0 0 10px 5px; border-bottom:1px solid #ccc; color:#093;}
h2 {font-size:16px; margin:0 0 10px 5px; color:#363;}

div#left h1 {font-size:16px; margin:10px 0 10px 2px; border-bottom:1px solid #ccc; color:#777;}

div#right h1 {font-size:16px; margin:6px 0 10px 0; border-bottom:1px solid #ccc; color:#777;}
div#right p.episode {color:#999; font-size:12px; font-style:italic; text-align:right; padding:0 2px;}
div#right div#galerie img {width:65px; border:1px solid #6C3; margin:0 1px 2px 2px; }  
div#right div#galerie img:hover { cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }

div#right img.video {width:65px; height:65px; border:1px solid #6C3; margin:0 1px 2px 2px; }  
div#right img.video:hover { cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }

div#mainbloc img.main {padding:0 5px 10px 5px; width:585px; height:150px;}
div#mainbloc.noright img.main {padding:0 5px 10px 5px; width:675px; height:150px;}

div#footer ul { float:left; padding:10px 20px; width:100px;}
div#footer ul li a {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
div#footer ul li a:hover {text-decoration:underline;}

dt.bloc {background:url(/images/bg_bloc.jpg) no-repeat; margin:20px; padding:9px 5px 0px 5px; width:166px; text-align:center; float:left;}
dt.bloc p {text-align:center; font-weight:bold; }
dt.bloc img {margin-bottom:5px; }

/* formulaires */
label {width:200px; float:left; clear:both; text-align:left; padding:0; font-size:14px; }
label#newsletter {width:auto; float:none; text-align:left; padding:0 10px 0 0; position:relative; vertical-align:top; }
html[xmlns*=""] body:last-child label#newsletter { vertical-align:baseline;} /* hack safari */
label span, span.aste {color:#F60;}
input.checkbox, input.radiobox {border:none; background:none; font-size:14px; }
input,textarea {width:380px; border:1px solid #999; color:#333; margin-bottom:5px; font-size:14px;  }
input.fielderror, textarea.fielderror { border:1px solid #FB9BA5; background:#FEEDF0; color:#E1173A; font-weight:normal;} 
option {background:#fff;}

input.buttonmessactif {border:none; width:100px; text-align:center; color:#fff; background:#0C0; cursor:pointer;}
input.buttonmess {border:none; width:100px; text-align:center; color:#fff; background:#F60; cursor:pointer;}