body { background: #e2e2e2; font-family: Helvetica, Arial; font-size: 11px; margin:50px 0 0 50px; position: relative; }
#container { width:950px; }

#container #menu { position: fixed; top:50px; left:782px; width:210px; }
#container #menu ul { list-style: none; margin:0; padding:0; margin-top:15px; margin-left:2px; }
#container #menu ul li a { color:#999999; text-transform: uppercase; text-decoration: none; line-height: 13px; }
#container #menu ul li a:hover, #container #menu ul li a.courant { color:#404040; }
#container #menu ul li#form_presse { display: none; }

#container #posts .post { background: #ffffff; margin-bottom: 35px; width:700px; overflow: hidden; height: 125px; position: relative; }
#container #posts .post .visuels { list-style: none; margin:0; padding:0; float:left; }
#container #posts .post .visuels li { position: relative; }
#container #posts .post .visuels li a.prev { display: block; position: absolute; top:0; left:0; width:100px; height: 100%; }
#container #posts .post .desc { float:right; width:386px; margin-right:125px; margin-top:15px; color:#999999; line-height: 13px; }
#container #posts .post .desc a { color:#999999; text-decoration: underline; }
#container #posts .post .desc a:hover { text-decoration: underline; }
#container #posts .post .desc h2 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin:0 0 10px 0; }
#container #posts .post .desc p { margin:0; }
#container #posts .post .compl { margin-top:5px; display: none; }
#container #posts .post .compl .desc_compl { display: none; margin-bottom: 20px; }
#container #posts .post .compl .more { text-decoration: none; }
#container #posts .post p.copyright { margin-top:6px; }

/** gestion du span.overlay qui gère le lien d'ouverture du post **/
#container #posts .post .overlay { position:absolute; width:100%; height:100%; top:0; left: 0; z-index:1; }
#container #posts .post-ouvert .overlay { display: none; }

#container #posts .post-ouvert { height: 650px; }
#container #posts .post-ouvert .desc { margin-right:5px; }
#container #posts .post-ouvert .visuels-wrapper { height:525px; width:700px; overflow:hidden; }
#container #posts .post-ouvert .visuels { float:none; display:block; height:525px; }
#container #posts .post-ouvert .visuels li { float:left; }
#container #posts .post-ouvert .compl { display: block; }

#container #posts .post-desc-depliee { height:auto; }

#container #posts .post-portrait { width:525px; margin-left:200px; }

#container #posts .post .pagin-wrapper { float:right; margin-top:15px; margin-right: 14px; width:105px; }
#container #posts .post .pagin { float:right; }
#container #posts .post .pagin a { display: block; width:9px; height:9px; background: #e2e2e2; margin-right: 3px; margin-bottom:3px; float:left; }
#container #posts .post .pagin a.courant { background: #999999; }

#container.presse #posts .post { height: auto; overflow: auto; background: url(img/presse-fond-post.png) repeat-y left top #ffffff; }
#container.presse #posts .post .visuel { display: block; float:left; }
#container.presse #posts .texte { color:#999999; float:right; width:510px; margin:0; margin-top:10px; }
#container.presse #posts .texte .titre { text-transform: uppercase; }
#container.presse #posts ul.visuels4dl { list-style: none; margin:0; padding:0; float:right; width:510px; margin-top:10px; clear:right; margin-bottom: 15px; overflow: auto; }
#container.presse #posts ul.visuels4dl li { float:left; margin-right:3px; margin-bottom: 3px; }

#container.page #posts .post { height: auto; overflow: auto; }
#container.page #posts .post-ouvert .desc { margin-right: 86px; margin-bottom: 20px; width:425px; }
#container.page #posts .post h2.inter { margin-top:20px; }
#container.page #posts .post ul { list-style: none; margin:0; padding:0; }
#container.page #posts .post ul li { margin-bottom: 5px; }
#container.page #posts .post ul li .annee { display: inline; }
#container.page #posts .post ul li .nom { display: inline; }