/* === Reset === */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:75%;background:#4d4133 url("i/bg.jpg") no-repeat center top;line-height: 1.2em; color:#4b4337;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3 {line-height:1em;font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif, Helvetica, sans-serif; font-weight:normal;}
h1 {font-size:450%;}
h2 {font-size:220%; margin-bottom:0.5em;}
h3 {text-transform:uppercase; font-size:100%;margin-bottom:0.5em;}
h4 {font-weight:bold}
h1 span { display:block;font-size:48%;text-transform:lowercase; margin-top:-0.5em}
p {padding-bottom:.8em;line-height:1.3em;}
ul {margin:0 0 1em 0;}
kbd {padding:0 7px;border:solid 1px #ccc;line-height:.85em;font-size:85%}
ul li {background:url("i/puce1.png") no-repeat 0 0.4em;padding-left:10px;margin-bottom:0.5em;}
ul li ul {margin:0.5em 0 0.5em 0;}
ul li ul li {background:url("i/puce2.gif") no-repeat 0 0.4em;margin-bottom:0}
a:link, a:visited {color:#4b4337}
a:hover {color:#c22921}
strong {font-weight:bold;}
sup {vertical-align:super;line-height:0.2em;}
sub {vertical-align:sub;}

fieldset { width:320px}
fieldset p{margin-top:2em;}
fieldset div {margin-bottom:4px;}
fieldset div input {border:1px outset #666;border-top:1px solid #ccc; width:96%}
fieldset div textarea {border:1px outset #666;border-top:1px solid #ccc;width:96%;height:80px;}
fieldset div label {display:block;}
fieldset div textarea {}
fieldset .submit-button {width:70px;float:right;}

.SelfClear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.Clear {clear:both;display:block}
.Left {float:left;}
.Right {float:right;}
.AlignRight {text-align:right;}
.Hide {display:none}
.Print {display:none}
.no {background:none !important; border:none !important;margin:0 !important;}
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.field-error {border:1px outset #CC3300;border-top:1px solid #CC3300}
.mandatory-fields {padding-bottom:0;margin-top:0;}
.error-message {color:#CC3300;font-size:92%;font-style:italic;margin-bottom:4px;}
.field-valid {font-weight:bold;}
.chapo {width:330px;margin-right:10px;}

#layout {margin:30px auto 0;position:relative;text-align:left;width:915px;}
#contentpane {position:relative;background:url("i/contentpane.png") no-repeat center top; width:100%; height:615px;overflow:hidden;}
#content {position:relative;float:left; width:732px; height:453px;margin:117px 0 0 0; background:#ffffff;}
#contentmain {padding:5px 18px;}
#main { width:320px; float:left; margin-right:10px;padding-top:1px;}
#sidebar { width:160px; float:left;}
#sidebar .legend-chapo {margin-top:65px;}
#sidebar div { margin:0 auto 2em auto; text-align:center;}
#sidebar p { text-align:left;}
.short #main,.short #sidebar { position:absolute;top:200px}
.short #sidebar {left:330px}

#header {padding-right:15px;text-align:right;}
#header dd {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#header a {display:block;padding-bottom:3px;}
#header img {width:170px; height:64px;}

#sitefooter { position:relative; font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; font-size:84%; color:#3c342b; text-align:right;padding-right:15px;margin-bottom:10px;}
#sitefooter ul, #sitefooter li {display:inline; background:none;padding:0}
#sitefooter a {color:#3c342b;text-decoration:none; margin-right:10px}
#sitefooter a:hover, #sitefooter a.on {color:#fff;}

#nav {font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; margin-top:5px;}
#nav a {color:#5d5346;text-decoration:none;}
#nav1 {width:168px;background:#c6c8c9; float:right;margin:112px 15px 0 0;position:relative;}
#nav1 ul {margin:0;}
#nav1 li {height:147px; overflow:hidden;padding:10px 5px 0 4px;font-size:200%;line-height:0.8em;margin:0;}
#nav1 a {padding-left:10px;display:block;height:100%;}
#nav1 #sec1 {background:url("i/nav1sec1.jpg") no-repeat top left;height:68px;}
#nav1 #sec1:hover, #nav1 #sec1.on {background-image:url("i/nav1sec1On.jpg")}
#nav1 #sec1-2 {background:url("i/nav1sec1-2.jpg") no-repeat center center;height:68px;}
#nav1 #sec1-2:hover, #nav1 #sec1-2.on {background:url("i/nav1sec1-2On.jpg") no-repeat top left;}
#nav1 #sec2 {background:url("i/nav1sec2.jpg") no-repeat center bottom;}
#nav1 #sec2:hover, #nav1 #sec2.on {background-image:url("i/nav1sec2On.jpg")}
#nav1 #sec3 {background:url("i/nav1sec3.jpg") no-repeat center bottom;font-size:166%;height:132px;}
#nav1 #sec3:hover, #nav1 #sec3.on {background-image:url("i/nav1sec3On.jpg")}
#nav2 {position:absolute;left:0;bottom:12px;width:900px;height:23px; padding-top:10px;overflow:hidden;background:url("i/nav2.png") no-repeat center bottom; }
#nav2 ul, #nav2 li {display:inline;font-size:116%;}
#nav2 li {padding-left:25px; background:none;}
#nav2 .pro {position:absolute;left:745px;}
#nav2 a:hover, #nav #nav2 a.on { color:#ffffff}
#nav-event{font-size:220%;position:absolute;left:0;top:5px;width:875px;height:62px;padding:50px 25px 0 0;overflow:hidden;line-height:0.8em;background:url("i/nav-event.png") no-repeat; text-align:right;}
#nav-event em {display:block;font-size:66%;color:#ffffff;}
#nav-event a:hover {color:#c22921}
#nav-event a:hover em {color:#fff}

.home #gamme {position:relative;width:732px;height:157px;overflow:hidden;font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; font-size:180%; line-height:1em}
.home #gamme .items {display:block;}
.home #gamme .items li {float:left;margin:0; padding:0;position:relative;}
.home #gamme .items li span {display:block;position:absolute;left:0;top:0;width:183px;height:157px;}
.home #gamme .items li span a {display:block;text-decoration:none; color:#ffffff;width:173px;height:32px;padding:125px 0 0 10px;}
.home #gamme .items li span a:hover {color:#c22921}
.home #promo {position:relative;width:732px;height:139px;overflow:hidden;}
.home #promo h2 {position:absolute;left:320px;top:20px;}
.home #promo ul {position:absolute;left:320px;top:55px; padding-right:20px}
.home #promo ul a {color:#4b4337; text-decoration:none;}
.home #promo ul a:hover {color:#c22921;}

.configurateur #swf{width:548px;height:453px;background:green;float:left;}
.configurateur img{float:right;}

.plan ul {margin-left:10px;}
.plan ul li {line-height:1.4em;background:none;margin:4px 0;position:relative;}
.plan ul li {font-size:122%;}
.plan ul li li {font-size:90%;}
.plan ul li img {position:absolute;top:2px;left:-9px;cursor:pointer;}

#title {position:relative; height:95px}
.carrefour #title h1, .carrefour #title h2 {position:relative; z-index:2;}
#title img {position:absolute;top:-5px;right:-20px;z-index:1}
#title p { width:300px;}
#sommaire {position:absolute;right:20px;bottom:20px;width:144px;background:url("i/sommaire-top.png") no-repeat 0 0;z-index:2;font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif, Helvetica, sans-serif;}
#sommaire em {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden; }
#sommaire ul {background:url("i/sommaire-bottom.png") no-repeat center bottom;margin:7px 0 0 0;padding:5px 0 5px 0}
#sommaire li {background:url("i/sommaire-separator.png") no-repeat left bottom; padding:0 5px 0.5em 3px;}
#sommaire ul a {color:#4b4337; text-decoration:none;padding-left:8px;display:block;}
#sommaire ul a:hover, #sommaire ul a.on {color:#ffffff;background:url("i/sommaire-arrow.png") no-repeat 0 0.25em;}
#product {width:518px;height:340px;overflow-y:auto;}
#product.find { margin-top:30px;height:310px;} 
#product.feature { position:relative;overflow:hidden;} 
#product .items {margin:0}
#product #product-header {}
#product #product-header .items {width:330px; float:left}
#product #product-header p {width:170px; float:left; padding-bottom:0}
#product .items li { background:none;margin:0 8px 15px 0; padding:0; display:inline-block;width:95px;position:relative;}
#product .items li a {color:#4b4337; text-decoration:none; display:block;}
#product .items li a:hover, #product .items li a.on {color:#c22921;}
#product .items li span { display:block; position:absolute; top:0;left:0; padding-top:90px; width:100%; font-size:91%}
#product.relax .items li a {height:110px}
#product .items li a img {opacity:0.6;}
#product .items li a:hover img, #product .items li a.on img{opacity:1;}
.sommier #contentmain #product #product-content #main img {margin-top:18px}

#product #product-content.sommier {margin-top:45px}
#product #product-content.dosseret { display:table;}
#product #product-content.dosseret #main, #product #product-content.dosseret #sidebar { display:table-cell}
#product #product-content.dosseret #main { vertical-align: middle; float:none; padding-right:10px}
#product #product-content #sidebar #spec {background:url("i/mattress.gif") no-repeat center top;width:160px;height:200px; overflow:hidden;padding:5px;text-align:left;margin:0}
#product #product-content #sidebar #spec h3 {text-transform:uppercase; font-size:100%;margin:0 0 0.5em 0; font-weight:normal}
#product #product-content #sidebar #spec dt { font-weight:bold;background:url("i/puce1.png") no-repeat 0 0.4em;margin-top:0.5em; text-indent:8px}
#product #product-content #sidebar #spec img {position:relative; top:auto;left:auto;margin-top:20px}
#product #product-content #sidebar #contact { text-align:left;}
#product .carrousel .items li { background:none;padding:0; display:inline-block;width:60px;height:60px;margin:0 18px 10px 0}
#product .carrousel .items li a{display:inline-block;width:59px;height:59px;}
#product .carrousel .items li span {padding-top:10000px;width:59px;height:59px;}
#product .carrousel .full {position:absolute;left:0;bottom:150px;width:228px; height:111px; padding:10px 5px 10px 75px;overflow:hidden;background:url("i/feature-full.png") no-repeat; }
#product .carrousel .full h3 { font-family:inherit; }
#product .carrousel .full img {position:absolute;top:5px;left:5px;}
#listing {width:518px;height:340px;overflow:auto;}

.detail { clear:both; margin-top:0.3em; width:470px; font-size:94%}
.detail a {color:#4b4337;text-decoration:none;text-transform:uppercase;}
.detail dt a {cursor:move;}
.detail a:hover {color:#c22921;}
.detail dl {float:left;margin-right:70px;}
.detail dl dt {width:300px; height:100px; overflow:hidden;position:relative;}
.detail .zoom {width:100px; float:right; text-align:right; padding:0}
.detail .zoom span {background:url("i/zoom.gif") no-repeat right 0.2em; padding-right:15px; display:block}
.detail .zoom a:hover span {background-image:url("i/zoomhover.gif");}
.detail dt {z-index:1;}
.detail .zoombig {position:absolute;top:0;left:0; border:11px solid #fff;z-index:2;padding:0;}
.detail .zoombig img{border:8px solid #bbbdbe;}
.detail .zoombig span {position:absolute;top:8px;right:8px;background:#bbbdbe url("i/fermer.gif") no-repeat right 0.1em;padding:0 15px 8px 8px; display:block}
.detail .zoombig a:hover span {background-image:url("i/fermerhover.gif");}

.feature dl { width:160px;height:329px; overflow:hidden;padding:5px;background:url("i/feature.gif") no-repeat; line-height:1.3em;}
.feature dt { font-weight:bold;background:url("i/puce1.png") no-repeat 0 0.4em;padding-left:8px;margin-top:0.5em}
.feature dd ul li {background:none repeat scroll 0 0 transparent;margin-bottom:0;margin-left:0;padding-left:0;}
.feature dd ul {margin-bottom:0;}
.feature .carrousel ul {position:absolute;left:0;bottom:-10px;width:328px}

.find h3 {margin:1.5em 0 1em 0;} 
.find .form { width:155px; overflow:hidden;background:url("i/code-bottom.gif") no-repeat left bottom;margin-bottom:2em;}
.find fieldset {background:url("i/code-top.gif") no-repeat left top; padding:5px 10px}
.find label {display:block;margin-bottom:0.5em}
.find input {width:75px; text-transform:uppercase;border:none; float:left;}
.find #codepostal {border:1px solid #8a8a8a} 
.find #codesubmit { background:none;width:auto;padding:0.2em 0 0.2em 3px; font-size:94%;} 
.find #result {width:160px;height:295px;padding:5px; text-align:left;}
.find #result div {text-align:left}
.find #result h3 {margin:0 0 1em 0; font-weight:bold}
.find #result dt { font-weight:bold;background:url("i/puce1.png") no-repeat 0 0.4em;padding-left:8px;margin-top:0.7em}
.find #no-result {padding-bottom:0;margin-bottom:0;}
.find .itinerary {background:url("i/googlemap-itinerary.gif") no-repeat scroll 0 1px transparent;display:block;font-size:92%;height:17px;padding-left:16px;}

.box-m {background:url("i/bloc320-bottom.gif") no-repeat left bottom; width:320px; }
.box-m ul, .box-m div {background:url("i/bloc320-top.gif") no-repeat left top; padding:15px 20px 0 15px;overflow:hidden}
.quiz.box-m {background:url("i/bloc320-bottom-quiz.gif") no-repeat left bottom; width:320px; }
.quiz.box-m li {background:none;padding:0;margin:0}
.quiz.box-m dt {font-weight:bold; font-size:116%}
.quiz .chapo {width:300px;}
.quiz ul {margin-bottom:0}
.quiz form h3 {text-transform:uppercase; font-size:100%;margin-bottom:0.5em;}
.quiz .suivante, .quiz .retry {margin:20px -20px 0 0;}
.quiz .suivante p, .quiz .retry p, .submit-button {padding:0; line-height:normal;background:url("i/submit-right.gif") no-repeat right bottom;height:20px; float:right;padding-right:10px;cursor:pointer}
.quiz .suivante input, .quiz .retry input, .submit-button input {text-transform:uppercase; font-size:94%;background:url("i/submit-left.gif") no-repeat left bottom; border:none;height:20px; display:block; color:#3c3126}
.quiz .retry {width:305px;}

.list { height:90px; margin-bottom:12px}
.list img {float:left;}
.list dl {float:left;background:url("i/actu.jpg") no-repeat; width:386px; height:100%;padding:5px; margin-left:12px}
.list .actu-title {font-weight:bold;font-size:112%;margin-bottom:5px;}
.list div {float:left;background:url("i/actu.jpg") no-repeat; width:386px; height:100%;padding:5px; margin-left:12px; position:relative;}
.list-article {margin-bottom:1.5em;}
.list-article img {float:left;margin-right:10px;}
.list-article p {display:inline}
.list-article a:link, .list-article a:visited { text-decoration:none;color:#af9f62;} 
.list-article a:hover {color:#c22921}

.telecharger span {display:block}
.telecharger span a:link, .telecharger span a:visited{background:url("i/telecharger.gif") no-repeat 0 3px; padding-left:15px;text-decoration:none;}
.telecharger span a:hover {background-position:0 -15px;}

.legend { display: table;}
.legend p {display: table-row;}

.column { display: table;}
.column img {float:left}
.column .cell {display: table-cell;}
.column .cell p {float:left;}
.content-column .box { width:150px; float:left;margin-right:10px}
.content-column .box p {padding-top:0.3em;height:32px;}

.relax-matelas #sidebar div {text-align:left;}
.relax-matelas #product {overflow:auto;}
.relax-matelas #product .pictogrammes .full h3 {font-weight:normal;margin-top:0;font-size:100%;margin-bottom:0.5em;text-transform:uppercase;}
.relax-matelas #product-content {position:relative;}
.relax-matelas .mattress .richtext {padding-bottom:130px;}
.relax-matelas .mattress .richtext img {padding-bottom:10px;}

.img {margin-bottom:0.5em; text-align:center}
.gender tr, .is-accessory tr {float:left}
.gender td, .is-accessory td {padding-right:10px}
.gender label, .is-accessory label, .newsletter label { display: inline}
.gender input, .is-accessory input, .newsletter input { width:auto; border:0;}
.date-achat input {width:20px;text-align:center;}
.date-achat-year {width:40px !important;}

.carrefour #title {padding:350px 0 0 20px;}
.carrefour #title h1, .carrefour #title h2 {color:#ffffff;}
.carrefour #title img {top:0;right:0;}
.carrefour-deco #sommaire { background:none; top:20px; left:25px}
.carrefour-confort #sommaire { background:none; top:20px; left:375px}
.carrefour-deco #sommaire ul{ background:none;width:700px}
.carrefour-confort #sommaire ul{ background:none;width:330px}
.carrefour-deco #sommaire li, .carrefour-confort #sommaire li { background:none;margin:0 15px 0 0; padding:0; display:inline-block;width:90px;}
.carrefour-deco #sommaire li img, .carrefour-confort #sommaire li img { position: inherit; top:0; left:0}
.carrefour-deco #sommaire li a, .carrefour-confort #sommaire li a {color:#ffffff; text-decoration:none; position:relative;display:block;padding-left:0; font-size:133%; line-height:1.1em}
.carrefour-deco #sommaire li a:hover, .carrefour-deco #sommaire li a.on, .carrefour-confort #sommaire li a:hover, .carrefour-confort #sommaire li a.on {color:#c22921;}
.carrefour-deco #sommaire li a span, .carrefour-confort #sommaire li a span { display:block; position:absolute; top:0;left:0; padding-top:95px; width:100%;text-transform:lowercase;}
.carrefour-deco .configurateur { position:absolute;top:350px;right:390px; z-index:5; color:#ffffff; text-decoration:none;font-family:"Century Gothic",Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif, Helvetica, sans-serif;}
.carrefour-deco .configurateur span { position:absolute;bottom:0;right:0; z-index:6; display:block; width:85px; height:90px;padding-right:5px;overflow:hidden ;text-align:right}
.carrefour-deco a.configurateur:hover span {color:#c22921;}
.deco #product h3 { text-transform:inherit; font-weight:bold; font-size:116%;margin-top:2.5em;}
.carrefour-confort h1{ padding-left:365px}
.carrefour-confort h2{ padding-left:365px}
.quiz h3,.confort h3, .basic #product h3 { text-transform:inherit; font-weight:bold; font-size:116%;margin-top:0.5em;}
.list h3 { text-transform:inherit; font-weight:bold; font-size:116%;}