* {margin:0;text-align : left;}
HTML {}
BODY {text-align:center;}
#page {width:100%;height:100%;background:#fff;position:relative;display:block;margin: auto;}
div, table, input {background:transparent;}
.clr {clear: both;}
ul {list-style-position: inside;}
li {list-style-position: inside;}

.div_logo {position:absolute;left:-150px;top:-600px;z-index:50;}

.div_bas {position:absolute;left:-150px;top:-600px;background:#FFF url(../image/bas.png) center left repeat-x;}
.div_bas .div_logo_bas {float:right;background:#FFF;}
.div_bas .div_societe {float:left;font:12px arial;color:#7b797c;padding:5px 15px 5px 30px;margin-top:40px;background: #FFF url(../image/puce_slogan.png) center left no-repeat;}
.div_bas .div_societe a {color:#7b797c;}

/* ******** DIAPORAMA ********** */
.div_diaporama {position:absolute;top:-600px;left:-150px;height:50px;width:76px;z-index:49;}
.div_diaporama li {position:absolute;}
.div_diaporama .slideshow img {border:0px none;}

.div_titre_vignette {position:absolute;left:-150px;top:-600px;}
.vignettes {position:absolute;top:-600px;left:-150px;list-style:none;display:block;width:35px;height:35px;}
.vignettes img {width:100%;}

div.content {display:none;}
div.content a, div.navigation a {text-decoration: none;color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration:underline;}
div.controls {margin-top: 5px;height: 23px;}
div.controls a {padding: 5px;}
div.controls a.next, div.controls a.prev {font-weight:bold;font-size:18px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative;clear: both;height: 350px;}
div.loader {position: absolute;top: 0;left: 0;background-image: url('loader.gif');background-repeat: no-repeat;background-position: center;width: 550px;height: 502px;}
div.slideshow {overflow:hidden;}
div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;}
div.slideshow a.advance-link {display: block;text-align: center;float: left;width: 100%;height:100%;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
div.slideshow img {vertical-align: middle;max-width:100%;max-height:100%;}
div.download {float: right;}
div.caption-container {position: relative;clear: left;height:50px;background:#FFF;}
span.image-caption {display: block;position: absolute;width: 740px;top: 0;left: 0;}
div.caption {padding:12px 12px;}
div.image-title {font-weight:bold;text-align:center;}
div.image-desc {line-height: 1.3em;padding-top: 12px;}
div.navigation {float:left;width:100%;}
ul.thumbs {clear: both;margin: 0;padding: 0;}
ul.thumbs li {float: left;padding: 0;margin:0;list-style: none;}
a.thumb {display: block;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
div.pagination a:hover {background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #000;border-color: #000;color: #fff;}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}
