/*-- Gabarit - conseil --*/

/*### Modifiables ###*/
/* Banner */
#banner{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/bg-header.jpg) no-repeat 0 0;}

/* Banner - MEA */
#banner .product-g {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/bg-banner-prd.jpg) no-repeat 0 0;}
#banner .product-g .prd .prd-name,
#banner .product-g .prd .prd-name a {font-size:14px;font-weight:bold;color:#fff;}
#banner .product-g .prd .images .prd-bundle{background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/plus.png) 5px 50% no-repeat;}
#banner .product-g .prd .images .prd-bundle .prd-bundle-container {border: 1px solid #fff;}
#banner .product-g .prd .texts,
#banner .product-g .prd .texts a {color:#fff;}
#banner .product-g .prd .texts .prd-find-out-more a span{font-weight:bold;font-size:12px;color:#fff;}
#banner .product-g .prd .texts p.prd-desc{margin-bottom:0;}
#banner .product-g .prd .texts p.prd-amount,
#banner .product-g .prd .texts p.prd-amount a{font-size:30px;color:#fff;}
#banner .product-g .prd .texts p.prd-stock{font-weight:bold;color:#fff;font-size:12px;}
#banner .product-g .prd .texts p.prd-more-info a {color:#fff;text-decoration:none;background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/bt-left-default.png) 0 0 no-repeat;}
#banner .product-g .prd .texts p.prd-more-info a span{color:#fff;font-size:11px;cursor:pointer;background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/bt-right-default.png) 100% 0 no-repeat;}
#banner .product-g .prd .texts p.prd-more-info a:hover,
#banner .product-g .prd .texts p.prd-more-info a:hover span{color:#fff;}

/* Banner - menu-nav */
#banner #menu-nav {}
#banner #menu-nav ul li a {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a span{padding-right:8px;color:#fff;font-weight:normal;background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a:hover {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a:hover span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-right-on.png) 100% 0 no-repeat;color:#895110;}
#banner #menu-nav ul li#active a {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-2/tab-right-on.png) 100% 0 no-repeat;color:#895110;}

#banner #menu-nav ul li a.menu_nav_2{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_2 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a.menu_nav_2:hover{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_2:hover span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-right-on.png) 100% 0 no-repeat;color:#6fa32b;}
#banner #menu-nav ul li#active a.menu_nav_2{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a.menu_nav_2 span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/tab-right-on.png) 100% 0 no-repeat;color:#6fa32b;}

#banner #menu-nav ul li a.menu_nav_3{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_3 span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a.menu_nav_3:hover{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_3:hover span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-right-on.png) 100% 0 no-repeat;color:#8e37be;}
#banner #menu-nav ul li#active a.menu_nav_3{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a.menu_nav_3 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-4/tab-right-on.png) 100% 0 no-repeat;color:#8e37be;}

#banner #menu-nav ul li a.menu_nav_4{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_4 span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a.menu_nav_4:hover{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_4:hover span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-right-on.png) 100% 0 no-repeat;color:#194e97;}
#banner #menu-nav ul li#active a.menu_nav_4{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a.menu_nav_4 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/tab-right-on.png) 100% 0 no-repeat;color:#194e97;}

#banner #menu-nav ul li a.menu_nav_5{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_5 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a.menu_nav_5:hover{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_5:hover span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-right-on.png) 100% 0 no-repeat;color:#f19f02;}
#banner #menu-nav ul li#active a.menu_nav_5{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a.menu_nav_5 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-6/tab-right-on.png) 100% 0 no-repeat;color:#f19f02;}

#banner #menu-nav ul li a.menu_nav_6{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-left.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_6 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-right.png) 100% 0 no-repeat ;}
#banner #menu-nav ul li a.menu_nav_6:hover{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li a.menu_nav_6:hover span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-right-on.png) 100% 0 no-repeat;color:#cd7a20;}
#banner #menu-nav ul li#active a.menu_nav_6{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-left-on.png) 0 0 no-repeat;}
#banner #menu-nav ul li#active a.menu_nav_6 span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-7/tab-right-on.png) 100% 0 no-repeat;color:#cd7a20;}



/* Banner - Edito */
#banner #edito {background: #2283c3 url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/bg-edito.png) repeat-x 0 0;color:#fff;}
#banner #edito h2{font-size:20px;}
#banner #edito p {color:#fff;}
#banner #edito p strong{font-size:14px;}

/* Edito - 2 */
#edito-2 {height:1500px;color:#fff;background: url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/bg-edito-2.png) 0 0 repeat-x;}
#edito-2 p {color:#fff;}

/* col-left */
#col-left .prd .rounded-top{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-center-top-left.png) 0 0 no-repeat;}
#col-left .prd .rounded-top span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-center-top-right.png) 100% 0 no-repeat;}
#col-left .prd .rounded-bottom{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-center-bottom-left.png) 0 100% no-repeat;}
#col-left .prd .rounded-bottom span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-center-bottom-right.png) 100% 100% no-repeat;}
#col-left .prd .content{border-left: 1px solid #2283c3;border-right:1px solid #2283c3;}
#col-left .prd .content p {color:#5f6062;}
#col-left .prd .content p.prd-stock {color:#f00;}
#col-left .prd .content .DEEE,
#col-left .prd .content .DEEE a {color:#c0c0c0 !important;}
#col-left .prd .content p.prd-name {font-weight:bold;}
#col-left .prd .content p.prd-name a,
#col-left .prd .content p.prd-name a strong {font-size:14px;font-weight:bold;color:#658391;}
#col-left .prd .content p.prd-name a strong {text-transform:uppercase;}
#col-left .prd .images .prd-image{background-color:#fff;}
#col-left .prd .images .prd-bundle{background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/plus.png) 50% 5px no-repeat;}
#col-left .prd .images .prd-bundle .prd-bundle-container {border: 1px solid #868686;}

/* styles pour la partie textedes produis */
.prd .texts,
.prd .texts a {color:#5f6062;font-size:12px;}
.prd .texts .prd-find-out-more a span {font-weight:bold;color:#5f6062;font-size:12px;}
.prd .texts p.prd-amount,
.prd .texts p.prd-amount a{font-size:26px;color:#f00;font-weight:normal;}
.prd .texts p.prd-stock{font-weight:bold;color:#f00;}
.prd .texts p.prd-more-info a {color:#194E97;text-decoration:none;background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/bt-left-default.png) 0 0 no-repeat;}
.prd .texts p.prd-more-info a span{font-size:11px;color:#194E97;background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/bt-right-default.png) 100% 0 no-repeat;}
.prd .texts p.prd-more-info a:hover,
.prd .texts p.prd-more-info a:hover span{color:#707070;}

/* col-right */
#col-right .prd .rounded-top{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-right-top-left.png) 0 0 no-repeat;}
#col-right .prd .rounded-top span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-right-top-right.png) 100% 0 no-repeat;}
#col-right .prd .rounded-bottom{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-right-bottom-left.png) 0 100% no-repeat;}
#col-right .prd .rounded-bottom span{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-5/box-right-bottom-right.png) 100% 100% no-repeat;}
#col-right .prd .content{background-color:#2283c3;}

#col-right .prd .texts,
#col-right .prd .texts a,
#col-right .prd .texts p,
#col-right .prd .texts p.prd-stock,
#col-right .prd .texts p.prd-amount a,
#col-right .prd .texts .DEEE,
#col-right .prd .texts .prd-find-out-more a span,
#col-right .prd .texts .prd-find-out-more a,
#col-right .prd .texts .prd-find-out-more{color:#fff !important;}
#col-right .prd .content p.prd-name {font-weight:bold;color:#fff;}
#col-right .prd .content p.prd-name a {font-size:14px;font-weight:bold;color:#fff;}
#col-right .prd .content p.prd-name a strong {margin-right:10px;font-size:14px;}
#col-right .prd .images .prd-image{background-color:#fff;}
#col-right .prd .images .prd-bundle{background:url(http://aka.fotovista.com/pixpro/styles/images/multipays/buttons/plus.png) 50% 5px no-repeat;}
#col-right .prd .images .prd-bundle .prd-bundle-container {border: 1px solid #868686;}

/* txt-footer */
#txt-footer {background-color:#9c9c9c;}
#txt-footer p {color:#fff;}


/* !!!!  ATTENTION Ã  ne pas changer !!!!! */
/* cacher les éléments par défaut des box */
#banner #main-title h4 {display:none;}


/* Banner */
/* Banner - le titre h1 */
#banner #main-title h1 {margin:0 0 0 209px;height:48px;padding:12px 0 0 0; line-height:24px;color:#194e97;}
/* Banner - MEA */
#banner .product-g {position:absolute;top:135px;left:210px;width:781px;height:351px;}
#banner .product-g .prd {margin:10px;}
#banner .product-g .prd .prd-name {margin:0 0 10px 0;line-height:1;}
#banner .product-g .prd .prd-name a strong {margin-right:10px;}
#banner .product-g .prd .images {float:left;}
#banner .product-g .prd .images .prd-image{float:left;width:250px;}
#banner .product-g .prd .images .prd-bundle{float:left;padding-left: 20px;}
#banner .product-g .prd .images .prd-bundle .prd-bundle-container {width:75px;padding:2px 2px 0 2px;}
#banner .product-g .prd .images .prd-bundle .prd-bundle-container .prd-image-bundle {margin-bottom:3px;}
/* banner - MEA - text */
#banner .product-g .prd .texts {float:left;width:500px;margin-left:10px;}
#banner .product-g .prd .texts .prd-find-out-more {display:block;margin-bottom:10px;}
#banner .product-g .prd .texts p.prd-desc{margin-bottom:0;}
#banner .product-g .prd .texts p.prd-amount,
#banner .product-g .prd .texts p.prd-amount a{line-height:1;}
#banner .product-g .prd .texts p.prd-stock{margin:5px 0 10px 0;}
#banner .product-g .prd .texts .add_command_form {margin:10px 0;}
#banner .product-g .prd .texts p.prd-more-info { _width:1px; white-space:nowrap;}
#banner .product-g .prd .texts p.prd-more-info a {display:block;height:21px;padding:0 0 0 5px;}
#banner .product-g .prd .texts p.prd-more-info a span{float:left;height:21px;line-height:21px;padding:0 5px 0 0;}
/* Banner - menu-nav */
#banner #menu-nav {position:absolute;top:101px;left:210px;width:780px;height:33px;margin:0;padding:0;}
#banner #menu-nav ul {margin:0;padding:0;height:33px;}
#banner #menu-nav ul li {display:inline;}
#banner #menu-nav ul li a {float:left;margin-right:5px;padding-left:8px;text-align:center;}
#banner #menu-nav ul li a span{float:left;height:27px;line-height:12px;padding:6px 10px 0 5px;font-size:12px;cursor:pointer;}
/* Banner - Edito */
#banner #edito {position:absolute;top:205px;left:0;margin:0 0 1px 0;height:281px;padding:0;width:210px;}
#banner #edito h2{margin:0 10px;}
#banner #edito p {margin:5px 10px;line-height:1.2;}

/* Edito - 2 */
#edito-2 {clear:both;width:180px;margin:5px 0 0 10px !important;margin:5px 0 0 0;float:left;}
#edito-2 div {margin:10px;}

/* col-left */
#col-left {float:left;width:440px;margin:5px 0 10px 10px;}
#col-left .product-odd_tx{zoom:1;}

#col-left .prd{margin:0 0 10px 0;padding:0;zoom:1;}
#col-left .prd .rounded-top{height:6px;padding-left:5px;_margin-bottom:-8px;}
#col-left .prd .rounded-top span{display:block;height:6px;}
#col-left .prd .rounded-bottom{height:6px;padding-left:5px;_margin-top:-8px;}
#col-left .prd .rounded-bottom span{display:block;height:6px;}
#col-left .prd .content{padding: 5px 10px;zoom:1;}
#col-left .prd .content p.prd-name {margin:0 0 10px 0;line-height:1;}
#col-left .prd .content p.prd-name a strong {margin-right:10px;}
#col-left .prd .images {float:left;}
#col-left .prd .images .prd-image{width:166px;text-align:center;}
#col-left .prd .images .prd-bundle{padding-top: 20px;}
#col-left .prd .images .prd-bundle .prd-bundle-container {width:160px;padding:2px 2px 0 2px;}
#col-left .prd .images .prd-bundle .prd-bundle-container .prd-image-bundle {float:left;width:75px;margin:0 5px 3px 0 !important;margin:0 0 3px 0;}

/* col-right */
#col-right {float:left;width:320px;margin:5px 0 0 10px;}
#col-right .prd .texts {float:left;width:295px;margin-left:0;}
#col-right .prd{margin:0 0 10px 0;padding:0;zoom:1;}
#col-right .prd .rounded-top{height:6px;padding-left:5px;_margin-bottom:-8px;}
#col-right .prd .rounded-top span{display:block;height:6px;}
#col-right .prd .rounded-bottom{height:6px;padding-left:5px;_margin-top:-8px;}
#col-right .prd .rounded-bottom span{display:block;height:6px;}
#col-right .prd .content{padding: 5px 10px;}
#col-right .prd .content p.prd-name {margin:0 0 10px 0;line-height:1;}
#col-right .prd .content p.prd-name a strong {margin-right:10px;}
#col-right .prd .images {margin-bottom:10px;}
#col-right .prd .images .prd-image{text-align:center;}
#col-right .prd .images .prd-image a img{}
#col-right .prd .images .prd-bundle{padding-top: 20px;}
#col-right .prd .images .prd-bundle .prd-bundle-container {float:left;padding:2px 0 0 10px;}
#col-right .prd .images .prd-bundle .prd-bundle-container .prd-image-bundle {float:left;width:75px;margin:0 20px 3px 0 !important;margin:0 10px 3px 0;}

/* txt-footer */
#txt-footer {clear:both;margin:10px;padding:10px 20px;}

.prd .texts {float:left;width:240px;margin-left:10px;}
.prd .texts .prd-find-out-more {display:block;margin-bottom:10px;}
.prd .texts p.prd-desc{margin-bottom:10px;}
.prd .texts p.prd-amount,
.prd .texts p.prd-amount a{line-height:1;}
.prd .texts p.prd-stock{margin:5px 0 10px 0;}
.prd .texts .add_command_form {margin:10px 0;}
.prd .texts p.prd-more-info { _width:1px; white-space:nowrap;}
.prd .texts p.prd-more-info a {display:block;height:21px;padding:0 0 0 5px;}
.prd .texts p.prd-more-info a span{float:left;height:21px;line-height:21px;padding:0 5px 0 0;cursor:pointer;}

/* col-left - produit even */
.product-even_tx .prd .images {float:right;}
.product-even_tx .prd .texts {margin-left:0;margin-left:10px;}

/* style pour le formulaire dans les box prd */
.prd .texts form input{width:30px;border: 1px solid #dfdfdf;}
.prd .texts form input.cm-input-text {margin-right:6px;}

/* styles par défaut */
#header{margin-bottom:0;}
#banner{position:relative;min-height:487px;height: auto !important;height:487px;}
#banner .prd,
#col-left .prd,
#col-right .prd {zoom:1;}
#banner p,
#col-left p,
#col-right p,
#edito-2 p,
#txt-footer p {line-height:1.1;margin:0 0 10px 0;font-size:12px;}
#banner .prd .texts p.prd-amount,
#col-left .prd .texts p.prd-amount,
#col-right .prd .texts p.prd-amount {margin:0;}
#banner p.prd-stock,
#col-left p.prd-stock,
#col-right p.prd-stock {margin-top:5px;}