body{margin:0px; background:#F3F3F3 url(../images/stripe_bg.jpg); font-family:arial; font-size:12px; color:#575757;}
h1{display:block; padding-left:21px; margin:0; background:url(../images/rect_titre.jpg) left center no-repeat; font-size:12px; color:#006685;}
h2{font-size:12px; color:#006685; margin:0; font-weight:bold; text-align:center;}
h3{color:#006685;}
blockquote{margin:0 0 0 20px;}
p{text-align:justify; margin:12px 0;}
ul{margin:0; padding:10px 0 10px 10px; list-style-image:url(../images/puce.jpg);}
a{font-family:arial; font-size:12px; color:#575757;}
a:hover{text-decoration:none;}
img{border:0;}
li{padding-bottom:10px;}
.left{float:left;}
.right{float:right;}

.conteneur_principal{width:800px; height:445px; left:50%; top:50%; margin-left:-400px; margin-top:-222px; position:absolute; background:url(../images/page.png) no-repeat;}
.onglet-gauche{position:absolute; width:30px; height:322px; top:62px; left:-30px;}
.menu_principal{}
.baseline{float:left; width:750px; height:15px; padding:5px 0 0 50px; font-family:arial; font-size:11px; color:#005670; margin-top:71px;}
.contenu{float:left; width:800px; height:330px;}
.contenu-gauche, .contenu-droit{float:left; height:310px; padding:20px 20px 0 20px;}
.footer{float:left; width:800px; height:22px; line-height:20px; margin-top:-1px;}
.footer-infos{float:right; /*width:700px;*/ padding-right:5px; text-align:right; font-size:10px; color:#FFFFFF;}
.footer-infos a{font-size:10px; color:#FFFFFF;}

.gris{color:#999999; font-size:11px;}
.retour{width:361px; text-align:right;}

.voirPlus{float:right; margin:15px 20px 0 0; text-decoration:none; font-size:11px; color:#006685;}
.lien-rss{float:right; margin:15px 5px 0 0; width:16px; height:16px; background:url(../images/rss.png) no-repeat;}
.lien-facebook{float:right; margin:15px 5px 0 0; width:16px; height:16px; background:url(../images/facebook.png) no-repeat;}


/* Bouton drapeau anglais */
.lien_english{float:left; width:16px; height:11px; margin-left:9px; background:url(../images/gb.png) no-repeat;}
.lien_french{float:left; width:16px; height:11px; margin-left:9px; background:url(../images/gf.png) no-repeat;}

/* Contenu */

.cadre-arrondie{width:302px; height:115px; padding:10px 18px; background:url(../images/cadre_texte_accueil.jpg) no-repeat;}
.cadre-arrondie2{width:348px; height:60px; padding:6px 18px; background:url(../images/cadre_texte_accueil2.jpg) no-repeat;}
.cadre-arrondie-long{width:285px; height:28px; padding:10px 18px; background:url(../images/cadre_liens.jpg) no-repeat; float:left;}
.liste-decalee{margin-left:22px;}
.liste-sansCarre{list-style-image:none; list-style:none;}

.lien_googlemap{display:block; width:200px; height:15px; line-height:15px; padding-left:20px; font-weight:bold; color:#006685; text-decoration:none; background:url(../images/loupe.jpg) no-repeat;}
.lien_video{display:block; width:90px; height:15px; line-height:15px; padding-left:20px; font-weight:bold; color:#006685; text-decoration:none; background:url(../images/video.jpg) no-repeat;}

.scrollDiv{overflow-y:scroll; height:290px;}

.conteneur-bouton-accueil{height:52px; padding-top:15px; display:table; margin:auto;}
.bouton-objet3d{background:url(../images/bouton-objet3d.jpg) top no-repeat;}
.bouton-appart3d{background:url(../images/bouton-configurateur.jpg) top no-repeat;}
.bouton-sfr{background:url(../images/bouton-sfr.jpg) top no-repeat;}
.bouton-boutique3d{background:url(../images/bouton-boutique3d.jpg) top no-repeat;}
.bouton-presentation{background:url(../images/bouton-presentation.jpg) top no-repeat;}
.bouton-3suisses_canape{background:url(../images/bouton-3suisses_canape.jpg) top no-repeat;}
.bouton-nrj{background:url(../images/bouton-nrj.jpg) top no-repeat;}
.bouton-laposte{background:url(../images/bouton-laposte.jpg) top no-repeat;}
.bouton-laredoute{background:url(../images/bouton-laredoute.jpg) top no-repeat;}
.bouton-optishops{background:url(../images/bouton-optishops.jpg) top no-repeat;}
.bouton-victoria_couture{background:url(../images/bouton-victoria_couture.jpg) top no-repeat;}
.bouton-3suisses{background:url(../images/bouton-3suisses.jpg) top no-repeat;}

.bouton-accueil {width:52px; height:52px; display:block; float:left; margin-right:20px;}
.bouton-accueil:hover, .bouton-selected {background-position:bottom center;}

.trait_jaune{height:1px; background-color:#f5b935; margin:10px 0;}

.tbl-ref{width:100%;}
.tbl-ref td{padding:2px 5px; width:20%;}

/*Menu*/
.menu {position:absolute; z-index:100; top:-16px; left:310px;}
.menuElem {position:relative; float:left; z-index:100; padding:5px;}
.menuTitle {display:block; width:66px; height:31px; padding:40px 5px 0 0; cursor:pointer; background:url(../images/btn_menu.png) no-repeat left top; color:#FFFFFF; font-size:11px; text-decoration:none; text-align:right;}
.menuTitle:hover {background-position:bottom;}
.menuHaut {width:155px; height:16px; background:url(../images/ssmenu_haut.png) no-repeat top left;}
.menuBas {width:155px; height:11px; background:url(../images/ssmenu_bas.png) no-repeat top left;}
.menuChildren {position:absolute; width:155px; z-index:100;}
.menuSousMenu {background:url(../images/ssmenu_milieu.png) repeat-y top left; width:139px; padding:8px;}
.menuInit {display:none;}
.menuSousMenu ul{list-style:none;}
.menuSousMenu li{padding:4px 0; margin:0px; list-style:none; width:139px;}
.menuSousMenu a {display:block; height:22px; color:#ffffff; text-decoration:none; padding-left:25px; background:url(../images/ssmenu_bouton.gif) no-repeat top left;}
.menuNonCentrerH{line-height:11px;}
.menuSousMenu a:hover {background-position:bottom left;}


/* HighSlide*/

.highslide {cursor: url(../highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide-active-anchor img {visibility: hidden;}
.highslide img {border: 2px solid gray;}
.highslide:hover img {border: 2px solid white;}

.highslide-wrapper {background: white;}
.highslide-image {border: 2px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none; border: 2px solid white; border-top: none; font-family: Arial; font-size: 10pt; padding: 5px; background-color: white;}
.highslide-loading {display: block; color: black; font-size: 8pt; font-family: Arial; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url(../highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}
a.highslide-credits,a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover,a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}
a.highslide-full-expand {background: url(../highslide/graphics/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}

/* Controlbar example */
.controlbar {background: url(../highslide/graphics/controlbar4.gif); width: 167px; height: 34px;}
.controlbar a {display: block; float: left; /*margin: 0px 0 0 4px;*/ height: 27px;}
.controlbar a:hover {background-image: url(../highslide/graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {width: 40px; background-position: -50px 0;}
.controlbar .highslide-move {width: 40px; background-position: -90px 0;}
.controlbar .close {width: 36px; background-position: -130px 0;}

/* Necessary for functionality */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

.footer-petitOnglet{display:block; width:27px; height:16px; padding-top:5px; line-height:0px; background:url(../images/ongletmarketing-bas2.png) top left no-repeat; float:left; margin-left:2px; text-align:center;}
.footer-petitOnglet:hover, .onglet-petitOnglet{background-position:bottom left;}
.footer-grandOnglet{display:block; width:87px; height:21px; line-height:22px; background:url(../images/ongletmarketing-bas.png) top left no-repeat; float:left; margin-left:2px; text-align:center; color:#FFFFFF; text-decoration:none; font-size:11px;}
.footer-grandOnglet:hover, .onglet-grandOnglet{background-position:bottom left; color:#686868;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------jscrollpane--------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {	position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;background: url(../images/scrollbar/scrollbar_carre_bleu.jpg) repeat-y top center;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;background: url(../images/scrollbar/scrollbar_drag.jpg) repeat-y top center;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;background: url(../images/scrollbar/scrollbar_drag.jpg) repeat-y top center;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;background: url(../images/scrollbar/scrollbar_drag.jpg) repeat-y top center;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 10px;background: url(../images/scrollbar/scrollbar_fleche_haut.jpg) no-repeat 0 0;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display:block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height:10px;background: url(../images/scrollbar/scrollbar_fleche_bas.jpg) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 0;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 0;}