/****************************************************************************************** DEFAULT *******************************************************************************************/ body { font: 100% Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #627EA6; background-image: url(http://www.lecactusmusic.com/img/jpg/fond.jpg); background-repeat: no-repeat; background-position: center top; } .cactus #container { width:990px!important;width:995px; margin: 0 auto; text-align: left; } .cactus #header { padding: 0px; margin: 0px; } /****************************************************************************************** MainContent *******************************************************************************************/ .cactus #mainContent { margin-right:240px; margin-top: 0px; vertical-align: top; width:auto!important;width:720px; } .cactus #mainContent #contain { border-bottom-width: 2px; border-left-width: 2px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #000738; border-left-color: #000738; float: left; overflow:hidden; width: 717px; margin-top: 10px; border-right-width: 2px; border-right-style: solid; border-right-color: #000738; background-color: #FFFFFF; vertical-align: top; } .cactus #mainContent #contain .titre { height: 32px; background-color: #000B2C; text-transform: uppercase; color: #FFFFFF; text-decoration: none; line-height: 32px; padding-left: 10px; font-weight: bold; } .cactus #mainContent #contain .titre-bleu { height: 32px; background-color: #000B2C; text-transform: uppercase; color: #98bff6; text-decoration: none; line-height: 32px; padding-left: 10px; font-weight: bold; } .cactus #mainContent #contain .p { margin: 0px; padding-top: 10px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #FFFFFF; } .cactus #mainContent #contain .img-float-contain { width: 165px; height:120px; overflow:hidden; float: left; margin-right:5px; margin-bottom: 5px; } .cactus #mainContent #contain .img-float { width: 165px; height:100px; overflow:hidden; } .cactus #mainContent #contain .img-2 { width: 180px; height:150px; overflow:hidden; float: left; margin-right:7px; margin-bottom: 5px; } .cactus #mainContent #contain .img-3 { width: 60px; height:55px; overflow:hidden; float: left; margin-right:5px; } .cactus #mainContent #contain .intro-fond { font-size: 22px; font-weight: normal; color: #000000; padding: 5px; font-family: Arial, Helvetica, sans-serif; overflow:hidden; letter-spacing: -1px; background-color: #E5E5E5; width: 130px; } .cactus #mainContent #contain .txt-titre { font-size: 16px; font-weight: bold; color: #000000; padding: 5px; font-family: Arial, Helvetica, sans-serif; } .cactus #mainContent #contain .txt { font-size: 12px; padding: 5px; font-family: Arial, Helvetica, sans-serif; } .cactus #mainContent #contain .txt a { display: block; margin: 0px; padding-top: 5px; color: #333333; text-decoration: none; padding-bottom: 5px; } .cactus #mainContent #contain .txt a:hover { color: #F26100; text-decoration: underline; } /*** contain-2 **/ .cactus #mainContent #contain-2 { float: left; overflow:hidden; width:710px!important;width:704px; border: 10px solid #4B4B4B; background-color: #4B4B4B; margin:0px!important;margin-right:-5px; padding:0px!important;padding-right:2px; } .cactus #mainContent #contain-2 .img { width: 50px; height:50px; overflow:hidden; float: right; margin-right:3px!important;margin-right:0px; border: 0px solid #404040; } .cactus #mainContent #contain-2 .intro { font-size: 16px; color: #A6A6A6; font-family: Arial, Helvetica, sans-serif; overflow:hidden; overflow:hidden; padding-top: 0px; padding-right: 15px; padding-bottom: 5px; padding-left: 5px; } .cactus #mainContent #contain-2 .titre { text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding-left: 5px; font-weight: bold; } .cactus #mainContent #contain-2 .p { margin: 0px; background-color: #FFFFFF; padding: 10px; } .cactus #mainContent #contain-2 .intro-fond { font-size: 22px; font-weight: normal; color: #000000; padding: 5px; font-family: Arial, Helvetica, sans-serif; overflow:hidden; letter-spacing: -1px; background-color: #E5E5E5; width: 130px; } /*** contain-3 **/ .cactus #mainContent #contain-3 { border-bottom-width: 2px; border-left-width: 2px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #000738; border-left-color: #000738; float: left; width: 717px; margin-top: 10px;} .cactus #mainContent #contain-3 .img { width: 115px; height:100px; overflow:hidden; float: left; margin-right:10px; } .cactus #mainContent #contain-3 .intro { font-size: 22px; color: #000000; font-family: Arial, Helvetica, sans-serif; overflow:hidden; height:140px; overflow:hidden; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 10px; } .cactus #mainContent #contain-3 .titre { height: 32px; background-color: #000B2C; text-transform: uppercase; color: #FFFFFF; text-decoration: none; line-height: 32px; padding-left: 10px; font-weight: bold; } .cactus #mainContent #contain-3 .p { border-right-width: 2px; border-right-style: solid; border-right-color: #000738; background-color: #FFFFFF; padding: 15px; } .cactus #mainContent #contain-3 .txt-filet { border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; margin: 0px; padding: 0px; height: 100px; } .cactus #mainContent #contain-3 #txt-filet-no { border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; margin: 0px; padding: 0px; } .cactus #mainContent #contain-3 #txt-filet-no a { color:#FF6600; } .cactus #mainContent #contain-3 #txt-filet-no a:hover {} .cactus #mainContent #contain-3 .txt-titre { font-size: 14px; font-weight: bold; color: #4B4B4B; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left:0px; } .cactus #mainContent #contain-3 .txt-titre-3 { font-size: 14px; font-weight: bold; color: #4B4B4B; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left:0px; } .cactus #mainContent #contain-3 .txt { font-size: 11px; padding: 5px; font-family: Arial, Helvetica, sans-serif; color: #4B4B4B; } .cactus #mainContent #contain-3 .txt a { display: block; margin: 0px; padding-top: 5px; color: #7E7E7E; text-decoration: none; padding-bottom: 5px; } .cactus #mainContent #contain-3 .txt a:hover { color: #F26100; text-decoration: underline; } .cactus #mainContent #contain-3 .txt12 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #4B4B4B; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .cactus #mainContent #pages { color: #FFFFFF; font-size: 11px; font-weight: bold; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; text-align: center; } .cactus #mainContent #pages a { color: #000B2C; text-decoration: none; } .cactus #mainContent #pages a:hover { color: #FFFFFF; text-decoration: underline; } iframe { border: 10px solid #E5E5E5; } /****************************************************************************************** Sidebar 1 *******************************************************************************************/ .cactus #sidebar1 { float: right; width:240px!important;width:220px; padding:10px; background-color: #4b4b4b; margin-top: 0px; } .cactus #sidebar1 #new-products{ background-color: #D2D2D2; margin-top:10px!important;margin-right:0px; font-size: 11px; background-repeat: repeat-x; padding: 0px; } .cactus #sidebar1 #new-products .contain { clear:both; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .cactus #sidebar1 #new-products .titre { margin:0px; } .cactus #sidebar1 #new-products .img{ margin-left:10px!important;margin-left:5px; margin-top:6px; } .cactus #sidebar1 #new-products a { color: #4B4B4B; text-decoration: none; } .cactus #sidebar1 #new-products a:hover { color: #FF6600; text-decoration: underline; } .cactus #sidebar1 #new-products .pr-acc { font-size: 16px; font-weight: bold; color: #FF6600; letter-spacing: -1px; } .cactus #sidebar1 #video { overflow:hidden; width:240px; font-size: 9px; color: #E4E4E4; } .cactus #sidebar1 #video a { color: #E4E4E4; text-decoration: none; } /****************************************************************************************** Footer *******************************************************************************************/ .cactus #footer { padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; } .cactus #footer p { margin: 0; padding: 10px 0; } .cactus #footer-rub { padding: 10px; background-color: #FFFFFF; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #4B4B4B; border-left-color: #4B4B4B; color: #39A61F; border-top-width: 10px; border-top-style: solid; border-top-color: #4B4B4B; } .cactus #footer-rub .titre { font-weight: bold; color: #003366; width: 120px; float: left; } .cactus #footer-rub .txt { } .cactus #footer-rub .pad { padding-top: 3px; padding-bottom: 3px; } .cactus #footer-rub a { color: #666666; text-decoration: none; text-transform: capitalize; } .cactus #footer-rub a:hover { color: #FF6600; text-decoration: underline; } .cactus #footer-rub-plan { padding: 0px; background-color: #95c730; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #4B4B4B; border-left-color: #4B4B4B; color: #005100; margin: 0px; background-image: url(http://www.lecactusmusic.com/img/png/fond-plan-2.png); background-repeat: repeat-x; background-position: right top; border-top-width: 10px; border-top-style: solid; border-top-color: #4B4B4B; } .cactus #footer-rub-plan .titre { color: #353535; font-weight: normal; padding-top: 3px; padding-right: 10px; padding-left: 10px; margin-bottom: 3px; } .cactus #footer-rub-plan .txt { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .cactus #footer-rub-plan a { color: #353535; text-decoration: none; text-transform: capitalize; } .cactus #footer-rub-plan a:hover { color: #FFFFFF; text-decoration: underline; } .cactus #footer-rub-fin { background-color: #7F7F7F; color: #ffffff; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #4B4B4B; border-left-color: #4B4B4B; } .cactus #footer-rub-fin .titre { background-color: #4b4b4b; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 5px; font-size: 16px; } .cactus #footer-rub-fin .txt { padding-left: 10px; padding-right: 10px; padding-bottom: 4px; color: #4B4B4B; } .cactus #footer-rub-fin a { color: #333333; text-decoration: none; text-transform: capitalize; font-weight: normal; font-style: italic; } .cactus #footer-rub-fin a:hover { color: #E6ECF7; text-decoration: underline; } /****************************************************************************************** DEFAULT *******************************************************************************************/ .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /****************************************************************************************** Logo txt & btn index *******************************************************************************************/ .Menu-container { margin: 0px; padding: 0px; height: 56px; width: 100%; } .cactus #logo-txt { color: #FFFFFF; position: absolute; font-style: italic; font-family: Arial, Helvetica, sans-serif; top: 105px; margin-left: 16px; font-size: 17px; } .cactus #accueil-txt { margin-top: 5px; margin-bottom: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-left: 220px; color: #FFFFFF; } .accueil-txt-boutique { margin-top: 5px; margin-bottom: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-left: 220px; color: #FFFFFF; position: absolute; top: 106px; } .cactus #accueil-txt a:link { color: #FFFFFF; text-decoration: none; } .cactus #accueil-txt a:hover { color: #FFFFFF; text-decoration: underline; } .cactus #cadre_flash { background-color: #000000; margin-left:0px; width:730px!important;width:722px; } /****************************************************************************************** 3 pavés index *******************************************************************************************/ .cactus #gauche { border-bottom-width: 2px; border-left-width: 2px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #000738; border-left-color: #000738; margin-right:10px!important;margin-right:5px; float: left; margin-top: 10px; height: 425px; overflow:hidden; width:auto!important;width:231px; } .cactus #gauche .gauche-sans-marg { margin-right: 0px; } .cactus #gauche .titre { height: 32px; background-color: #000B2C; text-transform: uppercase; color: #FFFFFF; text-decoration: none; line-height: 32px; padding-left: 10px; font-weight: bold; } .cactus #gauche .titre-bleu { height: 32px; background-color: #000B2C; text-transform: uppercase; color: #98bff6; text-decoration: none; line-height: 32px; padding-left: 10px; font-weight: bold; } .cactus #gauche .p { border-right-width: 2px; border-right-style: solid; border-right-color: #000738; margin: 0px; padding: 5px; background-color: #FFFFFF; height: 426px; } .cactus #gauche .img { width: 219px; height:180px; overflow:hidden; } .cactus #gauche .intro { font-size: 11px; font-weight: bold; color: #6A6A6A; padding: 5px; font-family: Arial, Helvetica, sans-serif; width: 209px; height: 50px; overflow:hidden; } .cactus #gauche .txt { width: 209px; font-size: 11px; padding: 5px; font-family: Arial, Helvetica, sans-serif; } .cactus #gauche .txt a { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; display: block; margin: 0px; padding-top: 5px; color: #333333; text-decoration: none; padding-bottom: 5px; } .cactus #gauche .txt a:hover { color: #F26100; text-decoration: underline; } /****************************************************************************************** Tél *******************************************************************************************/ #tel { margin-right: 12px; float: right; margin-top: -43px; } /****************************************************************************************** Entete Moteur *******************************************************************************************/ #moteur { position: absolute; padding-left:245px; width: 745px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } /* Header */ #moteur ul { list-style: none; } #moteur form { border: none; margin-bottom: 0!important; display: inline; } #moteur label { margin: 0; float: none; } /* top links */ #moteur ul#header_links { margin: 0.4em 0.3em 0 0; list-style-type: none; float: left; } #moteur #header_links li { float:left; width: 66px; } #moteur #header_links a { display: block; height: 15px; color: #FFFFFF; padding-top: 19px; text-align: center; text-decoration: none; background-repeat: no-repeat; background-position: top center; background-color: transparent; } #moteur #header_links #header_link_sitemap a { background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/sitemap.gif'); } #moteur #header_links #header_link_contact a { background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/contact.gif'); } #moteur #header_links #header_link_bookmark a { background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/star.gif'); } /* block top search */ #moteur #search_block_top { background: #e5e6e7 url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/block_search_bg.jpg') no-repeat top right; height: 28px; width: 336px; float: right; margin-right: 12px; } #moteur #search_block_top p { height:30px; margin-top: 0px; padding-top: 0.4em; padding-right: 0em; padding-bottom: 0.4em; padding-left: 1em; } #moteur #search_block_top label{ float:left; } #moteur #search_block_top input{ float:left; } #moteur #search_block_top label { background: transparent url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/search.gif') no-repeat 0 2px; float: left; width: 19px; height: 18px; display: block; } #moteur #search_block_top input#search_query { width: 12em; } /* block left column "Quick search" */ #moteur #search_block_left input { margin: 2px 0px 0px 0px; } #moteur #search_block_left #search_query { width: 11em; } #moteur #search_button { display: inline; } /* global button */ #moteur #search_block_top 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 { background-repeat: no-repeat; background-position: top left; border: none; color:black!important; font-weight: bold; font-size: 10px!important; text-align: center; text-decoration: none!important; cursor: pointer; display: block; line-height: 18px; height: 18px; } /* input button */ #moteur #search_block_top 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 */ #moteur #search_block_top 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 { background-position: left -36px; cursor:default; color:#888!important; } /* exclusive button */ #moteur #search_block_top 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 { color:white!important; } /* exclusive disabled button */ #moteur #search_block_top 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:#488c40!important; } /* hover button */ #moteur #search_block_top 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 { background-position: left -18px; } /* exclusive hover button */ #moteur #search_block_top 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; } #moteur #search_block_top 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 { width: 30px; background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/button-mini.gif'); } #moteur #search_block_top 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 { width: 60px; background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/button-small.gif'); } #moteur #search_block_top input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive { width: 120px; background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/button-medium.gif'); } #moteur #search_block_top 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 { width: 180px; background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/button-large.gif'); } /* block top user information */ #moteur #header_user { width: 99%; text-align: right; clear: left; margin:0.6em 0.6em 0 0; } #header_user p { color: #ffffff; } #header_user span { font-weight: bold; } #header_user ul { margin-top: 0.3em; } #header_user li { float: right; line-height: 2em; margin-left: 0.5em; white-space: nowrap; } #header_user #shopping_cart, #header_user #your_account { font-size: 0.9em; } #header_user #shopping_cart a, #header_user #your_account a { background-repeat: no-repeat; background-position: top left; padding: 2px 0 4px 26px; height: 20px; text-decoration: none; } #header_user #shopping_cart a { background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/cart.gif'); } #header_user #shopping_cart span.ajax_cart_quantity { padding-right:0.5em; } #header_user #your_account a { background-image: url('http://www.lecactusmusic.com/boutique/themes/prestashop/img/icon/my-account.gif'); }