/* structure */
#contenu { padding-top:20px;}
#contenu #preview { float: right; width: 420px; padding:0; background:none; line-height:normal; }
#contenu #colgauche { float: left; width: 460px;}
#pied { padding-top: 2em; padding-bottom:2em; letter-spacing:1px;}
#contenu #preview p { text-align:left;}

/* blocs accueil ( menu institutionnel ) */

.blocs_accueil { width:405px; height:110px; padding:10px 10px; margin:2px 0; border-left:8px solid #000; overflow:hidden;}
#cabinet { background:#c5a767 url(../images/bg_bloc-accueil-cabinet.jpg) no-repeat right top;}
#services-competences { background:#575757 url(../images/bg_bloc-accueil-services.jpg) no-repeat right top;}
#engagements { background:#a70034 url(../images/bg_bloc-accueil-engagements.jpg) no-repeat right bottom;}

.blocs_accueil h1 { display:block; width:100%; height:30px; padding:0; background-image:none; font-size: 1.6em; margin:0; text-indent:-99999px;}
.blocs_accueil h1 a { display:block; width:100%; height:30px; background-repeat:no-repeat; background-position:left top; margin:0;}
.blocs_accueil h1 a:hover { background-position:0 -30px;  }

#cabinet h1 a { background-image:url(../images/h1_bloc-cabinet.gif);}
#services-competences h1 a { height:35px; background-image:url(../images/h1_bloc-services.gif);}
#engagements h1 a { height:35px; background-image:url(../images/h1_bloc-engagements.gif);}
#services-competences h1 a:hover, #engagements h1 a:hover { background-position:0 -35px;  }

.blocs_accueil .texte { width:250px; margin:10px 0 0 20px; color:#fff; font-size:0.85em; line-height:1.6em;}
.blocs_accueil .texte p, .blocs_accueil .texte ul { margin:5px 0;}
#services-competences li { margin:4px 0; padding-left:14px; background:url(../images/puce_li_bloc.gif) no-repeat 0 5px;}


/* bloc modules */

#preview .bloc { width:173px; padding:5px 10px 5px 22px; font-size:0.85em; overflow:hidden;}
#preview .bloc h2 { font-size:1.2em;}
#preview .bloc p { margin:1.3em 0;}

#preview #infos { float:left; height:267px; background:url(../images/bg_bloc_actu.gif) no-repeat;}
#preview #actualites { float:right; height:402px; background:url(../images/bg_bloc_infos.gif) no-repeat;}

#preview #lexique { clear:left; float:left; margin-top:5px; width:205px; height:130px; padding:0; background:url(../images/bg_lexique_index.gif) no-repeat;}
#preview #lexique h2 { margin:10px 0 0 10px; border:0; padding:0; text-align:left; }
#preview #lexique h2 a { display:block; width:113px; height:56px; background:url(../images/bg_h2_lexique.gif) no-repeat; text-indent:-99999px;}