body { background:url(/images/bg.jpg) center top;}

#container {width:987px; height:617px; background:url(/images/accueil-bg.jpg) bottom left no-repeat;margin:0 auto; position:relative;}

#main {position:absolute; top:133px; left:35px;width:600px; height:454px;color:#2d2d2d;font-family:Verdana, Arial, Helvetica, "Lucida Grande", sans-serif; font-size:11px;}
#main a {color:#2d2d2d;}

#sidebar{width:235px;height:697px;position:absolute;top:133px; left:645px;}
#sidebar #nav {font-family:Georgia, "Times New Roman", serif;}

#logo {text-indent:-9999px;width:643px; height:103px;position:absolute;top:13px;left:20px;}
#logo h2 a {overflow:hidden; background:url(/images/logo-futon-design.png) left top no-repeat;width:643px; height:103px;display:block;}

#son {position:absolute;top:55px;left:700px;}
#sidebar h1, #sidebar h2 {text-align:center;font-size:14px;font-weight:normal;text-indent:-9999px;margin-top:37px;width:235px;background-position:center top;}

#footer {text-align:left;font-size:11px;font-family:Georgia, serif;margin-top:5px;width:910px;margin:0 auto;}
#footer a {color:black;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.remarque {display:none;}

/* accueil */
.accueil h1, .contact h1 {background:url(/images/texte/bienvenue-dans-votre-univers.png) no-repeat; height:34px;}
.accueil #nav, .contact #nav, .questions #nav, .services #nav, .galerie #nav {position:absolute; top:265px; left:20px;text-transform:uppercase; font-size:13px; line-height:27px;}
#nav a {color:#cac4af; text-decoration:none; display:block;height:27px;width:181px;text-indent:-9999px;}
#nav a.compagnie {background:url(/images/texte/menu/compagnie.png) no-repeat;}
#nav a.galerie {background:url(/images/texte/menu/galerie.png) no-repeat;}
#nav a.promotions {background:url(/images/texte/menu/promotions.png) no-repeat;}
#nav a.services {background:url(/images/texte/menu/services.png) no-repeat;}
#nav a.questions {background:url(/images/texte/menu/questions-frequentes.png) no-repeat;}
#nav a.contact {background:url(/images/texte/menu/contact.png) no-repeat;}
#nav a {background-position:left top;}
#nav a:hover {background-position:left bottom;}

/* compagnie */

.compagnie #sidebar h1 {background:url(/images/texte/compagnie.png) center top no-repeat; height:16px;}
.compagnie #nav {margin-top:60px;}
.compagnie #thumbs li {display:block; float:left;}
.compagnie #thumbs a {text-indent:0;height:48px;width:85px;margin:0 15px 10px 0;display:block;position:relative;left:20px;top:5px;overflow:hidden;}
.compagnie #thumbs a img {position:relative;}
.compagnie #main {background:url(/images/compagnie-bg.jpg) left top no-repeat;}
.compagnie #main #texte {padding:20px;text-align:justify;}
.compagnie #main #texte p {margin-bottom:11px;line-height:16px;}
.compagnie #photo {position:absolute; bottom:0;}
.compagnie #plaisir {font-weight:bold; text-align:center;font-size:12px;position:absolute;left:215px;}
.compagnie #main a.suivant {float:right;z-index:10;display:block;position:relative;}
.compagnie #main a.precedent {float:left;z-index:10;display:block;position:relative;}
.compagnie #main img {clear:both;display:block;z-index:5;}

/* galerie */

.galerie #main {background:url(/images/galerie-bg.jpg) left top no-repeat;}
.services #main h1, .services #main h2, .questions #main h1, .questions #main h2, .galerie #main h2 {background:url(/images/filtre-beige.png) left top repeat-y;font-family:Georgia, "Times New Roman", serif;font-size:18px;line-height:45px;height:45px;padding-left:40px;margin-top:40px;font-weight:normal;}
.services #main h1 a, .services #main h2 a, .questions #main h1 a, .questions #main h2 a, .galerie #main h2 a {text-decoration:none;}
.services #main h1 a:hover, .services #main h2 a:hover, .questions #main h1 a:hover, .questions #main h2 a:hover, .galerie #main h2 a:hover {text-decoration:underline;}
    /* accueil de galerie */
.galerie #main h2 {padding-left:10px;font-size:16px;}
.galerie #main h2.petit {font-size:14px;}
.galerie #main h2 span {text-indent:-9999px; overflow:hidden;margin-right:10px;display:block;float:left;}
.galerie #main .futons {background:url(/images/texte/galerie/futons.png) left 12px no-repeat;width:90px;}
.galerie #main .sofa-lits {background:url(/images/texte/galerie/sofa-lits.png) left 12px no-repeat;width:132px;}
.galerie #main .meubles-rustiques {background:url(/images/texte/galerie/meubles-rustiques.png) left 13px no-repeat;width:245px;}
.galerie #main .lits-superposes {background:url(/images/texte/galerie/lits-et-superposes.png) left 12px no-repeat;width:229px;}
.galerie #main .fauteuils-bercants {background:url(/images/texte/galerie/fauteuils-bercants.png) left 12px no-repeat;width:232px;}
    /* reste */
.galerie #sidebar h1, .galerie #sidebar h2 {background:url(/images/texte/galerie-de-produits.png) center top no-repeat; height:16px;}
    /* sous-nav */
.galerie .sous-section #sidebar #sous-nav {margin:15px 0 0 15px;}
.galerie .sous-section #sidebar #sous-nav li a {width:90px; height:80px;display:block;float:left;text-indent:-9999px;overflow:hidden;margin:0 10px 10px 0;}
.galerie .sous-section #sidebar #sous-nav li a.rustique  {background:url(/images/galerie/futons/nav/rustique.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.classique {background:url(/images/galerie/futons/nav/classique.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.exotique  {background:url(/images/galerie/futons/nav/exotique.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.contemporain {background:url(/images/galerie/futons/nav/contemporain.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.causeuse {background:url(/images/galerie/sofa-lits/nav/causeuse.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.solo-queen {background:url(/images/galerie/sofa-lits/nav/solo-et-queen.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.klic-klac {background:url(/images/galerie/sofa-lits/nav/klic-klac.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.banc-lit {background:url(/images/galerie/sofa-lits/nav/banc-lit.png) left top no-repeat;}
.galerie .sous-section #sidebar #sous-nav li a.chambre {background:url(/images/galerie/meubles/nav/chambre.png) center top no-repeat; height:89px;}
.galerie .sous-section #sidebar #sous-nav li a.salle-sejour {background:url(/images/galerie/meubles/nav/sejour.png) center top no-repeat;height:89px;}
.galerie .sous-section #sidebar #sous-nav li a.salle-a-manger {background:url(/images/galerie/meubles/nav/salle-a-manger.png) center top no-repeat;height:94px;}
.galerie .sous-section #sidebar #sous-nav li a.accessoires {background:url(/images/galerie/meubles/nav/accessoires.png) center top no-repeat;height:94px;}
.galerie .sous-section #sidebar #sous-nav li a.lit-exotique {background:url(/images/galerie/lits/nav/exotique.png) left top no-repeat;width:103px;}
.galerie .sous-section #sidebar #sous-nav li a.lit-classique {background:url(/images/galerie/lits/nav/classique.png) left top no-repeat;width:93px;}
.galerie .sous-section #sidebar #sous-nav li a.lit-contemporain {background:url(/images/galerie/lits/nav/contemporain.png) left top no-repeat;width:103px;}
.galerie .sous-section #sidebar #sous-nav li a.superposes {background:url(/images/galerie/lits/nav/superposes.png) left top no-repeat;height:102px;}
.galerie .sous-section #sidebar #sous-nav li a.metal {background:url(/images/galerie/fauteuils/nav/metal-quebec.png) center top no-repeat;height:95px;}
.galerie .sous-section #sidebar #sous-nav li a.bois {background:url(/images/galerie/fauteuils/nav/bois-quebec.png) center top no-repeat;height:95px;}
.galerie .sous-section #sidebar #sous-nav li a.importations {background:url(/images/galerie/fauteuils/nav/importations.png) center top no-repeat;height:95px;}
.galerie .sous-section #sidebar #sous-nav li a.exotiques {background:url(/images/galerie/fauteuils/nav/exotiques.png) center top no-repeat;height:95px;}
    /* nav */
.galerie .sous-section #nav a:hover {background-position:left bottom;}
.galerie .sous-section #nav .futons {background:url(/images/texte/menu/galerie/futons.png) no-repeat;}
.galerie .sous-section #nav .sofa {background:url(/images/texte/menu/galerie/sofa-lits.png) no-repeat;}
.galerie .sous-section #nav .meubles {background:url(/images/texte/menu/galerie/meubles-rustiques.png) no-repeat;}
.galerie .sous-section #nav .lits {background:url(/images/texte/menu/galerie/lits-et-superposes.png) no-repeat;}
.galerie .sous-section #nav .fauteuils {background:url(/images/texte/menu/galerie/fauteuils-bercants.png) no-repeat;}

    /* sous-sections */
        /* h1 */
.galerie .sous-section #main {background:url(/images/galerie-section-bg.jpg) left top no-repeat;overflow:hidden;}
.galerie .sous-section #main #sub-container {padding:13px;}
.galerie .sous-section #main #sub-container h1 {text-indent:-9999px;overflow:hidden;}
.galerie .sous-section #main h1.futons-rustiques {background:url(/images/texte/galerie/futons-de-style-rustique.png) left top no-repeat;height:24px;width:328px;}
.galerie .sous-section #main h1.futons-classiques {background:url(/images/texte/galerie/futons-de-style-classique.png) left top no-repeat;height:24px;width:333px;}
.galerie .sous-section #main h1.futons-exotiques {background:url(/images/texte/galerie/futons-de-style-exotique.png) left top no-repeat;height:24px;width:329px;}
.galerie .sous-section #main h1.futons-contemporains {background:url(/images/texte/galerie/futons-de-style-contemporain.png) left top no-repeat;height:24px;width:375px;}
.galerie .sous-section #main h1.sofa-causeuse {background:url(/images/texte/galerie/sofas-lits-causeuses-compact.png) left top no-repeat;height:24px;width:455px;}
.galerie .sous-section #main h1.sofa-solo {background:url(/images/texte/galerie/sofas-lits-solo-et-queen.png) left top no-repeat;height:24px;width:303px;}
.galerie .sous-section #main h1.sofa-klic {background:url(/images/texte/galerie/sofas-lits-klic-klac.png) left top no-repeat;height:24px;width:254px;}
.galerie .sous-section #main h1.sofa-banc {background:url(/images/texte/galerie/bancs-lits.png) left top no-repeat;height:24px;width:127px;}
.galerie .sous-section #main h1.meubles-chambre {background:url(/images/texte/galerie/meubles-rustiques-chambre.png) left top no-repeat;height:24px;width:369px;}
.galerie .sous-section #main h1.meubles-sejour {background:url(/images/texte/galerie/meubles-rustiques-salle-de-sejour.png) left top no-repeat;height:24px;width:465px;}
.galerie .sous-section #main h1.meubles-manger {background:url(/images/texte/galerie/meubles-rustiques-salle-a-manger.png) left top no-repeat;height:24px;width:466px;}
.galerie .sous-section #main h1.meubles-accessoires {background:url(/images/texte/galerie/meubles-rustiques-accessoires.png) left top no-repeat;height:24px;width:402px;}
.galerie .sous-section #main h1.lits-exotique {background:url(/images/texte/galerie/lits-de-style-exotique.png) left top no-repeat;height:24px;width:299px;}
.galerie .sous-section #main h1.lits-classique {background:url(/images/texte/galerie/lits-de-style-classique.png) left top no-repeat;height:24px;width:303px;}
.galerie .sous-section #main h1.lits-contemporain {background:url(/images/texte/galerie/lits-de-style-contemporain.png) left top no-repeat;height:24px;width:345px;}
.galerie .sous-section #main h1.lits-superposes {background:url(/images/texte/galerie/lits-de-style-superposes.png) left top no-repeat;height:24px;width:314px;}
.galerie .sous-section #main h1.fauteuils-metal {background:url(/images/texte/galerie/fauteuils-bercants-en-metal.png) left top no-repeat;height:50px;width:362px;}
.galerie .sous-section #main h1.fauteuils-bois {background:url(/images/texte/galerie/fauteuils-bercants-en-bois.png) left top no-repeat;height:51px;width:343px;}
.galerie .sous-section #main h1.fauteuils-importe {background:url(/images/texte/galerie/fauteuils-bercants-dimportation.png) left top no-repeat;height:24px;width:438px;}
.galerie .sous-section #main h1.fauteuils-exotiques {background:url(/images/texte/galerie/fauteuils-exotiques.png) left top no-repeat;height:24px;width:259px;}
        /* layout de #main */
.galerie .sous-section #main  {text-align:center;line-height:16px;}
.galerie .sous-section #main .produits {margin-top:13px}
.galerie .sous-section #main .solo-queen .produits, .galerie .sous-section #main .banc-lit .produits,
.galerie .sous-section #main .meubles .produits {margin:0;}
.galerie .sous-section #main .manger .produits-un {margin:0 0 -15px 0;}
.galerie .sous-section #main .manger .produits-deux {margin:-10px;}
.galerie .sous-section #main .chambre .produits-un {margin:-10px 0;}
.galerie .sous-section #main .chambre .produits-deux {margin:5px 0 -15px;}
.galerie .sous-section #main .lits-exotiques .produits-un {margin-top:10px;}
.galerie .sous-section #main .lits-exotiques .produits-deux {margin-top:10px;}
.galerie .sous-section #main .lits-classiques .produits-un {margin-top:16px;}
.galerie .sous-section #main .lits-classiques .produits-deux {margin:16px 0 5px;}
.galerie .sous-section #main .lits-contemporains .produits-un {margin:10px 0 0;}
.galerie .sous-section #main .lits-contemporains .produits-deux {margin:16px 0 0;}
.galerie .sous-section #main .section-lits-superposes .produits-un {margin:10px 0 0;}
.galerie .sous-section #main .section-lits-superposes .produits-deux {margin:16px 0 0;}
.galerie .sous-section #main .section-bois .produits-un {margin:-5px 0 -15px;}
.galerie .sous-section #main .section-bois .produits-deux {margin:-10px 0 -20px;}
.galerie .sous-section #main .section-metal .produits-un {margin:-5px 0 -15px;}
.galerie .sous-section #main .section-metal .produits-deux {margin:0 0 -20px;}
.galerie .sous-section #main .section-importations .produits-un {margin:0 0 -8px;}
.galerie .sous-section #main .section-importations .produits-deux {margin:0 0 -20px;}
.galerie .sous-section #main .section-fauteuils-exotiques .produits-un {margin:5px 0 -10px;}
.galerie .sous-section #main .section-fauteuils-exotiques .produits-deux {margin:5px 0 -10px;}

        /* logos */
.galerie .sous-section .logos {margin:5px 0 0 10px;position:relative;}
.galerie .sous-section .logos a {position:absolute;top:5px;}
.galerie .sous-section .section-futons .logos .un {left:0;}
.galerie .sous-section .section-futons .logos .deux {left:60px;}
.galerie .sous-section .section-futons .logos .trois {left:160px;}
.galerie .sous-section .section-futons .logos .quatre {top:0;left:245px;}
.galerie .sous-section .section-futons .logos .cinq {top:30px;left:240px;}
.galerie .sous-section .section-futons .logos .six {left:370px;}
.galerie .sous-section .section-futons .logos .sept {left:430px;}
.galerie .sous-section .section-futons .logos .huit {left:510px;}
.galerie .sous-section .section-sofa .logos .un {left:0;}
.galerie .sous-section .section-sofa .logos .deux {left:110px;}
.galerie .sous-section .section-sofa .logos .trois {left:220px;}
.galerie .sous-section .section-sofa .logos .quatre {left:290px;}
.galerie .sous-section .section-sofa .logos .cinq {left:405px;}
.galerie .sous-section .section-sofa .logos .six {top:0; left:495px;}
.galerie .sous-section .meubles .logos .un {left:0;}
.galerie .sous-section .meubles .logos .deux {top:0;left:145px;}
.galerie .sous-section .meubles .logos .trois {left:285px;}
.galerie .sous-section .meubles .logos .quatre {left:405px;}
.galerie .sous-section .lits .logos .un {left:0;}
.galerie .sous-section .lits .logos .deux {left:60px;}
.galerie .sous-section .lits .logos .trois {left:165px;}
.galerie .sous-section .lits .logos .quatre {left:245px;}
.galerie .sous-section .lits .logos .cinq {left:360px;}
.galerie .sous-section .lits .logos .six {left:415px;}
.galerie .sous-section .lits .logos .sept {top:0;left:510px;}
.galerie .sous-section .fauteuils .logos .un {left:0;}
.galerie .sous-section .fauteuils .logos .deux {left:105px;}
.galerie .sous-section .fauteuils .logos .trois {left:200px;}
.galerie .sous-section .fauteuils .logos .quatre {left:315px;}
.galerie .sous-section .fauteuils .logos .cinq {left:455px;}

/* services */
.services #main {background:url(/images/services-bg.jpg) left top no-repeat;}
.services #sidebar h1, .services #sidebar h2 {background:url(/images/texte/services.png) center top no-repeat; height:16px;}
.sous-section #nav {text-transform:none;}
.sous-section #nav a {margin-left:20px;}
.services .sous-section #nav a:hover, .questions .sous-section #nav a:hover{background-position:left bottom;}
.sous-section #nav .retour-accueil {background:url(/images/texte/menu/retour-accueil.png) no-repeat;text-transform:uppercase;margin-top:10px;margin-left:0;}
.sous-section #nav .retour-accueil:hover{background-position:left bottom;}
.services .sous-section #nav .prix {background:url(/images/texte/menu/services/meilleur-prix-garanti.png) no-repeat;}
.services .sous-section #nav .modalites {background:url(/images/texte/menu/services/modalites-de-paiement.png) no-repeat;}
.services .sous-section #nav .livraison {background:url(/images/texte/menu/services/livraison-et-installation.png) no-repeat;}
.services .sous-section #nav .garantie {background:url(/images/texte/menu/services/garantie-offerte.png) no-repeat;}
.services .sous-section #nav .clientele {background:url(/images/texte/menu/services/service-a-la-clientele.png) no-repeat;}
.services #paiement {margin:16px auto;width:440px;}
.services #paiement img{margin:0 10px;}
.services #camion {float:right;}

.reponse {background:url(/images/filtre-beige.png) left top repeat-y;margin-top:10px;padding:20px;height:320px;overflow:auto;font-size:11px;line-height:16px;text-align:justify;}
.reponse ol li {list-style-type:decimal;list-style-position:inside; margin-bottom:5px;}
.reponse ol, .reponse p {padding-bottom:16px;}
.reponse ol.paragraph {margin-top:-11px;margin-left:35px;}
.reponse ol li ol{margin-left:35px;margin-top:7px;padding-bottom:0;}
.reponse ol.paragraph li {margin-bottom:0px;}
.reponse ol strong, .reponse p strong {font-weight:normal; text-transform:uppercase;}

/* questions */
.questions #main {background:url(/images/questions-bg.jpg) left top no-repeat;}
.questions #sidebar h1, .questions #sidebar h2 {background:url(/images/texte/questions-frequentes.png) center top no-repeat; height:16px;}
.questions .sous-section #nav .sofa {background:url(/images/texte/menu/questions/futon-ou-sofa-lit.png) no-repeat;}
.questions .sous-section #nav .avant {background:url(/images/texte/menu/questions/questions-sur-les-futons.png) no-repeat;}
.questions .sous-section #nav .procedures {background:url(/images/texte/menu/questions/procedures-d-achat.png) no-repeat;}
.questions .sous-section #nav .base {background:url(/images/texte/menu/questions/base-en-bois-ou-en-metal.png)  no-repeat;}
.questions .sous-section #nav .stable {background:url(/images/texte/menu/questions/mon-futon-n-est-pas-stable.png) no-repeat;}


/* contact */
.contact #main {background:url(/images/contact-bg.jpg) left top no-repeat;padding:20px 27px;line-height:17px;}
  /* nav dans accueil */
.contact #main .gauche {width:250px;display:block;float:left;}
.contact #main p, .contact #main table {margin-bottom:15px;}
.contact #main table td {width:145px;}
