/* Start Correctif CM */ body{margin: 0 5px;padding:0;font:11px Arial, Helvetica, sans-serif;background:#fff;} h1, h2, h3, h4, h5, h6, td, th, caption, ul, li, ol, div, span, p, a, big, small, strong, legend, input, select, textarea{line-height:1.4em;font-size:11px;font-family:Arial, Helvetica, sans-serif;} table{border-collapse:collapse;margin:0;padding:0;overflow:hidden;} form{margin:0;padding:0;} img{vertical-align:middle;border:0;} input, select{vertical-align:middle;} p{line-height:1.4em;} b, strong{font-weight:900;} i, em{font-style:italic;} a:link, a:hover, a:active, a:visited{font-family:Arial, Helvetica, sans-serif;text-decoration:none;color:#164e99;} #content{border:none;} table#content{clear:both;display:block;width:100%;margin-top:10px;margin-bottom:10px;border-width:0;} h1, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited{font-size:24px;margin:0;line-height:1.0em;color:#000;} h2, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited{font-size:18px;margin:0;line-height:1.3em;} h3, h3 a:link, h3 a:hover, h3 a:active, h3 a:visited{font-size:14px;margin:0;line-height:1.2em;} h4, h4 a:link, h4 a:hover, h4 a:active, h4 a:visited{font-size:12px;margin:0;line-height:1.1em;} h5, h5 a:link, h5 a:hover, h5 a:active, h5 a:visited{font-size:11px;margin:0;line-height:1.1em;} h6, h6 a:link, h6 a:hover, h6 a:active, h6 a:visited{font-size:10px;margin:0;line-height:1.1em;} /* Footer */ #footer{clear:both;} /* Spacer */ .spacer{clear:both;} /* basic cols */ #col_left {width:180px;padding-right:7px;vertical-align:top;} #col_left div.main_box{width:180px;padding:6px 0 1px 0;margin-bottom:10px;background:#164e99 url(images/multipays/box/box_top_180.gif) no-repeat center top;} #col_left div.main_box p a:link, #col_left div.main_box p a:active, #col_left div.main_box p a:visited, #col_left div.main_box p a:hover{color:#164e99;} #col_main{width:100%;vertical-align:top;} #col_main div.main_box{padding:1px 0 1px 0;margin-bottom:10px;background-color:#164e99;} #col_right{width:180px;vertical-align:top;} #col_right div.main_box{width:180px;padding:2px 0 1px 0;margin-bottom:10px;background-color:#999;background-image:url(images/multipays/box/box_top_180.gif);background-repeat:no-repeat;background-position:center top;} #col_right div.main_box p a:link, #col_right div.main_box p a:active, #col_right div.main_box p a:visited{color:#333;} #col_right div.main_box p a:hover{color:#666;} #col_right div#box_mypixmania p img{margin-left:30px;} /* Comitments */ #comitments{margin-bottom:10px;width:180px;background:url(images/multipays/background/bg-bottom-boxes.jpg) 0 100% no-repeat;} #comitments h4 {padding-left:30px;height:30px;line-height:30px;font-weight:normal;font-size:12px;color:#194E97;background:transparent url(images/multipays/background/bg-top-box-info.jpg) no-repeat 0 0;} #comitments ul {padding: 120px 5px 8px 5px; margin: 5px 1px 0 1px; background:url(common/background/bg_comitments.jpg) 4px 0 no-repeat;} #comitments ul li {list-style: none; margin-bottom: 10px; padding: 0;} #comitments ul li a {font-weight: 100;} #all_comitment a {background:transparent url(images/multipays/icons/white-arrow-blue-background.png) no-repeat 0 3px;display:block;padding-left:25px;} /* End Correctif CM */ /*-- Gabarit - conseil --*/ #header{background-color:#fff;margin-left:0;margin-top:0;zoom:1;} #header #headerlogo{margin-top:15px;} #header ul#top-nav{overflow:hidden;} #footer{padding-top:15px;background-color:#fff;} #cloack{text-align:center;background-color:#fff;margin-bottom:0;padding-top:10px;padding-bottom:10px;} #global-container{background-color:#9ad0f2;padding-top:0;} #footer .box-default-simple .content-links{width:980px;} /*### Modifiables ###*/ /* Banner */ #banner{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/bg-header.jpg) no-repeat 0 0;} /* Banner - MEA */ #banner .product-g {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/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:#2082c2;} #banner .product-g .prd .texts, #banner .product-g .prd .texts a {color:#5f6062;} #banner .product-g .prd .texts .prd-find-out-more a span{font-weight:bold;font-size:12px;color:#5f6062;} #banner .product-g .prd .texts p.prd-desc{margin-bottom:0;color:#5f6062;} #banner .product-g .prd .texts p.prd-amount, #banner .product-g .prd .texts p.prd-amount a{font-size:30px;color:#ff7200;} #banner .product-g .prd .texts p.prd-stock{font-weight:bold;color:#ff7200;font-size:12px;} #banner .product-g .prd .texts p.prd-more-info a {color:#5f6062;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:#5f6062;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:#5f6062;} /* Banner - menu-nav */ #banner #menu-nav {} #banner #menu-nav ul li a {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tab-left.png) bottom left no-repeat;} #banner #menu-nav ul li a span{font-weight:normal;color:#ff7200;background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tabs.png) bottom right no-repeat;} #banner #menu-nav ul li a:hover {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tab-left.png) top left no-repeat;} #banner #menu-nav ul li a:hover span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tabs.png) top right no-repeat;color:#ff7200;} #banner #menu-nav ul li#active a {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tab-left.png) top left no-repeat;} #banner #menu-nav ul li#active a span {background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/tabs.png) top right no-repeat;color:#ff7200;} /* Banner - Edito */ #banner #edito {background: #8FBD31 url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/bg-edito.png) repeat-x 0 0;color:#fff;} #banner #edito h2{font-size:20px;} #banner #edito span, #banner #edito span a{margin: 0 10px;color:#fff; font-size: 14px;font-weight: bold;} #banner #edito p {color:#fff;} #banner #edito p strong{font-size:14px;} /* Edito - 2 */ #edito-2 {min-height:1745px;height:auto !important;height:1745px;color:#fff;background: url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/bg-edito-2.jpg) 0 0 no-repeat;} #edito-2 p {color:#2082c2;} /* col-left */ #col-left .prd .rounded-top{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/box-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-3/box-center-top-right.png) 100% 0 no-repeat;}*/ #col-left .prd .rounded-bottom{font-size:1px;} /*#col-left .prd .rounded-bottom{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/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-3/box-center-bottom-right.png) 100% 100% no-repeat;}*/ /*#col-left .prd .content{border-left: 1px solid #8dbb31;border-right:1px solid #8dbb31;}*/ #col-left .prd .content{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/box-left.png) 100% 100% no-repeat;} #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:#2082c2;} #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:#ff7200;font-weight:normal;} .prd .texts p.prd-stock{font-weight:bold;color:#ff7200;} .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-cadeaux-entreprise/box-right.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-3/box-right-top-right.png) 100% 0 no-repeat;}*/ #col-right .prd .rounded-bottom{font-size:1px;} /*#col-right .prd .rounded-bottom{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-equipement/tabs/tab-3/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-3/box-right-bottom-right.png) 100% 100% no-repeat;} #col-right .prd .content{background-color:#8dbb31;}*/ #col-right .prd .content{background:url(http://aka.fotovista.com/pixpro/cm/images_static/op-cadeaux-entreprise/box-right.png) 100% 100% no-repeat;} #col-right .prd .texts, #col-right .prd .texts a, #col-right .prd .texts p, #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:#656565 !important;} #col-right .prd .texts p.prd-stock, #col-right .prd .texts p.prd-amount a, #col-right .prd .content p.prd-name {font-weight:bold;color:#ff7200 !important;} #col-right .prd .content p.prd-name a {font-size:14px;font-weight:bold;color:#ff7200 !important;} #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:#5893ba;border:10px solid #fff;border-bottom:none;color:#fff;zoom:1;} #txt-footer p {color:#fff;} /* !!!! ATTENTION a ne pas changer !!!!! */ /* cacher les defaut des boxes */ #banner #main-title h4 {display:none;} /* Banner */ /* Banner - le titre h1 */ #banner #main-title h1 {margin:0 0 0 209px;padding:12px 0 0 0; font-size:30px;color:#ff7200;} #banner #main-title h1 span{display:block;font-size:20px;color:#2082c2;} /* 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:5px;text-align:center;} #banner #menu-nav ul li a span{float:left;height:34px;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;padding:10px 15px;} .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 defaut */ #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;}