* {
margin : 0;
padding : 0;
outline : 0;
}
body {
font : 11px/15px Arial, sans-serif;
color : #292929;
text-align : left;
background : #ffffff;
}
#container {
background : #fff url(images-bureau/background.gif);
}
a {
color : #666;
text-decoration : none;
}
a:hover {
cursor : pointer;
text-decoration : underline;
}
a img {
border : 0;
}
.fl {
float : left;
display : inline;
}
.fr {
float : right;
display : inline;
}
.ac {
text-align : center;
}
.ar {
text-align : right;
}
.al {
text-align : left;
}
.cl {
clear : both;
height : 0;
line-height : 0;
font-size : 0;
text-indent : -4000px;
}
.esp {
clear : both;
line-height : 8;
font-size : 0;
text-indent : -4000px;
}
.hidden {
display : none;
}
.notext {
font-size : 0;
line-height : 0;
text-indent : -4000px;
}
.shell {
width : 875px;
margin : 0 auto;
vertical-align : top;
}
p {
padding-bottom : 15px;
}
h3 {
font-family : "Lucida Grande", "Lucida Sans Unicod", Arial, Verdana, sans-serif;
margin-bottom : 5px;
font-size : 10px;
}
h4 {
font-family : "Lucida Grande", "Lucida Sans Unicod", Arial, Verdana, sans-serif;
margin-bottom : 2px;
}
h5 {
font-family : "Lucida Grande", "Lucida Sans Unicod", Arial, Verdana, sans-serif;
color : #5c7f16;
}
#header {
height : 80px;
}
#header p {
float : right;
display : inline;
margin-top : 30px;
}
#header .shell {
position : relative;
height : 44px;
margin-top : 20px;
left : 0;
}
#header a.notext {
float : left;
height : 16px;
background-repeat : no-repeat;
background-position : 0% 0%;
}
#header a.notext:hover {
background-position : 0% bottom;
}
#header a.about-link {
background-image : url(images-bureau/background.gif);
width : 0;
}
#header a.produits-link {
background-image : url(images-bureau/background.gif);
width : 0;
}
h2#slogan-home {
height : 41px;
width : 700px;
background : url(/static/images/slogan-home-1.gif) no-repeat 0% 0%;
margin : 15px auto 0;
}
#home-page {
position : relative;
}
#home-page .previous, #home-page .next {
display : block;
height : 150px;
width : 120px;
background : url(images_bureau/previous-product-bg.gif) no-repeat right 0%;
}
#home-page .previous {
position : absolute;
top : 66px;
left : -110px;
padding-left : 30px;
}
#home-page .next {
background-position : 0% 0%;
background-image : url(/static/images/next-product-bg.gif);
position : absolute;
top : 66px;
left : 845px;
padding-left : 31px;
width : 119px;
}
#home-page .placeholder {
width : 804px;
margin : 0 auto;
}
#footer {
background : #292929 url(images-bureau/pied-page_gris.png) repeat-x 0% 0%;
height : 207px;
padding-top : 37px;
}
#footer .column {
float : left;
display : inline;
width : 140px;
}
#footer h2 {
margin-bottom : 3px;
font : 14px Arial, sans-serif;
text-transform : lowercase;
color : #fff;
}
#footer h2 {
margin-bottom : 3px;
font : 14px Arial, sans-serif;
text-transform : lowercase;
color : #fff;
}
#footer ul {
list-style : none;
font-size : 5px;
}
#footer a {
color : #4b1818;
line-height : 20px;
}
#footer a:hover {
color : #61140a;
line-height : 20px;
text-decoration : none;
}
#footer #rights {
float : right;
display : inline;
width : 235px;
color : #292929;
}
#footer #rights a:hover {
text-decoration : underline;
color : #ffffff;
}
#content {
background : #fff;
}
#content .shell {
position : relative;
}
.side-left {
float : left;
display : inline;
width : 580px;
font-size : 12px;
}
#hero-section {
width : 875px;
margin : 0 auto;
}
#hero-section logo {
height : 44px;
width : 875px;
font-size : 0;
line-height : 44px;
float : right;
}
#hero-section a {
display : block;
height : 44px;
background-image : url(images-bureau/logo_mon-bureau.png);
text-indent : -4000px;
}
#navigation {
height : 55px;
border-bottom : 1px solid #d4d4d4;
margin-bottom : 20px;
}
#navigation ul {
float : left;
display : inline;
width : 80%;
list-style : none;
padding-left : 3px;
}
#navigation li {
display : inline;
}
#navigation li a {
float : left;
display : inline;
text-transform : uppercase;
margin-right : 28px;
padding-top : 20px;
color : #292929;
}
#navigation li a:hover, #navigation li a.active {
color : #a6a7a7;
text-decoration : none;
}
#hero-nav {
float : right;
display : inline;
padding-top : 10px;
}
#hero-nav a img {
border : 1px solid #fff;
}
#hero-nav a:hover img {
border : 1px solid #292929;
}
.column {
float : left;
display : inline;
width : 276px;
margin-right : 28px;
font-size : 10px;
}
.last-column {
margin-right : 0;
}
.column_left {
float : left;
display : inline;
width : 400px;
margin-right : 28px;
}
.last-column {
margin-right : 0;
font-size : 10px;
}
h2.tiny-shelf {
height : 24px;
background : url(/static/images/tiny-shelf.gif) no-repeat 0% 0%;
margin-bottom : 3px;
}
.side-right {
float : right;
display : block;
padding-bottom : 64px;
width : 228px;
}
a.buy-now {
display : block;
height : 28px;
width : 85px;
background : url(/static/images/btn-buy-now.gif) no-repeat 0% 0%;
}
a.buy-now:hover {
background-position : 0% bottom;
}
.section {
padding : 18px 0;
border-bottom : 1px solid #d4d4d4;
}
.section span {
float : left;
display : inline;
font : 16px/28px Arial, sans-serif;
color : #010101;
}
.section .buy-now {
float : left;
display : inline;
margin-left : 14px;
margin-top : 0;
}
.section h4.gray {
color : #8c8d8e;
margin-bottom : 10px;
}
.section a {
display : block;
margin-top : 10px;
}
.section ul {
padding : 0 0 15px;
color : #8c8d8e;
list-style : none;
}
.section ul li {
background : url(/static/images/list-bg.gif) no-repeat 0% 1ex;
padding-left : 8px;
}
.section ul.no-bg {
padding : 0 0 15px 2px;
}
.section ul.no-bg li {
padding : 0;
background : none;
}
.section .produits-img {
margin : 10px 0;
border : 1px solid #d3d3d3;
}
.last-section {
border-bottom : 0;
padding-bottom : 40px;
}
#gallery {
position : relative;
}
#gallery .image {
float : left;
display : inline;
margin : 0 25px 25px 0;
}
#gallery .active-image {
position : relative;
}
#gallery .last-img {
margin-right : 0;
}
#gallery .image a img, .specification img {
border : 1px solid #e5e5e5;
}
.holder {
position : absolute;
top : -18px;
left : -18px;
width : 208px;
}
.image-hover {
background : url(/static/images/image-hover-bg.gif) repeat-y 0% 0%;
position : relative;
z-index : 2;
}
.image-hover .bottom {
background : url(/static/images/image-hover-bottom.gif) no-repeat 0% bottom;
height : 100%;
}
.image-hover .top {
background : url(/static/images/image-hover-top.gif) no-repeat 0% top;
padding : 18px;
}
.image-hover a img {
border : 0;
}
.image-hover h3 {
font : 12px/14px Arial, sans-serif;
color : #292929;
margin : 5px 0;
}
.image-hover p {
font : 11px/14px Arial, sans-serif;
color : #8c8d8e;
padding-bottom : 10px;
}
.image-hover a img.hovered-img {
border : 1px solid #a1a1a1;
}
.videos {
border-top : 1px solid #d4d4d4;
padding : 25px 0 45px;
}
.videos .video {
width : 425px;
height : 344px;
overflow : hidden;
background : url(/static/images/gallery_youtube_bg.jpg) no-repeat 0% 0%;
padding : 12px 13px 13px 12px;
margin : 0 25px 25px 0;
}
#blog, .post {
padding-bottom : 40px;
}
.post h2 a {
display : block;
font : bold 16px Arial, sans-serif;
margin-bottom : 10px;
color : #292929;
}
.post .entry p {
font : 12px/16px Arial, sans-serif;
}
.post .postmetadata {
margin-top : 5px;
padding : 10px 0;
border-top : 1px solid #d4d4d4;
border-bottom : 1px solid #d4d4d4;
}
.post .postmetadata a {
color : #292929;
}
.post .postmetadata a:hover {
text-decoration : none;
color : #c02e1b;
}
.side-right a {
font-size : 12px;
}
.produits .main-center p {
color : #8c8d8e;
}
.produits .side-left {
padding-bottom : 64px;
}
.produits .main_left_image {
display : block;
margin-bottom : 10px;
}
.produits .produits_noms {
margin-bottom : 10px;
}
.produits .produits_slogan {
margin-bottom : 0;
}
.produits_main_right {
color : #00ff00;
}
.produits_main_list {
font-family : "Lucida Grande", "Lucida Sans Unicod", Arial, Verdana, sans-serif;
font-weight : bold;
color : #000000;
}
.produits_main_right h1, .produits_main_right h2, .produits_main_right h3, .produits_main_right h4, .produits_main_right h5 {
color : #5c7f16;
}
.produits #hero-section {
width : auto;
text-align : center;
}
#tech-specs {
padding-bottom : 100px;
}
.specification {
padding-top : 30px;
font-size : 12px;
}
.specification h3 {
border-bottom : 1px solid #d4d4d4;
line-height : 31px;
margin-bottom : 0;
}
.row {
padding : 8px 0;
border-bottom : 1px solid #d4d4d4;
line-height : 18px;
}
.row strong {
float : right;
display : inline;
text-align : right;
}
.specification img {
margin : 5px 0;
}
.specification a img {
border : 0;
margin : 0;
}
.row h4 {
margin-bottom : 1ex;
font : bold 12px Arial, sans-serif;
}
.last-row {
border-bottom : 0;
}
h2#slogan {
font-size : 24px;
line-height : 40px;
font-weight : normal;
margin-bottom : 15px;
}
#page-wrapper {
padding-top : 45px;
}
#page-wrapper .side-left {
position : relative;
margin-top : -7px;
}
#page p strong {
font : bold 16px/20px Arial, sans-serif;
}
#page {
padding-bottom : 90px;
}
#page h1 {
font-size : 32px;
line-height : 40px;
font-weight : bold;
background : #f00;
color : #f99;
}
#page h2 {
font-size : 28px;
line-height : 40px;
font-weight : normal;
}
#page h3 {
font-size : 20px;
line-height : 40px;
font-weight : normal;
}
#page h4 {
font-size : 16px;
line-height : 40px;
font-weight : bold;
}
#page h5 {
font-size : 14px;
line-height : 20px;
font-weight : bold;
}
#page ul {
margin-bottom : 15px;
list-style : none url(/static/images-bureau/list-bg-1.gif) inside;
}
#productRotator {
position : relative;
height : 392px;
}
#productRotator #heroContainer {
position : absolute;
top : 0;
left : 35px;
text-align : center;
}
#productRotator #leftContainer {
position : absolute;
top : 100px;
left : -100px;
width : 89px;
}
#productRotator #rightContainer {
position : absolute;
top : 100px;
right : -100px;
width : 89px;
}
#productRotator #leftForeground {
position : absolute;
top : 79px;
left : -32px;
width : 192px;
height : 192px;
background : url(/static/images/home/left_foreground.png) no-repeat;
}
#productRotator #rightForeground {
position : absolute;
top : 79px;
right : -32px;
width : 192px;
height : 192px;
background : url(/static/images/home/right_foreground.png) no-repeat;
}
#productRotator img {
position : absolute;
}
#productRotator #leftContainer img, #productRotator #rightContainer img {
cursor : pointer;
}
.specification p {
padding : 0;
}
.produits_list {
padding-bottom : 64px;
}
.produits_list h2 {
margin-bottom : 20px;
}
.produits_list .produits {
display : block;
margin : 0 0 2em 0;
padding : 32px 32px 64px 440px;
font-weight : normal;
color : #000;
text-decoration : none;
border : 1px solid #ddd;
}
.produits_list .produits h3 {
margin-bottom : 10px;
font-size : 1.5em;
font-weight : normal;
color : #000;
}
.produits_list .produits h4 {
margin-bottom : 10px;
font-size : 1.3em;
font-weight : normal;
color : #000;
}
#cart_popup {
position : absolute;
top : 100%;
right : -30px;
z-index : 10;
width : 170px;
padding : 0 30px 30px 30px;
background : url(/static/images/cart_popup_bg.png) no-repeat left bottom;
}
#cart_popup a:hover {
text-decoration : none;
}
#cart_popup .cart_tab {
display : block;
margin-left : 112px;
padding : 0 9px 0 26px;
height : 32px;
line-height : 30px;
text-align : center;
color : #797a7b;
}
#cart_popup .container {
display : block;
overflow : hidden;
}
#cart_popup .data {
display : block;
margin : 1em 1em 1ex 1em;
padding : 1ex 1ex;
text-align : right;
color : #151515;
background : #eee;
border : 1px solid #ddd;
}
#cart_popup .count {
float : left;
}
#cart_popup .cart_price {
font-weight : bold;
}
#cart_popup .cart_link {
display : block;
margin : 7px 13px 0 13px;
text-align : right;
}
.PopBoxImageSmall {
border : 0 none #ffffff;
cursor : url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge {
border : 1px solid #999999;
cursor : url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink {
cursor : url("images/magminus.cur"), pointer;
}
.PopBoxImageLink {
cursor : pointer;
}
.PopBoxImageMove {
border : 0 none #ffffff;
cursor : pointer;
}