*{ margin:0; padding: 0; } body{width:100%; height:100%; background: #FFF ; font-family:Geneva, Arial, Helvetica, sans-serif; color:#000; } .document { width:931px; margin: 0 auto; background: #FFF; padding:188px 0 0 0; position: relative; } div.header { position:absolute; top:0; left:0; width:931px; height: 160px; z-index:0; background:url(../fal/activites.jpg) no-repeat bottom right; } .header .title { position: absolute; z-index:3; top:34px; left:0; width:162px; overflow:hidden; cursor:pointer; text-decoration:none; text-indent:-5000px; height:134px; background:url(../fal/logo-fal.png) no-repeat top left !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/fal/logo-fal.png', sizingMethod='noscale'); } .header .subtitle { position: absolute; z-index:2; right:80px; top:10px; overflow:hidden; text-indent:-5000px; width:254px; height:37px; background:url(../fal/un-avenir.png) no-repeat top left !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/fal/un-avenir.png', sizingMethod='noscale'); } .header .decoTopRed { position: absolute; z-index:1; top:0; right:0; width:918px; height:57px; background:url(../fal/top-red.png) no-repeat top left !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/fal/top-red.png', sizingMethod='noscale'); } .header img { z-index:0; position: absolute; bottom:0; right:0; } #nav { position:absolute; top:161px; left:13px; width:918px; background:#CB111D; height:20px; z-index:0; } #nav, #nav ul {  padding: 0; margin: 0; list-style: none; line-height: 1; } #nav a { display: block; width: 120px; color:#FFF; font-size:11px; font-weight:bold; text-indent:26px; line-height:26px; text-decoration:none; background: url(../fal/puce-red.png) no-repeat 4px 4px; } #nav a:hover { background: #005AA1 url(../fal/puce-blue.png) no-repeat 4px 4px; } #nav li {  float: left; width: 120px;  border-left:1px solid #FFF; color:#FFF; font-size:11px; background:#CB111D; line-height:26px; } #nav li ul {  position: absolute; background:#CB111D; width: 120px; left: -999em;  display:inline; } #nav li ul li { border-top:1px solid #FFF; border-left:none; } #nav li:hover ul, #nav li.sfhover ul {  left: auto; display:block; } #nav li.m1, #nav li.m1 ul, #nav li.m1 ul li, #nav li.m1 a { width:127px; } #nav li.m1 ul, #nav li.m1 ul li, #nav li.m1 ul li a { width:200px; } #nav li.m2, #nav li.m2 ul, #nav li.m2 ul li, #nav li.m2 a { width:125px; } #nav li.m2 ul, #nav li.m2 ul li, #nav li.m2 ul li a { width:200px; } #nav li.m3, #nav li.m3 ul, #nav li.m3 ul li, #nav li.m3 a { width:96px; } #nav li.m3 ul, #nav li.m3 ul li, #nav li.m3 ul li a { width:200px; } #nav li.m4, #nav li.m4 ul, #nav li.m4 ul li, #nav li.m4 a { width:124px; } #nav li.m4 ul, #nav li.m4 ul li, #nav li.m4 ul li a { width:200px; } #nav li.m5, #nav li.m5 ul, #nav li.m5 ul li, #nav li.m5 a { width:100px; } #nav li.m5 ul li, #nav li.m5 ul li a { width:120px; } #nav li.m6, #nav li.m6 ul, #nav li.m6 ul li, #nav li.m6 a { width:205px; } #nav li.m7, #nav li.m7 ul, #nav li.m7 ul li, #nav li.m7 a { width:134px; } .content { width:917px; left:14px; padding-top:35px; position:relative; background:url(../fal/bg-grad.gif) repeat-x; } .arts { width:600px; position:relative; float:left; left:30px; } h1 { color:#E2001A; font-size:25px; text-indent:24px; margin:8px 0; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; } #ssnav { float:right; width:250px; } #ssnav ul { border-top:1px dashed #C90B1D; } #ssnav li { list-style-type:none; } #ssnav a { text-decoration:none; color:#C90B1D; background:#FFF; font-size:12px; font-weight:bold; display:block; padding:7px 0; text-indent:14px; outline:none; border-bottom:1px dashed #C90B1D; } #ssnav a.selected { text-decoration:none; color:#FFF; background:#C90B1D; } #ssnav a:hover { text-decoration:none; color:#FFF; background:#C90B1D; } #ssnav ul.inPage { border-top:0px; } #ssnav ul.inPage a { color:#005AA1; padding-right:10px; text-align:right; font-weight:normal; text-indent:14px; border-bottom:1px dashed #6D92C3; } #ssnav ul.inPage a:hover { color:#FFF; background:#005AA1; } #ssnav ul.inPage a.selected { text-decoration:none; color:#FFF; background:#005AA1; } #naviPath { position:absolute; top:14px; left:14px; color:#970D17; font-size:11px; } #naviPath a { color:#CB111D; font-weight:bold; } .footer{ position:relative; z-index:0; clear:both; width:918px; left:13px; background: url(../fal/bar-bottom.png) repeat-x bottom; height: 65px; color:#CB111D; font-size:11px; line-height:65px; text-align:center; } .footer a { color:#CB111D; } .weetamin { clear:both; width:100%; color:#999; height: 27px; font-size:11px; text-align:center; line-height:27px; } .weetamin a { color:#999; text-decoration:none; }.rt-mcms-article{ position:relative; margin:0 0px 9px 0; color:#3F3F3F; font-size:14px; line-height:21px; } .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:#2E73B1; font-size:18px; margin-bottom:10px; } .rt-mcms-article h3 { color:#005AA1; font-size:14px; margin-bottom:10px; } .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:#005AA1; }.rt-mcms-gallery{ position:relative; margin:0 0px 9px 0; color:#3F3F3F; font-size:12px; } .rt-mcms-gallery h3 { color:#2E73B1; font-size:18px; line-height:17px } .rt-mcms-gallery img { padding:2px; background:#FCFCFC; margin:2px; border:1px solid #F6F6F6; } .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: #FFF url(../imagebox/next.gif) no-repeat 80% 80%; } #ImageBoxPrevImage:hover { background: #FFF url(../imagebox/prev.gif) no-repeat 20% 80%; }