/* font marron : 907c52 */

@charset "utf-8";
html, body {padding: 0; margin:0; height: 100%; width: 100%; font-family: "Arial", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 95%; color: #000; }
* {padding:0; margin:0; border:0;}
body {background: #fbf8f4 url(../images/bkg-body.png) repeat-x 0 0; color: #7b6a45; }

ul,
ol {list-style-position: inside; }

a {color: #93900d; }

#header {}
#header {position: relative; width: 990px; height: 24px; margin-left: auto; margin-right: auto; z-index: 100; }
#header-menu {position: absolute; top: 0; right: 125px; line-height: 18px; font-size: 0.8em; }
#header-menu ul {list-style-type: none; }
#header-menu li {position: relative; float: left; padding-left: 20px; }
#header-menu a {color: #907c52; text-decoration: none; }
#header-menu a:hover {color: #000; }
#header-langues {position: absolute; top: 0; right: 35px; display: none; }
#header-langues a img {border: solid 1px #7e9db9; margin-top: 2px; margin-left: 4px; }
#header-langues a:hover img {border-color: #000; }

#logo-menu {position: relative; width: 990px; margin-left: auto; margin-right: auto; height: 150px; background: transparent url(../images/bkg-sidiyassine.png) no-repeat 130px 30px; z-index: 100; }
#logo-menu #logo {position: absolute; top: 0; left: 0; width: 90px; height: 150px; }
#logo-menu #menu-principal {position: absolute; top: 100px; left: 114px; font-size: 0.9em; z-index: 100;  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#logo-menu #menu-principal ul {list-style-type: none; }
#logo-menu #menu-principal ul {list-style: none; position: relative; float: left; height: 30px; z-index: 100; }
#logo-menu #menu-principal ul li {position: relative; float: left; width: auto; height: 30px; line-height: 20px; margin: 0 !important; z-index: 100;  padding-right: 20px; }
#logo-menu #menu-principal ul li a,
#logo-menu #menu-principal ul li span {position: relative; float: left; font-variant: normal; color: #907c52; text-decoration: none; cursor: pointer; z-index: 100;  padding-left: 15px; padding-right: 15px; border: solid 1px #e6dabd; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; behavior: url(PIE.htc); } 
#logo-menu #menu-principal ul li a:hover,
#logo-menu #menu-principal ul li span:hover,
#logo-menu #menu-principal ul li:hover a,
#logo-menu #menu-principal ul li:hover span,
#logo-menu #menu-principal ul li.selected a,
#logo-menu #menu-principal ul li.selected span {color: #6e534d; border-color: #f1ede3; background: transparent url(../images/bkg-menu-over.png) repeat-x 0 0; z-index: 100; }
#logo-menu #menu-principal ul li a:hover,
#logo-menu #menu-principal ul li span:hover,
#logo-menu #menu-principal ul li:hover a,
#logo-menu #menu-principal ul li span:hover, {border-color: #fff; height: 16px; z-index: 100; }

#logo-menu #menu-principal div.bulle {display: none; z-index: 100; position: absolute; top: 30px; left: 0; width: 141px; z-index: 3; font-size: 1em; }
#logo-menu #menu-principal div.bulle-top {position: relative; float: left; width: 143px; height: 18px; background: transparent url(../images/bkg-bulle2.png) no-repeat 0 0px; }
#logo-menu #menu-principal div.bulle ul.navigation {list-style: none; position: relative; float: left; width: 123px; height: auto; z-index: 100; padding-left: 10px; padding-right: 10px; background: transparent url(../images/bkg-bulle2.png) no-repeat 0 bottom; padding-bottom: 20px; margin-top: -1px; }
#logo-menu #menu-principal div.bulle ul.navigation li {position: relative; float: left; clear: left; width: 101px; height: auto; line-height: 15px; padding-top: 6px; padding-bottom: 6px; text-align: left; border-bottom: 1px dotted #e7d9bc; }
#logo-menu #menu-principal div.bulle ul.navigation li a {border: none; color: #7e6c47; text-decoration: none; width: 116px; font-size: 0.9em; height: auto; background: none; padding-left: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
#logo-menu #menu-principal div.bulle ul.navigation li a:hover {color: #000; background: none; }

#frame {position: relative; width: 990px; margin-left: auto; margin-right: auto; }

/** corps **/
#corps {position: relative; float: left; width: 703px; min-height: 500px; height: auto !important; height: 500px; background: transparent url(../images/bkg-corps-clair.png) no-repeat 0 0; padding-left: 205px; padding-right: 75px; padding-top: 60px; padding-bottom: 140px; z-index: 3; }
#corps-pied {position: absolute; bottom: -20px; left: 0; width: 316px; height: 202px; background: transparent url(../images/bkg-corps-clair-pied.png) no-repeat 0 0; z-index: 1; }
.galerie #corps {padding-bottom: 0; }
.nobackground #corps {background: none; padding-left: 0; min-height: 521px; height: 521px; padding-top: 0; }
.nobackground #corps-pied {display: none; }
.graines #corps-pied {background: transparent url(../images/bkg-corps-clair-pied-graines.png) no-repeat 0 0; width: 953px; height: 107px; bottom: 0; left: 3px; }
.graines #corps {padding-bottom: 130px; min-height: 500px; height: auto !important; height: 500px; }
.fruit #corps {background: transparent url(../images/bkg-corps-clair-fruit.png) no-repeat 0 0; padding-left: 355px; width: 553px; }
.fruit #corps-pied {background: none; }

.black #corps {background-image: url(../images/bkg-corps-black.png); padding-bottom: 20px !important; }
.black #corps-pied {background: none; }
.cosmetique #corps,
.baumes #corps {padding-bottom: 150px !important; }
.cosmetique #corps-pied {background: transparent url(../images/parfums.png) no-repeat 0 0; width: 563px; height: 76px; bottom: 20px; left: 180px; }
.baumes #corps-pied {background: transparent url(../images/parfums-baumes.png) no-repeat 0 0; width: 563px; height: 76px; bottom: 20px; left: 260px; }

#corps .corps-titre {position: relative; padding-bottom: 40px; font-family: "EB Garamond"; height: 50px; margin-top: -20px; width: 740px; }
#corps .corps-titre h1 {color: #e2a900; font-weight: normal; font-size: 2.8em; position: relative; float: left; }
#corps .corps-titre h2 {color: #93900d; font-weight: normal; font-size: 2.8em; position: relative; float: left; padding-left: 15px; }
/*#corps .corps-titre h2 {color: #b19966; font-weight: normal; font-size: 1.5em; font-variant: small-caps; margin-top: -10px; }*/

.black .corps-titre h1 {color: #2f2f2f !important; letter-spacing: 6px; }
.black .corps-titre h2 {color: #e1ab00 !important; }

#corps p {padding-bottom: 20px; }

.fruit .corps-titre {text-align: right;  }
.fruit .corps-titre h1 {color: #907c52 !important; }

/** pied **/
#pied {position: relative; float: left; width: 953px; background: transparent url(../images/bkg-pied.png) no-repeat 0 0; margin-left: 3px; }
.nobackground #pied {margin-left: 0; }
#pied-telephone {position: relative; float: left; line-height: 64px; color: #efe5d1; padding-left: 60px; }
#pied a {color: #efe5d1; text-decoration: none; }
#pied a:hover {text-decoration: underline; }
#pied-labels {position: absolute; top: 10px; right: 10px; }
#pied-labels img {margin-left: 10px; }
#pied-adresse {position: relative; float: left; clear: left; padding-left: 50px; color: #b19966; margin-left: 10px; margin-right: 10px; width: 883px; border-bottom: 1px dashed #b19966; padding-bottom: 10px; margin-top: 10px; font-size: 0.9em; }
#pied-credits {position: absolute; right: 0; top: 0px; }

/** galeries **/
#album {position: relative; float: left; height: 530px; width: 963px; overflow: hidden; z-index: 2; }
#album .jqcycle,
#album #Searchresult {margin-top: 9px; z-index: 2; }
#album-cache {position: absolute; top: 0px; left: 0; width: 963px; height: 531px; z-index: 5; background: transparent url(../images/cache-galerie.png) no-repeat 0 0; } 
#album-alerte {position: absolute; bottom: 15px; left: 0; color: #fff; background: transparent url(../images/bkg-orange.png) no-repeat 0 0; height: 34px; width: 923px; line-height: 34px; z-index: 5; padding-left: 30px; font-size: 0.9em; overflow: hidden; }

/** page contact **/
#contact-colonne-form {position: relative; float: left; width: 340px; margin-top: 40px; margin-right: 120px; margin-left: -100px;  }
#contact-colonne-representants {position: relative; float: left; width: 190px; margin-top: 40px; font-size: 0.9em; }
#contact-colonne-representants h2 {font-weight: normal; font-size: 1em; color: #826e55; }
#contact-colonne-representants {color: #bcb5a3; }
#contact-colonne-representants a {color: #bcb5a3; text-decoration: underline; }
#contact-colonne-representants a:hover {text-decoration: none; }

#contact-colonne-form form input,
#contact-colonne-form form textarea {border: solid 1px #e6dabd; border-radius: 20px; -moz-border-radius: 20px; width: 280px; padding-left: 10px; padding-right: 10px; color: #907c52; }
#contact-colonne-form form input {height: 25px; }
#contact-colonne-form form textarea {padding-top: 10px; }
#contact-colonne-form form p.facultatif input,
#contact-colonne-form form p.facultatif textarea {color: #bcb5a3 !important; }
#contact-colonne-form form p.captcha input {width: 50px; }
#contact-colonne-form form p.submit {text-align: right; width: 380px; }
#contact-colonne-form form input.submit {width: 146px; height: 44px; background: transparent url(../images/bouton.png) no-repeat 0 0; border: none; font-size: 1.1em; line-height: 33px; padding-bottom: 5px; cursor: pointer; }
#contact-colonne-form form input.submit:hover {color: #000; }
#contact-colonne-form form .error {color: red; }
#contact-colonne-form p.commentaire {font-size: 0.9em; font-style: italic; color: #bcb5a3; }

p.error {color: red; }

/** onglets **/
#corps-onglets {}

#corps-onglets {position: absolute; right: 12px; top: 138px; }
#corps-onglets ul {list-style-type: none; }
#corps-onglets ul li {position: relative; float: left; clear: left; margin-bottom: 5px; }
#corps-onglets ul li a {color: #fff; text-decoration: none; width: 192px; height: 37px; line-height: 36px; position: relative; float: left; background: transparent url(../images/onglets.png) no-repeat 0 0; padding-left: 22px; padding-top: 13px; }
.black #corps-onglets ul li a {background-position: 0 -111px; color: #af9b69; }
#corps-onglets ul li a:hover,
#corps-onglets ul li a.selected {background-position: 0 -52px; color: #534d35; }


/** pages cosmetiques **/
#cosmetique-image {position: relative; float: right; margin-right: 150px; clear: both; }
#cosmetique-texte {margin-top: 240px; width: 500px; z-index: 10; }
.black #cosmetique-texte {color: #e1d1c1; } 
#cosmetique-texte h1 {font-size: 1.3em; font-weight: normal; }
.noonglet #cosmetique-image {margin-right: 0; }
.cosmetique-texte-court {clear: left; margin-top: 35px !important; padding-top: 30px; }

#cosmetique-image-absolute {position: absolute; right: 60px; top: 120px; }
#cosmetique-menu {position: relative; float: left; margin-top: 100px; margin-bottom: 80px; width: 700px; margin-left: 50px; }
#cosmetique-menu ul {list-style-type: none; }
#cosmetique-menu li {position: relative; float: left; clear: left; margin-bottom: 20px; width: 149px; height: 52px; margin-left: 25px; }
#cosmetique-menu a {color: #a99966; text-decoration: none; position: relative; float: left; text-align: center; width: 149px; height: 52px; line-height: 52px; background: transparent url(../images/bkg-menu-alimentaire.png) no-repeat 0 0;}
#cosmetique-menu a:hover {color: #e2a900; background-position: 0 -53px; }
.black #cosmetique-menu a {background: transparent url(../images/bkg-menu-cosmetique.png) no-repeat 0 0; }
.black #cosmetique-menu a:hover {color: #fff; }

#alerte {position: relative; float: right; clear: both; width: 450px; height: auto; margin-right: -52px; margin-left: 20px; margin-bottom: 20px; margin-top: 20px; }
#alerte-top {position: relative; float: right; width: 463px; height: 25px; background: transparent url(../images/bkg-info-orange.png) no-repeat 0 0; }
#alerte-body {position: relative; float: right; width: 423px; height: auto; background: transparent url(../images/bkg-info-orange.png) no-repeat left bottom; margin-top: -2px; padding-left: 20px; padding-right: 20px; }
#alerte-body strong {color: #fff; }


/** galeries **/
.pagination {position: relative; float: right; line-height: 34px; font-size: 1.1em; } 
.corps-pagination .pagination {background-color: #e2a900; line-height: 12px; padding-left: 10px; margin-bottom: 30px; font-size: 0.9em !important; margin-top: -65px; margin-right: -20px; }
.corps-pagination .pagination a {line-height: 12px; }
.pagination a {text-decoration: none; color: #fff; line-height: 34px; }
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.corps-pagination .pagination a, .corps-pagination .pagination span {margin-bottom: 0; }
.pagination a:hover {color: #382a21; }
.pagination .current {color: #382a21; }
.pagination .current.prev, .pagination .current.next {color:#bfdbe8; }

.pagination .prev {background: transparent url(../images/arrows.png) no-repeat 0 0; width: 11px; height: 13px; margin-top: 14px; overflow: hidden; }
.pagination .next {background: transparent url(../images/arrows.png) no-repeat -29px 0; width: 11px; height: 13px; margin-top: 14px; margin-left: 6px; }

.corps-pagination .pagination .prev,
.corps-pagination .pagination .next {margin-top: 3px; height: 10px; }
.corps-pagination .pagination .next {margin-left: 25px; }
.corps-pagination .pagination .prev {margin-right: 25px; }

#hiddenresult {position: relative; float: left; clear: left; }

/** SCIENCE **/
.science {position: relative; float: left; clear: both; width: 700px; margin-bottom: 30px; }
.science h2 {font-size: 1.1em; font-weight: bold; }