#tete {z-index:800; position:relative;}
#corps { background:url(../images/corps_bg.gif) repeat-y left top; z-index:1;}
ul#navigation ul {z-index:10;}

/* Version 3 colonnes*/
#contenu { float: left; width:770px; }
#contenu #colgauche { float: left; width: 220px; }
#coldroite { display:block; float: left; width: 220px;  padding-top:15px;}
#contenu #preview { float: right; width:492px; padding:0 29px; }
#pied { background: #fff url(../images/pied_bg.gif) no-repeat left top; }

/*** visuel ***/

#visuel { height:212px; background:url(../images/visuel_accueil.jpg) no-repeat; }

#visuel .texte { font-size:0.85em; padding:40px 0 0 360px; width:270px; text-align:justify;}
#visuel .texte h2, #visuel .texte h3, #visuel .texte p, #visuel .texte ul { margin:5px 0;}
#visuel .texte h2 { font-size:1.7em; letter-spacing:0.05em; color:#000; font-weight:normal; border:0;}

/*** blocs ***/

.bloc { float:left; width:242px; margin:2em 0 1em;}
.bloc .titre { font-size:1.2em; padding:10px 0 0; height:30px; text-align:center; font-weight:bold; text-transform:uppercase;}
.bloc .titre a, #calendrier p a, #actualites p a:hover { color:#000;}
.bloc .titre a:hover, #actualites p a { color:#fff;}

/*** calendrier ***/

#calendrier { height:300px; background:url(../images/calendrier_visuel.jpg) no-repeat left bottom; cursor:pointer;}
#calendrier .titre { background:url(../images/calendrier_entete_bg.gif) no-repeat;}
#calendrier p { padding:170px 20px 0;}
#calendrier p a:hover { color:#a86538;}


/*** actualites ***/

#actualites {min-height:300px;  margin-right:8px; background:#74aecd; z-index:1;}
#actualites .titre { background:#74aecd url(../images/actualites_entete_bg.gif) no-repeat;}
#actualites .actu {border-bottom:1px solid #fff;}
#actualites p.plus {position:absolute; bottom:0px; left:15px;}