/* PrestaShop CSS 18 used colors: 10 grays: #374853 #595a5e #566486 #76839b #888 #e6e6e6 #f7f7f7 #E6E6E6 #e5e6e7 #f1f2f4 4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630 2 yellows: #f8e1a0 #f9e400 1 green: #488c40 1 red: #da0f00*/ @import "variables" ; * { padding: 0; margin: 0; } body { margin:0; color:#373737; font-size:12px; font-family:Arial, Verdana, Sans-serif; background:url(../../img/images/bg.jpg) repeat-x center top; min-height:1026px; } html, body{ background-color:#cada2e; } /* Useful */ .align_center { text-align: center; } .align_right { text-align: right; } .middle { vertical-align: middle; } .align_justify { text-align: justify; } .uppercase { text-transform: uppercase; } .hidden, .collapsed, .block_hidden_only_for_screen { display: none; } .wrap { white-space: normal; } .bold { font-weight: bold; } .strike { text-decoration: line-through; } .italic { font-style: italic; } .top { vertical-align: top; } .span_link { cursor: pointer; } .span_link:hover { text-decoration: underline; } .clear { clear: both; } br.clear { clear: both; line-height: 0; font-size: 0; height: 0; } noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray; } /* new clearfix */ .clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: "."; } * html .clearfix {zoom: 1;} *:first-child+html .clearfix {zoom: 1;}/* Footer links */ .footer_links { list-style-type: none; clear: both; height: 2em; margin-top: 2em; li { float: left; margin-right: 2em; height: 2em; } a { text-decoration: none; &:hover {color: black;} } img.icon {vertical-align: -2px;} } /* transfert effect*/ .transferProduct { border: 2px solid #888;} /* simple list inline */ .inline_list { list-style-type: none; margin-top: 1em; li { float: left; text-align: center; } img {display: block;} } ul.half { width: 45%; margin-right: 20px; float: left; } /* Category tree (i.e. in sitemap) */ div.tree_top { background: url('../../img/sitemap-top.gif') no-repeat -1px -3px; padding-left: 24px; padding-bottom: 5px; padding-top: 3px; } ul.tree { list-style-type: none; ul { list-style-type: none; } li { padding-left: 1.2em; border-left: 1px gray dotted; background: url(../../img/sitemap-horizontal.png) no-repeat left 10px; margin-left: 1em; .last { background: url(../../img/sitemap-last.gif) no-repeat -12px -2px; border: none; } span.grower {cursor: pointer;} } a { padding-left: 5px; .selected {font-weight: bold;} } } /* Tabs */ .idTabs { list-style-type: none; border-bottom: solid 1px #76839b; height: 21px; margin-top: 1em ; li { float: left; margin-right: 1px; } a { background-image: url('../../img/tab_bg.jpg'); display: block; width: 173px; height: 18px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; padding-top: 3px; color: #374853; } .selected { background-image: url('../../img/tab_bg_selected.jpg'); color: white } } /* IdTabs Short*/ .idTabsShort a { background-image: url('../../img/tab_bg_short.jpg'); width: 138px; } .idTabsShort .selected { background-image: url('../../img/tab_bg_selected_short.jpg'); color: white; } div.sheets { clear: both; padding: 1em; } #more_info_sheets li { background-position: 6px 4px; margin-bottom: 5px; } /* global layout */ #page { width:960px; margin:auto; } #header_logo { float: left; width: 264px; display:block } img.logo { float: left; margin-top: 10px; font-size: 2em; font-weight: bold } #header_right { } #left_column, #center_column, #right_column { float: left } #left_column { clear: left; margin-top:20px; margin-bottom:20px; overflow: hidden } #center_column { margin-top:10px; margin-bottom:20px; min-height:520px; } #old_center_column { display: none } .ac_results_instant { display: none; visibility: hidden } #instant_search_results a.close { background: url("../../img/nav-logout.gif") no-repeat scroll right 2px transparent; float: right; margin-right: 7px; padding-right: 21px; text-transform: none } #right_column { width: 191px; margin-left: 21px; overflow: hidden }/* global RTE fields */ .rte, .mceContentBody { text-align: left; } body.mceContentBody { margin: 9px 6px; width: 556px } .rte html, .rte div, .rte span, .rte applet, .rte object, .rte iframe, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .rte p, .rte blockquote, .rte pre, .rte a, .rte abbr, .rte acronym, .rte address, .rte big, .rte cite, .rte code, .rte del, .rte dfn, .rte em, .rte font, .rte img, .rte ins, .rte kbd, .rte q, .rte s, .rte samp, .rte small, .rte strike, .rte strong, .rte sub, .rte sup, .rte tt, .rte var, .rte dl, .rte dt, .rte dd, .rte ol, .rte ul, .rte li, .rte fieldset, .rte form, .rte label, .rte legend, .rte table, .rte caption, .rte tbody, .rte tfoot, .rte thead, .rte tr, .rte th, .rte td, .mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody img, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 { margin: 0.75em 0 0.3em 0; color: #1c8dc8 } .rte h1, .mceContentBody h1 { font-size: 1.5em; font-weight: bold; background:inherit; text-transform:uppercase } .rte h2, .mceContentBody h2 { font-size: 1.5em; background: none; text-transform: none; height: auto; text-transform:uppercase; border-bottom:1px dotted; } .rte h3, .mceContentBody h3 { font-size: 16px } .rte h4, .mceContentBody h4 { font-size: 14px } .rte h5, .mceContentBody h5 { font-size: 12px } .rte h6, div.rte h6 { font-size: 8px } .rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em } .rte ul, .mceContentBody ul { list-style-type: square; margin-left: 10px } .rte strong, .mceContentBody strong { font-weight: bold } .rte em, .mceContentBody em { font-style: italic }/* tables still need 'cellspacing="0"' in the markup */ .rte table, .mceContentBody table { border-collapse: separate; border-spacing: 1px; width: auto } .rte caption, .rte th, .rte td, .rte table, .mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table { text-align: left; font-weight: normal; background: none; height: inherit; border: 1px #e5e6e7 solid; text-align: center } .rte th, .mceContentBody th { padding-left: 20px; padding-right: 20px; background: #e5e6e7 } #center_column .rte p, .mceContentBody p { padding-left: 0; margin: 10px 0 } .rte ol, .mceContentBody ol { list-style-type: decimal; margin-left: 10px } /* /global RTE fields *//* global table style */ div.table_block { padding-bottom: 15px; background:#fff; border:1px solid #e6e6e6; .border-radius(17px); color:#374853; background:#fff; margin:0 0 20px 0; } .std { } table.std { border-spacing: 0; border-collapse: collapse; width: 100% }/*class table.std */ .std td, .std th { padding: 5px 10px } .std th { white-space: nowrap } .std tr.item td, .std .item th { background-color: white } .std tr.alternate_item td, .std tr.alternate_item th { background-color: #f1f2f4 } .std tbody td, .std tfoot td { border-top: 1px solid #e6e6e6; border-right:0; } .std thead th { height: 24px; color: #374853; font-weight: bold; text-align: left; white-space: nowrap; border-right:1px solid #e6e6e6; } .std th.first_item { } .std th.last_item { border:0; } .std th.item { } .std tfoot td { color: #374853; text-align: right; white-space: nowrap } /* /global table style */ /* global form style */ form.std { } form.std textarea{ min-width:340px; min-height:3em; } form.std .textarea label{ vertical-align:top; } form.std .text input[type=text]{ min-width:220px; } form.std h3 { color: #009de0; font-size: 1.4em; font-weight: bold; padding: 10px; } form.std fieldset { border: 1px solid #E6E6E6; background: #f7f7f7; .border-radius(15px); padding-bottom:20px; margin-bottom:20px; } form.std legend { padding: 5px 10px; margin: 1em 0 1em 10px; font-size: 1.6em; font-weight: 100; border-color: #f7f7f7; border-style: solid; border-width: 1px } form.std h4, form.std p { padding:0 10px; clear: both } form.std label, form.std p span { display:inline-block; width:200px; vertical-align:middle; font-weight:bold; } form.std label.radio_label { padding-right:10px; width:auto; } form.std p span.like_input { width: auto; margin-left: 0.7em } input, textarea, select, span.editable { font-size: 12px; padding:2px; font-family: Arial, Verdana, Sans-serif; outline: none; vertical-align:middle; } input, textarea, select { border: 1px solid #e6e6e6 } option{ padding:0 5px; } input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active{ border-color:#009DE0; } input.text { padding: 2px } .checkbox input, .radio input { border: none } form.std .checkbox label, form.std .radio label, form.std span.form_info { margin: 0; float: none; width:auto; padding-right:10px; text-align: left; font-size:0.9em; font-style:italic; } .required sup { color: #da0f00; } form.std p.checkbox { padding-left: 214px; } form.std p.submit { margin-bottom: 20px; } #center_column form.std p.submit2 { padding-left: 170px; margin-bottom: 20px; }/* START OF BUTTONS SECTION * -tags: input, a, span * -sizes: mini, small, normal, large * -types: button, exlusive * -status: normal, hover, disabled * -rule: the span.button is a a.button disabled*//* global button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { background-position: top left; border: none; font-weight: bold; text-align: center; text-decoration: none!important; cursor: pointer; display:inline-block; .border-radius(13px); background:#282883; line-height:25px; color:#fff !important; }/* input button */ input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled { padding-bottom: 2px }/* disabled button */ input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { background-position: left -36px; cursor: default; color: #fff!important; }/* exclusive button */ input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { color: #fff!important; }/* exclusive disabled button */ input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large { color: #fff!important; }/* hover button */ input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover, input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { .box-shadow(0 , 0 , 5px , #282883); }/* exclusive hover button */ input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover { color: white !important; .box-shadow(0 , 0 , 5px , #5f852a); }/* classic buttons */ input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini { max-width: 30px; min-height:25px; padding:0 10px; line-height:25px; } input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small { max-width: 60px; min-height:25px; padding:0 10px; line-height:25px; background-color:#009de0; } input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { max-width: 140px; min-height:25px; padding:0 10px; line-height:25px; } input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled { max-width: 180px; min-height:25px; padding:0 10px; line-height:25px; background-color:#009de0; } input.button_large:hover, input.button_large_disabled:hover, input.exclusive_large:hover, input.exclusive_large_disabled:hover, a.button_large:hover, a.exclusive_large:hover, span.button_large:hover, span.exclusive_large:hover, span.exclusive_large_disabled:hover{ .box-shadow(0px , 0px , 5px , #009de0); } /* exclusive button */ input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-color:#349932 } input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-color:#349932 } input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-color:#349932 } input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-color:#349932 }/* id_state field in managed via JS and is firstly hidden */ form p.id_state { display: none }/* generic style */ ul.bullet li, .block ul.bullet li, li.bullet { padding-left: 2em; background: transparent url('../../img/bullet.gif') no-repeat 6px 6px; list-style-type: none } .price-discount { text-decoration: line-through } .price-pretax { color: gray } .price-ecotax { color: #488c40 } img.icon { margin-right: 10px; vertical-align: middle } .weight-price { font-size: 0.75em; text-align: right; color: gray } .volume-price { font-size: 0.75em; text-align: right; color: gray } .unity-price { font-size: 0.75em; text-align: right; color: gray } .price, .price-shipping, .price-wrapping { color: #da0f00; font-size: 1.1em; font-weight: bold; white-space: nowrap }/* errors */ .error {.information(#da0f00,#ffb2b2,red);} .error p {font-weight: bold;} .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 20px; } /* warning */ .warning {.information(#373737,#f7eca2,#c1b937);} .warning_inline { color: #da0f00; font-weight: bold }/* success */ .success { .information(green,transparent,white); font-weight: bold; } .success_inline { color: green; font-weight: bold }/* breadcrumb.tpl */ .breadcrumb { background:#f7f7f7 url(../../img/images/breadcrumb_bg.gif) repeat-x center bottom; border:1px solid #E6E6E6; font-size: 1em; min-height:30px; line-height:30px; padding-left:5px; /* pour chrome <11 et safari <5 il faut pas de 0px */ .border-radius-all(15px , 15px , 1px , 1px); } .breadcrumb .navigation-pipe { padding: 0 0.6em } .breadcrumb a { text-decoration: none; color: #566486 } .breadcrumb a:hover { text-decoration: underline }/* pagination.tpl */ div.pagination { padding: 1em 0 } ul.pagination { list-style: none; float: left } ul.pagination li { display: inline; float: left; margin-right: 0.3em } ul.pagination li, ul.pagination a, ul.pagination span { font-weight: bold; color: #374853 } ul.pagination a, ul.pagination span { border: 1px solid #888; padding: 0 5px; display: block; line-height: 17px; background: #e6e6e6 url('../../img/pagination_bg.gif') repeat-x top right } ul.pagination a { text-decoration: none } ul.pagination .current span { background-color: #595a5e; background-image: url('../../img/pagination-bg-current.gif'); color: white; border: 1px solid #595a5e } ul.pagination li.truncate { padding: 0.3em; background: none } #pagination_previous a, #pagination_previous span, #pagination_next a, #pagination_next span { background-image: url('../../img/pagination-prevnext-bg.gif'); border: none; line-height: 19px; border-color: #f7f7f7; border-style: solid; border-width: 0 1px } #pagination_previous { background: transparent url('../../img/pagination-prev-border.gif') no-repeat top left; padding-left: 6px } #pagination_previous a, #pagination_previous span { border-left: none } #pagination_next { background: transparent url('../../img/pagination-next-border.gif') no-repeat top right; padding-right: 6px } #pagination_next a, #pagination_next span { border-right: none } li.disabled span { color: #888; background-color: #f1f2f4 } form.pagination { text-align: right } form.pagination label { line-height: 1.4em; vertical-align: bottom; float: right; margin-left: 0.3em } form.pagination select { float: right } form.pagination select option { font-size: 0.9em; padding-right: 1em } form.pagination input { float: right }/* steps (like order step) */ ul.step { background: transparent url('../../img/step_start.gif') no-repeat bottom left; list-style: none; margin: 0.8em auto 2em; padding-left: 40px; height: 25px; width: 465px } ul.step li { height: 25px; float: left; width: 100px; text-align: center; background: transparent url('../../img/step_standard.gif') no-repeat bottom left } ul.step li.step_current { background: transparent url('../../img/step_current.gif') no-repeat bottom left; font-weight: bold } ul.step li.step_todo { font-style: italic } ul.step li#step_end { width: 40px } ul.step li#step_end { background: transparent url('../../img/step_end.gif') no-repeat bottom left } ul.step li#step_end.step_current { background: transparent url('../../img/step_end_current.gif') no-repeat bottom left } ul#order_step { background-color: white }/* product-sort.tpl */ #productsSortForm p { height: 20px; margin: 10px 0 0 0 } #productsSortForm label, #productsSortForm select { float: right } #productsSortForm select { font-size: 1em }/* Header */ #header_right ul { list-style: none } #header_right form { border: none; margin-bottom: 0!important; display: inline } #header_right label { margin: 0; float: none }/* Footer *//* Default block style */ div.block { margin-bottom:20px; padding-bottom:15px; overflow:hidden; } #left_column div.block, #right_column div.block { background:#f7f7f7; border:1px solid #e6e6e6; .border-radius(17px); } div.block h4 { font-size: 1.2em; padding-left: 10px; border-bottom: 1px dotted #e6e6e6; line-height: 1.3em; min-height:34px; line-height:34px; text-transform:uppercase; } div.block h4 a { color: #374853 } div.block ul { list-style: none } div.block ul.tree li { padding-left: 1.2em } div.block a:hover { text-decoration: underline } #left_column div.block .block_content a.button_large, #right_column div.block .block_content a.button_large { margin: 0 0 0 -3px } div.block .block_content { border-left: 1px #E6E6E6; border-right: 1px #E6E6E6; padding:10px; min-height: 16px } div.block li { padding: 5px 0 5px 0; list-style-position: outside } div.block a { color: #595a5e; text-decoration: none }/* block exclusive */ #left_column div.exclusive, #right_column div.exclusive { background-color:#66c4ec; } div.exclusive h4 { background:#009de0; color: white; } div.exclusive h4 a { color: white } div.exclusive li { margin-top: 0 } div.exclusive, div.exclusive a { color: white } div.exclusive .block_content { }/* block in the center column */ #center_column p { margin: 1px 0; } #center_column div.block { } #center_column div.block h4 { background:#f7f7f7 url(../../img/images/search_bg.png) repeat-x 0 0; min-height:34px; line-height:34px; color: white }/* Styles for products blocks *//* block products (new, features, viewed, etc...) on left and right column */ .products_block li { margin-top: 5px } .products_block li.item img { margin-right: 5px } .products_block li.last_item { border: none } .products_block li img { float: left; margin-right:5px } .products_block p img { float: none; margin: 0 0 0 5px } .products_block li h5 { display: inline; font-size: 0.9em } .products_block li p a { font-weight: bold; font-size: 0.8em } .products_block dl { clear: both; border-top: 1px solid #374853; padding: 0 4px 4px } .products_block dl dt { margin-top: 0.3em; color: #595a5e } .products_block a.button_large { margin: 5px 5px 0 5px } .products_block ul.product_images li { border: none; float: left; clear: none }/* Special style for block products in center column */ #center_column .products_block { border: none } #center_column .products_block { color: #595a5e } #center_column .products_block h4 { line-height: 1.3em } #center_column .products_block .block_content { background: #E6E6E6 none; padding: 0 } #center_column .products_block ul li:hover { background-color: #e6e6e6 } #center_column .products_block ul li { float: left; background-color: #E6E6E6; margin-top: 0; padding: 0 0 1px; width: 133px; border-right: 1px solid white; border-bottom: 1px solid white } #center_column .products_block ul .product_accessories_description { margin: 0; padding: 0; height: 280px }/*#center_column .products_block li.last_item { float: none; clear: both }*/ #center_column .products_block li.last_item_of_line { border-right: none } #center_column .products_block li.first_item_of_line { clear: both } #center_column .products_block li.last_line { border-bottom: none } #center_column .products_block p, #center_column .products_block h5 { margin: 10px 0.1em } #center_column div.products_block h5 { display: block; margin-top: 8px; height: 2.57em } #center_column div.products_block h5 a { color: #374853; font-size: 1.1em } #center_column div.products_block ul li p { margin: 0; padding: 0 } #center_column div.products_block div.product_desc { height: 9em; color: #595a5e; overflow: hidden } #center_column div.products_block a.product_image { display: block; background-color: transparent; margin-bottom: 2px; margin-left: 2px; width: 129px; height: 129px } #center_column div.products_block .product_accessories_description a.product_image { width: 118px; height: 85px } #center_column div.products_block a.product_description { display: block; width: 118px; height: 50px; margin-left: 2px; margin-bottom: 8px; overflow:hidden } #center_column div.products_block a.product_image img { float: none; margin: 0 } #center_column div.products_block h5 { margin: 10px 5px 3px 5px } #center_column div.products_block div.product_desc { margin: 0 5px } #center_column div.products_block ul li div.product_desc a { font-weight: normal } #center_column .products_block span.price { text-align: center; font-size: 1.5em; padding: 10px 0; /*display: block;*/ } p.price_container { text-align: center } #center_column .products_block .featured_price { margin-top: 2.5em } #center_column .products_block a.button, #center_column .products_block a.exclusive, #center_column .products_block span.exclusive { margin: 10px auto }/* Special style for block accessories in center column (product page) */ #center_column .products_block.accessories_block .block_content { background: none } #center_column div.products_block.accessories_block div.product_desc { margin-right: 0; height: 150px; border-right: 1px solid #E6E6E6 } #center_column .products_block.accessories_block .block_content li { background: none; text-align: center } #center_column .products_block.accessories_block .block_content li h5, #center_column .products_block.accessories_block .block_content li a.product_description { text-align:left } #center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none }/* discount.tpl */ td.discount_value { white-space: nowrap }/* shopping cart */ .cart_last_product { padding-bottom: 15px; background:#fff; border:1px solid #e6e6e6; .border-radius(17px); color:#374853; background: #F7F7F7 url('../../img/block_category_item_bg.jpg') repeat-x center top; } .cart_last_product_header .left { font-size: 1.2em; font-weight:bold; padding-left:10px; margin-bottom:10px; border-bottom: 1px dotted #e6e6e6; line-height:34px; min-height:34px; text-transform:uppercase; } .cart_last_product_img { float:left } .cart_last_product_img img { margin:0 6px; border:1px solid #f7f7f7; width: 45px; height: 45px } .cart_last_product_content { } .cart_last_product_content a { text-decoration:none } .cart_last_product_content h5 { font-size:9px } .cart_last_product_content h5 a { color:#595A5E } p.cart_navigation { padding: 1em 0!important } p.cart_navigation .button, p.cart_navigation .button_large { float: left } p.cart_navigation .exclusive, p.cart_navigation .exclusive_large, p.cart_navigation .exclusive_large_disabled { float: right } p.cart_navigation_extra { text-align: center; width: auto } form.std p.cart_navigation span { float: none; text-align: left; width: auto } #cart_summary tfoot td { border-top: none; line-height: 1.5em } #cart_summary tfoot tr.cart_total_product td { border-top: 1px solid #e6e6e6 } #cart_summary tfoot tr.cart_total_price td { border-bottom: 1px solid #e6e6e6; background-color:#f7f7f7; } #cart_summary .price, #cart_summary .price-discount { color: #595A5E; font-size: 1em; text-decoration: none } tr.cart_item td { padding: 5px 10px } td.cart_product a { margin: 0 0.6em } td.cart_product a img { border: 1px solid #f7f7f7; width: 45px; height: 45px } td.cart_product a:hover img { border: 1px solid #888 } td.cart_description a { text-decoration: none } td.cart_description a:hover { text-decoration: underline } td.cart_description h5 a, td.cart_ref, td.cart_total { color: #595a5e } td.cart_unit, td.cart_total, td.cart_discount_price { text-align: right } td.cart_availability, td.cart_ref { text-align: center } td.cart_total .price { font-weight: bold } tr.cart_item td.cart_unit { padding-right: 1em } td.cart_quantity { width: 7.5em; text-align: right } .cart_quantity_input { float: right; margin: 5px 10px 0 0; } td.cart_quantity p, td.cart_quantity a { float: left; display: inline } td.cart_quantity p { padding-right: 0.3em } td.cart_quantity .icon { margin-top: 0.6em } td.cart_quantity a.cart_quantity_up, td.cart_quantity a.cart_quantity_down { display: block } tr.cart_free_shipping { white-space: normal } tr.cart_total_price { font-weight: bold } #order tfoot p { margin: 0; float: left; width: 85% } #order tfoot span { float: right; width: 15%; display: block } #order #voucher fieldset { border: none; padding: 0.7em } #order form#voucher fieldset #display_cart_vouchers { margin-top:5px; clear:both; float:left; } #order form#voucher fieldset #display_cart_vouchers .voucher_name { color:#DD2A81; font-weight:bold; cursor:pointer; } #order form#voucher h4, #order form#voucher p, #order form#voucher .button { display: inline } #order form#voucher h4 { float: left; line-height: 1.5em; margin-right: 6em } #order #order_carrier { clear: both; margin-top: 20px; border: 1px solid #e6e6e6; padding: 10px } #order #order_carrier h4 { width: 50%; display: inline } #order #order_carrier img { vertical-align: middle } #order #order_carrier span { margin: 0 5px } #order #gift_div { display: none } #order #gift_div label, #order #gift_div textarea { display: block; width: 100%; margin: 20px 0 } #order-opc tfoot p { margin: 0; float: left; width: 85% } #order-opc tfoot span { float: right; width: 15%; display: block } #order-opc #voucher fieldset { border: 1px solid #e6e6e6; padding: 10px; } #order-opc form#voucher fieldset #display_cart_vouchers { margin-top:5px; clear:both; float:left; } #order-opc form#voucher fieldset #display_cart_vouchers .voucher_name { color:#DD2A81; font-weight:bold; cursor:pointer; } #order-opc form#voucher h4, #order-opc form#voucher p, #order-opc form#voucher .button { display: inline } #order-opc form#voucher h4 { float: left; line-height: 1.5em; margin-right: 6em } #order-opc #order_carrier { clear: both; margin-top: 20px; border: 1px solid #e6e6e6; padding: 10px } #order-opc #order_carrier h4 { width: 50%; display: inline } #order-opc #order_carrier img { vertical-align: middle } #order-opc #order_carrier span { margin: 0 5px } #order-opc #gift_div label, #order #gift_div textarea { display: block; width: 100%; margin: 1em 0 }/* views block */ #views_block { margin: 0 auto; width: 290px } #thumbs_list { overflow: hidden; float: left; width: 255px } #thumbs_list ul { padding-left: 0; list-style-type: none; margin-top: 5px } #thumbs_list li { float: left; cursor: pointer; width: 80px; height: 80px; margin-right: 5px; } #view_scroll_left, #view_scroll_right { background: url('../../img/thumbs_left.gif') no-repeat center; text-indent: -3000px; width: 9px; height: 18px; float: left; margin-top: 30px; padding-right: 4px; padding-left: 4px } #view_scroll_right { background-image: url('../../img/thumbs_right.gif') } span.view_scroll_spacer { float: left; width: 17px; height: 80px }/* manufacturers-list.tpl && suppliers-list.tpl */ #manufacturers_list, #suppliers_list { margin-top: 2em; list-style-type: none } #suppliers_list li, #manufacturers_list li { background: #E6E6E6 url('../../img/block_category_item_bg.jpg') repeat-x; border: solid 1px #E6E6E6; padding: 0.6em; margin-bottom: 1.5em } #suppliers_list li a, #manufacturers_list li a { text-decoration: none; color: #374853 } #suppliers_list li h3, #manufacturers_list li h3 { margin: 5px 0 } #suppliers_list .left_side, #manufacturers_list .left_side { float: left; width: 75% } #suppliers_list .logo, #manufacturers_list .logo { border: solid 1px #E6E6E6; float: left; margin-right: 0.6em } #suppliers_list li p.description, #manufacturers_list li p.description { font-size: 0.92em } #suppliers_list li .right_side, #manufacturers_list li .right_side { float: right; text-align: right } #suppliers_list .right_side span, #manufacturers_list .right_side span { font-size: 1.7em; color: #da0f00 } #suppliers_list li a.button, #manufacturers_list li a.button { margin-top: 4em }/* conditions & legal */ ul.shop_info { list-style-type: square!important; list-style-position: inside; padding: 0.6em; margin-top: 0.6em; margin-left: 2em; border: 1px solid #888 } ul.shop_info li { padding-left: 10px!important; padding-bottom: 10px!important }/* conditions.tpl */ #conditions #right_column { display: none } #conditions h2 { background: transparent url('../../img/title_bg_large.gif') no-repeat top left } #conditions #center_column { width: 730px; text-align: justify } #conditions #center_column ul, #conditions #center_column ol { margin-left: 2em; padding: 0.6em } #conditions #center_column ul { list-style-type: circle } #conditions #center_column li { padding-bottom: 10px } #conditions #center_column { line-height: 1.3em }/* order step 3: PAYMENT */ .payment_module { display: block } .payment_module img { vertical-align: middle; margin-right: 1em } .payment_module a { display: block; border: 1px solid #595a5e; padding: 0.6em; text-decoration: none } .payment_module a:hover, .payment_module a:focus, .payment_module a:active { border: 1px solid #488c40; background-color: #e5e6e7; color: #374853 }/* Printable version */ @media print { div#left_column, div#right_column, div#footer, a.button, span.button, .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br { display: none } div#center_column { width: 100% } input.text { border: 1px solid gray } .block_hidden_only_for_screen { display: block; margin-top: 1em } #more_info_sheets #idTab1 { width: 530px } * { background: none!important; background-color: white!important; } }/* Customizable product */ #customization_block { width: 556px } .customization_block_title { margin: 4px 4px 4px 2px } #customization_block ul { margin: 6px 6px 0 6px } .customization_block_input { vertical-align: inherit } img.customization_delete_icon { margin: 2px } li.customizationUploadLine { text-align: right; margin-right: 40px; clear: left; padding: 4px; display: block } div.customizationUploadBrowse { float: left } div.customizationUploadBrowseDescription { padding: 6px } img.customizationUploaded { margin: 2px; border: 1px solid #888888 } ul.customizationUploaded { list-style-type: none; margin-left: 4px } ul.customizationUploaded li { display: inline } ul.customizationUploaded a { text-decoration: none } div.customizationUploaded { clear: left } div.deletePictureUploaded { float: right } div.deleteCustomizableProduct { float: right } ul.typedText { padding-left: 6px; list-style-type: none }/* mywishlist */ #mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px } #mywishlist div#block-order-detail { margin-top: 10px; display: block } #mywishlist form.std fieldset label { width: 30px } #mywishlist form.std fieldset input#submitWishlist { display: inline } #mywishlist table.std thead th.mywishlist_first { text-align: center; width: 40px } #mywishlist table.std thead th.mywishlist_second { text-align: center; width: 80px } #mywishlist table.std thead th.first_item, #mywishlist table.std tbody tr td { width: 200px } #mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 } #mywishlist div#block-order-detail { margin-top: 10px } #mywishlist #hideBoughtProducts, #mywishlist #showBoughtProducts { float: left; margin: -18px 0 0 5px } #mywishlist #showBoughtProducts, #mywishlist #hideBoughtProductsInfos, #mywishlist #hideSendWishlist { display: none } #mywishlist #showBoughtProductsInfos, #mywishlist #hideBoughtProductsInfos { margin-left: 5px } #mywishlist #showSendWishlist, #mywishlist #hideSendWishlist, #mywishlist div#block-order-detail ul li a.exclusive { float: right; margin: -18px 0 0 0 } #mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center } #mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px } #mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px } #mywishlist div#block-order-detail ul li img { float: left }/* View wishlish */ #view_wishlist #featured-products_block_center ul div li a img { float: left } #view_wishlist #featured-products_block_center ul div li a, #view_wishlist #featured-products_block_center ul div li span { text-decoration: none; float: left } #view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail, div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-left: 30px; float: left } div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px } #view_wishlist #featured-products_block_center ul div li a.exclusive, #view_wishlist #featured-products_block_center ul div li span.exclusive { margin-left: 55px } #view_wishlist #featured-products_block_center ul div li.address_name input.text { color: #999; font-weight: bold; font-size: 11px; border: 0 }/* module reversoform*/ .account_creation #reverso-form { width: 100% } .account_creation #reverso-form label { width: 250px; text-align: left; margin-left: 10px } .account_creation #reverso-form label#legend_reverso { clear: both; width: 100%; font-size: 10px; text-align: left } .account_creation #reverso-form input#reverso_form { margin-top: 20px }/* module productcomments */ .rating { cursor: pointer; margin: 2em; clear: both; display: block } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden } .cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer } .cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px } .star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 } .cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0 } div.star_on a { background-position: 0 -16px } div.star_hover a, div.star a:hover { background-position: 0 -32px } .pack_content { margin: 10px 0 10px 0 } .pack_price { float: right; margin-right: 3px; font-size: 12px } .confirmation { color: #808000; font-weight: bold } #page .rte { padding:0 20px; } /* module paypalapi */ .paypalapi_about { text-align: justify } .paypalapi_about ul { padding-left: 20px }/* cms pages */ #cms div.content_only { text-align: left; padding: 10px } .live_edit_feed_back_ok { color: #374853; background-color: #DFFAD3; padding: 4px; border: 2px solid #72CB67 } .live_edit_feed_back_ko { color: #374853; background-color: #FAE2E3; padding: 4px; border: 2px solid #EC9B9B } .add_module_live_edit { background-color: #F1F2F4; padding: 4px; border: 2px solid #E6E6E6; } .text_left { text-align:left; } .text_right { text-align:right; } .text_center { text-align:center; } /* global style */ a { color: #282883; text-decoration: underline; outline: none } a:hover { text-decoration: none } .input:focus { outline: 0 } a img { outline: none; border: none; text-decoration: none } h1 { font-size: 1.5em; line-height: 1.6em; margin: 10px 0 20px; text-transform: uppercase; font-weight: bold; color: #374853; border-bottom:1px dotted #d6d2d4; } h1 span { font-size: 0.9em; text-transform: none; font-weight: normal; font-style: italic; color: #374853; margin-left: 1em } h2 { font-size: 1.3em; line-height: 1.6em; padding-left: 10px; margin: 10px 0; text-transform: uppercase; font-weight: bold; color: #374853; height: 21px } h2 span { font-size: 0.9em; text-transform: none; font-weight: normal; font-style: italic; color: #374853; margin-left: 1em } h3 { font-size: 1.1em; margin: 1em 0 } h4 { font-size: 1em } li { list-style-type:none; } p, li { line-height:1.3em; } #header { background:url(../../img/images/header_nav.png) repeat-x 0 0; margin-bottom:40px; } #header_container { min-height:35px; height : 35px; background:#f7f7f7 url(../../img/images/header_nav.png) repeat-x 0 100%; font-size:0.9em; border-bottom:1px solid #fff; } ul#header_nav { float : right; margin-left : 200px; li#your_account {float : right;} } #logo{ border:0; } #logo a{ background:url(../../img/images/logo_520.png) repeat-x 0 0; display:block; width:520px; height:110px; overflow:hidden; text-indent:-99999px; margin:50px auto 10px; } #logo a.small{ background:url(../../img/images/logo_320.png) repeat-x 0 0; width:320px; height:66px; float:left; margin:30px 30px 0 45px; } .search_form.small{ float:right; margin:30px 0 0; } .search_form { margin:auto; } #search { background:#f7f7f7 url(../../img/images/search_bg.png) repeat-x 0 0; border:1px solid #fff; .border-radius(17px); width:540px; height:34px; line-height:34px; margin:auto; .box-shadow(0px , 0px , 5px , #628197); } #search_small { background:#f7f7f7 url(../../img/images/search_bg.png) repeat-x 0 0; border:1px solid #fff; .border-radius(17px); width:540px; height:34px; line-height:34px; margin:auto; float:left; .box-shadow(0px , 0px , 5px , #628197); } #search_field_small { .border-radius(17px); border:none; width:300px; height:34px; padding:0 34px 0 10px; line-height:34px; float:left; background:transparent; font-size:1.5em; position:absolute; z-index:100; text-align:left; color:#141636; cursor:text; } #search_field { .border-radius(17px); border:none; width:496px; height:34px; padding:0 34px 0 10px; line-height:34px; float:left; background:transparent; font-size:1.5em; position:absolute; z-index:100; text-align:left; color:#141636; cursor:text; margin:0; } #search_submit { border:none; cursor:pointer; float:right; position:relative; z-index:120; background:url(../../img/images/icones.png) no-repeat 0 -37px; } #search_submit_small { border:none; cursor:pointer; float:right; position:relative; z-index:120; background:url(../../img/images/icones.png) no-repeat 0 -37px; } #search_submit:hover, #search_submit:focus { background:url(../../img/images/icones.png) no-repeat -33px -37px; } #search input:active, #search input:focus { outline:0 none; } #search_field:active, #search_field:focus { border-color:1px solid #566486; } .multi_search { position:absolute; color:#566486; font-size:1.5em; padding-left:5px; -moz-user-select:none; -webkit-user-select:none; } .multi_search li { white-space:nowrap; } .multi { display:inline-block; } #header_container ul.multi { line-height:35px; } .multi li { display:inline-block; } .multi li h2, .multi li span { border-right:1px solid #d6d2d4; padding:0 5px; } .multi li:last-child h2, .multi li:last-child span { border-right:0; } /* Menu déroulant*/ #menu_nav { margin:10px -1px 0 -1px; font-size:1.1em; } /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ #menu_nav li { float:left; display:block; position:relative; z-index:500; margin:0 1px; .border-radius-all(15px , 15px , 1px , 1px); font-weight:bold; font-size:1.1em; } #menu_nav li.scolaire{ background-color:#d9362f; } #menu_nav li.litterature{ background-color:#029ddf; } #menu_nav li.scientifique{ background-color:#f6a919; } #menu_nav li.home{ background-color:#282883; padding:5px 10px 6px; } #menu_nav li li{ .border-radius(0px); font-size:0.9em; font-weight:100; margin:0; } #menu_nav li.scolaire li{ border-top:1px solid #d9514b; } #menu_nav li.scolaire li{ background:#d9362f; } /* #menu_nav li.scolaire li:nth-child(odd){ background:#d94e48; } */ #menu_nav li li:last-child{ .border-radius(0 0 15px 15px); } #menu_nav li li:first-child{ .border-radius-all(1px , 15px , 1px , 1px); border:0; } /* this is the parent menu */ #menu_nav li a { display:block; padding:10px 20px; line-height:15px; text-decoration:none; color:#fff; } #menu_nav li.home a { padding:0; } #menu_nav li a:hover { text-decoration:none; } #menu_nav li.scolaire li:hover { background:#d94a44; } #menu_nav li:hover { .box-shadow(0px , -1px , 2px , #b8b8b8); } #menu_nav li li:hover { .box-shadow-none; } /* you can make a different style for default selected value */ #menu_nav a.selected { font-weight:bold; } /* submenu, it's hidden by default */ #menu_nav ul { position:absolute; left:0; display:none; margin:0; padding:0; list-style:none; } #menu_nav ul.hover{ .box-shadow(0 , 1px , 2px , #b8b8b8); .border-radius-all(1px , 15px , 15px , 15px); } #menu_nav ul li { float:left; width:250px; } /* display block will make the link fill the whole area of LI */ #menu_nav ul a { display:block; min-height:15px; padding:10px; color:#fff; } #menu_nav .scolaire a:hover { text-shadow: 0px 0px 5px #6C1B17; } .box { .box-shadow(0px , 0px , 5px , #628197); .border-radius(30px); background:#fff; } #illustration { margin-bottom:50px; text-align:center; } #content_nav { padding:30px 0 50px 0; } /* Diaporama */ .diapo_radius{ margin-left:-15px; } .diapo_radius img{ .border-radius(45px); } .banners .diaporama{ position:relative; width:978px; height:200px } .banners .diaporama li{ list-style-type:none; overflow:hidden; position:absolute; } .banners{ margin:0 -10px 20px; } .diaporama-bottom{ position:relative; width:580px; height:200px; float : right; margin-right:20px; } .diaporama-bottom li{ list-style-type:none; overflow:hidden; position:absolute; padding:0 1px; } .banners-bottom{ margin:0 -10px 20px; height:200px; } .banners-bottom img{ float : left; margin-left : 20px; } /* Accordion */ .acc_box { color:#fff; min-height:60px; } .acc_box a, .acc_box h1, .acc_box div { outline:0 none; } .acc_box h1 { text-align:center; text-transform:none; padding:0; margin:0; border:none; } h1.arabe { font-size: 2em; } h1.ui-state-active { .border-radius(15px); } #scolaire h1.ui-state-active { .box-shadow(0px , 0px , 10px , #5c1714); } #litterature h1.ui-state-active { .box-shadow(0px , 0px , 10px , #01435f); } #scientifique h1.ui-state-active { .box-shadow(0px , 0px , 10px , #673b0d); } a.ui-state-active { font-size:1.3em; } .red_acc_box div.ui-accordion-content-active div { border-top:1px solid #b92e28; border-bottom:1px solid #b92e28; } .blue_acc_box div.ui-accordion-content-active div { border-top:1px solid #0286be; border-bottom:1px solid #0286be; } .orange_acc_box div.ui-accordion-content-active div { border-top:1px solid #ce771b; border-bottom:1px solid #ce771b; } .acc_box h1 a { min-height:60px; } .acc_box a { line-height:24px; padding:0px 10px; display:block; color:#fff; text-decoration:none; font-weight:bold; } .semi_acc_box_top { /* pour chrome <11 et safari <5 il faut pas de 0px */ .border-radius-all(15px , 15px , 1px , 1px); padding:5px; } .semi_acc_box_bottom { .border-radius-all(1px , 1px , 15px , 15px); padding:5px; } .submenu { padding:30px 0 30px 0; } #sub_scolaire_fr, #sub_scolaire_ar { min-height:200px; } .submenu ul{ min-height:200px; } .red_acc_box { background:#d9362f; } .red_acc_box.semi_acc_box_top h1 a { padding-top:20px; .border-radius(15px); background:#e15e59 url(../../img/images/button_red_bg_big.png) repeat-x 0 0px; } h1.ui-state-active { color:red; } .red_acc_box.semi_acc_box_top h1 a:hover { background:#e15e59 url(../../img/images/button_red_bg_big.png) repeat-x 0 100%; } .red_acc_box.semi_acc_box_bottom h1 a { padding-top:20px; background:#e15e59 url(../../img/images/button_red_bg_big.png) repeat-x 0 100%; .border-radius(15px); } .red_acc_box.semi_acc_box_bottom h1 a:hover { background:#e15e59 url(../../img/images/button_red_bg_big.png) repeat-x 0 0px; } .red_acc_box a:hover { text-shadow: 0px 0px 5px #6c1b17; color:#f4b5b1; } .blue_acc_box { background:#029ddf; } .blue_acc_box.semi_acc_box_top h1 a { padding-top:20px; .border-radius(15px); background:#029ddf url(../../img/images/button_blue_bg_big.png) repeat-x 0 0px; } .blue_acc_box.semi_acc_box_top h1 a:hover { background:#029ddf url(../../img/images/button_blue_bg_big.png) repeat-x 0 100%; } .blue_acc_box.semi_acc_box_bottom h1 a { padding-top:20px; background:#029ddf url(../../img/images/button_blue_bg_big.png) repeat-x 0 100%; .border-radius(15px); } .blue_acc_box.semi_acc_box_bottom h1 a:hover { background:#029ddf url(../../img/images/button_blue_bg_big.png) repeat-x 0 0px; } .blue_acc_box a:hover { text-shadow: 0px 0px 5px #014e6f; color:#c0eaf8; } .orange_acc_box { background:#f6a919; } .orange_acc_box.semi_acc_box_top h1 a { padding-top:20px; .border-radius(15px); background:#f6a919 url(../../img/images/button_orange_bg_big.png) repeat-x 0 0px; } .orange_acc_box.semi_acc_box_top h1 a:hover { background:#f6a919 url(../../img/images/button_orange_bg_big.png) repeat-x 0 100%; } .orange_acc_box.semi_acc_box_bottom h1 a { padding-top:20px; background:#f6a919 url(../../img/images/button_orange_bg_big.png) repeat-x 0 100%; .border-radius(15px); } .orange_acc_box.semi_acc_box_bottom h1 a:hover { background:#f6a919 url(../../img/images/button_orange_bg_big.png) repeat-x 0 0px; } .orange_acc_box a:hover { text-shadow: 0px 0px 5px #7b540c; color:#fdecc6; } .sub_sub { max-height:200px; overflow:auto; } .sub_sub a { text-indent:10px; font-size:0.9em; font-weight:100; } a.ok { font-size:1.3em; } .button { display:inline-block; .border-radius(13px); background:#282883; } .button a { color:#fff; display:block; line-height:25px; text-decoration:none; padding:0 10px; } .button.multi a:hover { text-decoration:underline; } .button:hover { background:#484895; .box-shadow(0px , 0px , 5px , #282883); } #access { margin-bottom:50px; font-size:0.9em; } #access p { } #footer { font-size:0.9em; padding:10px 0; border-top:2px solid #d6d2d4; } #footer_end { min-width:960px; margin:30px auto; height:100px; background:transparent url(../../img/images/shadow.png) no-repeat center top; } #social { position:fixed; right:0px; top:180px; .box-shadow(0px , 0px , 5px , #628197); /* pour chrome <11 et safari <5 il faut pas de 0px */ .border-radius-all(30px , 1px , 1px , 30px); background:transparent url(../../img/images/social_bg.png); } #social a.icon{ vertical-align:top; } .icon { display:inline-block; overflow:hidden; text-indent:-9999px; background-image:url(../../img/images/icones.png); } .i_36 { width:36px; height:36px; margin:2px; } .i_32 { width:32px; height:32px; } .i_24 { width:24px; height:24px; } a.newsletter { background-position:-0px 0; } a.newsletter:hover { background-position:-37px 0; } a.facebook { background-position:-74px 0; } a.facebook:hover { background-position:-111px 0; } a.twitter { background-position:-148px 0; } a.twitter:hover { background-position:-185px 0; } a.blog { background-position:-297px 0; } a.blog:hover { background-position:-334px 0; } a.rss { background-position:0 0; } a.rss:hover { background-position:-37px 0; } a.sharethis { background-position:-222px 0; } a.sharethis:hover { background-position:-259px 0; } a.home{ background-position:-25px -70px; } .yes { background-position:0 -70px; vertical-align:top; margin:0 5px; }/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT.*//* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix.*/ body { min-width: 960px; }/* Containers----------------------------------------------------------------------------------------------------*/ .container_16 { margin-left: auto; margin-right: auto; width: 960px; }/* Grid >> Global----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 { position: relative; }/* Grid >> Children (Alpha ~ First, Omega ~ Last)----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; }/* Grid >> 16 Columns----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_4 { width: 220px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_8 { width: 460px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_9-1 { width: 490px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_12 { width: 700px; } .container_16 .grid_13 { width: 760px; } .container_16 .grid_14 { width: 820px; } .container_16 .grid_15 { width: 880px; } .container_16 .grid_16 { width: 940px; }/* Prefix Extra Space >> 16 Columns----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_0 { padding-left: 30px; } .container_16 .prefix_1 { padding-left: 60px; } .container_16 .prefix_2 { padding-left: 120px; } .container_16 .prefix_3 { padding-left: 180px; } .container_16 .prefix_4 { padding-left: 240px; } .container_16 .prefix_5 { padding-left: 300px; } .container_16 .prefix_6 { padding-left: 360px; } .container_16 .prefix_7 { padding-left: 420px; } .container_16 .prefix_8 { padding-left: 480px; } .container_16 .prefix_9 { padding-left: 540px; } .container_16 .prefix_10 { padding-left: 600px; } .container_16 .prefix_11 { padding-left: 660px; } .container_16 .prefix_12 { padding-left: 720px; } .container_16 .prefix_13 { padding-left: 780px; } .container_16 .prefix_14 { padding-left: 840px; } .container_16 .prefix_15 { padding-left: 900px; }/* Suffix Extra Space >> 16 Columns----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 60px; } .container_16 .suffix_2 { padding-right: 120px; } .container_16 .suffix_3 { padding-right: 180px; } .container_16 .suffix_4 { padding-right: 240px; } .container_16 .suffix_5 { padding-right: 300px; } .container_16 .suffix_6 { padding-right: 360px; } .container_16 .suffix_7 { padding-right: 420px; } .container_16 .suffix_8 { padding-right: 480px; } .container_16 .suffix_9 { padding-right: 540px; } .container_16 .suffix_10 { padding-right: 600px; } .container_16 .suffix_11 { padding-right: 660px; } .container_16 .suffix_12 { padding-right: 720px; } .container_16 .suffix_13 { padding-right: 780px; } .container_16 .suffix_14 { padding-right: 840px; } .container_16 .suffix_15 { padding-right: 900px; }/* Push Space >> 16 Columns----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left: 60px; } .container_16 .push_2 { left: 120px; } .container_16 .push_3 { left: 180px; } .container_16 .push_4 { left: 240px; } .container_16 .push_5 { left: 300px; } .container_16 .push_6 { left: 360px; } .container_16 .push_7 { left: 420px; } .container_16 .push_8 { left: 480px; } .container_16 .push_9 { left: 540px; } .container_16 .push_10 { left: 600px; } .container_16 .push_11 { left: 660px; } .container_16 .push_12 { left: 720px; } .container_16 .push_13 { left: 780px; } .container_16 .push_14 { left: 840px; } .container_16 .push_15 { left: 900px; }/* Pull Space >> 16 Columns----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left: -60px; } .container_16 .pull_2 { left: -120px; } .container_16 .pull_3 { left: -180px; } .container_16 .pull_4 { left: -240px; } .container_16 .pull_5 { left: -300px; } .container_16 .pull_6 { left: -360px; } .container_16 .pull_7 { left: -420px; } .container_16 .pull_8 { left: -480px; } .container_16 .pull_9 { left: -540px; } .container_16 .pull_10 { left: -600px; } .container_16 .pull_11 { left: -660px; } .container_16 .pull_12 { left: -720px; } .container_16 .pull_13 { left: -780px; } .container_16 .pull_14 { left: -840px; } .container_16 .pull_15 { left: -900px; }/* `Clear Floated Elements----------------------------------------------------------------------------------------------------*//* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* choose Liste */ #chooseListe { display:block; } #chooseListe .blockChoose { width:250px; display:block; margin-right:10px; float:left; } #scientifique , #litterature{ margin-top:-5px; padding:5px; border-style:dashed; border-width:1px; border-color:red; .border-radius(10px); .box-shadow(0px , 0px , 3px , rgba(0, 0, 0, 0.55)); display:block; color:transparent; } #scientifique h5 , #litterature h5{ margin-top:10px; color:red; font-style:italic; height:30px; font-size:1.5em; text-transform:uppercase; position:absolute; margin-top:-30px; width:100%; text-align:center; } #scientifique span, #litterature span, #scolaire span{ visibility: hidden; margin: 0 !important; padding: 0 !important; } /* Ajout Hayssam pour animer les couleurs du logo*/ /* Pas fini mais tuto intéressant. Source: http://css-tricks.com/color-animate-any-shape-2/ */ /* @-webkit-keyframes super-rainbow { 0% { background: red; } 20% { background: orange; } 40% { background: yellow; } 60% { background: green; } 80% { background: blue; } 100% { background: violet; } } @-moz-keyframes super-rainbow { 0% { background: red; } 20% { background: orange; } 40% { background: yellow; } 60% { background: green; } 80% { background: blue; } 100% { background: violet; } } */ /* Listes scolaire */ .niveauSelect{ .border-radius(15px); border: 1px solid #dadada; background-color:#009de0; padding:3px 5px 3px 5px; margin-top:3px; margin-bottom:3px; text-decoration:none; font-weight:bold; } #notificationsTable{ margin-bottom:20px; } #notificationsTable table { border: medium solid #6495ed; border-collapse: collapse; } #notificationsTable th { font-family: monospace; border: thin solid #6495ed; width: 50%; padding: 10px; background-color: #D0E3FA; } #notificationsTable td { font-family: sans-serif; border: thin solid #6495ed; width: 50%; padding: 10px; text-align: center; background-color: #ffffff; } #rightListe{ display:left; float:left; width:560px; margin-left:10px; margin-top : 20px; border-left : 5px solid #fff; padding : 5px; .border-radius-all(15px , 1pxx , 1px , 1px); } #leftListe{ display:block; float:left; width:340px; padding : 5px; margin-top : 20px; background-color : #003399; color : #fff; border : 1px solid #777; .border-radius(15px); .box-shadow(7px , 7px , 7px , rgba(0 , 0 , 0 , .20); h2 {color : #fff;} a { color : #faa719; } li a{ color : #fff;} .infoBox{ color : #000; background-color : #D0E3FA; } } .cycle{ background:url("../../img/icon/plus.gif") no-repeat scroll 0 0 transparent; padding-left:18px; } .isSelected{ color:#faa719; } /*FEEDBACK*/ .slide-out-div { padding: 20px; width: 450px; background: #faf8d9; border: 1px solid #f0e9b6; } #betaLog{ bottom:0; position:static; } .handle{ .box-shadow(0px , 0px , 5px , #628197); /* pour chrome <11 et safari <5 il faut pas de 0px */ .border-radius-all(1px , 30px , 30px , 1px); background:white url(../../img/images/feedback96x32.png) no-repeat; padding:12px 8px; height:122px; width:40px; } #recherche { background:#f7f7f7 url(../../img/images/search_bg.png) repeat-x 0 0; border:1px solid #fff; .border-radius(17px); width:250px; height:34px; line-height:34px; margin:auto; .box-shadow(0px , 0px , 5px , #628197); } #input_search_all{ .border-radius(17px); border:none; width:200px; height:34px; padding:0 34px 0 10px; line-height:34px; float:left; background:transparent; font-size:1.3em; position:absolute; z-index:999; text-align:left; color:#141636; cursor:text; margin:0; } #search_submit_school{ border:none; cursor:pointer; float:right; position:relative; z-index:9999; background:url(../../img/images/icones.png) no-repeat 0 -37px; } .infoBox{ .information(#000,#f9f6a7,#e7d605); margin-bottom:30px; p {margin : 0px;} } .waitings{ display:block; width:20px; height:20px; } /*ACCES DES ECOLES*/ .addNiveau{ text-decoration:none; } .addNiveau img{ border:0; padding-right:10px; } #filesListe li { background: url("../../img/icon/file.png") no-repeat scroll 0 0 transparent; font-weight: bold; line-height: 30px; padding-left: 50px; } #filesListe li .text{ display: block; float: left; width: 360px; } #toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; } #email_newsletterDiv{ margin-top:20px; margin-left: 50px; background: #F7F7F7 url("../img/images/search_bg.png") repeat-x 0 0; border: 1px solid white; border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; width: 220px; height: 20px; line-height: 20px; -moz-box-shadow: 0px 0px 5px #628197; -webkit-box-shadow: 0px 0px 5px #628197; box-shadow: 0px 0px 5px #628197; } #email_newsletter{ border-radius: 17px; -moz-border-radius: 17px; -webkit-border-radius: 17px; border: none; width: 220px; height: 20px; padding: 0 20px 0 10px; line-height: 20px; float: left; background: transparent; font-size: 12px; font-weight:bold; position: absolute; z-index: 100; text-align: left; color: #141636; cursor: text; margin: 0; } #unsubscribe{ margin-top:5px; font-size:10px; } #email_newsletterButton{ margin-bottom: 25px; float: right; display: inline; margin-right: -90px; } #manage_newsletter fieldset{ padding-top:15px; padding-left:10px; } #manage_newsletter ul li{ margin-left:10px; text-decoration:none; } .infoBoxGreen{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #00cc66; color: black; background-color: #99ff99; padding: 5px; margin: 5px; font-size: 1.2em; margin-bottom: 30px; } .ligneScolaire h2 input{ margin-right:20px; } .ligneInfo{ background-color: #003399; } .ligneScolaire h2{ color: #ffffff; font-weight: bold; display:inline; } .elig_productDiv{ margin-bottom:15px; margin-top:15px; margin-left:55px; } .elig_product{ height:25px; } .elig_product input{ margin-right:15px; } .elig_product h3{ display:inline; } .manageQty{ display:inline; float:right; } .product_price{ color:red; float:right; font-weight:bold; display:inline; margin-right:50px; }