body {
background:#000000 url(../images/bg.png) no-repeat scroll 97% 45px;
color:#FDFDFD;
font-family:verdana,helvetica,sans-serif;
font-size:0.75em;
}
* {
margin:0;
padding:0;
}
img {
border:medium none;
}
a {
color:#FFFFFF;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
p {
margin-bottom:1.2em;
}
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.personal-info li {
margin-bottom:5px;
}
ul.personal-info li em {
color:#FBA4AA;
}
.left {
clear:left;
float:left;
margin:0 0 15px 10%;
width:43%;
}
.right {
clear:right;
float:right;
margin-bottom:15px;
width:46%;
}
.alignRight {
text-align:right !important;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
#acc {
position:absolute;
top:-999em;
}
#bigpage {
margin:50px auto 20px;
width:981px;
}
#page {
margin:50px auto 0;
padding-bottom:20px;
width:890px;
}
#header {
margin-bottom:1.8em;
text-align:center;
}
#header h1 {
height:116px;
margin:0 auto;
width:271px;
}
#header h1 a {
background:transparent url(../images/logo.png) no-repeat scroll 0 0;
display:block;
height:116px;
width:271px;
}
#header h1 a span {
position:absolute;
top:-999em;
}
#menu {
background:#EE4E41 url(../images/menu_bottom_bg.png) no-repeat scroll center bottom;
margin:0 auto 0.5em;
width:500px;
}
#menu ul {
background:transparent url(../images/menu_top_bg.png) no-repeat scroll center top;
display:block;
padding:0.4em 0;
}
#menu ul li {
display:inline;
float:left;
text-align:center;
width:18%;
}
#menu ul li.short {
width:15%;
}
#menu ul li a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#menu ul li a:hover {
text-decoration:underline;
}
#menu ul li a.active {
text-decoration:underline;
}
#submenu {
display:inline;
float:left;
margin:0 1em 2em 182px;
position:absolute;
width:125px;
z-index:50;

}
#bigpage #submenu {
margin-left:226px;
}


#submenu ul.sec {
background:#000000 none repeat scroll 0 0;
margin:0 10px 6px 15px;
}
#submenu ul.sec li {
line-height:1.2em;
}
#submenu ul.sec li a {
font-size:0.92em;
padding-left:10px;
text-decoration:none;
}
#submenu ul.sec li a:hover {
text-decoration:underline;
}
#submenu ul.sec li a.active {
background:transparent url(../images/menu_sec_a_active_bg.png) no-repeat scroll 0 0.4em;
font-weight:bold;
text-decoration:underline;
}
#content {
background:transparent url(../images/suelo.png) no-repeat scroll center bottom;
margin:1.5em 0 0;
}
#content h2 {
font-size:2em;
margin-bottom:0.7em;
}
#content h3 {
font-size:1.25em;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:1em;
}
#content h3.grill {
margin-left:50px;
}
#content p.description {
font-size:1.08em;
padding:0.6em;
}
#content #contact {
background:#DE3528 url(../images/contact_bg.png) repeat-x scroll 0 0;
font-size:1.5em;
margin:45px auto 0;
padding:35px 25px 50px;
position:relative;
width:675px;
}
#content #achats {
background:#DE3528 url(../images/contact_bg.png) repeat-x scroll 0 0;
margin:45px auto 0;
padding:35px 25px 50px;
position:relative;
width:750px;
}
#content #achats table {
border-collapse:collapse;
width:100%;
}
#content #achats table.center th, #content #achats table.center td {
text-align:center;
}
#content #achats table th {
border-bottom:1px solid #710B06;
padding:5px;
white-space:nowrap;
}
#content #achats table td {
padding:10px 5px;
vertical-align:top;
}
#content #achats tr.total td {
background-color:#9A1003;
}
#content #achats table td a.plus, #content #achats table td a.minus, #content #achats table td span.floatLeft {
float:left;
}
#content #achats #checkout {
margin:20px auto 10px;
position:relative;
}
#content #achats #checkout input.submit {
float:right;
}
#content #achats input.text, #content #achats textarea {
width:500px;
}
#content #produits {
margin-top:65px;
position:relative;
}
#content #frontpage {
background:transparent url(../images/frontpage_bg.png) no-repeat scroll center bottom;
margin-top:80px;
padding-bottom:100px;
}
#content #frontpage div.banleft {
clear:left;
display:inline;
float:left;
height:350px;
margin-right:16px;
width:345px;
}
#content #frontpage div.banright {
clear:right;
display:inline;
float:right;
height:350px;
width:370px;
}
#content #frontpage div.banleft a {
display:block;
height:350px;
width:345px;
}
#content #frontpage div.banright a {
display:block;
height:350px;
width:370px;
}
#content #frontpage div.banleft a span, #content #frontpage div.banright a span {
position:absolute;
top:-999em;
}
#content #frontpage div.news {
background:#9A1003 url(../images/news_bg.png) repeat-x scroll 0 0;
display:inline;
float:left;
margin:70px 8px 0 0;
width:235px;
}
#content #frontpage div.news h2 {
font-size:1.5em;
font-weight:bold;
margin:0.4em 10px;
}
#content #frontpage div.news p {
line-height:1.25em;
margin:0 10px 0.8em;
}
#content div.custom_color {
margin:60px 0 1.4em 160px;
width:650px;
}
#content div.custom_color h2 {
margin:0 0 0.4em;
}
#content div.custom_color p {
font-weight:bold;
margin:0 0 0.8em;
padding:0;
}
#content div.photo {
clear:left;
display:inline;
float:left;
position:relative;
width:310px;
}
#content div.extra {
clear:right;
display:inline;
float:right;
width:489px;
}
#content div.extra div.images {
clear:left;
float:left;
width:104px;
}
#content div.extra div.images p {
margin-bottom:8px;
}
#content div.extra div.info {
clear:right;
float:right;
width:380px;
}
#content div.extra div.info div.round {
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
background:transparent url(../images/round_bottom.png) no-repeat scroll center bottom;
border-top:2px solid #FFFFFF;
padding-bottom:4px;
}
#content div.extra div.info ul.chars {
background:transparent url(../images/extra_bg.png) repeat-y scroll 0 0;
padding:4px;
}
#content div.extra div.info ul.chars li {
border-bottom:1px solid #981308;
display:block;
font-size:0.92em;
padding:0.2em 0.8em;
}
#content div.extra div.info ul.options {
}
#content div.extra div.info ul.options li {
display:inline;
float:left;
margin-right:1.2em;
padding:0.5em 0;
}
#content div.extra div.info ul.options img {
vertical-align:bottom;
}
#content div.extra div.info ul.options li.tab {
-moz-border-radius-topleft:0.5em;
-moz-border-radius-topright:0.5em;
background:#D11B0A url(../images/options_tab_bg.png) repeat-x scroll 0 0;
border-color:#FFFFFF #FFFFFF -moz-use-text-color;
border-style:solid solid none;
border-width:2px 2px 0;
font-weight:bold;
margin-bottom:-2px;
margin-left:1px;
padding:0.6em 0.8em;
}
#content div.extra div.info ul.options li.tab span.topleft {
padding:0.8em;
}
#content div.extra div.info ul.options li.tab span.topright {
padding:0.8em;
}
#content ul.grill {
margin-left:50px;
}
#content ul.grill li {
display:inline;
float:left;
height:1%;
margin:0 20px 0 0;
width:88px;
}
#content ul.grill li span {
display:block;
font-weight:bold;
padding-top:91px;
text-align:center;
}
#content ul.grill li span.noir {
background:transparent url(../images/custom_color/grill_noir.png) no-repeat scroll center top;
}
#content ul.grill li span.silver {
background:transparent url(../images/custom_color/grill_silver.png) no-repeat scroll center top;
}
#content ul.grill li span.beige {
background:transparent url(../images/custom_color/grill_beige.png) no-repeat scroll center top;
}
#content ul.grill li span.salt {
background:transparent url(../images/custom_color/grill_salt_pepper.png) no-repeat scroll center top;
}
#content ul.tolex li {
display:inline;
float:left;
height:1%;
margin:0 25px 18px 0;
width:94px;
}
#content ul.tolex li span {
display:block;
font-weight:bold;
padding-top:80px;
text-align:center;
}
#content ul.tolex li span.noir {
background:transparent url(../images/custom_color/tolex_noir.png) no-repeat scroll center top;
}
#content ul.tolex li span.blanc {
background:transparent url(../images/custom_color/tolex_blanc.png) no-repeat scroll center top;
}
#content ul.tolex li span.bleu {
background:transparent url(../images/custom_color/tolex_bleu_roi.png) no-repeat scroll center top;
}
#content ul.tolex li span.bordeaux {
background:transparent url(../images/custom_color/tolex_bordeaux.png) no-repeat scroll center top;
}
#content ul.tolex li span.vert {
background:transparent url(../images/custom_color/tolex_vert.png) no-repeat scroll center top;
}
#content ul.tolex li span.jaune {
background:transparent url(../images/custom_color/tolex_jaune.png) no-repeat scroll center top;
}
#content ul.tolex li span.beige {
background:transparent url(../images/custom_color/tolex_beige.png) no-repeat scroll center top;
}
form fieldset {
border:0 none;
}
label, input, textarea, select {
float:left;
}
input.clear {
clear:left;
}
input.text, textarea {
-x-system-font:none;
border:1px solid #AAAAAA;
font-family:"Lucida Grande",Arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px;
}
input:focus, textarea:focus {
background-color:#FFFFCC;
}
input.text, select, textarea {
width:400px;
}
label {
margin-right:20px;
text-align:right;
width:175px;
}
label.error {
font-weight:bold;
}
plus {
background:transparent url(../images/unchecked.gif) no-repeat scroll 0 0;
color:#99FF33;
font-size:1.1em;
font-weight:bold;
margin:0 0 0 10px;
padding-bottom:2px;
padding-left:18px;
text-align:left;
width:275px;
}
form ol {
margin-bottom:0;
}
form ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
form li div {
float:left;
text-align:left;
width:406px;
}
form li div input {
clear:left;
}
form li div label {
margin:1px 0 8px 3px;
text-align:left;
width:370px;
}
form li {
overflow:hidden;
padding:8px;
}
ol.enviament li {
border-bottom:1px solid #DDDDDD;
padding:10px;
}
* html form li {
height:1%;
}
form em {
color:#FFFFFF;
font-style:normal;
font-weight:bold;
}
form p.submit * {
float:right;
margin-right:40px;
}
.plus {
background:transparent url(../images/plus.png) no-repeat scroll 0 0;
display:block;
height:16px;
text-indent:-9999px;
width:16px;
}
a.plus:link, a.plus:visited, a.plus:active {
background-position:0 -16px;
}
a.plus:hover {
background:transparent url(../images/plus.png) no-repeat scroll 0 0;
}
.minus {
background:transparent url(../images/minus.png) no-repeat scroll 0 0;
display:block;
height:16px;
text-indent:-9999px;
width:16px;
}
a.minus:link, a.minus:visited, a.minus:active {
background-position:0 -16px;
}
a.minus:hover {
background:transparent url(../images/minus.png) no-repeat scroll 0 0;
}
.msgbox {
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
.clean-ok {
background:#C9FFCA none repeat scroll 0 0;
border:1px solid #349534;
color:#008000;
font-weight:bold;
padding:4px;
text-align:center;
}
.clean-ok table th {
border-color:#349534 !important;
}
.clean-ok table tr.total td {
background-color:#ABDAAD !important;
}
.clean-error {
background:#F7CBCA none repeat scroll 0 0;
border:1px solid #CC0000;
color:#CC0000;
font-weight:bold;
padding:10px;
text-align:center;
}
.clean-error .total {
color:#FFFFFF;
}
.clean-error a {
color:#CC0000;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
a.button, button {
background-color:#F5F5F5;
border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
border-style:solid;
border-width:1px;
color:#565656;
cursor:pointer;
display:block;
float:right;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
padding:5px 10px 5px 7px;
text-decoration:none;
}
button {
overflow:visible;
padding:4px 10px 3px 7px;
width:auto;
}
button[type] {
line-height:17px;
padding:4px 10px 4px 7px;
}
:first-child + html button[type] {
padding:4px 10px 3px 7px;
}
button img, a.button img {
border:medium none;
float:none;
height:16px;
margin:0 3px -3px 0 !important;
padding:0;
width:16px;
}
button:hover, a.button:hover {
background-color:#DFF4FF;
border:1px solid #C2E1EF;
color:#336699;
}
a.button:active {
background-color:#6299C5;
border:1px solid #6299C5;
color:#FFFFFF;
}
body .positive {
color:#529214;
}
a.positive:hover, button.positive:hover {
background-color:#E6EFC2;
border:1px solid #C6D880;
color:#529214;
}
a.positive:active {
background-color:#529214;
border:1px solid #529214;
color:#FFFFFF;
}
body .negative {
color:#D12F19;
}
a.negative:hover, button.negative:hover {
background:#FBE3E4 none repeat scroll 0 0;
border:1px solid #FBC2C4;
color:#D12F19;
}
a.negative:active {
background-color:#D12F19;
border:1px solid #D12F19;
color:#FFFFFF;
}