/* -------------------------------------------------------------- 
  
 Hartija Css Print  Framework
   * Version:   0.8 (2008-03-10)
   
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
Universal Internet Explorer 6 stylesheet:
http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Web site: http://hardboiledwebdesign.com
Twitter: http://twitter.com/malarkey

Version date : 13th June 2010
Version: 1.1 

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://cameronmoll.com
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

-------------------------------------------------------------- */

html,       body, 
div,      span, 
object,     iframe, 
h1, h2, h3, h4, h5, h6, 
p,        blockquote, 
pre,      a, 
abbr,       acronym, 
address,    code, 
del,      dfn, 
em,       img, 
q,        dl, 
dt,       dd, 
ol,       ul, 
li,       fieldset, 
form,       label, 
legend,     table, 
caption,    tbody, 
tfoot,      thead, 
tr,       th, td { 
margin : 0; 
padding : 0; 
border : 0; 
font-weight : inherit; 
font-style : inherit; 
font-size : 100%; 
font-family : inherit; 
vertical-align : baseline; }

/* Body ---------------------------------------------------- */

body {
width : 60%;
margin : 0 auto;
padding : 2em 0;
font : 88% Georgia, Times, serif;
line-height : 1.4;
background :  #fff;
color : #4c4c4c; }

/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { 
font-weight : normal; }

h1 { 
margin-bottom : .5em;
font-size : 3em; 
line-height : 1; }

h2 { 
margin-bottom : .75em;
font-size : 2em; }

h3 {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

h4 {
margin-bottom : 1.25em;
font-size : 1.2em;
line-height : 1.25; }

h5, h6 { 
margin-bottom : 1.5em;
font-weight : bold; 
font-size : 1em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { 
margin : 0; }

/* Text elements -------------------------------------------------------------- */

p { 
margin : 0 0 1.5em; }

a {
color : #105cb6; 
text-decoration : underline; }

a:visited { 
color : #a8a8a8; }

a:focus, a:hover { 
color : #a8a8a8; }

a img {
border : none;
margin:0 1em 0.5em 0;
}

blockquote { 
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px solid #a8a8a8;
font : italic 1.2em "Times New Roman", Times, serif; }

strong { 
font-weight : bold; }

em, dfn { 
font-style : italic; }

dfn { 
font-weight : bold; }

sup, sub { 
line-height : 0; }

abbr, acronym { 
border-bottom : 1px dotted #a8a8a8; 
cursor : help; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del { 
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #a8a8a8;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre { 
white-space : pre; }


/* Lists -------------------------------------------------------------- */

li ul, li ol { 
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 0; }

ul { 
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em; 
padding-top: 1.5em; 
border-top : 1px solid #a8a8a8; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em; 
padding-bottom: 1.5em; 
overflow:hidden;
}

/* Tables -------------------------------------------------------------- */

table {
border-collapse : separate; 
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

table, td, th { 
vertical-align : top; }

th, thead th {
font-weight : bold; }

th, td, caption {
padding : 4px 10px 4px 5px; 
text-align : left; 
font-weight : normal; }

th, td {
border-bottom : 1px solid #ccc; }

tfoot { 
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

/* Forms -------------------------------------------------------------- */

label { 
font-weight : bold; }

fieldset { 
margin : 0 0 1.5em 0; 
padding : 1.4em 1.4em 0 1.4em; 
border : 1px solid #a8a8a8; }

legend {  
font-size : 1.2em; 
font-weight : bold; }

textarea { 
width : 390px; 
height : 250px; 
padding : 5px; }


/* ------------------------------------------------------------------------------------------------------ */
/* =breadcrumb
--------------------------------------------------------------------------------------------------------- */
.breadcrumb {float:left;clear:both;margin:0 0 10px 0;width:100%;top:-20px;position: relative;}
.breadcrumb ol, div.visuels ul{list-style:none outside none;}
.breadcrumb li {float:left;}
.breadcrumb li span{padding:0 3px;}

/* ------------------------------------------------------------------------------------------------------ */
/* =detail produit
--------------------------------------------------------------------------------------------------------- */
#main .product {
    clear:both;
}
#main .product .inner {
  position:relative;
}

#main .product .photo {
    float: left;
    width: 155px;
    margin: 0 20px 15px 0 !important;
}

#main .product .photo .visuels{display: none;}

#main .product .photo .tags {
  position:absolute;
  top:-1.3em;
  left:0;
  height:1em !important;
}

#main .product .photo .tags a {
  text-decoration:none;
}

#main .product .photo .tags ul {
    list-style:none outside none;
}

#main .product .product-information {
    overflow:hidden;
    width: 460px;
    margin: 13px 0 0 0;
}

#main .product .availability {
    float: none;
    width: auto;
    margin: 15px 0 0;
}

#main .product .product-information .brand-logo  {
    float: right;
    clear: right;
    margin: 0 0 10px 10px;
}

#main .product .product-information .brand  {
    float: none;
    display: block;
    margin: 0 0 10px;
    width: auto;
}

#main .product .product-information .brand a  {
    text-decoration: none;
    text-transform: uppercase;
    color: #162868;
}


#infos-produit {clear:both;display:block;width:100%;margin-bottom:10px;padding-top:0;overflow:hidden;}
#infos-produit .bloc_info {float:left;width:160px;margin:0 30px 0 0;padding:4px 0;}
#infos-produit .bloc_info p {margin:0 0 0;font-size:11px;font-style:italic;line-height:14px;}
#infos-produit #catalogue p span {color:#000;font-weight:bold;}

.infos-produit p{margin:0;}

#detail_product {border-collapse:collapse;} 
#detail_product th {box-shadow: inset 0 0 0 1000px #ddd};
#detail_product, 
#detail_product th, 
#detail_product td {border:1px solid #CCC;}


/* ------------------------------------------------------------------------------------------------------ */
/* =pagination
--------------------------------------------------------------------------------------------------------- */
.pagination{margin:0 0 10px 0; height:30px;width:100%;display:block;text-align:center;}
.pagination ul{margin:0;padding:5px 0 5px;position:relative;overflow:hidden;float:right;}
.pagination ul li{border:0; margin:0; padding:0;font-size:11px;list-style:none;float:left;}
.pagination a{border:solid 1px #DDDDDD;margin-right:2px;}
.pagination .shorthands a {font-weight:bold;border:solid 1px #FFFFFF;}
.pagination .current{color:#E2001A;font-weight:bold;display:block;float:left;padding:4px 6px;margin:0;}
.pagination a:link,
.pagination a:visited {color:#0063e3;display:block;float:left;padding:2px 6px;text-decoration:none;}
.pagination a:hover{border:solid 1px #666666;}
/*switch-view*/
.pagination ul.switch-view {margin-left:5px;}
.pagination .switch-view a:link,
.pagination .switch-view a:visited{padding:0;width:20px;height:20px;display:block;background:none 0 0 no-repeat;text-indent:-500000px;overflow:hidden;}
.pagination .switch-view li.list a{background-image:url(img/icons/list_view.png);}
.pagination .switch-view li.grid a{background-image:url(img/icons/grid_view.png);}
.pagination .switch-view li.disabled a{background-position:0 -20px;cursor:default;outline:none;}
.loader {position:absolute;z-index:60;top:0;left:0;width:100%;height:100%;background:url(img/light-80-background.png) 0 0 repeat;cursor:auto;text-align:center;}
.loader .inside {width:100%;text-align:center;position:relative;top:65px;border-top:1px solid #666;border-bottom:1px solid #666;color:#666;padding:15px 0 30px 0;background:#fefefe url(img/ajax-loader-small.gif) 50% 40px no-repeat;}

.vcard .contact {
  display:block;
}



body { 
width:96% !important;
margin:2% !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }

/*Headings */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}

ul,ol {list-style-position:inside;}

code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;  font-size: 10pt; }
hr { background-color: #ccc; }

/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }

/* Links */
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
/*a[href^="http://"]:after { content: " (" attr(href) ") "; font-size: 90%; }*/
a[href^="http://"] {color:#000; }

/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;} 


/*hide various parts from the site */
#header hr, 
header hr, 
#secondary-nav, 
#user-panel,
.user-panel,
#summary-cart, 
#quick-search,
.quick-search,
#sub, 
.sub, 
#contact,
#main-nav, 
#direct-access, 
#third-nav h2, 
#sub-level, 
#third-nav ul, 
#breadcrumb, 
#detail_product .recalculer,
.detail_product .recalculer,
.actions,
.btn.print,
.help-palier, 
.palier, 
.form_cart img, 
.caroussel, 
.ss3i, 
.product-detail #detail_product label,
.block-push, 
.block-infos, 
#best, 
#footer .cell, 
#products,
.addthis_toolbox, 
.advert,
.articles-anchor, 
hr,
.vcard .type, 
.product-filter, 
td.quantite,
th#quantite,
div.see_also,
div.footer-rayons,
div.footer-services,
div.footer-pratique,
div.product-offers,
/*.pagination,*/
.ui-multiselect-menu, 
#leftSideBar,
nav,
.block-newsletter,
.bootstrap-touchspin span, 
footer .rayons,
footer .services,
footer .pratique {display:none;}

/* ------------------------------------------------------------------------------------------------------ */
/* =header
--------------------------------------------------------------------------------------------------------- */
header,
#header {
  border-bottom:4px solid #ddd;
  text-align:right;
  margin-bottom:1.5em;
  height: 55px;
}
header h2, 
header p, 
#header h2, 
#header p{
  margin-bottom:0;
}

h2{
  font-size:1.3em;
}


header h1,
#header h1{
  text-align:left;
  font-size:1.5em;
  line-height:50px;
}
header img,
#header img {
  margin-top:0;
}

#header .logo-adh, 
#header .logo-enseigne{
  display: inline-block;
  margin: 0 10px 5px 0;
}
#header .logo-enseigne{float: right;clear: right;}

header h2,
#header h2{
  font-size:1em;
  display: none;
}
.baseline, 
#baseline {
  font-size:0.8em;
  display: none;
}

.product-detail img{
  margin-top:0;
}

.main-price{
  display:inline;
}


#infos-prix{
  box-shadow: inset 0 0 0 1000px #ddd;
  margin:0.5em 0;
  font-size:0.9em;
  padding:10px;
  display:block;
}

#third-nav {
  margin-top:0 !important;
}

#infos-prix,
#infos-prix strong,
#infos-prix a {
  font-weight:normal;
  color:$text_color;
  font-style:italic;
  text-decoration:none;
}



footer, 
#footer {
  border-top:4px solid #ddd;
  padding:0.5em 0;
  font-style:italic;
  font-size:0.7em;
  margin-top:1.5em;
  margin-bottom:0.5em;
}

footer a,
#footer a {
  color:black !important;
}

.vcard {float:left;}
.sole {border:0;padding-top:10px;}
footer img {margin:5px;}
footer .cofaq-group {float:right;text-align:right;}
footer .cofaq-group a {display:block;}
footer .cofaq-group img {margin:5px;float:none;}