@charset "utf-8";
html, body {padding: 0; margin:0; height: 100%; width: 100%; font-family: "Verdana", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 90%; color: #4e3e23; }
* {padding:0; margin:0; border:0;}

h1 {color: #aa5a78; margin-bottom:25px; font-size: 1em; font-weight: bolder !important; font-family: "Verdana", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: normal; }
a:active {border: none; }
p.rose {color: #aa5a78; }

body{ background: #2a1c0f url(../images/background.jpg) no-repeat 0 0; }
#main_frame {width: 1068px; height: 800px; min-height: 800px; margin-left: auto; margin-right: auto; }
#cadre_central {height: 698px; width: 914px; padding-left: 66px; padding-right: 88px; padding-top: 30px; padding-bottom: 40px; }
#cadre_central_b {position: relative; height: 100%; width: 100%; background-color: transparent; }
.index,
.souris_texte {background: transparent url(../images/contenu-accueil.png) no-repeat 0 0; }
.fond_beige {background: transparent url(../images/contenu-beige.png) no-repeat 0 0; }
.fond_accueil,
.fond_accueil_texte {background: transparent url(../images/contenu-accueil.png) no-repeat 0 0; }

#header {position: relative; height: 80px; width: 100%; margin-bottom: 35px; z-index: 2; }
#logo {position: absolute; top: 0; left: 0; }

#contenu {position: relative; width: 914px; height: 492px; z-index: 0; background-color: transparent; }
#contenu-main {position: relative; width: 100%; height: 492px; z-index: 0; }
#alerte {position: relative; width: 100%; height: auto; }

/* menu principal */
#menu {position: absolute; top: 30px; right: 0px; margin-top: 0px; z-index: 2; font-size: 0.9em; padding-right: 90px; }
/*#menu.menu-atmosdar {background-image: url(../images/aa.jpg); }*/
#menu ul {list-style: none; z-index:2; padding-left: 10px; }
#menu li.boutons {position: relative; float: left; margin-right: 10px; width: 152px; height: 40px; background: transparent url(../images/elements.png) no-repeat 0 0; z-index:2;}

#menu-aa-ardevivre,
#menu-aa-atmosdar {position: absolute; top: 0; right: 0; height: 40px; width: 40px; }
#menu-aa-ardevivre a,
#menu-aa-atmosdar a {position: relative; float: left; height: 40px; width: 40px; background: transparent url(../images/elements.png) no-repeat 0 -1336px; text-decoration: none; }

#menu-aa-atmosdar a:hover {background-position: 0 -1376px; }
#menu-aa-ardevivre a {background-position: -75px -1336px; }
#menu-aa-ardevivre a:hover {background-position: -75px -1376px; }

#menu ul li a, 
#menu ul li.boutons span,
.accueil-architecte-encadre ul li a,
.architecte-encadre-absolute ul li a {position: relative; float: left; width: 100%; height: 100%; line-height: 20px; cursor: pointer; z-index: 2 !important; overflow: hidden; color: #aa5a78 !important; text-decoration: none; }
#menu ul li a:hover,
.accueil-architecte-encadre ul li a:hover,
.architecte-encadre-absolute ul li a:hover {color: #402f13; }
#menu ul li#archi {background-position: -320px 0;}
#menu ul li#atelier {background-position: -478px 0; }
#menu ul li#boutique {background-position: 0 0; }
#menu ul li#ambiances {background-position: -158px 0; }

#menu ul li#archi:hover {background-position: -320px -40px; }
#menu ul li#atelier:hover {background-position: -478px -40px; }
#menu ul li#boutique:hover {background-position: 0 -40px; }
#menu ul li#ambiances:hover {background-position: -158px -40px; }

#menu ul li#archi:active {background-position: -320px -80px; }
#menu ul li#atelier:active {background-position: -478px -80px; }
#menu ul li#boutique:active {background-position: 0 -80px; }
#menu ul li#ambiances:active {background-position: -158px -80px; }

#menu ul li#archi.selected {background-position: -320px -80px; }
#menu ul li#atelier.selected {background-position: -478px -80px; }
#menu ul li#boutique.selected {background-position: 0 -80px; }
#menu ul li#ambiances.selected {background-position: -158px -80px; }

#menu ul.navigation,
.accueil-architecte-encadre ul.navigation,
.architecte-encadre-absolute ul.navigation {position: relative; float: left; background: transparent url(../images/menu-principal.png) repeat-y -201px 0; width: 184px !important; z-index: 3; }

#menu ul.navigation li,
.accueil-architecte-encadre ul.navigation li,
.architecte-encadre-absolute ul.navigation li {position: relative; float: left; height: auto; width: 154px; padding-left: 20px; padding-right: 10px; z-index:2; }
#menu ul.subMenu li {padding-top: 0px !important; padding-bottom: 0px !important; z-index:2; width: 140px; padding-left: 0px !important; font-size: 1em; }

#menu div.bulle-top,
.accueil-architecte-encadre div.bulle-top,
.architecte-encadre-absolute div.bulle-top {position: relative; float: left; width: 194px; height: 20px; background: transparent url(../images/menu-principal.png) no-repeat 0 0; z-index: 3;}
#menu div.bulle-bottom,
.accueil-architecte-encadre div.bulle-bottom,
.architecte-encadre-absolute div.bulle-bottom {position: relative; float: left; width: 194px; height: 20px; background:url(../images/menu-principal.png) no-repeat -410px 0; z-index: 3;}
#menu div.bulle,
.accueil-architecte-encadre div.bulle,
.architecte-encadre-absolute div.bulle {display: none; z-index: 3; }

#menu ul li.toggleSubMenu ul {clear: left; }
#menu ul li.toggleSubMenu ul li a {color: #000 !important;  z-index:2; }	
#menu ul li.toggleSubMenu {background: transparent url(../images/arrow-close.png) no-repeat 5px 0;  z-index:2; }		
#menu ul li.open {background: transparent url(../images/arrow-open.png) no-repeat 5px 0;  z-index:2; }


/* menu secondaire */
#menu-secondaire {position: absolute; top:0; right:0; }
#menu-secondaire ul {list-style: none;}
#menu-secondaire ul li {position: relative; float: left; margin-left: 20px; }
#menu-secondaire ul li a {text-decoration: none; color: #4e3e23; font-size: 0.9em;}
#menu-secondaire ul li a:hover {color: #aa5a78; }

.ardevivre { height:173px; width:719px; margin-top:240px;}

/* page index */
#ligne-ardevivre {position: absolute; top: 90px; left: 240px; width: 528px; height: 67px; background: transparent url(../images/elements.png) no-repeat 0 -320px; }
#accueil-boutons {position: absolute; top: 190px; left: -8px; width: 927px; height: 230px; background: transparent url(../images/background-boutons-accueil.png) no-repeat 0 0; padding-left: 15px; padding-top: 15px; }

#accueil-bouton-archi,
#accueil-bouton-atelier,
#accueil-bouton-boutique {position: relative; float: left; width: 292px; margin-right: 17px; height: 212px; background: transparent url(../images/elements.png) no-repeat 0 -622px; }
#accueil-bouton-archi {background-position: 0 -622px; }
#accueil-bouton-atelier {background-position: -308px -622px; }
#accueil-bouton-boutique {background-position: -618px -622px; }

#accueil-bouton-archi a,
#accueil-bouton-atelier a,
#accueil-bouton-boutique a {position: relative; float: left; width: 292px; height: 54px; margin-top: 158px; background: transparent url(../images/elements.png) no-repeat 0 -431px; cursor: pointer; }

#accueil-bouton-archi a {background-position: 0 -431px; }
#accueil-bouton-atelier a {background-position: -308px -431px; }
#accueil-bouton-boutique a {background-position: -618px -431px; }

#accueil-bouton-archi a:hover {background-position: 0 -485px; }
#accueil-bouton-atelier a:hover {background-position: -308px -485px; }
#accueil-bouton-boutique a:hover {background-position: -618px -485px; }

#accueil-bouton-nouveautes {position: absolute; top: 450px; left: 490px; width: 289px; height: 76px; }
#accueil-bouton-nouveautes a {position: relative; float: left; width: 100%; height: 100%; background: transparent url(../images/elements.png) no-repeat 0 -848px; }
#accueil-bouton-nouveautes a:hover {background-position: 0 -924px; }

/*#contenu ul#index-boutique li { position:relative; margin-left:450px; height:44px; width:152px; background: transparent url(../images/elements.png) no-repeat 0 -161px; z-index:0; cursor: pointer; list-style: none; }*/
/*#contenu ul#index-boutique li#bouton-marrakech {margin-bottom: 10px; }*/
/*#contenu ul#index-boutique li#bouton-casa {background-position: 0 -213px; }*/
/*#contenu ul#index-boutique li#bouton-marrakech:hover {background-position: -152px -161px; }*/
/*#contenu ul#index-boutique li#bouton-casa:hover {background-position: -152px -213px; }*/

/* page accueil architecte et décorateurs */
.accueil-architecte-encadre {position: relative; float: left; width: 290px; height: 156px; margin-right: 18px; margin-bottom: 18px; border: solid 1px #402f13; background-color: #f8f5f0; }
.architecte-encadre-absolute {position: absolute; width: 290px; height: 156px; border: solid 1px #402f13; background-color: #f8f5f0; }
.architecte-encadre-absolute-vide {position: absolute; width: 290px; height: 156px; border: none; background-color: transparent; }

#architecte-texte {position: absolute; top: 352px; left: 0; width: 910px; height: 250px; overflow: auto; }


#encadre-0 {top: 0; left: 0; z-index: 9; }
#encadre-1 {top: 0; left: 308px; z-index: 8; }
#encadre-2 {top: 0; left: 616px; z-index: 7; }
#encadre-3 {top: 176px; left: 0; z-index: 6; }
#encadre-4 {top: 176px; left: 308px; z-index: 5; }
#encadre-5 {top: 176px; left: 616px; z-index: 4; }
#encadre-6 {top: 352px; left: 0; z-index: 3; }
#encadre-7 {top: 352px; left: 308px; z-index: 2; }
#encadre-8 {top: 352px; left: 616px; z-index: 1; }


.last {margin-right: 0; }
.accueil-architecte-encadre .lien,
.architecte-encadre-absolute .lien {position: absolute; bottom: 0; left: 0; width: 290px; height: 21px; background-color: #402f13; z-index: 3; }
.accueil-architecte-encadre .lien a,
.accueil-architecte-encadre .lien span,
.architecte-encadre-absolute .lien a,
.architecte-encadre-absolute .lien span {position: relative; float: left; width: 100%; height: 100%; background-color: transparent; color: #e9e4d8; text-decoration: none; text-align: center; line-height: 21px; font-size: 0.9em; z-index: 3;}
.accueil-architecte-encadre .lien a:hover,
.accueil-architecte-encadre .lien span:hover,
.architecte-encadre-absolute .lien a:hover,
.architecte-encadre-absolute .lien span:hover {background-color: #af486f; z-index: 3; }
.accueil-architecte-encadre .image,
.architecte-encadre-absolute .image {position: absolute; bottom: 18px: left: 0; width: 290px; height: 134px; }
.accueil-architecte-encadre .decale,
.architecte-encadre-absolute .decale {left: 18px; }
.accueil-architecte-encadre .lien div.bulle,
.architecte-encadre-absolute .lien div.bulle {margin-left: 100px; margin-top: -10px; z-index: 30; }
.accueil-architecte-encadre ul.navigation,
.architecte-encadre-absolute ul.navigation {list-style: none; width: 194px !important; z-index: 3; }
.accueil-architecte-encadre .lien ul li a,
.architecte-encadre-absolute .lien ul li a {text-align: left; z-index: 3;}
.accueil-architecte-encadre .lien ul li a:hover,
.architecte-encadre-absolute .lien ul li a:hover {background-color: transparent; }

/* page accueil atelier */
#accueil-atelier-liens {margin-top: 25px; }
#atelier-texte {position: relative; float: left; clear: left; width: 910px; height: 330px; overflow: auto; margin-top: 200px; }
#atelier-texte-scroll {height: 330px; }
#atelier-texte p {margin-bottom: 10px; }

/* Carroussel photo */
#carroussel {position: relative; height: 505px; overflow: hidden; background-color: #fff; border: solid 1px #fff; }
.slide {position: absolute; top: 0; left: 0; height: 505px; width: 100%; }
.titre {position: absolute;	height: 91px; width: 912px !important; bottom: 36px !important; left: 0px; background: transparent url(../images/bg-titre.png) repeat-x 0 0 !important; line-height: 100px; font-size: 18px; color: #fff;}

.slide-navigation {position: absolute; bottom: 6px; right: 0px !important; font-size: 80%;}
.slide-navigation span {background-color: #eee9df; color: #aa5b79; padding: 0px 8px !important; cursor: pointer; margin-right: 5px; }
.slide-navigation span:hover,
.slide-navigation span:active, 
.slide-navigation span.active {background: #aa5b79; color: #fff;}

/* Pagination Références */
#Pagination {position: absolute; bottom: 3px; right: 8px; }
.pagination {font-size: 80%; }
.pagination a {text-decoration: none; color: #15B; }

.pagination a, .pagination span {background-color: #eee9df; color: #aa5b79; cursor: pointer; display: block; float: left; padding-top: 0px; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; margin-left: 5px; margin-bottom: 5px; }
.pagination a:hover {color: #aa5b79; }
.pagination .current {background-color: #aa5b79; color: #fff; }
.pagination .current.prev, 
.pagination .current.next {background-color: #aa5b79; color: #fff; }
.titre-reference {position: absolute; left: 15px; bottom: 0px !important; margin-left: 0px; font-size: 20px; font-style: italic; color: #aa5b79; line-height: 30px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
#synopsis-cache {position: absolute; left: 0; bottom: 29px; height: 500px; width: 914px; overflow: hidden; }
#synopsis-reference {position: absolute; left: 0; bottom: 0; height: auto; width: 874px; background: transparent url(../images/bg-synopsis.png) repeat-x 0 0; padding: 20px; padding-top: 25px; padding-bottom: 10px; color: #eee9df; font-family: "Verdana", "Arial"; z-index: 20; cursor: pointer; }
#synopsis-reference p {margin-bottom: 6px; }
#synopsis-bouton {position: absolute; right: 10px; top: 0px; width: 30px; height: 14px; background: transparent url(../images/elements.png) no-repeat -40px -287px; cursor: pointer; }
.open-synopsis {background-position: 0 -287px !important; }
#synopsis-reference span.close {color: #aa5b79; text-decoration: underline; }
#synopsis-reference span.close:hover {text-decoration: none; }

/* Produits Boutique*/
.produit {position:relative; float:left; height: 236px; width: 226px; border: solid 1px #fff; border-bottom: none; background-color: #f7f5f0; text-align: center; }
.titre-produit {position: absolute; height: 30px; width: 216px; bottom:0; left:0; background-color: #e9e3d7; border-top: solid 1px #aa5b79; border-bottom: solid 1px #aa5b79; color: #a9997e; font-size: 0.9em; padding-left: 10px; text-align: left; line-height: 15px; padding-top: 3px; padding-bottom: 3px; }
.titre-produit a {color: #aa5b79; text-decoration: underline; }
.titre-produit a:hover {text-decoration: none; }
.ref-produit {position: relative; float:left; }
.produit .nouveaute {position: absolute; bottom: 41px; right: 5px; color: #964365; font-weight: bolder; }
.promotion {position: relative; float:right; color: #F00; bottom:31px; margin-right:  5px;}
.titre-categorie-boutique{ position: absolute; bottom: 2px; left: 5px; margin-left: 5px; font-size: 20px; color: #aa5b79; font-style: italic; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; z-index: 10; }

/* Pages souris textuelles */
.souris_texte #contenu {padding-left: 122px; width: 780px; height: 500px; overflow: auto; padding-right: 10px; }
.souris_texte #contenu p { margin-bottom: 10px; text-align: justify; text-indent: 0px; }
.souris_texte #contenu-texte {width: 780px; height: 360px; overflow: auto; padding-right: 10px; }
.souris_texte #contenu-texte p { margin-bottom: 10px; text-align: justify; text-indent: 0px; }
.scroll-pane {overflow: auto; }

/* Pages textuelles avec fond accueil */
.fond_accueil_texte #contenu-texte {padding-left: 122px; width: 600px; height: 330px; overflow: auto; padding-right: 10px; }
.fond_accueil_texte #contenu-texte p { margin-bottom: 10px; text-indent: 0px; }

/* Page Presse */
.presse-couverture img {padding-top: 25px; }


/* Page CV */
#texte-fondbeige {width: 924px; height: 455px; background-color: #f5f3ec; }
#texte-fondbeige-texte {position: relative; float: left; height: 383px; overflow: auto; background-color: #f5f3ec; padding: 15px; width: 874px; }
#texte-fondbeige-texte p {text-indent: 0px; margin-bottom: 15px; color: #584b3a; }
#texte-fondbeige-titre { padding-left: 15px; line-height: 40px; background-color: #fff; height: 42px; width: 910px; }

#album {position: relative; float: left; width: 900px; height: 110px; margin-top: 15px; }
#album img {position: relative; float: left; margin: 0; padding: 0; margin-right: 15px; border: solid 1px #fff; }

/* Page Index */
#index-photo {margin-bottom: 10px; }
.fond_accueil p {color: #fff; font-size: 0.9em; margin-bottom: 10px; }
.fond_accueil p strong {color: #402f13; font-weight: normal; }
.fond_accueil p a {color: #402f13; text-decoration: underline; }
.fond_accueil p a:hover {text-decoration: none; }
#index-bienvenue,
#index-bienvenue-simple {position: absolute; bottom: 50px; right: 100px; width: 151px; height: 41px; }
#index-bienvenue a,
#index-bienvenue-simple a {position: relative; float: left; width: 151px; height: 41px; background: transparent url(../images/elements.png) no-repeat 0 -1220px; }
#index-bienvenue-simple a {background-position: -200px -1220px; }
#index-bienvenue a:hover {background-position: 0 -1261px; }
#index-bienvenue-simple a:hover {background-position: -200px -1261px; }


/* Page contact */
/* formulaire */
#formulaire {position: relative; float: left; width: 560px; padding-left: 122px; color: #584b3a; }
#formulaire p {width: 560px; }
#formulaire label {position: relative; float: left; clear: left; width: 560px; font-size: 0.9em; margin-top: 10px; }
#formulaire label.enligne {width: auto; margin-right: 15px; }
#formulaire input,
#formulaire textarea {border: solid 1px #aa5a78; background-color: #f1ede5; padding: 4px; }
#formulaire input.submit {background-color: #964365; border: solid 1px #f1ede5; padding: 5px; color: #f1ede5; font-size: 1.1em; padding-left: 10px; padding-right: 10px; cursor: pointer; margin-left: 160px; }
#formulaire input.submit:hover {background-color: #f1ede5; border: solid 1px #964365; color: #964365; }
#formulaire label.error {width: 560px; color: #aa5a78; font-style: italic; margin: 0; }
#erreur {color: #aa5a78; font-style: italic; padding-left: 110px; }

/* coordonnees */
#coordonnees {position: relative; float: left; clear: left; width: 815px; height: auto; margin-left: 122px; margin-top: 20px; }
#coordonnees h2 {font-size: 1em; color: #964365; font-weight: normal; margin-top: 10px; margin-bottom: 5px; }
#coordonnees p {font-size: 0.9em; }
#coordonnees div#bouton-marrakech,
#coordonnees div#bouton-casablanca {position: relative; float: left; width: 152px; height: 45px; background: transparent url(../images/elements.png) no-repeat 0 -161px; margin-left: 35px; }
#coordonnees div#bouton-casablanca {background-position: 0 -213px; }

#contact-main {position: relative; float: left; margin-bottom: 20px; width: 100%; }
#contact-main a {color: #fff; text-decoration: underline; }
#contact-main a:hover {text-decoration: none; }
#contact-main p {margin-bottom: 10px; }
.contact-col {position: relative; float: left; clear: none; width: 250px; margin-right: 20px; }
.contact-col-last {margin-right: 0 !important; }
.contact-col h2 {font-size: 1em; font-weight: normal; color: #fff !important; }
.contact-col p {margin-bottom: 10px; }

/* Alertes */
#alerte {position: absolute; bottom: -20px; left: 0px; width: 914px; height: 80px; overflow: hidden; color: #e9e4d8; z-index: -1; }
#alerte.uneligne {position: relative; float: left; font-size: 30px; line-height: 80px; font-family: "Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style: italic; font-stretch: wider; }
.index #alerte.uneligne,
.fond_accueil_texte #alerte.uneligne,
.fond_accueil #alerte.uneligne,
.fond_accueil #alerte,
.souris_texte #alerte {color: #e9e4d8 !important; font-weight: normal; }
#alerte.boutique {text-align: justify; padding-left: 10px; padding-right: 5px; width: 899px; }
#alerte.zindextop {z-index: 10; }
.fond_beige #alerte.boutique {color: #584b3a; }
.fond_beige #alerte.boutique strong {color: #964365;}
#alerte ul {list-style-type: none; }
#alerte ul li {position: relative; float: left; margin-right: 40px; }

/* PLUGIN JSCROLLPANE */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack {position: absolute; cursor: pointer;	right: 0; top: 0; height: 100%; background: #fff; }
.jScrollPaneDrag {position: absolute; background: #584b3a; 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; }
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: 9px; }
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}

/* credits */
#credits {position: absolute; bottom: 0: left: 0; color: #746859; width: 980px; text-align: right; margin-top: 10px; font-size: 0.9em; background-color: yellow; }
#credits a {text-decoration: none; color: #746859 !important; }
#credits a:hover {color: #e9e3d7; }

#menu ul li.toggleSubMenu span {position: relative; }