#contenu #preview { width: 528px; padding:15px 0 0 20px; background:none; line-height:1.3em; }
#contenu #colgauche { width: 200px; padding:0 0 0 20px; font-size:0.9em; line-height:1.5em;}

#visuel { height:200px; background:none;}

#copyright { padding-top:1.3em;}

#colgauche h3 { font-size:1.9em; margin-bottom:0;}


/*** actualites et agenda ***/

#actualites, #agenda { clear:none; float:left; width:242px; height:296px; padding:10px 15px; margin:0; color:#000;}
#actualites { background:url(../images/actualites_index_bg.gif) no-repeat;}
#actualites p { margin:6px 0 0;}
#actualites .centre { height:120px; overflow:hidden;}
#actualites strong, #agenda strong  { font-size:1.2em;}
#agenda { width:225px; padding-top:10px; background:url(../images/agenda_index_bg.gif) no-repeat;}
#actualites .titre, #agenda .titre { font-size:1.3em; padding:8px 0; margin-bottom:8px; color:#000; text-transform:uppercase; text-align:center; border-bottom:1px solid #fff;}
#actualites a, #agenda .titre a, #agenda p a:hover { color:#000;}
#actualites a:hover, #agenda .titre a:hover, #agenda p a { color:#fff;}
#agenda .date-actu { float:left; margin:8px 10px 0 0; padding:5px; border:1px solid #fff; font-size:1.2em; color:#fff; text-align:center; background:#e43317; letter-spacing:0.05em;}