html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight: inherit;font-style: inherit;font-size:100%;font-family: inherit;vertical-align:baseline;}table{border-collapse: separate;border-spacing:0;}caption,th,td{text-align: left;font-weight: normal;}table,td,th{vertical-align: middle;}blockquote:before,blockquote:after,q:before,q:after{content: "";}blockquote,q{quotes: "" "";}a img{border: none;}.clear {clear:both;border:none !important;}.clearfix,.main{ display:block;}.clearfix:after,.main:after{visibility: hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
body {background: #fff;}
h1, h2, h3 , h4, h5, h6 {font-weight: normal;}
iframe {height: 350px;}
/*
*******************************************
TYPO
*******************************************
*/
@font-face {
font-family: 'Vista';
src: url('fonts/vistasanlig.eot');
src: local('Vista regular'), url('fonts/VistaSanLig.woff') format('woff'), url('fonts/VistaSanLig.otf') format('opentype');
}
h1 {font-family: 'Vista';}
.km_sort_list {list-style-type: none;}
body {font-size: 12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #41210F;}
/*
*******************************************
image de fond animée
*******************************************
*/
#logo {position: absolute; top: -62px; left: 47px;}
#background {background: url(img/background1.png) repeat 5% 5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;z-index: 10;}
#foreground {background: url(img/background2.png) repeat 90% 110%;position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 30;}
#container {height: 500px; z-index: 50; position: relative; left: 50px; top:60px; margin-right: 50px;}
#wrapper {width: 960px; position: relative; }
/*
***********************************************
Menu
***********************************************
*/
#home-link {margin-bottom: 5px; font-weight: bold;}
#filet-menu {border: 0; display: block; height: 13px; width: 140px; background: url(img/filet.png) no-repeat;
position: absolute; top: 55px; left: -20px;}
#menu {float: left; padding: 40px 35px 0 25px; text-align: right; list-style-type: none; height: 460px;background-color: #C6BCB2;font-size: 14px;}
#menu ul {list-style-type: none; margin-top: 10px;}
#menu a {text-decoration: none; color: #41210F;}
#menu li {margin-top: 5px;}
#menu li li {font-size: 13px; font-style: italic;}
#menu ul li ul {display: none;}
.active a {color: #FFF!important; font-weight: bold;}
.bookmenu {margin-bottom: 10px;}
.bookmenu ul li ul {display: none !important;}
.actumenu {margin-top: 10px!important;}
#poipoi {position: absolute; bottom: 25px; left: 40px;}
#signature {position: absolute; left: 65px; bottom: -55px;}
/*
**********************************************
Pages
**********************************************
*/
.title-page {font-size: 34px; width: 390px;margin-top:30px;}
.filet-texte {display: block; height: 13px; background: url(img/filet-texte.png) no-repeat;}
#page-content {float:left; width: 310px;background-color: #C6BCB2; }
#content .post {float: left; width: 410px; padding: 10px;}
#page {background-color: #C6BCB2; height:500px; width: 400px; float: left; position: relative; z-index:50;}
#page a {color:#5F4741;text-decoration:none;border-bottom:dotted 1px;}
#illus-page {float: left; z-index: 30; height: 500px; background:transparent url(img/degrade-illus.png) left repeat-y;}
.content {margin: 0 30px;}
.content ul,
.panes ul {list-style: none;}
.content li a,
.panes li a {color: #41210F; text-decoration: none;}
.content li a :hover,
.content li a.current,
.panes li a :hover,
.panes li a.current {color: #FFF; text-decoration: none;}
/*
*************************************************
Blog
*************************************************
*/
#actus {width: 800px; float: left;height: 500px; position: relative; z-index:50;}
#chapo {background:url("img/degrade.png") repeat-y #AF8C64; color: #FFF; font-size:12px; height:35px; margin:0 20px; padding:5px 10px;}
.filet-blog {border: 0; height: 10px; background: url(img/filet-texte.png) no-repeat;}
.title-blog {font-size: 28px; width: 450px; float: left; display: inline;}
#blog {float: left; height: 500px; width:580px; padding:0 20px; background-color: #FFFFFF; z-index:50;}
#categories {width: 160px; list-style-type: none; position: relative; top: -250px; left: 12px; z-index: 20;}
#categories h3 {font-weight: bold; padding-top: 15px; background: url(img/filet-texte.png) top right no-repeat;}
#categories ul {list-style-type: none;}
#categories a {color: #41210F; text-decoration: none;}
#actus-desc {position:relative;top:-283px;left:12px; color: #FFF;}
#actus-desc h1 {font-size: 34px;}
.articles {width: 250px; float: left; height: 145px; font-size: 12px; padding-right:15px; margin-bottom: 10px;}
.main-post-title {font-size: 16px; height: 2.2em; line-height: 1.2em; padding-top:10px; background: url(img/filet-article-liste.png) left top no-repeat;}
.post-title {font-size: 24px; color: #32B4FF; margin-bottom: 12px; margin-top: 35px; font-family: Vista, sans-serif;}
.date,
.cat-item,
.more {color: #32b4ff;}
.date {padding:5px 100px 0 5px; margin-left:-5px;}
#navleft,
#navright {color: #AF8C64; text-decoration: none; margin-top: -15px;}
#navleft {position:absolute;bottom:10px;left:10px}
#navright {position:absolute;bottom:10px;right:200px}
#illus-blog {float: left; z-index: 30; height: 500px; width: 170px; background:transparent url(img/degrade2.png) left repeat-y;}
#article {float: right; width:340px;}
#contenu {float: right; width:327px;}
#contenu img {max-width: 315px;}
#contenu img {max-width: 315px;}
#contenu #article2 {font-weight: bold; margin: .8em 0;}
#contenu #article4 a {color:#7d5b53;text-decoration:none;border-bottom:dotted 1px;}
#colonne {float: left;width:215px;}
#colonne .entry {color:#32b4ff; text-align: right; font-style: italic;}
#colonne a {color:#7d5b53;text-decoration:none;border-bottom:dotted 1px;}
/*
**************************************************
Panels de droite
**************************************************
*/
#slide-wrapper {width: 750px; float: right;}
.slide {top: 0; overflow:hidden; position:absolute; width:750px; height: 500px;}
.slide div {z-index: 50;}
a.button-close {text-decoration: none; margin-left: 25px;}
a:hover.button-close {background: #41210F;}
#entreprise-inner,
#culture-inner,
#institution-inner ,
#projets-inner {background: url(img/ombre-left.png) repeat-y;color:#333333;position:absolute;left:0;width:750px;height: 700px;}
.wrap {margin-left: 40px;}
.pane-content {float: left; }
.pane-description {float: left; width: 190px; padding: 0 30px 0 15px;}
.pane-description h1 {font-size: 22px; margin-bottom: 5px;}
.pane-description p {font-style: italic;}
.pane-menu {position:absolute; top:300px; left:380px; padding-left:35px; border-top:1px solid #41210F;}
.last-one {position: absolute; top:15px; right: 0; width: 140px; height: 485px; color: white; background: transparent url(img/fourrure.png) bottom right no-repeat}
.last-one h3 {font-size: 12px; font-weight: bold;margin-bottom:5px}
.plus {color: #3cb5fa; text-decoration: none;}
/*
******************************************************
Gallery
******************************************************
*/
.ad-gallery{ width:320px; float:left;}
.ad-gallery, .ad-gallery *{ margin:0; padding:0;}
.ad-gallery .ad-image-wrapper{ width:100%; height:400px; margin-bottom:10px; position:relative; overflow:hidden;}
.ad-gallery .ad-image-wrapper .ad-loader{ position:absolute; z-index:10; top:48%; left:48%; border:1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next{ position:absolute; right:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev{ position:absolute; left:0; top:0; width:25%; height:100%; cursor:pointer; display:block; z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next{ background:url(non-existing.jpg)\9; }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ background:url(ad_prev.png); width:30px; height:30px; display:none; position:absolute; top:47%; left:0; z-index:101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{ background:url(ad_next.png); width:30px; height:30px; right:0; left:auto;}
.ad-gallery .ad-image-wrapper .ad-image{ position:absolute; overflow:hidden; top:0; left:0; z-index:9;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{display: none; position:absolute; bottom:0px; left:0px; padding:7px; text-align:left; width:100%; z-index:2; background:url(opa75.png); color:#000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=scale,src='opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{ display:block;}
.ad-gallery .ad-controls{ height:20px}
.ad-gallery .ad-info{ float:left; display:none}
.ad-gallery .ad-slideshow-controls{ float:right}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{ padding-left:5px; cursor:pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{ padding-left:5px; font-size:0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{ cursor:default; font-style:italic;}
.ad-gallery .ad-nav{ width:100%; position:relative}
.ad-gallery .ad-forward, .ad-gallery .ad-back{ position:absolute; top:0; height:100%; z-index:10;}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back{ height:100px;}
.ad-gallery .ad-back{ cursor:pointer; left:-20px; width:13px; display:block; background:url(ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward{ cursor:pointer; display:block; right:-20px; width:13px; background:url(ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs{ overflow:hidden; width:100%;}
.ad-gallery .ad-thumbs .ad-thumb-list{ float:left; width:9000px; list-style:none;}
.ad-gallery .ad-thumbs li{ float:left; padding-right:5px;}
.ad-gallery .ad-thumbs li a{ display:block}
.ad-gallery .ad-thumbs li a img{ border:3px solid #CCC; display:block;}
.ad-gallery .ad-thumbs li a.ad-active img{ border:3px solid #616161;}
.ad-preloads{ position:absolute; left:-9000px; top:-9000px;}
/*
******************************************************
Jscroll Pane
******************************************************
*/
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1;float: left; margin-right: 10px;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#c8beb4}
.jScrollPaneDrag{position:absolute; background:#AF8C64; cursor:pointer; overflow:hidden;}
.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; height:9px; background: transparent url(img/arrow-up.png) center top no-repeat;}
a.jScrollArrowUp:hover{}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:9px;background: transparent url(img/arrow-down.png) center top no-repeat;}
a.jScrollArrowDown:hover{}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}