@import url(layouts.css);
@import url(stylesmenu.css);
@import url(jquery.lightbox-0.5.css);
@import url(atos.css);
@import url(solidblocksmenu.css);
@import url(layer_menu.css);
body {background:#eee url(../images/pattern.gif); font: 100% Verdana, Geneva, sans-serif; color:#333;}
a {color:#ff6600}
p {font-size: 70%; line-height:2.5ex; margin: 0 5px 5px 5px}
p.small, span.small { font-size:60%}
p.small2 { font-size:90%}
h1 {font-size: 110%}
h2 {font-size: 90% }
h3 {font-size: 80%}
h4 {font-size: 70%; color: #666}
h5 {font-size: 80%; color:#ff0000}
h6 { font-size:60%; font-weight:100 }
h1, h2, h3, h4, h5, h6 {padding:5px;line-height:2.2ex}
hr {height:1px; color:#ddd; background:#ddd; border:none; margin: 0 5px; padding:0}
input, select, textarea, label {color:#333; font: 70% Verdana, Geneva, sans-serif}
input, select, textarea {border:1px solid #ccc}
p > label, p > input, li > label {color:#333; font-size:100%}
input[type='submit'] {background:#ff8c3f; color:#000; border:1px solid #666; cursor: pointer}
input[type='submit']:hover {background:#ff6600; color:#fff}
input[type='checkbox'], input[type='radio']  {margin:5px 0; border:none}
input {height:15px}
textarea {margin:5px 0;}
select {min-width:80px}
.legende {margin: 5px; font-size:60%; color:#666}

/* boutons */
input[type='submit'].action_link {height:24px}
input[type='submit'].action_link, .action_link a {display:block; float: left; width: auto; background:#ff6600 url(../images/7-trans.png) -10px -4px no-repeat; line-height:24px; padding: 0 5px 0 25px; color:white; text-decoration:none; font-size:100%; font-weight:700; border: solid #ccc; border-width: 0 1px 2px 0}
input[type='submit'].action_link:hover, .action_link a:hover, .action_link a:focus {text-decoration:underline}
.action_link a:active {border-color:white}

/* layout deco */

#page {background: #fff; padding: 5px; border:1px solid #ddd}
#baseline {font:700 90% Arial, Helvetica, sans-serif; text-transform: uppercase; text-align:left; color:#666; padding-top:12px}
#search {background:#666 url(../images/pattern.gif); color:#fff}
#sidebar, #extra, #main {border-top: 1px solid #ddd}
#tools img {float:left; padding: 2px 0 5px 0}
#tools h6 {float:left}
#tools h3 {font-size:60%; text-transform:uppercase}
#tools h3:first-letter {color:#666}
#tools h3 a {background:url(../images/tools.png); display:block; float:left; width:102px; height:22px; margin:0 0 10px 10px; color:#fff; text-align:center; line-height:19px}
#tools h3 a:hover {background:url(../images/tools.png) -102px 0}

/* Navigation principale: div #navbar */

#navbar {background:#666}
#navbar ul {list-style: none}
#navbar a {display: block; color: #fff; text-decoration: none; width: 98px; padding:0 5px}
#navbar li {background: #666; float: left; border-left:1px solid #fff}
#navbar li.first{border:none}
#navbar li ul {position: absolute; width: 98px; left: -999em; z-index:1000000}
#navbar li ul li {background: #999; border-left:none; border-top: 1px solid #fff; font-size:70%}
#navbar li ul li a {line-height:130%; padding:3px 5px}
#navbar a:hover {background: #ff8c3f}
#navbar li.open {background: #ff6600}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul {left: auto; min-height: 0}
#navbar li h3 {padding:0; line-height: 30px; font-size:70%}

/* Recherche: div #search */

#search input, #search select {margin-left:5px}
#search select {min-width:110px; border:none}
#search input[type='submit'] {width:40px; margin:0 5px; height:18px}

/* Fil d'Ariane: div #pwd */

#pwd {font-size:60%; line-height:30px; color:#666}
#pwd a {color:#666}
#pwd_right{position:relative;bottom:25px;padding: 0 5px; font-size:90%; line-height:25px; color:#666;text-align:right;}
#pwd_right a {color:#666}


/* auto promo, ecommerce: div #extra .promo, div #sidebar .promo */

.promo {margin-bottom: 5px}
.promo h1, #extra h1 {background:#666; color:#fff}
.promo h2, #extra h2, .mea h2, .mea-2x h2 {
	background:#666; 
	color:#fff; 
	font-size: 110%; 
	line-height:2.2ex; 
	font-weight: 700; 
}
.mea-1x h2, #footer h2 {
	font-weight: 700; 
	font-size: 110%;
}

.glidecontentwrapper h2 {
	font-weight: 700; 
	font-size: 90%;
	background:#F4F4F4; 
	color:#000; 
}
.promo #news img, .promo #infocom img {margin: 5px 0 5px 5px}
.promo #news img {border:1px solid #ddd}
.promo .topventes li {list-style:decimal inside; font-weight: 700; font-size: 70%; padding:10px 5px 10px 5px; border-bottom:1px dotted #666}
.promo .topventes li span {position:relative; left:5px}

/* menu vertical + menu vertical compte */

.menu, .menu_compte {color: #fff; list-style: none; font-size:80%}
.menu li.first {margin-top:5px;}
.menu li, .menu_compte li {border-top: 1px solid white}
.menu li a, .menu_compte li a, .menu_compte li.open {display: block; height: 25px; line-height: 25px; background:#666; color:white}
.menu a, .menu span, .menu_compte li a, .menu_compte li.open {text-decoration:none; padding: 2px 5px; font-weight:700}
.menu .open a, .menu .open span, .menu_compte li.open {background: #ff6600}
.menu .subMenu {font-size:90%}
.menu .subMenu li {border: none; border-top:1px solid white}
.menu .subMenu a {display: block; height: 20px; line-height: 20px; background:#999; padding: 0 5px; font-weight:100}
.menu li a:hover, .menu .subMenu a:hover, .menu .subMenu li.open a, .menu_compte li a:hover {background: #ff8c3f}
.menu_compte li.last {margin-top:10px}

/* news, services e-commerce: js deroulant */

.glidecontentwrapper {position: relative; width: 100%;overflow: hidden; margin: 0}
.glidecontent {position: absolute; background: #f4f4f4; visibility: hidden; width: 100%}
.glidecontenttoggler {width: 100%; margin: 5px 0; text-align: center}
.glidecontenttoggler a {display: inline-block; color: #66ccff; text-decoration:none; padding: 0 10px; font-size: 70%; border: 1px dotted #666}
#extra .glidecontentwrapper{height: 500px; width: 190px}
#sidebar .glidecontentwrapper{height: 250px; width: 240px}

/* micro panier */

#micro_panier {font-size:60%}
#micro_panier #mp_header {background: #ff8c3f url(../images/cart.png) top right no-repeat; height: 30px; padding: 8px 5px; line-height: 15px; color: #333; font-weight:700}
#micro_panier #mp_header a {color:#fff}
#micro_panier #mp_content {background: #eee; padding:5px; line-height: 2.5ex}
#micro_panier #mp_content table {width: 100%}
#micro_panier #mp_content td, th {padding:5px 0}
#micro_panier #mp_content .article td, #micro_panier #mp_content th {padding: 8px 0}
#micro_panier #mp_content .article td {border-bottom: 2px solid white}
#micro_panier #mp_content .article .td_left a {text-decoration:none; font-weight:700}
#micro_panier #mp_content .article .td_left a:hover {text-decoration:underline}
#micro_panier #mp_content .article .td_right a img {border: none}
#micro_panier .action_link a {float:right}
#micro_panier .action_link a:active {border-color:#eee}

/* mises en avant des produits / elements de compte */

.mea, #banner {float:left; width:538px; margin-bottom:10px}
.mea-1x, .mea-2x, .mea-3x {background:#fff; border-bottom:1px solid #ddd}
.mea-text {min-height:32px}
.mea-1x {height:200px}
.mea-2x, .mea-3x {position:relative}
.mea-2x {width: 265px; height:285px; position:relative}
.mea-3x {width: 175px; height:305px}
.mea h1, .mea-2x h1, .mea-3x h2 {background:#666; color:#fff}
.mea-2x img,.mea-3x img {margin-left: 5px; border: 1px solid #ccc; clear:both}
.mea-2x .chapeau { width: 125px}
.mea-2x .chapeau p { height:75px; margin-top:0}
.mea-2x h4 {margin-bottom:5px}
.mea-2x h5 {margin-bottom:0}
.mea-2x h2 {font-size: 100%}
.mea-2x h5, .mea-2x h6 {padding:0 5px}
.mea-3x h3 {margin:0 0 5px 0; height:30px; font-size: 70%}
.mea-3x h5, .mea-3x h6 {padding:5px 0 0 5px;margin-bottom:5px}
.mea-2x span.legende, .mea-3x span.legende {float:left; display:block; width:165px; margin:2px 5px}
.mea-2x span.legende {width:135px}
.mea-2x select {float:left; width: 115px;}
.mea-3x select {font-size:110%; float:right; max-width: 60px;}
.mea-3x h6 {}
.mea-text ul {text-align:center}
.mea-text li {list-style:none; display:inline; padding:5px; font-size:70%; color:#666; line-height:200%}
.mea-text li a {font-weight:700}

.achat_express a, .add_cart a {display:block; width: 95px; background:#ff6600 url(../images/achat-trans.png) right center no-repeat; line-height:28px; padding: 0 35px 0 5px; margin: 10px 0 5px 0; color:#fff; text-decoration:none; font-weight:700}
.achat_express a:hover, .add_cart a:hover {text-decoration:underline}
.mea-2x .achat_express a, .mea-3x .achat_express a {position:absolute; bottom:0; left:0; clear:both; margin: 5px 0 5px 5px}

.mea-listing ul {list-style:none}
.mea-listing ul li {background:#fff; display:block; height:75px; margin: 5px 0; border-bottom:1px dotted #999}
.mea-listing ul li ul li {float:left; height:60px; margin:5px 0 0 5px; width: 87px; border:none}
.mea-listing .thumb {width:77px}
.mea-listing .prod_name {width:155px}
.mea-listing .prod_name h4 {padding: 0 5px}
.mea-listing .prod_price {border: solid #ccc; border-width:0 1px}
.mea-listing img {border: 1px solid #ccc}
.mea-listing .achat_express a {width:50px; margin-top:15px; font-size:70%}
.mea-listing h4, .mea-listing h5, .mea-listing .small  {padding-top:22px}
.mea-listing .filtres, .mea-listing .pagination {font-size:70%; font-weight:100; border:none; height:37px}
.mea-listing .filtres {background:transparent; margin-left:5px}
.mea-listing .pagination {text-align:right; padding:5px 15px; border-bottom:1px solid #ddd; height:20px}
.mea-listing .pagination select {min-width:50px; color:#333; font: 100% Verdana, Geneva, sans-serif; border:1px solid #ccc}
.mea-listing .filtres li {background:#ddd; border:1px solid #ccc; height:30px; line-height:2.3ex;text-align:center; margin:0 0 0 2px; padding:2px 0}
.mea-listing .filtres li.thumb {margin-left:0; width:78px}
.mea-listing .filtres li.prod_name {width:156px}
.mea-listing .filtres img { margin-top:3px; border:none}
.mea-listing .filtres .pages {width:102px}
.mea-listing .filtres .pages img {padding:0 5px; margin-top:-2px}

.mea table {margin:10px 5px; border:1px solid #ccc; width:528px; font-size:70%}
.mea table th, .mea table td, table.formulaire td {padding:5px 10px; border-right:1px solid; width:22%}
.mea table th {text-align:center; background:#ccc; border-color:#fff}
.mea table td {border-color:#ccc; border-top:1px solid}
.mea table .last {border-right:none; width:34%}
.mea table .last a {text-decoration:none; font-size:90%; line-height:2.5ex; color: #CC0000}
.mea table .last a:hover {text-decoration:underline}
.mea table.detail_com td, .mea table.detail_com th, .mea table.detail_com .last {width:18%; text-align:center}
.mea table.detail_com td.last {text-align:right}
.mea table.detail_com .articles {width:46%; text-align:left}
.mea table.detail_com .total {border-top:2px solid #333; font-weight:700; background:#eee; border-right:none}

table.formulaire, table.formulaire th, table.formulaire td {border:none}
table.formulaire td {width:auto; vertical-align:top}
table.formulaire .form_label {width:30%; font-weight:100; text-align:right}
table.formulaire input, table.formulaire label, table.formulaire textarea, table.formulaire select{font-size:100%}

.shop h3 {clear:both; text-transform:uppercase}
.shop p, .shop img {float:left; margin:5px}
.shop p {width: 158px}
.shop img {width:350px; margin-bottom:10px; border:1px solid #666}
.uselinks p, .uselinks img {margin: 5px}
.uselinks p {margin:0 5px 15px 5px}
.uselinks img {border:1px solid #666}
.shipping-table td {width:30px; background:#F00}
.sitemap ul {text-align:left; margin:0 0 20px 20px}
.sitemap ul li {display:block; font-size:100%; color:#666; line-height:100%; padding:0}
.sitemap ul li ul {margin:0 0 10px 30px}
.sitemap ul li ul li {font-size:70%; line-height:120%}
.sitemap ul li a {font-weight:700; text-decoration:none}
.sitemap ul li a:hover {text-decoration:underline}
.sitemap ul li ul li a {font-weight:100; text-decoration:underline}

/* pages panier */

#menu_panier {list-style:none; float:left; height:30px; width:100%;margin:5px 0 0 0; border-bottom:1px solid #666}
#menu_panier li {float:left; width:140px; text-transform:uppercase; text-align:center; font-weight:700; font-size:70%; background:#ddd; height:16px; margin-right:3px; padding:7px; color:#999; position:relative}
#menu_panier li.open {background:#666; color:#fff}
#menu_panier li a {display:block; width:140px; height:16px; background:#ff8c3f; color:#fff; position:absolute; top:0; left:0; padding:7px; text-decoration:none}
#menu_panier li a:hover {background:#ff6600}

#panier_content, #panier_options, .panier_step {float:left; width:100%}
#panier_content ul {list-style:none}
#panier_content ul li {display:block; height:75px; margin: 5px 0; border-bottom:1px dotted #66ccff}
#panier_content ul li.nostock {background:#FCC}
#panier_content ul li ul li {float:left; height:60px; margin:5px 0 0 5px; width: 120px; border:none; text-align:center}
#panier_content ul li.colonnes {background:#ccc; height:30px; margin:0; border-bottom:1px solid #666}
#panier_content ul li.colonnes ul li {height:30px; line-height:20px; font-size:60%}
#panier_content .thumb {width:77px; margin-left:0}
#panier_content .thumb img {border: 1px solid #ccc}
#panier_content .prod_name {width:201px; text-align:left}
#panier_content h3, #panier_content h4, #panier_content form, #panier_content p {padding:5px 0}
#panier_content select {min-width:50px}


/*choix livraison*/

#shipping_content, #shipping_options, .shipping_step {float:left; width:100%}
#shipping_content ul {list-style:none}
#shipping_content ul li {display:block; height:35px; margin: 5px 0; border-bottom:1px dotted #66ccff}
#shipping_content ul li ul li {float:left; height:20px; margin:5px 0 0 5px; width: 120px; border:none; text-align:center}
#shipping_content ul li.colonnes {background:#ccc; height:30px; margin:0; border-bottom:1px solid #666}
#shipping_content ul li.colonnes ul li {height:10px; line-height:20px; font-size:60%}
#shipping_content .thumb {width:77px; margin-left:0}
#shipping_content .thumb img {border: 1px solid #ccc}
#shipping_content .prod_name {width:201px; text-align:left}
#shipping_content .cmd_weight {width:201px; text-align:center}
#shipping_content h3, #shipping_content h4, #shipping_content form, #shipping_content p {padding:5px 0}
#shipping_content select {min-width:50px}

/* #panier_options, autres etapes panier */

#promo_code, #geo_zone, #total_panier, .step_element               {background:#f4f4f4; float:left; width:375px; height:125px; padding-bottom:5px; margin:0 5px 5px 0; border:1px solid #ddd}
#promo_code, #geo_zone, #total_panier, .step_element_payment {background:#f4f4f4; float:left;  padding-bottom:5px; margin:0 5px 5px 0; border:1px solid #ddd}
#panier_options input, #panier_options select {margin:2px 0 2px 5px}
#panier_options select {min-width:180px}
#total_panier {margin-right:0; width:224px; float:right}
#total_panier p, #total_panier h4 {text-align:right; padding-right:30px; color:#000}
#panier_options .action_link a {width:194px; font-size:70%}

.panier_step {padding:10px 0; margin: 0; border-bottom:1px dotted #ddd}
#recap .recap_step {margin-left: 60px; width:880px}
#recap h2, #recap p {padding:5px 0; margin:0}
#recap hr {margin:0}
#recap .recap_step td, #recap .recap_step th {width:85px; text-align:center; font-size:55%; margin: 5px 0}
#recap .recap_step th {border-bottom:1px solid #ccc; font-weight:100}
#recap .recap_step .thumb, #recap .recap_step .prod_detail {text-align:left}
#recap .recap_step .prod_detail { font-size:100%}
#recap .recap_step td.thumb img {border:1px solid #ccc}
#recap .recap_step td.prod_detail {width:250px}
#recap .recap_step td.prod_ref {width:150px}
#recap .recap_step .subtotal, #recap .recap_step .total {padding:3px 15px 2px 0; text-align:right; font-size:70%; font-weight:700; border-top:1px solid #ccc; width:505px; padding-bottom:5px}
#recap .recap_step .subtotal_ht {padding:3px 15px 2px 0; text-align:right;font-weight:700; border-top:1px solid #ccc; width:505px; padding-bottom:5px; font-size:55%}
#recap .recap_step .total {border-bottom:2px solid #ccc; color:#ff0000; font-size:70%}
#recap .recap_step .price {padding-right:15px; text-align:right; width:70px; font-size:70%}
#recap .recap_step .price_promo {padding-right:15px; text-align:center; width:70px; font-weight:bold; font-size:70%}

.ligne-titre {width:100%; border-bottom:1px solid #ccc; margin:10px 0; padding:0 0 5px 0}
.ligne-titre h3, .ligne-titre a {margin-right:10px; padding-left:0}

.step_element {height:auto; margin-right:15px}
.step_element table.formulaire {font-size:70%}
.step_element table.formulaire .form_label {width:auto}

.adresse {background:#ffe6d9; border:1px dotted #ccc; margin: 5px 10px 5px 5px; padding: 5px 10px 5px 5px; width:90%; float:left}
.user_links, .back_links, .user_plus, .user_moins {height:35px}
.user_links a, .back_links a , .user_plus a , .user_moins a {display:block; margin:0 5px; padding:4px 5px 4px 22px; text-decoration:none; font-size:70%; color:#cc0000; border:1px dotted #999}
.user_links a, .user_moins a, .user_plus a {margin:10px 5px 0 5px}
.user_links a {background:#ffd4be url(../images/user_go.png) 2px 3px no-repeat}
.back_links a {background:#ffd4be url(../images/user_back.png) 2px 3px no-repeat; float:left}
.user_plus a {background:#ffd4be url(../images/user_plus.png) 2px 3px no-repeat; float:left; margin-top:5px}
.user_moins a {background:#ffd4be url(../images/user_moins.png) 2px 3px no-repeat}
.user_links a:hover, .back_links a:hover, .user_plus a:hover, .user_moins a:hover {text-decoration:underline}
.user_links a, .back_links a, .user_moins a, .user_plus a {margin:5px}
.large {width:550px}

.panier_cross-selling {list-style:none; margin:10px 5px}
.panier_cross-selling li {float: left;display:block;width: 120px;height: auto; margin-right: 5px; text-align:center; padding:5px}
.panier_cross-selling img {width:75px; height:60px;border: 1px solid #ddd}
.panier_cross-selling img:hover {border-color: #666}
.panier_cross-selling h4 {padding: 2px 0}
.panier_cross-selling p {padding: 0; font-size:70%; line-height:2.2ex}
.panier_cross-selling p a {color:#333}
.panier_cross-selling a {text-decoration:none}
.panier_cross-selling a:hover {text-decoration:underline}

/* Fiche produit */

#galerie {float:left; width: 250px; background:#ddd; margin-bottom:10px}


#photo {height:202px;position:relative}
#photo img, #photo img a {position:absolute; top:0; left:0; visibility:hidden; border:none}
#galerie_mini ul {list-style:none}
#galerie_mini ul li {display:inline}
#galerie_mini ul li:first-child {margin-left:0}
#galerie_mini ul li img {width:50px; height: 40px; margin: 2px; border: 1px solid #999}


.detail_tech {background:#f4f4f4; float:left; width:100%; border-top:1px solid #ccc}
.detail_tech input {margin-bottom:5px; padding:2px}
.detail_tech input.submit {width:65px; height:24px}

#descriptif {background:#fff; float:left; width:477px; margin-bottom:10px; padding:0 0 10px 10px; border:dotted #ddd; border-width:0 0 1px 1px }
#achat_produit {float:right; width:207px; margin:5px 5px 5px 10px; border:1px dotted #ff6600; padding:0}
.add_cart a {width:120px}

/* banner */

#banner{position:relative}
#banner #banner_bloc_texte {position:relative;left:250px;top:-180px;height:140px;width:273px;z-index:10;text-align:right}
#banner #banner_bloc_texte #banner_product_title {z-index:10;text-transform: uppercase}
#banner #banner_bloc_texte #banner_cat_title{text-transform: uppercase;color: #fff}
#banner #banner_bloc_texte h1 a, #banner #banner_bloc_texte h3 a {text-decoration:none}
#banner #banner_bloc_texte p {float: right; text-align:right; width: 215px}
#banner #banner_bloc_texte h4 {font-size:150%; color:#ff0000}

/* Horizontal Carousel */
.carousel, .sommaire {float:left; width:978px; background:#eee; border:1px solid #ddd; padding: 5px; margin-bottom:10px;overflow : -moz-scrollbars-vertical}
#wrap {clear:both;width:738px}

/* div #footer */

.sommaire {padding-bottom: 20px;overflow:hidden; font-size:95%}
.sommaire ul {margin-left: 5px; font-size:90%}
.sommaire h1 {font-size: 90%;}
.sommaire h2 {font-size: 110%;}
.sommaire h3 {padding:5px 0}
.sommaire h4 {padding:0; font-weight:100; font-size:60%}
.sommaire li {float:left; list-style:none; margin-left: 10px; width: 81px}
.sommaire li:first-child {margin: 0}
.sommaire ul li ul li, .sommaire ul li ul li:first-child {float:none; /*list-style:square url(../images/puce-trans.png);*/ padding:0px 0; margin:0 0 0 -10px}
.sommaire a {text-decoration:none; color:#666}
.sommaire a:hover {text-decoration: underline}
#footer .links { clear:both; background:#666; color:#fff; font-size: 60%;list-style: none; line-height: 20px; min-height:20px; padding: 10px 0}
#footer .links ul {text-align:center}
#footer .links li {display: inline; width: auto; margin: 0 10px}
#footer .links  a {color: #fff; text-decoration:none}
#footer .links  a:hover {text-decoration:underline}

/* divers */

.transparent {background:transparent; border:none}

.sticker {font-size:80%; text-transform:uppercase; color:#CC0000}
.prix_barre { text-decoration:line-through}
.highlighted {font-weight:700}
.highlighted_color {color:#cc0000}
.alerte, .succes, .succes a {font-weight:100;font-size:70%; line-height:2ex; border-top:1px solid; border-bottom:1px solid;margin:10px 5px;padding:5px 0 10px 30px; min-height:24px}
.alerte {border-color:#CC0000; background:#fff url(../images/warning_24.png) no-repeat 0 7px}
.alerte, .alerte a {color: #CC0000}
.succes, .succes a {color: #005200;border-color:#005200; background:#fff url(../images/succes.jpg) left no-repeat}
.center {float:left; margin-left: 6px}
.left {float:left}
.right {float:right}
.clear {clear:both}
.td_center {text-align:center; vertical-align:middle}
.td_right {text-align:right; vertical-align:middle}
.td_left {text-align:left; vertical-align:top}

.compatiblecarousel {position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 965px; height: 100px; margin:5px 20px 10px 20px}
.compatiblecarousel .belt {position: absolute /*leave this value alone*/}
.compatiblecarousel .panel {float: left; /*leave this value alone*/overflow: hidden; width: 140px; margin:0 20px}

.carouselcarousel {position: relative; /*leave this value alone*/overflow: scroll; /*leave this value alone*/width: 500px; height: 100px; margin:5px 20px 10px 20px}
.carouselcarousel .belt {position: absolute /*leave this value alone*/}
.carouselcarousel .panel {float: left; /*leave this value alone*/overflow: hidden; width: 140px; margin:0 30px}

/*CSS slide module MovinBox*/
#slider {width: 538px; margin-bottom:10px; background-color:#FFF; border-bottom:1px solid #CCC}
.scroll {overflow: hidden;width: 538px;margin: 0 auto;position: relative;}
.scrollContainer {position: relative}
.scrollContainer div.panel {padding: 10px;width: 274px;height: 322px;}
.inside {padding: 10px;border: 1px solid #CCC;background-color: #F3F3F3}
.inside img {display: block;border: 1px solid #CCC;margin: 0 0 6px 0;width: 200px;}
.inside h2 {color: #111;font-size: 10px;margin: 0 0 2px 0; font-weight:bold; background-color: #F3F3F3}
.inside h1 {color: #F00;font-size: 12px; font-weight:bold}
.inside p {font-size: 11px; color:#F60; font-weight:bold}
.scrollButtons {position: absolute;top: 127px;cursor: pointer}
.scrollButtons.left2 {left: 0px;z-index:2}
.scrollButtons.right2 {right: 0px}
.hide {display: none;}


/*#shadowbox_title, #shadowbox_info {border: 0px solid}*/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;border: 0px solid}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../shadowbox/close.png);}
#sb-nav-next{background-image:url(../shadowbox/next.png);}
#sb-nav-previous{background-image:url(../shadowbox/previous.png);}
#sb-nav-play{background-image:url(../shadowbox/play.png);}
#sb-nav-pause{background-image:url(../shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


.sliderbutton {float:left; width:21px; margin-top:3px}
.sliderbutton img {cursor:pointer; background:#fff}
.sliderbutton img:hover {cursor:pointer; background:#ff8c3f}

#ligne-slidert {background:#666}
#ligne-slidert h1 {color:#fff}

.paginationjs {float:left; list-style:none; height:25px; margin:5px 0 0 0;font-size:.9em}
.paginationjs li {float:left; cursor:pointer; padding:0px 3px; background:#eee; border:1px solid #999; margin:0 2px; text-align:center; color:#222}
.paginationjs li:hover {background:#ff8c3f; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}

#slidert {float:left; position:relative; overflow:auto; width:538px; height:210px; padding:5px 0; margin-bottom:0px}
#slidert ul {position:absolute; list-style:none; top:50; left:0}
#slidert li {float:left; width:538px; height:200px;}

#slidert a {text-decoration:none}
#slidert h5 {font-size: 15px}

#maintenance {color:red; font-weight:bold; font-size:80%; border: 1px solid red; padding: 5px 5px 5px 5px;}

.arrow_up  { background: url(../images/arrow_up2.png) no-repeat 50% 50%; }
.arrow_down { background: url(../images/arrow_down2.png) no-repeat 50% 50%;  }

.filter_dp { cursor:pointer; color:#ff6600; }

.qa_menu_title h2{background:#ff8c3f; color:#fff}
.qa_menu_elem  {font-size: 70%; padding: 0 0 0 2px; line-height: 20px}

.link_search { color:#ff6600; }
.link_search a { color:#ff6600; }

.ligne_promo { background:lightgreen; font-weight:bold; }

.promochoice { font-size:70% }

.code_dispo { background-color: lightgreen }
.code_nondispo { background-color: #FCC }

.select_bank { font-size: 100%}

#recap2 .recap_step2 {width:538px;}
#recap2 h2, #recap2 p {padding:5px 5px; margin:0}
#recap2 hr {margin:0}
#recap2 .recap_step2 td, #recap2 .recap_step2 th {width:50px; text-align:center; font-size:70%; margin: 5px 0}
#recap2 .recap_step2 th {border-bottom:1px solid #ccc; font-size:80%; font-weight:100}
#recap2 .recap_step2 .thumb, #recap2 .recap_step2 .prod_detail {text-align:left}
#recap2 .recap_step2 .prod_detail { font-size:110%}
#recap2 .recap_step2 td.thumb img {border:1px solid #ccc}
#recap2 .recap_step2 td.prod_detail {width:150px; font-size:110%}
#recap2 .recap_step2 td.prod_ref {width:100px; font-size:100%}
#recap2 .recap_step2 .subtotal, #recap2 .recap_step2 .total {padding:3px 15px 2px 0; text-align:right; font-size:100%; font-weight:700; border-top:1px solid #ccc; width:505px; padding-bottom:5px}
#recap2 .recap_step2 .subtotal_ht {padding:3px 15px 2px 0; text-align:right; font-weight:700; border-top:1px solid #ccc; width:505px; padding-bottom:5px; font-size:90%}
#recap2 .recap_step2 .total {border-bottom:1px solid #ccc; color:#ff0000}
#recap2 .recap_step2 .price {padding-right:15px; text-align:right; width:70px; font-size:70%}
#recap2 .recap_step2 .price2 {padding-right:15px; text-align:right; width:70px; font-size:90%}
#recap2 .recap_step2 .price_promo {padding-right:15px; text-align:center; width:70px; font-weight:bold; font-size:70%}

.facebook_title h2{background:#3B5998; color:#fff;}
.facebook_title img {vertical-align: middle; }

.link_social { float: right; padding-right: 5px; vertical-align: middle; }

.bottom_sentence { font-size: 60%; text-align: center; padding-bottom: 15px; background:#eee; border:1px solid #ddd;}

#filter_products select {max-width:175px}