*{ margin:0; padding: 0; } body{ width:100%; height:100%; background: #F4F4F4 ; margin: 0; font-family:Arial, Geneva, Helvetica, sans-serif; } .document { width:1024px; margin: 0 auto; position: relative; border-right:1px solid #7C3B44; border-left:1px solid #7C3B44; } .f1{ dislay:block; background: url(../gfx/fonac.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f2{ dislay:block; background: url(../gfx/fonqsj.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f3{ dislay:block; background: url(../gfx/fonps.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f4{ dislay:block; background: url(../gfx/fonso.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f5{ dislay:block; background: url(../gfx/fonev.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f6{ dislay:block; background: url(../gfx/fonre.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f7{ dislay:block; background: url(../gfx/fonmehare.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .f8{ dislay:block; background: url(../gfx/maroc.jpg) no-repeat center; width:1024px; height:791px; position: absolute; } .ssmenu { display:block; line-height:20px; font-size:12px; padding:20px; text-align:center; } .ssmenu a { color:#BA7272; border-left:1px solid #BA7272; text-decoration: none; padding: 0px 5px; font-weight:bold; } .ssmenu a:hover{ color:#7C3B44; } div.header { position:absolute; top:0; left:0; width:1024px; font-family: verdana, 'trebuchet ms', arial; background: url(../gfx/header.png) no-repeat top !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/gfx/header.png', sizingMethod='noscale'); height:155px; margin:0 0; } .header .title { display:block; float:right; margin: 35px 40px 0px 0px; color:#ffffff; font-size:32px; letter-spacing:2px; text-decoration:none; } .header .rss { position: absolute; top:4px; right:16px; width:17px; height:18px; overflow:hidden; text-indent:-500px; } .menu {  border-bottom:2px solid #AE545E; list-style-type:none; right:0px; position:absolute; top:180px; display:block; height:40px; width:850px; } .menu li { list-style-type:none; height:25px; float:left;  padding:2px 25px 0px 55px; line-height:25px; background: url(../gfx/puce.gif) no-repeat ;  } .menu li a { color:#000000; text-decoration: none; font-size:12px; } .accueil .menu li a, .accueil .menu ul li a:hover { color:#FFF; } .menu ul li a:hover { color:#000000; text-decoration:underline; } .content { z-index:1; float:right; position:relative; margin:290px 20px 35px 0; width:500px; height:369px; } .bgContent { z-index:0; background: url(../gfx/content.png) no-repeat right center !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/gfx/content.png', sizingMethod='noscale'); width:500px; height:369px; position:absolute; bottom:100px; right:30px; } #bandeauSWF{ position:absolute; top:552px; right:0; width:344; height:155; } h1 { display:block; color:#000; font-size:16px; padding:5px 0 0; text-indent:15px; letter-spacing:1px; font-family: verdana, 'trebuchet ms', arial; } .gauche { display:block; position: absolute; top:95px; left:0px; width: 326px; height: 599px; background: url(../gfx/bloc_gauche.png) no-repeat !important; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/style/gfx/bloc_gauche.png', sizingMethod='noscale'); } .footer{ clear:both; width:1024px; background: url(../gfx/footer.gif) no-repeat center; height: 62px; position:relative; } .footer a.admin { position: relative; float:right; font-size:11px; color:#FFF; text-decoration:none; padding:30px 25px 0 0px ; } .footer a.contact { position: relative; float:left; font-size:11px; color:#FFF; text-decoration:none; padding:30px 0 0 25px ; } .footer a.mentions { position: relative; float:left; font-size:11px; color:#FFF; text-decoration:none; padding:30px 0px 0px 40px ; } .footer .powered { position: relative; float:right; font-size:11px; color:#FFF; font-weight:bold; padding:30px 40px 0 0; } .footer .powered a { color:#FFF; } .footer ul { float:right; } .footer li { position: relative; float:left; list-style-type: none; } .footer li a { color:#FFF; font-size:10px; text-decoration:none; padding:5px 0 1px 0; margin:0 20px 0 0; } .footer li a:hover { text-decoration:underline; color:#3F3F3F; }.rt-mcms-article{  margin:0 0px 9px 0; padding:09px 15px 0 15px; color:#000; font-size:12px; } .rt-mcms-article-separator { display:block; clear:left; } .rt-mcms-article img { position:relative; margin:9px; border:1px solid #000; } .rt-mcms-article img.thickbox { cursor:pointer; } .rt-mcms-article h2 { color:#404040; font-size:14px; font-family: 'verdana, trebuchet ms', arial; } .rt-mcms-article h3 { color:#555555; font-size:12px; font-family: verdana, 'trebuchet ms', arial; } .rt-mcms-article p { padding:8px 8px 8px 0;  color:#000; font-size:12px; } .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:#000; }.rt-mcms-gallery{ position:relative; margin:0 0px 9px 0; padding:10px 9px 20px 20px; color:#000; font-size:12px; } .rt-mcms-gallery h3 { margin-bottom:10px; color:#555555; font-size:12px; font-family: 'trebuchet ms', verdana, arial; } .rt-mcms-gallery img { margin:2px; border:1px solid #000; } .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%; } .scroll-pane { width: 490px; overflow: auto; float: left; height: 327px; } .scroll-pane-ssmenu { width: 490px; overflow: auto; float: left; height: 270px; } .jScrollPaneContainer { position: relative; overflow: hidden;  } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ECD9D7; border: 1px solid #FCF8F8; } .jScrollPaneDrag { position: absolute; background: #7C3B44; cursor: pointer; overflow: hidden; border-top: 1px solid #FCF8F8; border-bottom: 1px solid #FCF8F8; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #7C3B44; height: 9px; border: 1px solid #FCF8F8; } a.jScrollArrowUp:hover { background-color: #32181C; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #7C3B44; height: 9px; border: 1px solid #FCF8F8; } a.jScrollArrowDown:hover { background-color: #32181C; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color: #32181C; }