/* Patchichi */
html{height:100%}
body{height:100%;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:16px;background:url(../images/motif_03.png) 5px 9px}
* {margin:0;padding:0;border:none;list-style-type:none}
.clr {clear:left}
a:hover, .cartouche a:hover, #model #images div.pages a:hover {color:#F48120}
#conteneur {margin:auto;margin-top:30px;width:951px;position:relative}
#ubertop {background:#010;height:80px}
#tout {position:relative;margin:20px;height:auto;min-height:400px;padding-bottom:60px;margin-top:70px;margin-bottom:0;padding:0px}
*+html #tout {margin-top:40px}
div.ombreg {background:#121 url(../images/ombres_12c.png) repeat-y;width:22px;position:absolute;left:-22px;height:100%;padding-bottom:0px;top:0px}
div.ombred {background:#212 url(../images/ombres_11c.png) repeat-y;width:22px;position:absolute;right:-22px;height:100%;padding-bottom:0px;top:0px}
*+html div.ombred, *+html div.ombreg {top:0px;}
#footer {margin:auto;text-align:center;position:relative;font-size:0.75em;background:url(../images/fond_05.jpg) no-repeat bottom;padding-bottom:36px}
#footer p {color:#583107;background:url(../images/px_11.png);margin:auto;margin:0 64px;padding:4px;border:2px solid #9C2E2D;border-left:0;border-right:0}
#footer p a {color:#282561;text-decoration:none}
#footer p a:hover {color:#9C2E2D;text-decoration:underline}
div.ombreb {/*border:1px solid green*/height:6px;background:url(../images/ombres_14c3.png) no-repeat -53px -2px;}
#haut {width:100%;height:203px;background:url(../images/fond_05.jpg) no-repeat;padding-top:50px;margin-top:-70px;position:relative}
#logo {display:block;width:390px;height:167px;background:url(../images/LOGO_final_06.png) no-repeat;margin:auto;margin-top:0px}
#haut p {border:2px solid #9C2E2D;border-left:0;border-right:0;position:absolute;bottom:0;width:815px;margin:0 44px;padding:4px;text-align:center;background:url(../images/px_11.png);color:#282561}
#panier {background:#787;position:absolute;right:10px;top:10px}
#contenu {background:url(../images/fond_07.jpg) repeat-y;height:auto;min-height:435px;padding:0px 44px;clear:both;overflow:auto;}
.cartouche {padding:0 0 6px 0;font-size:0.8em;width:200px;background:#FFF;height:auto;min-height:81px;margin:15px;background:url(../images/pixel65.png);color:#000;position:relative;z-index:1}
.cartouche h2 {color:#553B1F;/*background:url(../images/pixel50.png)*//*background:#e5d4cf;*/;margin:0 6px 6px 6px;padding:2px 0 2px 0px;font-size:1.25em;border-bottom:1px dashed #553B1F}
#contenu .cartouche p {margin:6px 12px}
#contenu p {margin:4px 0;font-size:1em;line-height:1.05em;color:#553B1F}
#slides {position:absolute;z-index:0}
*+html #slides {left:6px;top:6px}
*+html .slideshow-images, *+html .slideshow {left:-6px;top:-22px}
.cartouche ul, .cartouche li {display:inline;}
.cartouche ul {display:block;margin:6px 6px 6px 12px}
.cartouche a {color:#553B1F;border-bottom:1px dotted #AE9B96;text-decoration:none}
.cartouche a:hover {border-bottom-style:dashed}
/*div.cartouche ul li a:hover {color:#846C57}*/
#boutons {top:6px;right:6px;position:absolute}
span#fra, span#eng, a#fra, a#eng, a#son {float:left;display:block;width:16px;height:11px;background:url(../images/fra2.png) no-repeat;margin:2px;border:1px solid #AE9B96}
a#eng, span#eng {display:block;background-image:url(../images/eng2.png)}
a#son {width:19px;height:15px;background-image:url(../images/son2.png);margin-top:0px;margin-left:4px;border:0}
#boutons a.off {background-position:-16px 0}
#boutons a:hover.off {background-position:0px 0}
#boutons a:hover, #boutons span:hover {border-color:#F48120}
a#son.off {background-position:-19px 0}
a#son:hover {background-position:-39px 0}
a#son:hover.off {background-position:-58px 0}
#gauche {height:auto;min-height:555px;width:221px;margin-top:0;font-size:0.8em;position:relative;border-right:0;border-left:0;float:left}
#gaucha {height:368px;overflow:scroll;}
#droite {height:auto;min-height:435px;margin-top:0;font-size:0.8em;margin-left:221px;margin-right:1px;padding:20px 10px;margin-bottom:1px;overflow:auto;width:581px;}
#alphabet {margin:auto;font-size:1.2em;font-weight:bold;text-align:center;}
#alphabet a, #alphabet span {/*margin:0 5px;*/text-decoration:none;color:#D5BAB1;padding:0 5px}
#alphabet span {color:#f4eee9}
#alphabet a.active {color:#553B1F}
#vignettes, #model {width:666px;margin:2px auto;padding:0 6px 0 48px;position:relative;height:auto;min-height:400px;}
#model {width:676px;padding:0 6px 0 38px}
#vignettes img {width:135px;height:180px;background:url(../images/butterfly.gif) no-repeat center center;display:block}
#vignettes .models a {padding:6px;border:1px solid #FFF;display:block;width:135px;height:180px;float:left;position:relative;text-decoration:none;margin:0 3px}
#vignettes .models a span {position:absolute;bottom:6px;/*left:-9999px;*/display:none;width:140px;background:url(../images/pixel65.png);color:#553B1F;text-align:center;}
#vignettes .models a:hover span {left:6px;display:block;}
*+html #vignettes .models a {padding-top:6px}
#vignettes .models a:hover {border-color:#D5BAB2}
a.suivant, a.precedent {display:block;width:22px;height:30px;background:url(../images/gd.gif) repeat-y -44px 0px;position:absolute;right:10px;top:44%}
a.precedent {background-position:-22px 0px;left:10px}
#model a.precedent {left:0px}
#model a.suivant {right:14px}
a:hover.suivant {background-position:-66px 0px}
a:hover.precedent {background-position:0px 0px}
#vignettes .models div.pages, #model div.pages {text-align:center;font-weight:bold;font-size:1.1em;float:left;width:100%;margin-left:-24px;}
#model div.pages {margin:0}
#vignettes .models div.pages a, #model div.pages a {text-decoration:none;color:#D5BAB1;display:inline;float:none;border:0;padding:0 5px}
#vignettes .models div.pages span, #model div.pages span {padding:0 5px;color:#553B1F}
ul#noms {font-size:1.05em;font-weight:bold;padding:10px 0 10px 30px;line-height:1.65em}
ul#noms a {text-decoration:none;color:#AE9B96}
ul#noms a.on {color:#553B1F}
ul#noms a.active, ul#noms a:hover, #alphabet a:hover, #alphabet a.on, #vignettes .models div.pages a:hover {color:#F48120}
#gauche a.bas, #gauche a.haut, #up, #dn {display:block;width:200px;background:url(../images/fleches.gif) #D5BAB2 50% -40px no-repeat;height:20px;position:absolute;bottom:-6px}
#gauche a.haut, #up {top:20px;background-position:center -20px}
#gauche a:hover.bas, #dn:hover {background-position:center -60px}
#gauche a:hover.haut, #up:hover {background-position:center 0px}
#model {position:relative}
#model h3 {font-size:1.8em;position:absolute;background:#FFF /*url(../images/pixel65.png)*/;width:291px;left:44px;top:6px;padding:4px 0 4px 6px;color:#553B1F}
#model a:hover + h3, #model h3:hover {background:url(../images/pixel65.png)}
#model a.grande {padding:6px;padding-bottom:3px;border:1px solid #FFF;display:block;float:left;position:relative}
*+html #model a.grande {padding-bottom:6px}
#model a.grande:hover {border-color:#D5BAB2}
#model a.grande img {width:291px;height:388px}
#model div.col {height:auto;min-height:400px;margin-left:297px;width:340px;padding-top:6px}
#model table {color:#553B1F;width:307px;background:#EFE5E1;margin:0px 0 6px 8px;padding:6px}
*+html #model table {border:6px solid #EFE5E1}
#model table td {width:50%;padding:5px;white-space:nowrap}
#model table td.bord {border-left:4px solid #FFF}
#model table span {font-weight:bold;color:#F48120}
#model #images {text-align:center}
#model #images a {border:1px solid #FFF;display:block;float:left;/*width:107px;*/margin:2px;position:relative}
*+html #model #images a {padding-bottom:3px}
#model #images div.page {height:278px}
#model #images div.pages {float:none}
#model #images div.pages a {border:0;display:inline;float:none;width:auto}
#model #images a:hover {border-color:#D5BAB2}
#model #images a img {width:90px;height:120px;margin:6px;margin-bottom:3px}
.news .tip {z-index:200;position:absolute}
/*.news .tip .tip-title {display:none}*/
.news .tip .tip-title {font-size:0.8em;color:#553B1F;text-align:center;background:url(../images/pixel65.png);padding:2px;top:68px;position:absolute}
.news img {border:1px solid #AE9B96;background:url(../images/butterfly.gif) no-repeat center center #FFF;padding:5px;width:42px;height:56px}
/*#contenu.contact #droite {background:url(../images/butterfly.gif) center center no-repeat}*/
#contact {background:#F5EDE9;width:456px;margin:auto;color:#553B1F}
#contact h2, #rechercher h2 {background:url(../images/form_03.png) no-repeat center bottom #E9D8D2;border:3px solid #E9D8D2;text-align:center;font-size:1.25em}
input, select, textarea {border:1px solid #D1C0B2}
input, select {width:115px}
#contact table {margin:6px;position:relative;width:430px;margin:6px auto}
#contact table td {width:50%;padding:2px}
#contact table td.court {width:33%}
#contact table td.court input, table#commande td.court input {width:35px}
#contact table td.labelcourt label, table#commande td.labelcourt label {width:55px}
#contact table td.court select {width:68px}
#contact table td.long {width:100%}
#contact table td.long input, textarea, input#photo, table#commande td.long input {width:336px}
#contact label {width:80px;float:left}
#contact button, #rechercher button {background:url(../images/form_07.png) no-repeat;color:#553B1F;width:183px;padding-top:13px;padding-bottom:20px;margin-bottom:-10px;font-weight:bold;font-size:1.2em;cursor:pointer;font-family:Trebuchet MS,Arial, Helvetica, sans-serif}
.center {text-align:center}
div#contact .error {border-color:#F48120}
.contactform {background:url(../images/tip_bas.gif) no-repeat left bottom;padding-bottom:6px;font-size:0.9em;color:#FFF;z-index:200;position:relative}
.contactform div {background:#c59788}
.contactform div.tip {padding:2px}
input#photo.error {}
div.choix p button, #contact button.parcourir {cursor:pointer;background:#FFF;text-align:center;margin:auto;display:block;color:#553B1F;width:180px;padding:3px;font-weight:bold;font-family:Trebuchet MS,Arial, Helvetica, sans-serif;border:1px dashed #553B1F;margin:10px}
div.choix p button:hover, #contact button:hover.parcourir {border-color:#F48120}
div.choix p button.disabled {background:#DBC1B6;cursor:default}
div.choix p button:hover.disabled {border-color:#553B1F}
tr.hide {display:none}
#file-status .progress {background:white url(../images/progress-bar/progress.gif) no-repeat;background-position:+50% 0;margin-right:0.5em}
#contact button.parcourir {width:auto;border:1px solid #D1C0B2;background:#d4d0c8;float:left;margin:0;font-weight:normal;font-size:1em;padding:0}
#contenu.rech #droite {margin-left:281px;}
#contenu.rech #gauche {width:275px}
#rechercher {color:#553B1F}
#rechercher h2 {font-size:1.25em;margin-top:-40px;margin-bottom:8px}
#rechercher input.checkbox {width:12px;padding:0px}
*+html #rechercher input.checkbox {border:0}
#rechercher input.minmax {width:20px;margin-right:6px}
#rechercher td {padding:3px 2px}
#rechercher label {width:80px;float:left;margin-left:30px}
#rechercher td.left label {width:50px;float:left;margin-left:0}
#rechercher td.texte label {width:62px}
#rechercher td.texte input {width:190px}
#rechercher td span {font-size:0.82em}
.slidebar {background:url(../images/sliderbar.png) no-repeat 0 12px;width:123px;height:20px;margin-left:105px}
.knob {background:url(../images/knob.png) no-repeat 0 9px;width:23px;height:23px;font-size:12px;padding-bottom:9px;text-align:center;bottom:13px;margin-left:1px}
.knob span {display:block;width:23px;height:12px;position:relative}
#shauteur {margin-top:5px}
#rechercher button {margin-top:-8px}
#contenu.rech #vignettes {/*background:#FFFF99;*/width:621px;position:absolute;padding:12px 30px 0 30px;}
span.unit {position:absolute;right:16px;margin-top:-17px}
#loading {background:#FFF url(../images/butterfly.gif) center center no-repeat;height:430px;position:absolute;top:0;left:0;width:100%}
#chemin {font-size:1.2em;font-weight:bold;color:#D5BAB1;height:1.2em;letter-spacing:1px;padding-left:6px;padding-bottom:12px;position:absolute;top:-6px;background:#FFF;width:200px}
#chemin a {text-decoration:none;color:#D5BAB1}
#composite {position:absolute;left:228px;bottom:11px;padding:3px;background:none;text-align:center;height:20px;overflow:hidden;width:102px}
#composite:hover, #composite.sfhover {background:url(../images/pixel65.png)}
#composite.on {background:url(../images/pixel65.png);height:160px}
#composite h4 {font-size:1.2em;color:#553B1F;background:url(../images/printer.gif) no-repeat -35px 1px;padding:0px 4px 3px;text-align:left;cursor:pointer}
#composite h4:hover, #composite h4.sfhover, #composite.on h4 {background-position:81px 1px}
#composite h4 span {/*left:-999px;*/position:relative}
/*#composite h4:hover > span, #composite h4.sfhover span {left:0}
#composite:hover > h4 > span, #composite.sfhover h4 span, #composite.on > h4 > span {left:0}*/
#composite div.contenu {left:-999px;position:relative}
#composite:hover > div.contenu, #composite.sfhover div.contenu, #composite.on > div.contenu {left:0}
#composite div.haut {border:1px solid #efe5e1;width:88px;height:17px;background:url(../images/minilogo.png) no-repeat 50% 0% #FFF;border-bottom:0;margin:auto}
#composite div.page {border:1px solid #efe5e1;width:86px;height:65px;background:#FFF;padding:1px 0px 5px 2px;font-size:0.8em;border-bottom:0;border-top:0;overflow:hidden;margin:auto}
#composite div.image {width:24px;height:32px;background:#efe5e1;float:left;margin:2px;overflow:hidden}
#composite div.image img {width:24px;height:auto}
#composite div.pagination {border:1px solid #efe5e1;background:#FFF;border-top:0;font-size:0.8em;width:88px;margin:auto}
#composite a {color:#846C57;text-decoration:none}
#composite a:hover {color:#F48120}
#composite.off h4 {background-position:-132px 1px}
#composite:hover h4, #composite.sfhover h4, #composite.on.off h4 {background-position:81px 1px}
*+html #composite h4 {zoom:1;width:100px}
span.ad {position:absolute;top:8px;right:8px;display:none;width:16px;height:16px;background:url(../images/adddelete.png) no-repeat 0px 0px}
a.grande span.ad {top:43px;right:8px}
span:hover.ad {background-position:-16px 0px}
span.del {background-position:-32px 0px}
span:hover.del {background-position:-48px 0px}
#composite a.print {background:url(../images/print_button.png) no-repeat 2px 0px;color:#553B1F;width:101px;padding-top:11px;padding-bottom:14px;margin-bottom:0px;font-weight:bold;font-size:11px !important;cursor:pointer;font-family:Trebuchet MS,Arial, Helvetica, sans-serif;display:block;margin:auto;margin-top:-4px}
.compTips {background:url(../images/tip_haut.gif) no-repeat left top;padding-top:7px;font-size:0.9em;color:#FFF;z-index:200;position:relative}
.compTips div {background:#c59788}
.compTips div.tip {padding:2px}
#model a.grande {height:392px;overflow:hidden}
*+html #model a.grande {height:389px}
#model a.grande img {width:291px;height:auto}
#model #images div.page a {overflow:hidden;height:132px;width:103px;background:url(../images/fond_vignfeuille4.gif) 6px 6px no-repeat}
*+html #model #images div.page a {height:129px}
#model #images div.page a img {height:auto}
html body #vignettes div.models a.model {overflow:hidden}
html body #vignettes div.models a.model img {height:auto}
html body #conteneur span.cal {position:absolute;top:8px;margin-left:2px;background:none;width:16px;height:16px}
html body #conteneur span.cal img {width:auto;height:auto;background:none;border:1px solid transparent}
html body #conteneur a.grande span.cal {left:6px;top:3.4em}
html body #conteneur #gauche span.cal {position:static}
html body #conteneur span.cal img:hover, #conn a:hover img {border:1px solid #F48120}
html body #conteneur #vignettes span.cal {display:block}
#conn {font-size:0.8em;text-align:right;padding:2px;padding-bottom:6px;margin-top:-6px;margin-right:6px}
#conn a img {border:1px solid transparent}
table.build {border:1px solid #000;border-collapse:collapse;text-align:left;width:700px !important;}
table.build td {border:1px solid #000}
#contenu.resa #contact td.bold {font-weight:bold;width:20%}
/*#contenu.resa #contact {width:490px}*/
#contenu.resa #contact h3 {margin-left:5px;border-bottom:1px solid #553B1F;margin-right:5px}
#contenu.resa #contact table th {text-align:center;padding:3px;background:#c59788;border:1px solid #D6C7B6}
#contenu.resa #contact table.border, #contenu.resa #contact table.border td {border:1px solid #D6C7B6}
#contenu.resa #contact table {text-align:left;border-collapse:collapse;margin-left:5px;}
#contenu.resa input.radio, #contenu.resa input.check {width:auto}
#contenu.resa input.long {width:25em}
#contenu.resa select.chiffre {width:3.5em}
#contenu.resa input.chiffre {width:2em}
#contenu.resa textarea {width:25em}
#contenu.resa td.date {white-space:nowrap}
#contenu.resa td.date input.calendar {float:none;width:5em}
#contenu.resa td.date button.calendar {float:none;position:relative;top:-1em}
#contenu.resa #contact a.change {display:block;width:16px;height:16px;background:url(../images/cal/arrow_refresh.png) no-repeat 0px 0px;float:right}
#contenu.resa #contact a:hover.change {background-position:-16px 0px}
#contenu #legal {margin:6px;line-height:1.3em}
#contenu.legal #gauche h3, #contenu.sitemap #gauche h3 {margin-left:6px;margin-top:-30px}
#contenu.legal h3, #contenu.sitemap h3 {color:#553B1F}
#contenu #legal a {text-decoration:none;color:#846C57}
#contenu #legal a:hover {text-decoration:underline;color:#F48120}
ul.hors {text-align:center}
ul.hors a {color:#846C57;text-decoration:none}
ul.hors a:hover {color:#F48120;text-decoration:underline}
#contenu.sitemap #droite {font-size:1.15em}
#contenu.sitemap #droite ul {color:#846C57;margin-left:15px;font-size:0.9em}
#contenu.sitemap #droite ul li {list-style:square}
#contenu.sitemap #droite ul li a {text-decoration:none;color:#846C57}
#contenu.sitemap #droite ul li a:hover {color:#F48120;text-decoration:underline}
#conteneur.inbana #haut {background:url(../images/privata/fond_.gif) no-repeat top left;height:116px}
/*#conteneur.inbana #haut.cuisine {background-image:url(../images/privata/fond_cuisine.gif)}
#conteneur.inbana #haut.mobilier_contemporain {background-image:url(../images/privata/fond_mobilier_contemporain.gif)}
#conteneur.inbana #haut.salles_de_bain {background-image:url(../images/privata/fond_salles_de_bain.gif)}
#conteneur.inbana #haut.balneotherapie {background-image:url(../images/privata/fond_balneotherapie.gif)}
#conteneur.inbana #haut.eclairage {background-image:url(../images/privata/fond_eclairage.gif)}
#conteneur.inbana #haut.spa {background-image:url(../images/privata/fond_spa.gif)}
#conteneur.inbana #haut.sauna {background-image:url(../images/privata/fond_sauna.gif)}
#conteneur.inbana #haut.hammam {background-image:url(../images/privata/fond_hammam.gif)}
*/
#haut div.cuisine {background-image:url(../images/privata/fond_cuisine.gif)}
#haut div.mobilier_contemporain {background-image:url(../images/privata/fond_mobilier_contemporain.gif)}
#haut div.salles_de_bain {background-image:url(../images/privata/fond_salles_de_bain.gif)}
#haut div.balneotherapie {background-image:url(../images/privata/fond_balneotherapie.gif)}
#haut div.eclairage {background-image:url(../images/privata/fond_eclairage.gif)}
#haut div.spa {background-image:url(../images/privata/fond_spa.gif)}
#haut div.sauna {background-image:url(../images/privata/fond_sauna.gif)}
#haut div.hammam {background-image:url(../images/privata/fond_hammam.gif)}
/*
#haut div.cuisine {background-position:0px 10px;}
#haut div.mobilier_contemporain {background-position:0px 20px;}
#haut div.salles_de_bain {background-position:0px 30px;}
#haut div.balneotherapie {background-position:0px 40px;}
#haut div.eclairage {background-position:0px 50px;}
#haut div.spa {background-position:0px 60px;}
#haut div.sauna {background-position:0px 70px;}
#conteneur.inbana #haut.hammam {background-position:0px 80px;}
*/
#menu.inbana ul li a.cuisine {background:url(../images/privata/menu/cuisine.png) no-repeat;width:87px}
#menu.inbana ul li a.mobilier_contemporain {background:url(../images/privata/menu/mobilier_contemporain.png) no-repeat;width:220px}
#menu.inbana ul li a.salles_de_bain {background:url(../images/privata/menu/salles_de_bain.png) no-repeat;width:138px}
#menu.inbana ul li a.balneotherapie {background:url(../images/privata/menu/balneotherapie.png) no-repeat;width:147px}
#menu.inbana ul li a.eclairage {background:url(../images/privata/menu/eclairage.png) no-repeat;width:113px}
#menu.inbana ul li a.spa {background:url(../images/privata/menu/spa.png) no-repeat;width:61px}
#menu.inbana ul li a.sauna {background:url(../images/privata/menu/sauna.png) no-repeat;width:82px}
#menu.inbana ul li a.hammam {background:url(../images/privata/menu/hammam.png) no-repeat;width:97px}
#conteneur #menu.inbana {padding-left:10px;padding-top:80px}
#conteneur #menu.inbana ul li a {border:0;padding:0;margin:0;height:30px;background-position:0px -30px}
#conteneur #menu.inbana ul li a:hover, #conteneur #menu.inbana ul li a.active {background-position:0px 0px}
/*p.attente {position:absolute;bottom:120px;height:120px;margin-left:-30px;color:#ed7900;opacity:0.95;text-align:center;background:#2A2A2A;width:100%;z-index:10001;}*/
#conteneur.inbana #contenu {background:none;padding-bottom:0px;border-bottom:6px solid white}
#conteneur.inbana #contenu.mobilier-contemporain {background:url(../images/privata/i_10.gif) no-repeat bottom}
#conteneur.inbana #slideshow {margin-top:0px}
#conteneur.inbana #slides .slideshow-images {}
#conteneur.inbana #contenu #droite {margin-left:226px;}
#conteneur.inbana #contenu #gauche {width:220px;background:none;border:0;padding-top:0px}
#conteneur.inbana #contenu #gauche div.gris {font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:5px;margin-bottom:4px}
#conteneur.inbana #contenu #gauche div.px01 {background:url(../images/privata/px01.png);text-transform:uppercase}
#conteneur.inbana #contenu #gauche div.px02 {font-size:0.85em;background:url(../images/privata/px02.png)}
#conteneur.inbana #contenu #gauche div.px03 {background:url(../images/privata/px03.png)}
#conteneur.inbana #contenu #gauche div.px04 {background:url(../images/privata/px04.png);font-size:0.9em;position:absolute;color:#6D6A71;padding-right:10px}
#conteneur.inbana #contenu #gauche div.px04 h3 {margin-bottom:-0.5em;padding:0}
#conteneur.inbana #contenu #gauche div.px04 p {color:#6D6A71;font-weight:normal;padding:2px}
#conteneur.inbana #contenu #gauche div.px04 p.desc {padding-top:0.5em;border-top:1px solid #EE7A00}
#conteneur.inbana a {color:#DDDDDD;text-decoration:none;font-size:1.15em;margin-right:0.5em}
#conteneur.inbana a.img {margin-right:0em}
#conteneur.inbana a img {border:2px solid}
#conteneur.inbana a:hover, #conteneur.inbana a.over {color:#fff;text-decoration:underline}
#conteneur.inbana #gauche a.active {color:#fff;border-bottom:1px solid #d98438}
#conteneur.inbana #gauche .imgs a.active {border-bottom:0}
#conteneur.inbana #gauche .imgs a.active img {border-color:#d98438}
/*#conteneur.inbana .slideshow-captions {bottom:auto;font-size:2em}
#conteneur.inbana .slideshow-captions-hidden {}
#conteneur.inbana .slideshow-captions-visible {height:5em}*/
/*#conteneur.inbana #gauche .imgs {height:267px}*/
h1, h3 {font-weight:normal;font-size:30px;color:#FBB040;background:url(../images/zig_06.png) repeat-x left bottom;height:1.25em;margin-bottom:0.5em}
h3 {/*background-image:none;*/font-size:21px;height:1.38em;}
#droite h3 a {font-weight:normal;color:#FBB040 !important;background:url(../images/zig_13.png) repeat-x left bottom;display:block;width:100%;height:1.38em}
#droite h3 a:hover {background-image:url(../images/zig_06.png)}
h2 {font-weight:normal;font-size:25px;text-align:center;color:#282561;border-bottom:2px solid #9C2E2D;height:1.25em;cursor:pointer}
#menu a {text-decoration:none}
h2 a {color:#282561/*#9C2E2D*/;width:100%;display:block;}
h2:hover, h2.active, #menu ul ul li a:hover, #menu ul ul li a.active, #menu p.toggled a:hover, #menu p.toggled a.active {background:url(../images/px_11.png)}
h1, h2, h3, p.slogan, b.gros {font-weight:normal;font-family: "Marketing Script", "Comic Sans MS", Verdana, Helvetica, sans-serif}
#contenu.home #droite p b.typeface-js {font-size:25px !important}
.comic {font-weight:bold;font-family:"Comic Sans MS", Verdana, Helvetica, sans-serif;}
p.slogan {font-size:1.8em;margin-bottom:-10px;padding-bottom:0;height:30px}
*+html p.slogan {font-size:28px}
img.left {float:left}
#menu h2.toggler {border-top:2px solid #9C2E2D;margin-top:-2px}
#menu ul ul, #menu p.toggled {border-bottom:1px solid #9C2E2D;text-align:center;font-size:1.4em;padding:0px 0}
#menu p.toggled {margin-top:-2px;margin-bottom:2px !important;}
#menu ul ul ul, #menu p.toggled a.low {font-size:0.8em;font-weight:normal;border-bottom:1px solid #9C2E2D;border-top:1px solid #9C2E2D}
#menu ul ul li a, #menu p.toggled a {color:#9C2E2D;font-weight:bold;font-style:italic;display:block;text-decoration:none;font-size:0.9em}
#contenu img {margin:0 10px 10px 10px;border:1px solid #282561}
#menu p.toggled a {padding-top:4px;text-transform:capitalize !important/*border-bottom:1px solid #9C2E2D;border-top:1px solid #9C2E2D*/}
#menu p.toggled a.first {margin-top:2px}
#menu p.toggled a.low {padding-top:0px;border:0}
div#droite div.half {width:49%;float:left;margin:2% 0 2% 1%;position:relative}
body div#droite div.two3rd {width:415px}
body #contenu.home div#droite div.prod {width:150px}
div#accueil {width:55%;float:left;}
.right {text-align:right}
.center {text-align:center}
.gros {font-size:1.2em !important}
p.gros {margin:1em 0 0.5em 0 !important}
#contenu #droite p.dot {border:2px dashed #7dd1e0;width:50%;padding:6px;margin-left:auto !important;margin-right:auto !important}
#droite a {font-weight:bold;color:#55b6c7;text-decoration:underline}
#droite a:hover, #droite a:hover:visited {color:#FBB040}
#droite a:visited {color:#55b6c7}
#droite ul, #droite ul li {color:#553B1F;margin-left:30px !important;text-align:justify;padding-left:10px !important}
#droite strong, #droite em {color:#583107}
span.nb {font-style:italic}
p.plus {text-align:right;margin:15px 0 !important;margin-bottom:1px;float:right;width:100%}
div.rub a.titre {text-decoration:none !important}
div.rub a.titre h3:hover {background-image:url(../images/zig_06.png)}
#droite ul {display:block;list-style:disc inside !important}
#droite ul li {display:list-item;list-style:disc inside}
#droite div.prod {width:24%;text-align:center;float:left}
#droite div.rub {float:left;width:100%}
span.img {display:block;margin:auto;text-align:center;width:120px;padding:2px}
#droite span.img img {margin:0;padding:0;border:1px solid;margin:auto;text-align:center}
.half span.img {width:120px}
#droite div.prod a {text-decoration:none;display:block;text-align:center !important;margin-bottom:1em;border:1px solid #FFF;padding-top:4px;padding-bottom:4px}
#droite div.prod a:hover {border:1px solid #55b6c7}
#droite div.prod a span.titre {text-transform:capitalize}
#droite div.prod a:hover span.titre {text-decoration:underline}
#droite div.prod a span.dim {color:#444555;font-weight:normal}
#droite div.prod a span.prix {color:#444555}
#droite div.prod a span.prix s {font-weight:normal;font-size:0.9em}
#droite div.prod a span.prix strong {color:red}
div.imgs {width:300px;float:left}
#droite #prod div.imgs img {margin:0;padding:0}
div.details {margin-left:315px !important}
div.details span.prix {font-weight:bold;font-size:1.2em}
#prod div.details span.prix strong {color:red}
div.details span.prix s {font-weight:normal;font-size:0.9em}
div.details table {font-style:italic}
div.details table td {padding:2px}
body .remooz-btn-close {left:auto;right:-15px}
#prod a#first {display:inline;border:0;background:none;width:auto;height:auto;float:none}
#prod a.remooz {display:block;text-align:center;width:98px;height:98px;float:left}
#prod a.remooz img {border-color:#7dd1e0;}
#prod a:hover.remooz img {border-color:#FBB040}
div.navig {text-align:center;display:block;clear:left;width:100%}
/* bon commande */
#commande {border-collapse:collapse;width:77%;margin:auto;border:2px dashed #7DD1E0;padding:4px}
#commande td {padding:2px}
#commande a.add, #commande a.sub {text-decoration:none;font-size:1.5em;line-height:1em}
#commande input.readonly, #commande textarea.readonly {border:0}
#commande textarea {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:1em}
#commande input.bold {font-weight:bold}
#commande td.spaced {padding-top:1.5em;padding-bottom:0.5em;background:url(../images/zig_13.png) bottom repeat-x}
#commande td.small {font-size:0.8em}
#commande tr.total td {font-size:1.2em;font-weight:bold}
#commande tr.grid td {border-bottom:1px solid #D1C0B2}
#envoicommande button {margin:4px;padding:4px;cursor:pointer;border:1px solid #55b6c7}
#envoicommande button:hover {border-color:#FBB040}
span.fValidator-msg {float:left;font-style:italic}
#droite .rojo {color:#9C2E2D}
body div#contenu.home div#droite div.full {width:100%;margin-top:20px}
body div#contenu.home div#droite div.full h3 {text-align:left}
body div#contenu.home div#droite div.full a {width:120px;float:left;margin:10px}
#contenu p.rouge, #contenu p.rouge strong {font-size:1.1em;color:#F00}
body #contenu.home div#droite div.topprod{width:150px;margin:20px 35px}
.c5 #droite ul {margin-left:130px !important;margin-bottom:30px}
input.mapsitna {display:none}
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 300px;
margin: 0 auto;
width: 400px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(slideshow/controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(slideshow/controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(slideshow/controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(slideshow/controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(slideshow/controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(slideshow/controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}