html { background:#282828; font-family:Helvetica Neue, Heveltica, Arial, sans-serif; font-size:12px;}
html, body {height: 100%;}

• {outline: none;}

page { height:100%; margin:auto;}

page .mid { vertical-align:middle;}

container, #footer, #mask, #cl_a, #cl_b { width:1020px;}

container, #mask, #cl_a, #cl_b { height:708px;}

container { height:708px; position:relative; border:1px solid #888; overflow:hidden;}

cl_a, #cl_b { position:absolute; background:white url(’/fr/image102_back.jpg?837051350300’) no-repeat; z-index:-999;}

cl_b { left:-1020px;}

mask { background:url(’/fr/image91.png?1298473330’) no-repeat; position:relative;}

lang { text-transform:uppercase; position:absolute; left:858px; top:2px;}

lang a, #lang>em { padding-left:6px;}

social a { position:absolute; top:-2px; left:953px; padding:5px;}

social div {background:url(’/fr/image69.png?1305619083’) no-repeat; width:12px; height:12px;}

navigation .group {background:white; float:left; height:70px; margin-top:36px; margin-left:6px;}

logo.group { width:282px; margin-left:0px; }

logo a { padding:6px 0 5px 35px; display:block; width:247px;}

logo div { background:url(’/fr/image23.png?1305619083’) no-repeat; width:200px; height:60px;}

menu { width:294px; position:relative;}

menu>ul { margin:45px 0 0 27px;}

menu li { float:left; text-transform:uppercase; margin-left:25px;}

menu .select { text-align:center; margin:0; padding:0;}

menu .on .arrow { background:url(’/fr/image52.png?1287578073’) no-repeat; display:table; width:18px; margin:auto; position:relative; top:13px;}

submenu { position:absolute; background:white; top:79px; left:0px; width:678px; padding:4px 7px;}

submenu li { float:left; margin-right:15px; margin-left:0; text-transform:none;}

phones { width:392px; }

phones .locality {font-weight:bold;}

phones li { float:left; margin-left:22px; margin-top:29px;}

phones li:first-child { margin-left:39px;}

phones .phone { letter-spacing:0.9px;}

back_img a { display:block; position:absolute; right:0; top:310px; height:58px; width:15px; padding-top:32px; padding-left:12px;}

back_img div { background:url(’/fr/image68.png?1305619083’) no-repeat; color:transparent; height:27px; width:10px;}

down_tab { position:absolute; top:668px; left:770px; width:239px; height:40px;}

down_tab input, #down_tab textarea {float:left;}

down_tab textarea {width:10em}

down_tab .zazen p {text-align:right; /padding-top:10px; padding-right:5px/}

down_tab .zazen img {padding-left:1.5em}

down_tab .zazen_edit {position:absolute; top:0;}

.clear { clear:both; } #content {margin:58px 40px 0 34px; height:472px;} #left { width:356px; height:456px; padding:8px; float:left; color:white; background:url(’/fr/image101.png?1305619083’) no-repeat;} #left .group { padding-top:20px; clear:both;} #left h3 {font-size:27px; font-weight:100; padding-left:7px; letter-spacing:1.5px;}
.box { background:url(’/fr/image59.png?1305619083’); padding:8px; color:white;}

right { float:right; background:url(’/fr/image116.png?1305619084’); width:469px; padding:30px 30px 5px 30px; height:437px; overflow:auto;}

riders li.rider_name>a, #right .box { background:#aaa;}

delivery table { width:100%;}

delivery td { vertical-align:bottom; padding-left:30px; color:white; text-align:center;}

delivery td:first-child { padding-left:0px;}

price li { float:left;}

price label { color:black; padding-left:2px;}

price .round { background:white; border:1px solid #555; padding:2px 6px;}

price .round input { background:white; border:none; width:10em; height:18px;}

price .submit input { margin:15px 0 0 15px;}

price .submit img { margin:18px 0 0 23px;}

price .submit { height:43px;}

price li.to {margin-left:10px;}

price li.clear { float:none; height:8px;}

show_price { color:#333; border-top:1px solid #777; }

show_price p { margin-bottom:1em;padding:8px 0 0 8px;}

show_price .nb { font-size:18px;}

show_price b { color:black;}

.loader {text-align:center;}

related .box { max-height:120px; overflow:auto;}

reload a { display:block; width:970px; height:500px; position:absolute; top:150px; left:20px; }

/* autocomplete /
.autocomplete-w1 { background:url(’/fr/image83.png?1305619084’) no-repeat bottom right; position:absolute; top:4px; left:3px; / IE6 fix: / _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; / IE specific: / _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:bold;}

.post { position:relative;} #right li.post { margin-top:35px;} #right li.post:first-child { margin-top:0px;}
.post .zazen { height:97px; overflow:hidden; padding-top:3px;}
.post img.post { float:left; background:white; padding:4px; margin:4px 1em 4px 0;}
.post .date { position:absolute; top:-16px; right:3px; color:#666; font-style:italic; font-weight:bold; font-size:16px; color:#aaa;}

/ news / #news { position:relative; width:360px; height:150px; overflow:hidden} #news div.post { width:340px; max-height:150px;} #news .nav { position:absolute; right:12px; bottom:5px;} #news .nav a, #news .nav span { padding:2px 5px;}

page .actions img { visibility:hidden;}

page .actions:hover img { visibility:visible;}

.doclist li { float:left; padding:5px;}
.doclist li img { border:1px solid #333; }
.doclist .btn_add a { visibility:visible; }
.doclist .btn_add a img { border:0;}

price .round, .zazen .txt, .box, #right, li.rider_name>a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.zazen .txt { padding:8px; display:block; background:#e0e0e0;}

right iframe { width:435px;}

/ styles /
a { text-decoration:none; color:inherit;}
a:active, a:focus {outline: 0;}
.dummy { color:#999;} #submenu .on, #menu .on .select, #delivery td.on, .zazen a.plus_btn, .zazen a.minus_btn, #lang em, #left .zazen a.plus_btn, #left .zazen a.minus_btn { color:#CD391B;}

.right { line-height:16px; color:#444;}
.zazen a { color:#888; border-bottom:1px none #777;} #left .zazen a { color:#444;} #left .zazen a:hover {color:#CD391B}
.zazen a:hover {color:#CD391B}
.zazen ol, .zazen ul { list-style:disc; padding-left:15px; margin-left:15px; }
.zazen ol.txt, .zazen ul.txt { padding-left:25px; margin-left:0;}
.zazen div, .zazen ul, .zazen ol, .zazen p, .zazen h1, .zazen h2 { margin-bottom:1em;}
.zazen p { text-align:justify;} #left .zazen p { text-align:left;}
.zazen p.clear {margin:0; line-height:0;}

.zazen :first-child { margin-top:0;}
.zazen ul:first-child { margin-top:1em;}
.zazen h1, .right h2, .right h3 { font-weight:bold; color:black;}
.zazen h1 { font-size:18px;}
.zazen h2 { font-size:16px;}
.zazen h3 { font-weight:bold;}
.zazen a.plus_btn, .zazen a.minus_btn { cursor:pointer; font-weight:bold; border:0}
.zazen p.txt {margin-top:-1em;}
.zazen strong { font-weight:bold;}
.zazen .img_left { margin:1em 1em 1em 0; clear:left;}
.zazen .img_right { margin:1em 0 1em 1em; clear:right;}
.zazen .img_title { color:#666; font-style:italic;}
.zazen em { font-style:italic}
.zazen h1 em { font-weight:bold}
img.pop { cursor:hand;}

sc { position:absolute; top:663px; left:38px;}

sc a {width:135px; height:30px; display:block;}

footer { text-align:center; margin:5px;}

footer {color:#777; font-size:11px;}

footer em { font-style:italic;}

/ riders / #right.riders {position:relative;}
.riders .qui {position:absolute; width:280px; top:20px; left:20px;}
.riders .filter {position:absolute; top:10px; right:20px;} #right.riders h2 {font-size:16px; font-weight:bold;} #rider h2 { margin:70px 0 5px 185px; }/avant 160/ #rider { position:relative; width:490px; margin-top:20px; height:410px; overflow:hidden; padding:0;} #rider .portrait { position:absolute; top:0; left:20px;} #rider .prev {position:absolute; left:20px; top:200px} #rider .next {position:absolute; right:20px; top:200px} #rider>div {width:490px; height:400px} #rider .rider {margin:0 0 0 120px; width:240px; padding:30px 25px 20px 60px; color:#222}
.rider .title { color:#ddd; text-align:right; width:90px; padding-right:1em; display:block; float:left; margin-bottom:0.5em;}
.rider .value { display:table; margin-bottom:0.5em;}
.rider li {clear:left; }
.rider li.text { margin-top:1.5em; margin-left:10px;}

/ form /
.form { margin:auto; width:80%;}
.form td { padding:5px;}
.form input {width:98%;}
.form input[type=checkbox] {width:1em}
.form input.inline {width:15em;}
.form .validate input {width:auto;}
.form textarea {width:100%;}
.form .message {display:none;}

.redir_list .btn_add img { visibility:visible;}
li.form { margin:1em 0; background:#ddd; padding:8px; border:1px solid #999;}
.redir_list p { margin-top:1em;}
.redir_list p.btn_x {float:right; margin:0; padding:0;}

/ press / #press li.post {color:black; margin-top:1.5em;}

/ ScrollBar /

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #CD391B;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/ admin / #left .admin_links { width:50%; margin:auto; padding:0;}
table.admin {width:465px}

/ footer / #footer .actions img {visibility:visible} #footer .s50 img {visibility:hidden}
/ zena fix */ *:hover>.s50 .actions { visibility:visible; }