/*  

Copyright © 2012 Troll d'idées. Tous droits réservés.
Feuille de styles commune
Thème : HTML 5
Créé le : 01/2012
Cette feuille de styles contient tous les styles de tout le site. La feuille est partagée en section 

CH1 	RESET CSS
CH2		STYLES GENERIQUES
			STYLES GENERIQUES
			STYLES GENERIQUES/SECTION
CH3 	STRUCTURE
			ZONING PRINCIPAL
			header
			.tools
			.tetiere
			.chemin
			.bt_top
			.nav (navigation de pied de page)
			footer
CH4 	MODULES ET WIDGETS
			CH41	site web
						menu horizontal 
						menu déroulant 
						billets
			CH42	COMMUNICATION
						newsletter
						formulaire
			CH43	BLOG
						commentaires
						bookmarqueurs			
			CH44	COMPTE
						identification
						identification rapide
						inscription
						gestion de compte
			CH45	COMMANDE
						panier
						chemin commande
						panier détail
						livraison 			
			CH46	RECHERCHE
			CH47 	CATALOGUE et fiche produits 
						listes produits
						vignettes produits
						produits vedette
						les plus achetés
						produits associés
						liste catégorie
						fiche produit
						commentaire produits
						nuages de mots clés
CH5 	LIGHTBOX
CH6 	NOUVEAUX MODULES ET WIDGETS 
			CH61 	VCARD
			CH62 	CAROUSSEL PRODUITS VEDETTE 
			CH63 	CAROUSSEL BILLETS
			CH64	ACCORDEON LISTE BILLETS 
CH7 	STYLES DU CONTEXTE SIDEBAR
CH8 	MEDIAQUERIES SMART PHONE ET TABLETTES

*/




/* ------------------------------------------------------------------------
CH1 RESET CSS http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) 
------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ul li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
				article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.none {
	display:none
}
.cl_both {
	clear:both;
	float:none
}
/*------------------------------------------------------------------------
CH2 STYLES GENERIQUES - BEGIN
------------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#333;
	color:#333;
	position:relative;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-weight:normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#000;
}
h1 {
	color:#000
}
h2 {
}
h3 {
}
h4 {
	font-weight:bold;
}
h5 {
	font-weight:bold;
}
h6 {
	font-weight:bold;
}
strong {
	font-weight:bold
}
em {
	font-style:italic
}
a {
	color: #e7792b;
	text-decoration:underline
}
a:hover, a:focus {
	color:#b7370c;
	text-decoration:none
}
input.textfield {
	border: solid 1px #bfbfbf;
	padding:4px;
	background:#fff;
	margin-bottom:2px
}
input.textfield.file {
	border: solid 0px #bfbfbf;
	padding:inherit;
	background:none;
}
input.textfield.file:hover, input.textfield.file:focus {
	border: solid 0px #bfbfbf;
	padding:inherit;
	background:none;
}
input.submit, input[type=submit] {
	background:#e7792b;
	color:#fff;
	cursor:pointer;
	border:none;
	text-align:center;
	padding:5px;
	margin-bottom:15px;
	margin-top:5px;
	margin-right:2px
}
section input.submit, section input[type=submit], section input.textfield, section textarea {
	margin-top:5px;
	margin-right:2px
}
input.submit.reset, input[type=submit].reset {
	background:#ccc;
	color:#000;
}
input.submit:hover, input.submit:focus, input[type=submit]:hover, input[type=submit]:focus {
	background:#b7370c none;
}
textarea {
	border: solid 1px #bfbfbf;
	padding:4px;
	min-width:40%;
	background:#fff;
	margin-bottom:2px
}
input.textfield:focus, input.textfield:hover, textarea:focus, textarea:hover {
	border: solid 1px #b7370c;
}
select {
	border: solid 1px #bfbfbf;
	max-width:200px!important
}
.alerte {
	color:#F00;
	font-weight:bold
}
.erreurs {
	color:#fff;
	background:#f00;
	padding:10px;
	margin:5px 0
}
.erreur {
	color:#f00;
	font-weight:bold
}
.erreurs .erreur {
	color:#fff;
	font-weight:bold
}
fieldset {
	padding:10px;
	border: solid 1px #bfbfbf;
	margin:0px 0 30px
}
fieldset legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#434e57;
	font-size:1.3em;
	font-weight:normal;
	padding:0 10px;
}
/* STYLES GENERIQUES S'APPLIQUANT A LA SECTION*/
section article {
	padding-bottom:20px;
	clear:both
}
section article.post_content {
	clear: none
}
section .main ul {
	padding:inherit;
	margin:0 0 0 20px;
}
section .main ul li {
}
article form p, article form p:after, article form h2 {
	clear:both;
	float:none
}
article form .factultatif {
	float:left;
	padding: 0 0 0 1%
}
article form label {
	width:40%;
	float:left;
	text-align:right;
	padding-right:5px;
}
.sidebar article form label {
	width:97%;
	float:none;
	text-align:left;
	padding-right:0;
	display:block;
	margin-left:2px
}
.sidebar article form label.checkbox_label {
	width:inherit;
	display:inline
}
header.top article form label {
	width:97%;
	float:none;
	text-align:left;
	padding-right:0;
	display:block
}
header.top article form label.checkbox_label {
	width:inherit;
	display:inline
}
article form input.textfield, article form textarea {
	width:40%;
	float:left;
	margin-left:2px
}
.sidebar article form input.textfield, .sidebar article form textarea {
	width:95%;
	float:none;
	display:block
}
header.top article form input.textfield, .sidebar article form textarea {
	width:95%;
	float:none;
	display:block
}
article form input[type=submit] {
	margin-left:41%;
	float:left;
}
article.produit_detail form input[type=submit] {
	margin-left:0;
	float:right;
}
.sidebar article form input[type=submit] {
	margin-left:0;
	margin-right:0;
	float:right;
}
header.top article form input[type=submit] {
	margin-left:0;
	margin-right:0;
	float:right;
}
section h1, section h2, section h3, section h4, section h5, section h6 {
	margin-bottom:10px
}
section h2, section h3, section h4, section h5, section h6 {
	padding-top:20px;
	color:#b7370c;
}
section h1 {
	
}
section h1 a {
	color:#fff;
}
section h1 a:hover, section h1 a:focus {
	color:#fff;
}
section .sidebar h1 {
	margin:0 0px 0px 0px;
}
/*------------------------------------------------------------------------
CH3 STRUCTURE - BEGIN
------------------------------------------------------------------------*/
/* ========== Eléments de mise en forme (utilisé par le configurateur de page du Back-Office) ========== */

.col {
	clear: both;
	zoom: 1; /* Pour faire fonctionner tout ça sur cette s... de IE6 ! */
	margin: 20px auto 0;
	width: 100%;
}
.col_left_50_50 {
	float: left;
	width: 48%;
	margin-bottom: 25px;
}
.col_right_50_50 {
	float: right;
	width: 48%;
}
.col_left_65_35 {
	float: left;
	width: 67%;
}
.col_right_65_35 {
	float: right;
	width: 33%;
}
.col_left_35_65 {
	float: left;
	width: 33%;
}
.col_right_35_65 {
	float: right;
	width: 63%;
}
.col_left_35_35_35 {
	float: left;
	width: 31%;
}
.col_middle_35_35_35 {
	float: left;
	width: 31%;
	margin: 0 0 0 3.5%;
	display: inline;
}
.col_right_35_35_35 {
	float: right;
}
.cl_both {
	clear:both
}
#page {
	line-height:125%;
	width:100%;
	margin:0 auto;
	line-height:125%;
}
.sub_header {
	width:100%;
	clear:both;
}
.sub_header nav {
	width:970px;
	margin:0 auto;
	min-height:48px;
}
section.section {
	width:970px;
	margin:0 auto 15px;
}
.sidebar {
	width:250px;
	padding:0px 0 30px;
	font-size:0.8em
}
.main {
	width:950px;
	padding: 10px;
	background:#fff;
	margin-bottom:30px
}
.colonne_gauche .main, .colonne_droite .main {
	width:650px;
}
.colonne_gauche section .sidebar {
	float:left;
}
.colonne_gauche section .main {
	float:right;
}
.colonne_droite section .sidebar {
	float:right;
}
.colonne_droite section .main {
	float:left;
}
/* header*/
header.top, footer, .chemin {
	width:100%;
	overflow:hidden;
	clear:both;
}
header.top h1 {
	padding-bottom:15px;
	padding-top:20px
}
header.top h1 a {
	text-decoration:none;
	color:#000;
}
header.top h1 a:hover, header.top h1 a:focus {
	color:#b7370c;
	text-decoration:none
}
header .header {
	float:right;
	width:320px;
}
header .header h1 {
	color:#434e57
}
header.top h2 {
	line-height:100%;
	color:#333;
}
/* tools*/
.tools {
	width:100%;
	margin:0 auto;
	padding:2px 0 3px;
	background:#fff;
}
.tools p {
	width:970px;
	margin:0 auto;
	overflow:hidden;
}
.tools p span {
	float:right;
	display:block;
	width:30%;
	text-align:right
}
.tools p em {
	float:left;
	display:block;
	width:65%;
	text-align:left
}
/* tetiere*/
.tetiere {
	width:950px;
	margin:15px auto;
	padding:10px;
	overflow:hidden;
	background:#fff;
}
p.logo {
	display:inline;
	margin-right:10px;
	margin-bottom:10px;
	float:left
}
/* chemin*/

.chemin {
	margin:15px 0;
	background:#fff;
	padding: 0;
	border: solid 1px #ccc;
}
.chemin p {
	padding: 8px;
}
/* bt_top*/

.bt_top a {
	position:fixed;
	right:10px;
	bottom:100px;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:-1000em;
	text-indent:-1000em;
	background:#fff url(../images/top.png) no-repeat left top;
	width:15px;
	height:15px
}
.a_right {
	text-align:right
}
/* footer*/
footer {
	padding:20px 0;
	background:#ccc;
	width:100%;
	overflow:hidden;
	margin:0;
	clear:both;
	float:none;
}
.copyright {
	width:950px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	clear:both;
	float:none;
	margin:0 auto 20px
}
footer .footer_inner {
	width:950px;
	margin:0 auto;
	padding:10px;
}
footer nav ul {
	padding:inherit;
	margin:0 0 0 20px;
	line-height:120%
}
footer nav ul li {
	list-style: disc;
	padding:0;
	margin:2px 0;
	list-style-position:inside
}
/* navigation résultats div.nav*/

.nav {
	margin:15px 0;
	clear:both;
	float:none;
	text-align:center;
	font-size:0.8em
}
.nav a {
	display:inline-block;
	padding:7px 11px;
	background:#ccc;
	color:#000;
	text-decoration:none;
	margin-right:5px;
	margin-bottom:5px;
	background:#e7792b;
	color:#fff;
	cursor:pointer;
}
.nav a.selected {
	background:#b7370c none;
	font-weight:bold;
}
.nav a:hover, .nav a:focus {
	background:#b7370c none;
}
/* image*/
figure img {
	padding:4px;
	border:solid 1px #ccc;
	background:#788c9b;
}
/* ------------------------------------------------------------------------
CH4 MODULES & WIDGETS
------------------------------------------------------------------------*/


/* CH41 SITE WEB*/


/* MENU HORIZONTAL 1 niveau*/
section .main ul.menu_h li {
	margin: 0px 0;
	padding: 0;
	list-style: none;
}
ul.menu_h li {
	display: inline;
}
ul.menu_h li a {
	padding:0 5px;
	color:#000;
	text-decoration:underline;
}
ul.menu_h li a:hover, ul.menu_h li a:focus {
	text-decoration:none;
}
.menu_h .separateur {
	padding: 0 3px 0 3px;
}
section .main ul.menu_h {
	margin-left:0
}
footer ul.menu_h {
	margin:20px
}
section .main ul.menu_h, footer ul.menu_h, .tri {
	margin: 20px 0;
	padding: 0 0 4px 0;
	list-style: none;
	background:#fff;
	text-align:center;
	padding:10px;
	border:solid 1px #ccc
}
/* menu déroulant 2 ou 3 niveaux*/

.menu_v_deroul {
	margin:0;
	padding:7px 0 0
}
.menu_v_deroul ul {
	list-style: none;
	margin: 0;
}
.menu_v_deroul li {
	float: left;
	position: relative;
}
.menu_v_deroul a {
	color: #fff;
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
	margin-right:11px;
}
.menu_v_deroul ul ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	float: left;
	width:auto;
	z-index: 99999;
	padding:0px;
	background:#93b0cc;
}
.menu_v_deroul ul ul li {
	min-width: 180px;
	margin:2px
}
.menu_v_deroul ul ul ul {
	
}
.menu_v_deroul ul ul a {
	color:#fff;
	padding: 10px;
	width: 140px;
	height: auto;
	margin-bottom:4px;
	font-size:1em
}
.menu_v_deroul li a.actif, .menu_v_deroul li li a.actif, .menu_v_deroul li li li a.actif, .menu_v_deroul li:hover > a, .menu_v_deroul ul ul :hover > a, .menu_v_deroul li:hover > a, .menu_v_deroul ul ul :hover > a {
	background:#e7792b;
	color:#fff;
	cursor:pointer;
}
.menu_v_deroul ul li:hover > ul {
	display: block;
}
/* BILLETS*/
.post_img_left figure {
	float:left;
}
.post_img_right figure {
	float:right;
}
article.post_simple time {
	border:none;
	margin:5px;
	display:block;
	font-weight:bold
}
/* CH42 COMMUNICATION*/
			
/*abbonnement newsletter*/
.post_newsletter {
	padding-botom:20px;
}
.post_newsletter p.radiolabel {
	margin-left:40%;
}
.sidebar .post_newsletter p.radiolabel {
	margin-left:0;
}
header.top .post_newsletter p.radiolabel {
	margin-left:0;
}
.post_newsletter p.radiolabel label {
	float:none;
	display:inline;
}
.post_newsletter p.radiolabel input.radio {
	float:none;
	display:inline;
}
/* contact_form*/
	
form .civilite {
	padding-bottom:7px
}
form .civilite label {
	float:none;
	display:inline
}
form .civilite input.radio {
	float:none
}
form input.checkbox {
	float:none;
	margin-bottom:5px
}
form label.checkbox_label {
	float:none;
	margin-bottom:5px
}
/* CH43 BLOG*/
/* Commentaires blog */

.post_simple .post_commentaires {
	overflow:hidden;
	padding:10px 0;
	list-style-type:none;
	clear:both;
	float:none;
	width:94%;
	margin:10px auto;
	border-bottom:dotted 1px #333
}
.post_simple .post_commentaires .post_header {
	padding:3px;
	background:#ccc
}
.post_simple .post_commentaires img.avatar {
	float:left;
	padding:4px;
	border:solid 1px #333;
	background:#ccc;
	margin:5px 10px 10px 0;
}
/* bookmarqueurs*/

.bookmarqueurs {
	padding: 10px 0 0 0;
	font-size: 0.9em;
	clear: both;
}
.bookmarqueurs span {
	line-height: 20px;
}
.bookmarqueurs span a {
	padding: 2px 0 2px 20px;
}
.bookmarqueurs ul {
	margin: 10px 0 0 0;
	padding: 0;
}
.bookmarqueurs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
/* CH44 COMPTE*/
/*  Identification*/

article.identification .content_left, article.identification .content_right {
	clear:both;
	padding-bottom:30px
}
header.top article.identification .content_left {
	float:none;
	width:100%
}
header.top article.identification .content_right {
	float:none;
	width:100%
}
.sidebar article.identification h1 {
	clear:both
}
.sidebar article.identification .content_left {
	float:none;
}
.sidebar article.identification .content_right {
	float:none;
}
.post_identification_rapide_simple h1 {
}
.post_identification_rapide_simple h2 {
}
header.top .post_identification_rapide_simple h1, header.top .post_identification_rapide h1 {
}
header.top .post_identification_rapide_simple h2, header.top .post_identification_rapide h2 {
}
header.top .post_identification_rapide_simple p, header.top .post_identification_rapide p {
}
.sidebar .post_identification_rapide_simple h1, .sidebar .post_identification_rapide h1 {
}
.sidebar .post_identification_rapide_simple h2, .sidebar .post_identification_rapide h2 {
}
.sidebar .post_identification_rapide_simple p, .sidebar .post_identification_rapide p {
}
/* identification rapide*/
.post_identification_rapide_simple, .post_identification_rapide {
	background: #333;
	padding:10px;
	margin:5px 0;
	color:#fff
}
.sidebar .post_identification_rapide_simple, .sidebar .post_identification_rapide {
}
.sidebar .identification p {
	background:#fff;
	overflow:hidden;
	padding:5px
}
header .header .post_identification_rapide_simple h1, header .header .post_identification_rapide h1 {
	padding:0 0 5px;
	margin:0;
	color:#fff;
}
header .header .post_identification_rapide_simple p, header .header .post_identification_rapide p {
	padding:0 0 5px;
}
header .header .post_identification_rapide_simple h2, header .header .post_identification_rapide h2 {
	padding:0 0 5px;
	margin:0;
	color:#fff
}
section .post_identification_rapide {
	background:none;
	padding:0;
	margin:0;
	color:inherit
}
footer .post_identification_rapide {
	background: inherit;
	padding:0;
	margin:0;
	color:inherit
}
/*Inscription*/
.inscription textarea.textarea.legal {
	min-width:300px;
	min-height:200px;
	margin-left:5px
}
/* Gestion de compte*/
.gestion_compte img.gestion_compte_avatar {
	float:left;
	margin-right:15px;
	margin-bottom:15px
}
.gestion_compte .content_avatar {
	float:left;
	width:75%
}
.gestion_compte p.label_inner {
	margin:15px 0
}
.gestion_compte .civilite label.label_nul {
	float:left;
	display:block;
	width:40%
}
/* CH45 COMMANDE*/

/* Panier*/
.panier {
}
.panier p.panier_link {
	color:#000;
	cursor:pointer;
	border:none;
	text-align:center;
	padding:10px 0;
	overflow:hidden;
	width:100%;
	margin-bottom:15px
}
.panier p.panier_link:hover, .panier p.panier_link:focus {
}
.panier p.panier_link a {
	color:#000;
	display:block;
	text-decoration:none;
	text-align:left;
	padding-left:5px
}
.panier p.panier_link a strong {
	color:#000;
	padding:0 0 0 15px
}
.panier p.compte {
	color:#000;
	text-align:right;
}
.panier p.compte a {
	color:#000;
	font-weight:normal;
}
.panier p.compte a:hover, .panier p.compte a:focus {
	color:#b7370c;
}
/* Chemin commande */ 

section .main ul.chemin_commande {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden
}
section .main ul.chemin_commande li {
	margin:0 0 0 2px;
	list-style:none;
	width:19%;
	text-align:center;
	padding:5px 2px;
	background:#000;
	color:#fff;
	float:left;
}
section .main ul.chemin_commande li a {
	color:#fff
}
/* Panier détail*/ 
.table_commande td, .table_commande th {
	padding:5px;
}
.table_commande td.color2 {
	color:#333
}
.table_commande .desc {
	margin: 5px 0 0 0;
	color: #808080;
}
.table_commande .ref {
	margin: 2px 0 0 0;
}
.table_commande .total {
}
.table_commande tr.tva td {
}
.table_commande tr.ttc td {
}
.table_commande th {
	background:#000;
	color:#fff;
	text-align:left;
	font-weight:normal;
}
.table_commande td.color1 {
	color:#000;
	background:#788c9b
}
.table_commande form input.textfield {
	min-width:40px;
	max-width:70px
}
.panier_detail .table_commande td, .panier_detail .table_commande th {
	padding:5px;
	vertical-align:top
}
.panier_detail form input.submit.reset, .panier_detail article form input[type="submit"].reset {
	margin-left:2%
}
.bon_reduction {
	margin:10px 0
}
/* Livraison*/ 
.adresses .autre_adresse p {
	margin:15px 0;
}
article.adresses form .autre_adresse p label {
	width:inherit;
	float:none
}
.recap_adresses {
	width:100%;
}
.recap_adresses .content_left {
	width:45%;
	float:left
}
.recap_adresses .content_right {
	width:45%;
	float:right
}
.transporteur_prix {
	margin-top:10px;
	border-top:solid 1px #000;
	padding-top:5px
}
article.recap_paiement {
	clear:both
}
article.recap_paiement p.payment_label {
	margin:7px 0;
	padding:5px;
}
/* CH46 RECHERCHE*/
/* Search*/
.search {
	margin:15px 0
}
.search label {
}
.search input[type=submit] {
	margin-bottom:0;
	margin-top:0
}
.aside .search input {
	margin:5px 0 0 0;
}
.search_result_header .content {
	clear:both;
	float:none
}
.search_result_header h2 a.bt_adsearch {
	float:right;
	display:block;
	color:#fff;
	background:#333;
	padding:8px;
	text-align:center;
	text-decoration:none
}
.recherche_advanced p {
	width:100%;
	overflow:hidden;
	clear:both;
	padding:5px 0 0
}
.res_search figure {
	float:left;
	display:inline
}
section .res_search {
	clear:both;
}
section .res_search h3 {
	padding:0
}
.res_search {
	padding:5px;
	margin-bottom:15px;
	background:#fff
}
/* CH47 CATALOGUE ET FICHE PRODUITS*/

/* liste produits*/

ul.produit_liste {
	list-style-type:none;
	margin:10px 0;
	padding:0
}
section .main ul.produit_liste {
	margin-left:0
}
ul.produit_liste li {
	list-style-type:none;
	margin:0 0 10px;
	padding:0 0 0 10px;
	clear:both;
	float:none;
}
section .main ul.produit_liste li {
	list-style-type:none;
}
ul.produit_liste li .post_produit {
}
ul.produit_liste li figure {
	float:left;
	margin-top:20px;
}
ul.produit_liste li form h2 {
	float:inherit;
	clear:none;
	margin-bottom:0;
	border-bottom:none;
}
ul.produit_liste li form p {
	float:inherit;
	clear:none;
	line-height:160%
}
ul.produit_liste li form .produit_infos {
	text-align:left;
	overflow:hidden;
	width:100%;
	padding-bottom:5px
}
ul.produit_liste li form .produit_infos select {
	float:left;
	max-width:250px;
}
ul.produit_liste li form .produit_infos input[type="submit"] {
	margin-left:0;
	float:left;
	margin-left:10px;
}
ul.produit_liste li form p.prix, .res_search p.prix {
	float:right;
	display:inline-block;
	padding:10px;
	background:#ccc;
	color:#434e57;
	margin:3px
}
/*  produits vignettes*/

 ul.produit_liste.vignettes li {
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:10px;
	float:left;
	width:28%;
	clear:none;
}
.une_colonne ul.produit_liste.vignettes li {
	width:29%;
}
ul.produit_liste.vignettes {
	width:100%;
	overflow:hidden
}
.sidebar ul.produit_liste.vignettes li {
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:10px;
	float:none;
	width:87%;
	clear:both;
}
footer ul.produit_liste.vignettes li {
	width:30%;
}
ul.produit_liste.vignettes li .post_produit {
}
ul.produit_liste.vignettes li .color_1 {
	background:none
}
ul.produit_liste.vignettes li figure {
	float:none;
	margin-top:0;
	display:block;
}
ul.produit_liste.vignettes li h2 {
	overflow:hidden;
	font-size:1.5em;
	line-height:1.5em;
	max-height:3em;
	min-height:3em;
}
ul.produit_liste.vignettes li p {
}
ul.produit_liste.vignettes li p.prix {
	float:none;
	display:block;
	padding:10px 0;
	color:#434e57;
	background:inherit;
}
ul.produit_liste li .color_1 {
	background:#fff;
}
/*  produits vignettes et vedette*/
.vedettes {
	margin:0px 0 20px
}
.vedettes ul.produit_liste.vignettes li {
	width:20%;
}
.une_colonne .vedettes ul.produit_liste.vignettes li {
	width:21%;
}
footer .vedettes ul.produit_liste.vignettes li {
	width:21%;
	margin-right:17px
}
.sidebar .vedettes ul.produit_liste.vignettes li {
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:10px;
	float:none;
	width:87%;
	clear:both;
}
/*  produits vignettes et les plus achetés*/
.les_plus {
	margin:20px 0
}
.les_plus ul.produit_liste.vignettes li {
	border:none;
	width:20%
}
.une_colonne .les_plus ul.produit_liste.vignettes li {
	width:21%
}
footer .les_plus ul.produit_liste.vignettes li {
	width:18%
}
.sidebar .les_plus ul.produit_liste.vignettes li {
	width:90%;
	border-bottom:solid 2px #000
}
.les_plus ul.produit_liste.vignettes li:first-child {
	float:none;
	width:98%;
	padding-bottom:10px
}
.les_plus ul.produit_liste.vignettes li:nth-child(2) {
	clear:both;
	padding-left:5px;
}
.sidebar .les_plus ul.produit_liste.vignettes li:first-child {
	width:90%
}
.les_plus ul.produit_liste.vignettes li:first-child figure {
	float:left;
	margin-right:10px;
	display:inline;
}
.sidebar .les_plus ul.produit_liste.vignettes li:first-child figure {
	float:none;
	margin-right:0;
	display:block;
}
.les_plus ul.produit_liste.vignettes li:first-child h2 {
	text-align:left;
	margin-left:20%
}
.sidebar .les_plus ul.produit_liste.vignettes li:first-child h2 {
	text-align:center;
	margin-left:0
}
.les_plus ul.produit_liste.vignettes li:first-child p {
	text-align:left;
	margin-left:20%
}
.les_plus ul.produit_liste.vignettes li:first-child p.prix {
	text-align:left;
}
.sidebar .les_plus ul.produit_liste.vignettes li:first-child p {
	text-align:center;
	margin-left:0
}
.les_plus .post_produit figure {
	position:relative
}
.les_plus .compteur {
	position:absolute;
	right:-10px;
	bottom:0px;
	text-align:center;
	z-index:5;
	background:#fff;
	border:solid 3px #849cbd;
	padding:15px;
	font-weight:bold
}
.sidebar .les_plus .compteur {
	left:0px;
	right:inherit;
	bottom:-10px;
}
/*  produits vignettes et produits associés*/

 ul.produit_liste.vignettes.associes li {
	width:20%;
	margin-right:11px
}
/* Liste catégories*/
.produit_categories {
}
.produit_categories figure {
	float:left;
}
.sidebar .produit_categories figure {
	float:none!important;
	overflow:visible;
}
.sidebar .produit_categories .post_content {
	margin-left:0!important
}
/* fiche produit*/
.promo {
	font-size:1.2em;
	font-weight:bold;
}
.produit_detail .produit_images {
	float:left;
}
.produit_detail .produit_images .liste_images {
	margin:10px 0
}
.produit_detail .produit_images .liste_images figure {
	float:left;
	margin-right:18px;
	width:28%; 
	min-height:95px; margin-bottom:0; padding-bottom:0
}
.produit_detail .produit_images .liste_images figure img { width:90px; height:90px
}
.en_stock {
	color:#090
}
.produit_detail p.prix {
	color:#434e57;
	margin:10px 0
}
.produit_detail .produit_infos ul.variantes {
	list-style-type:none;
	margin:10px 0;
	padding:0
}
.produit_detail .produit_infos ul.variantes li {
	list-style-type:none;
	margin:5px 0;
	padding:5px;
	background:#ccc;
	width:91%;
	overflow:hidden
}
.produit_detail .produit_infos ul.variantes li label {
	float:left;
	width:85%;
	text-align:left;
	padding-left:5px
}
.produit_detail .produit_infos ul.variantes li input {
	float:left;
}
.produit_detail article.desc {
	clear:both;
	float:none; padding-top:20px
}
.produit_detail .link_desc {
	margin:15px 0;
	padding:10px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc
}
/* Commentaires produits */

.produit_commentaires .post_commentaires {
	width:99%;
	overflow:hidden;
	padding:6px
}
.produit_commentaires .note {
	background-color:#63C;
	color:#FF0;
	padding:4px;
	float:right;
}
section .main .produit_commentaires ul {
	list-style-type:none;
	margin:10px 0;
	padding:0
}
section .main .produit_commentaires ul li.post_commentaires {
	padding:10px;
	list-style-type:none;
	margin:0 0;
	clear:both;
	float:none;
	width:94%;
	margin:0 auto
}
.produit_commentaires ul li.color_1 {
	background:#f0eeee
}
.produit_commentaires img.avatar {
	float:left;
	padding:4px;
	border:solid 1px #333;
	background:#ccc;
	margin:5px 10px 10px 0;
}
.produit_commentaires .post_header {
}
.produit_commentaires .post_notes {
	background-color:#434e57;
	color:#fff;
	position:relative;
}
.produit_commentaires .post_notes strong {
	color:#fff;
	position:absolute;
	right:0;
	top:0;
	padding:5px
}
.produit_commentaires .note {
	background-color:#434e57;
	color:#fff;
	padding:4px;
	float:right;
}
/* Nuage de mots clés*/
a.tagsize_1 {
	color: #F00
}
a.tagsize_2 {
	color: #0F0
}
a.tagsize_3 {
	color: #00F
}
a.tagsize_4 {
	color: #F0F
}
a.tagsize_5 {
	color: #0FF
}
/**  ------------------------------------------------------------------------
CH5 LIGHTBOX
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 ------------------------------------------------------------------------
*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#gallery {
	border: 1px dashed #E30054;
	padding: 10px;
	margin-bottom: 20px;
	color: #2a2f30;
}
#gallery ul {
	list-style: none;
	margin: 20px;
}
#gallery ul li {
}
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover {
	color: #fff;
}
img#lightbox-image {
	max-height:500px
}
/* ------------------------------------------------------------------------
CH6 NOUVEAUX MODULES ET WIDGETS 
------------------------------------------------------------------------
*/

/* CH61 VCARD */
address {
	margin:10px 0
}
.googlemap {
	margin:10px auto
}
address p:first-letter {
	text-transform:uppercase;
}
header article.vcard p {
	display:inline
}
header address .googlemap {
	display:none;
}
header article.vcard p:after {
	content:" | "
}
header article.vcard p:last-child:after {
	content:" | "
}
header article.vcard, footer article.vcard {
	padding:10px;
	text-align:center
}
header article.vcard h1 {
	display:none
}
header article.vcard h2 {
}
footer article.vcard h1 {
	margin:0;
	padding:0;
}
footer article.vcard h2 {
	margin:0;
	padding:0;
}


/* ------------------------------------------------------------------------
/* CH62 CAROUSSEL PRODUITS VEDETTE  */
------------------------------------------------------------------------- */  .mycarousel {
}
.mycarousel p.prix {
	display:block;
	padding:5px 0;
	color:#333;
	background:inherit;
	text-align:center
}
section .mycarousel h2, footer .mycarousel h2 {
	padding:0;
	max-height:3em;
	min-height:3em;
	overflow:hidden;
	margin:0;
	border:none;
	text-align:center
}
section .mycarousel figure, footer .mycarousel figure {
	display:block;
	margin:0 auto;
	text-align:center;
}
.jcarousel-skin-tango .jcarousel-container {
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 235px;
	padding: 0;
	overflow:hidden
}
.main .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 220px;
}
.une_colonne .main .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 235px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 235px;
	height: 260px;
}
.main .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 220px;
}
.une_colonne .main .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 235px;
}
.jcarousel-skin-tango .jcarousel-item {
	width: 230px;
	height: 260px;
	margin-left:0
}
.main .jcarousel-skin-tango .jcarousel-item {
	width: 210px;
}
.une_colonne .main .jcarousel-skin-tango .jcarousel-item {
	width:225px
}
.liste_images .jcarousel-skin-tango .jcarousel-item {
	margin-left:0
}
.mycarousel.liste_images {
	height:120px!important
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	position:relative;
	margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */
.mycarousel .jcarousel-next-horizontal {
	position: absolute;
	bottom: 104px;
	height: 44px;
	cursor: pointer;
	width:32px;
	right: -5px;
	background: transparent url(/theme/fr/images/next-horizontal.png) no-repeat 0 0;
}
.mycarousel .liste_images .jcarousel-next-horizontal {
	bottom: 55px;
}
.mycarousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	background-image: url(/theme/fr/images/prev-horizontal.png);
}
.mycarousel .jcarousel-prev-horizontal {
	position: absolute;
	bottom: 103px;
	width: 32px;
	height: 44px;
	cursor: pointer;
	background: transparent url(/theme/fr/images/prev-horizontal.png) no-repeat 0 0;
}
.mycarousel.liste_images .jcarousel-prev-horizontal {
	bottom: 55px;
}
.mycarousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: 0px;
	background-image: url(/theme/fr/images/next-horizontal.png);
	background-position: -96px 0;
}
.mycarousel .jcarousel-prev-disabled-horizontal, .mycarousel .jcarousel-prev-disabled-horizontal:hover, .mycarousel .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
}
/* ------------------------------------------------------------------------
/* CH63 CAROUSSEL BILLETS  ------------------------------------------------------------------------- */

.sidebar #big_slide .jcarousel-skin-tango {
}
.main #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 650px;
	padding: 0;
	overflow:hidden;
	position:relative;
	margin:0 0 10px 0
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 250px;
}
footer #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 950px;
}
.une_colonne #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 950px;
}
#big_slide .jcarousel-skin-tango .jcarousel-container-horizontal img {
	width: 650px;
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal img {
	width: 250px;
}
.main #big_slide .jcarousel-skin-tango {
}
footer #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal img {
	width: 950px;
}
.une_colonne .main #big_slide .jcarousel-skin-tango .jcarousel-container-horizontal img {
	width: 930px;
}
#big_slide .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 650px;
	height: 315px;
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 250px;
	height: 110px;
}
footer #big_slide .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 950px;
	height: 432px;
}
.une_colonne #big_slide .jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 950px;
	height: 432px;
}
#big_slide .jcarousel-skin-tango .jcarousel-item {
	width: 650px;
	height: 315px;
	margin-left:0;
	overflow:hidden
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-item {
	width: 250px;
	height: 110px;
}
footer #big_slide .jcarousel-skin-tango .jcarousel-item {
	width: 950px;
	height: 432px;
}
.une_colonne #big_slide .jcarousel-skin-tango .jcarousel-item {
	width: 950px;
	height: 432px;
}
#big_slide .jcarousel-skin-tango .jcarousel-next-horizontal {
	top: 140px;
	position:absolute;
	width: 32px;
	height: 44px;
	cursor: pointer;
	background: url(/theme/fr/images/next-horizontal.png) no-repeat 0 0;
	right: 0px;
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-next-horizontal {
	top: 30px;
}
footer #big_slide .jcarousel-skin-tango .jcarousel-next-horizontal {
	top: 200px;
}
.une_colonne #big_slide .jcarousel-skin-tango .jcarousel-next-horizontal {
	top: 200px;
	right:20px
}
#big_slide .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
	right: 0px;
	right: auto;
}
#big_slide .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: 140px;
	position:absolute;
	width: 32px;
	height: 44px;
	cursor: pointer;
	background-image: url(/theme/fr/images/prev-horizontal.png);
	background-position: 0 0;
	left:5px;
}
.sidebar #big_slide .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: 30px;
}
footer #big_slide .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: 200px;
}
.une_colonne #big_slide .jcarousel-skin-tango .jcarousel-prev-horizontal {
	top: 200px;
}

/* ------------------------------------------------------------------------
/* CH64 ACCORDEON LISTE  BILLETS  */
------------------------------------------------------------------------- */ /* -- CSS de structure / Ne pas modifier -- */ 
.accordion {
width: 100%;
}
.accordion h2 {
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom:1
}
.accordion .ui-accordion-li-fix {
	display: inline;
}
.accordion .ui-accordion-header-active {
	border-bottom: 0!important;
}
.accordion h2 a {
	display: inline-block;
}
.accordion .ui-accordion-content-active {
	display: block;
}
.accordion .deploi {
	position: relative;
	zoom: 1;
}
.accordion .block {
	clear:both;
	float:none;
	overflow:hidden
}
/* -- CSS de mise en forme / A modifier -- */
.accordion {
	margin:10px 0;
}
section .accordion h2, footer .accordion h2 {
	background:#e26123;
	font-weight:normal;
	padding:0;
	margin:10px 0 0;
	border:0
}
.accordion h2 a {
	padding:5px 10px;
	text-decoration:none;
	color:#fff
}
.accordion .deploi {
	border: solid 1px #e26123;
	padding: 10px;
	border-top: 0;
	margin-top: 0;
	color:#414141
}
/* CH7 STYLES GENERIQUES S'APPLIQUANT au contexte sidebar*/
/* SIDEBAR*/
section .sidebar nav ul {
	padding:inherit;
	margin:0 0 0 0;
}
.sidebar iframe {
	max-width:90%;
	max-height:250px;
	margin:10px auto
}
section .sidebar figure {
	padding-bottom:9px
}
section .sidebar nav ul li {
	list-style: none;
	padding:5px;
	margin: 0;
	background:#fff;
}
section .sidebar nav ul li a {
	text-decoration:none;
	padding: 0;
	display:inline-block
}
section .sidebar nav ul li a:hover, section .sidebar nav ul li a:focus {
	text-decoration:underline;
	color:#000;
}
section .sidebar nav ul li a.actif {
	color:#000;
	font-weight:bold;
	font-style:inherit
}
section .sidebar nav ul li ul li {
	margin: 0px 0 5px 10px;
}
section .sidebar nav ul li ul li ul li {
	margin: 0px 0 5px 10px;
}
section .sidebar nav ul li ul li ul li ul li {
	margin: 0px 0 5px 10px;
}
section .sidebar nav ul li li {
	padding-left:5px;
	background:#ececec;
}
section .sidebar nav ul li li li {
	background:#F7F7F7;
	padding-left:5px;
}
section .sidebar nav ul li li li li {
	padding-left:5px;
	background:#fff;
}
.sidebar .post_newsletter .content, section .sidebar article .post_content, .sidebar article.block .content, .sidebar .contact_form form, .sidebar .multi_form form, section .sidebar article nav.content, section .sidebar aside nav.content, .sidebar .vedettes .produit_block {
	background:#fff;
	overflow:hidden;
}
.sidebar .vedettes .produit_block.mycarousel {
	margin-left:0
}
section .sidebar aside {
	margin-bottom:30px
}
.sidebar article.produit_categories, .sidebar article.produits {
	padding:0;
	background:#fff
}
.sidebar article.produit_categories h1, .sidebar article.produits h1 {
	margin:0 0 15px;
	background-position: center bottom
}
.sidebar .vedettes {
	padding:0;
	background:none;
}
.sidebar .tri {
	margin: 20px 10px;
}