*{ margin:0; padding: 0; } html, body{ width:100%; height:100%; font-family:Geneva, Arial, Helvetica, sans-serif; } body { background:url(../breuil/fond.gif) no-repeat top center; } .document { width:890px; position: relative; margin-left: auto; margin-right: auto; } .document img { border:0; } .header { position: absolute; top:0; left:0; width:100%; height:150px; } .header .title{ display:block; float:left; overflow:hidden; text-indent:-1000px; width:330px; height:160px; background:url(../breuil/logo-breuil.gif) no-repeat top left; } .header .femme, .header .homme, .header .enfant { display:block; float:left; overflow:hidden; text-indent:-1000px; width:130px; height:160px; } .header .femme { background:url(../breuil/univers-femmes.gif) no-repeat 50% 50% ; } .header .homme { background:url(../breuil/univers-hommes.gif) no-repeat 50% 50% ; } .header .enfant { background:url(../breuil/univers-enfants.gif) no-repeat 50% 50% ; } .header .menu { display:block; float:right; width:160px; height:160px; color:#FFAA02; font-size:15px; text-transform:uppercase; font-weight:bold; line-height:85px; background:url(../breuil/bg-header.gif) repeat-x top left ; text-decoration:none; } .content { padding:200px 10px 0 10px; } .content h1 { display:block; color:#FF9D04; font-size:25px; margin-bottom:18px; line-height:30px; text-indent:78px; background:url(../breuil/puce.jpg) no-repeat 45px 40%; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; } .menu { display:block; width:100%; height:139px; background:#FF9D04 url(../breuil/bg-menu-pied.gif) repeat-x top left; } .menu .innerMenu { width:890px; position: relative; margin-left: auto; margin-right: auto; background:url(../breuil/puce-footer.gif) no-repeat top left; padding:19px 0 0 0; } .menu .col { display:block; float:left; margin:0 34px 0 6px ; } .menu .caption, .menu a.caption { display:block; background:url(../breuil/puce-titre-footer.gif) no-repeat top left; text-indent:18px; font-size:12px; font-weight:bold; text-decoration:underline; color:#FFF; text-transform:uppercase; } .menu .nocaption { display:block; font-size:12px; font-weight:bold; color:#FFF; text-transform:uppercase; } .menu ul { list-style-type:none; margin:10px 0 0 19px; } .menu .rss { display:none; } .menu ul a { color:#FFF; font-size:10px; text-decoration:none; text-transform:uppercase; } .footer{ width:100%; height:18px; background:#FFC450 url(../breuil/bg-footer.gif) repeat-x top left; } .footer .innerFooter { width:890px; position: relative; margin-left: auto; margin-right: auto; } .footer .admin { float:left; font-size:10px; line-height:18px; color:#CA7D00; text-decoration:none; } .footer .copyright { float:right; font-size:10px; line-height:18px; color:#CA7D00; } .baseline { width:100%; overflow:hidden; height:1px; font-size:8px; color:#F4F4F4; white-space: nowrap; display:none; } #annonce-bac{ width:819px; height:160px; margin-left: 6px; margin-top: -20px; margin-bottom: 15px; }.rt-mcms-article{ position:relative; margin:0 0px 9px 0; padding:10px 80px 0 80px; color:#3F3F3F; font-size:12px; } .rt-mcms-article-separator { display:block; clear:left; } .rt-mcms-article img { position:relative; padding:3px; background:#FCFCFC; margin:1px; border:1px solid #F6F6F6; } .rt-mcms-article img.thickbox { cursor:pointer; } .rt-mcms-article h2 { color:#350018; font-size: 14pt; height: 25px; color:#989393; background: url(../breuil/puce.gif) no-repeat 0 0; text-indent:30px; font-weight:normal; text-transform:uppercase; } .rt-mcms-article h3 { color:#969291; font-size:14px; font-family: Arial, Helvetica, sans-serif; } .rt-mcms-article p { padding:8px 8px 8px 20px; text-align:justify; color:#3F3F3F; font-size:14px; line-height:20px; } .rt-mcms-article ul{ margin:0 0 0 40px ; padding:0; } .rt-mcms-article li{ list-style-type: square; font-size:12px; } .rt-mcms-article a { color:#3F3F3F; }.rt-mcms-gallery{ position:relative; margin:0 0px 9px 0; padding:10px 80px 0 80px; color:#3F3F3F; font-size:12px; } .rt-mcms-gallery h3 { color:#350018; font-size: 14pt; height: 25px; color:#989393; background: url(../breuil/puce.gif) no-repeat 0 0; text-indent:30px; font-weight:normal; text-transform:uppercase; } .rt-mcms-gallery a img { padding:2px; background:#FCFCFC; margin:2px; border:1px solid #F6F6F6; width:100px; height:80px; } .rt-mcms-gallery img.thickbox { cursor:pointer; }#ImageBoxOverlay { background-color: #000; } #ImageBoxCaption { background-color: #F4F4EC; } #ImageBoxContainer { width: 250px; height: 250px; background-color: #F4F4EC; } #ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000; } #ImageBoxCaptionImages { margin: 0; font-size: 11px; } #ImageBoxClose { color:#000; text-decoration:none; font-size: 13px; font-weight: bold; } #ImageBoxClose:hover { text-decoration:underline; } #ImageBoxNextImage { background-image: url(../imagebox/spacer.gif); background-color: transparent; } #ImageBoxPrevImage { background-image: url(../imagebox/spacer.gif); background-color: transparent; } #ImageBoxNextImage:hover { background: url(../imagebox/next.gif) no-repeat 80% 80%; } #ImageBoxPrevImage:hover { background: url(../imagebox/prev.gif) no-repeat 20% 80%; }