#diaporama1 { float: left; width: 286px; height: 165px; position: relative; overflow: hidden; } #diaporama1 .viewport { width: 100%; height:165px; float: left; overflow: hidden; position: relative; } #diaporama1 .overview { list-style: none; position: absolute; width: 286px; left: 0; top: 0; } #diaporama1 .overview li { float: left; margin: 0 0px 0 0; padding: 0; height: 165px; width: 286px; position:relative;} #diaporama1 .pager-wrap { clear: both; position: absolute; bottom: 63px; right: 20px; width: 100%; height: 16px;} #diaporama1 .buttons.prev { position:absolute; left:20px; z-index:1000; top:46%; background:url(../images/left-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama1 .buttons.prev:hover { opacity: 1;} #diaporama1 .buttons.next { position:absolute; right:20px; z-index:1000; top:46%; background:url(../images/right-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama1 .buttons.next:hover { opacity: 1; } #diaporama1 .pager { overflow:hidden; list-style: none; clear: both; float: right; } #diaporama1 .pager li { float: left; margin: 0 0 0 5px; background: url(../images/transparency-dark.png) repeat top left; height: 25px; width: 25px; text-align: center; } #diaporama1 .descriptif { position: absolute; z-index: 100000; bottom: 0; left: 0; background: url(../images/transparency-dark.png) repeat top left; padding: 15px 0; width: 100%; color:#fff; text-transform: uppercase; font-weight: bold; text-align: left; font-size: 12px; } #diaporama1 .descriptif-inner { padding: 0 20px;} #diaporama1 .pager .pagenum { display: block; line-height: 0; font-size: 0; overflow: hidden; } #diaporama1 .pagenum:link, #diaporama1 .pagenum:visited { padding: 0px 0 0 9px; color:#fff !important; font-size: 11px; font-weight: bold; text-decoration: none; float: left; line-height: 24px; } #diaporama1 .pagenum:active, #diaporama1 .pagenum:hover, #diaporama1 .pager .active { color: #be3920 !important; } #diaporama2 { float: left; width: 564px; height: 400px; position: relative; overflow: hidden; } #diaporama2 .viewport { width: 100%; height: 400px; float: left; overflow: hidden; position: relative; } #diaporama2 .overview { list-style: none; position: absolute; width: 564px; left: 0; top: 0; } #diaporama2 .overview li { float: left; margin: 0 0px 0 0; padding: 0; height: 400px; width: 564px; position:relative;} #diaporama2 .pager-wrap { clear: both; position: absolute; bottom: 63px; right: 20px; width: 100%; height: 16px;} #diaporama1 .buttons.prev { position:absolute; left:20px; z-index:1000; top:46%; background:url(../images/left-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama2 .buttons.prev:hover { opacity: 1;} #diaporama2 .buttons.next { position:absolute; right:20px; z-index:1000; top:46%; background:url(../images/right-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama2 .buttons.next:hover { opacity: 1; } #diaporama2 .pager { overflow:hidden; list-style: none; clear: both; float: right; } #diaporama2 .pager li { float: left; margin: 0 0 0 5px; background: url(../images/transparency-dark.png) repeat top left; height: 25px; width: 25px; text-align: center; } #diaporama2 .descriptif { position: absolute; z-index: 100000; bottom: 0; left: 0; background: url(../images/transparency-dark.png) repeat top left; padding: 15px 0; width: 100%; color:#fff; text-transform: uppercase; font-weight: bold; text-align: left; font-size: 12px; } #diaporama2 .descriptif-inner { padding: 0 20px;} #diaporama2 .pager .pagenum { display: block; line-height: 0; font-size: 0; overflow: hidden; } #diaporama2 .pagenum:link, #diaporama2 .pagenum:visited { padding: 0px 0 0 9px; color:#fff !important; font-size: 11px; font-weight: bold; text-decoration: none; float: left; line-height: 24px; } #diaporama2 .pagenum:active, #diaporama2 .pagenum:hover, #diaporama2 .pager .active { color: #be3920 !important; } #diaporama3 { float: left; width: 286px; height: 165px; position: relative; overflow: hidden; } #diaporama3 .viewport { width: 100%; height:165px; float: left; overflow: hidden; position: relative; } #diaporama3 .overview { list-style: none; position: absolute; width: 286px; left: 0; top: 0; } #diaporama3 .overview li { float: left; margin: 0 0px 0 0; padding: 0; height: 165px; width: 286px; position:relative;} #diaporama3 .pager-wrap { clear: both; position: absolute; bottom: 63px; right: 20px; width: 100%; height: 16px;} #diaporama3 .buttons.prev { position:absolute; left:20px; z-index:1000; top:46%; background:url(../images/left-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama3 .buttons.prev:hover { opacity: 1;} #diaporama3 .buttons.next { position:absolute; right:20px; z-index:1000; top:46%; background:url(../images/right-arrow.png) no-repeat left top; width:15px; height:38px; opacity: 0.5;} #diaporama3 .buttons.next:hover { opacity: 1; } #diaporama3 .pager { overflow:hidden; list-style: none; clear: both; float: right; } #diaporama3 .pager li { float: left; margin: 0 0 0 5px; background: url(../images/transparency-dark.png) repeat top left; height: 25px; width: 25px; text-align: center; } #diaporama3 .descriptif { position: absolute; z-index: 100000; bottom: 0; left: 0; background: url(../images/transparency-dark.png) repeat top left; padding: 15px 0; width: 100%; color:#fff; text-transform: uppercase; font-weight: bold; text-align: left; font-size: 12px; } #diaporama3 .descriptif-inner { padding: 0 20px;} #diaporama3 .pager .pagenum { display: block; line-height: 0; font-size: 0; overflow: hidden; } #diaporama3 .pagenum:link, #diaporama3 .pagenum:visited { padding: 0px 0 0 9px; color:#fff !important; font-size: 11px; font-weight: bold; text-decoration: none; float: left; line-height: 24px; } #diaporama3 .pagenum:active, #diaporama3 .pagenum:hover, #diaporama3 .pager .active { color: #be3920 !important; } a.plus-dinfo { background: url(../images/plus-info.gif) no-repeat top left; width: 95px; height: 21px; color:#ffffff; text-transform: uppercase; text-decoration: none; font-size: 11px; text-align: center; margin-right: 20px; float: right; font-weight: bold; padding-top: 3px; } a.plus-dinfo:hover { background: url(../images/plus-info-ov.gif) no-repeat top left; color:#ffffff; text-decoration: none; } span.title-photo { float: left; padding: 3px 0 0 20px; } /* intro */ #fake-bg { position: absolute; width: 100%; height: 489px; float: left; overflow: hidden; top: 0; left: 0; } .spaceh1 { background: #fff; border-bottom: solid 20px #efefef; height: 149px; position: relative; } .spaceimage { background: #333; height: 300px; position: relative; } .spacefooter { background: #efefef; height: 20px; position: relative; } .intro-h1 { text-align: left !important; height: 46px; color: #333; font-size: 14px; line-height: 18px; font-weight: normal; width: 100%; float: left; } .intro-text { position: absolute; top: 490px; left:0; width: 100%; border-top: solid 1px #c0c0c0; padding-top: 13px; } .intro-text { font-size: 11px; color:#777777; text-align: center; } .intro-text a { font-size: 11px; color:#444; text-decoration: none; } .intro-text a:hover { font-size: 11px; color:#444; text-decoration: underline; z-index: 1000; } #diaporama12 { float: left; width: 100%; height: 540px; position: absolute; overflow: hidden; left: 0px; top: 123px; } #diaporama12 .viewport { width: 100%; height: 570px; float: left; overflow: hidden; position: relative; left: 0; } #diaporama12 .overview { list-style: none; position: absolute; width: 100%; left: 0; top: 0; } #diaporama12 .overview li { float: left; margin: 0 0px 0 0; padding: 0; height: 100%; width: 996px; position:relative; } #diaporama12 .pager-wrap { clear: both; position: absolute; top: 390px; left: 0px; width: 100%; height: 16px;} #diaporama12 .pager { overflow:hidden; list-style: none; clear: both; float: right; width: 100%; } #diaporama12 .pager li { float: left; margin: 0 0 0 0px; text-align: center; } #diaporama12 .pager .pagenum { display: block; line-height: 0; font-size: 0; overflow: hidden; } #diaporama12 .pagenum:link, #diaporama12 .pagenum:visited { clear: both; float: left; padding: 0px 0 0 0px; font-size: 17px;text-decoration: none; line-height: 20px; text-align: left; color:#929292; width: 100%; } #diaporama12 .pagenum span { clear: both; float: left; font-size: 30px; margin-bottom: 5px; width: 100%; line-height: 30px;} #diaporama12 .pagenum:active, #diaporama12 .pagenum:hover { color: #555555 ;} #diaporama12 .pager .active span.color1 { color: #be3820 !important; } #diaporama12 .pager .active span.color2 { color: #bf8a00 !important; } #diaporama12 .pager .active span.color3 { color: #343936 !important; } #diaporama12 .pager .active { color: #555555; } #diaporama12 .pager span.disp { display: none; } #diaporama12 .pager .active span.disp { display: block; } /*.siteimage img { width:996px; height:300px; float:left; background-position:center center; background-repeat:no-repeat;} */ .centerholder{ width: 996px; height: 100%; margin: 0 auto; }