/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 75%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex:*/ 
  font-family: Helvetica, Arial, FreeSans, sans-serif;
  /*font-size: .7em;*/ /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  letter-spacing: 1px;
  color: black; 
  background: white; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.3em; 
  color: #7a011c;
} 
h2 { 
  font-size: 1.3em; 
} 
h3 { 
  font-size: 1em; 
} 
h4 { 
  font-size: 1em; 
  margin: 0 0 5px 0;
  padding: 0;
} 

h1 span.smaller {
    font-size: .8em;
    text-transform: none;
    display: block;
}
 
.category-description h1,
.main .page-title h1,
.page-head h1,
.col-main h1 {
	margin: 0;
	padding: 0;
	color: #7a011c;
	font-size: 2em;
	text-transform: uppercase;
} 
 
 
.main .box-title,
.addresses-list li.item h3,
.order-details > h3,
.product-details dt,
.product-details h3,
.product-img-box .label {
	margin: 0 0 15px 0;
	overflow: auto;
	border-bottom: 1px dashed #000;
	font-weight: bold;
} 

.order-details h3 { margin: 0 0 10px 0;}

.addresses-list li.item h3 { margin: 0; padding: 0; height: auto; color: #000; }

.main .box-title h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	float: left;
} 
.main .box-title a {
	float: right;
	outline: none;
        margin-left: 2px;
}

h2 a.link-print {
	color: #fff;
	text-decoration: underline;
	text-transform: none;
	font-size: .8em;
	float: right;
	margin-right: 25px;
	letter-spacing: 2px;
}
/* Titres pages statiques */
.cms-page-view h2{ font-size: 1.7em; color: #6c6d74;} 
.cms-page-view h3{ font-size: 1.4em; color: #3b3c46;} 
.cms-page-view h4{ font-size: 1.1em; font-style: italic;} 
 
/* Listes */ 
ul, ol { 
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-image: none;
} 


ul.inline li { float: left; margin: 0 10px 0 0; overflow: auto; }
 
/* Paragraphes */ 
p { 
  margin: 10px 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
	color: #b6030b;
	text-decoration: none;
} 
a:link { 

} 
a:visited { 

} 
a:hover, a:focus, a:active { 
	text-decoration: underline;
} 
 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

.button {
	border: 1px solid #f7c221;
	background: #f7c221;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	height: 24px;
        font-size: .9em;
        font-weight: bold;
}

.button:hover {
	cursor: pointer;
}


.discount .button,
.shipping-form .button,
.shopping-cart-wrapper .btn-continue,
.shopping-cart-wrapper .btn-update {
    padding-bottom: 2px;
    border-color: #646464;
    background: url(../images/background-button-black.png);    
}


span.button {
	display: block;
	padding: 5px 5px 0 5px;
	height: 19px;
}

.button a {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: .1em;
}

.validation-advice {
	color: red !important;
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
 
/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title] { 
  border-bottom: 1px dotted; 
  cursor: help; 
} 
 
/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 

.center{ text-align: center;}
img.center{text-align: center; margin:5px; }
.imageLeft{display:block;float:left; margin:2px 10px 2px 0; }
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 
 
/* Styles de base pour les listes de définition */ 
dl { 
  margin: .75em 0; 
} 
dt { 
  margin: .75em 0 0 0; 
  font-weight: bold; 
} 
dd { 
  margin: .25em 0 .25em 32px; 
} 
 
/* Mise en forme simple pour les tableaux */ 
table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
} 
 
/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
  display: block; 
}

.clear-both {
	clear: both;
}
hr.clear-both {
	margin: 0;
	padding: 0;
	line-height: 0;
}
hr{ color:#e6e6e6;}

.f-left { float: left; }