/*  

Copyright © 2012 Troll d'idées. Tous droits réservés.
Feuille de styles de personnalisation 
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		POLICES EMBARQUEES
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
						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 polices embarquées  
------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Satisfy);

@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Varela+Round);

/*------------------------------------------------------------------------
CH2 STYLES GENERIQUES 
------------------------------------------------------------------------*/
body {
	background: url(../images/fd.jpg) center top repeat;
	font-family: 'Varela Round',Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:100%;
	color:#000;
	min-width:960px;
}
h1, h2, h3, h4, h5, h6 {
	color:#fff;
	font-family: 'Satisfy',Georgia, "Times New Roman", Times, serif cursive;
	font-weight:normal;
	line-height:120%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#000;
}
h1 {
	font-size:1.7em
}
h2 {
	font-size:1.5em
}
section h2{	font-family: 'Fjalla One',Georgia, "Times New Roman", Times, serif cursive; color:#94cc79
}section h1{ color:#94cc79
}
h3 {
	font-size:1.3em
}
h4 {
	font-weight:bold;
	font-size:1.1em
}
h5 {
font-size:1em font-weight:bold;
}
h6 {
	font-weight:bold;
}
strong {
	font-weight:bold
}
em {
	font-style:italic
}
a {
	color:#9a356d;
	outline:none;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}
a:hover, a:focus {
	text-decoration:none;
	color:black
}
input.textfield {
	padding: 5px 0px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	color: #000;
	border: 1px solid #9a356d;
	background: #F1F1F1;
	outline: none;
	width: 202px;
	border-radius: 2px;
	margin-bottom:5px
}
textarea {
	padding: 5px 0px;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
	color: #000;
	border: 1px solid #9a356d;
	background: #F1F1F1;
	outline: none;
	width: 202px;
	border-radius: 2px;
	margin-bottom:5px
}
input.textfield:focus, input.textfield:hover, textarea:focus, textarea:hover {
	border: solid 1px #000;
}
input.submit, input[type=submit] {
	cursor:pointer;
	background: #9a356d;
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	color: white;
	text-transform:  inherit;
	font-weight: bold;
	padding: 5px;
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
input.submit:hover, input.submit:focus, input[type=submit]:hover, input[type=submit]:focus {
	background-color:#000;
	text-shadow: 1px 1px 1px #855543;
	-moz-text-shadow: 1px 1px 1px #855543;
	-webkit-text-shadow: 1px 1px 1px #855543;
}
fieldset {
	border:solid 1px #fff
}
fieldset legend {
	color:#616E65;
	font-family:'Open Sans', Georgia, "Times New Roman", Times, serif;
}
.panier {
	position: fixed;
	width: 200px;
	padding: 5px;
	margin: 0;
	right: 0;
	text-align: center;
	background: black;
	border: 1px solid white;
	border-top: 0;
	z-index: 999;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 1px 1px #666;
	color:#fff;
	top:-10px
}
.panier a, .panier p.panier_link, .panier p.panier_link a, .panier p.compte, .panier p.compte a, .panier p.panier_link a strong {
	color:#fff;
	text-align:center;
	padding-bottom:0
}
.panier a:hover, .panier p.panier_link a:hover, .panier p.panier_link a:hover strong {
	color:#9d3268
}
header.top {
	background:url(../images/BN-aupanierdejaveline6.jpg) no-repeat center top;
	margin:0 auto;
	height:250px;
	border-bottom: 1px #CCC solid
}
.tools {
	background:inherit
}
.tools p {
	width:auto
}
.tetiere {
	background:none;
	padding:0;
	margin:0 auto;
}
.sub_header nav {
	background:#9a356e url(../images/bkk_icones.png) repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin-top:20px;
	min-height:34px
}
.menu_v_deroul a {
	color: white;
	display: block;
	padding: 3px 25px;
	text-decoration: none;
	font-weight: normal;
	margin-right: 11px;
	font-size: 12px;
}
.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:none;
	color:#000
}
.cat {
	width:970px;
	margin:0 auto;
	background:url(../images/bgcat.gif) repeat-x;
	overflow:hidden
}
.cat a {
	display:block;
	float:left;
	width:92px;
	margin-right:5px
}
.cat a:hover, .cat a:focus {
	background:#fff
}
.chemin {
	margin: 15px auto;
	background: none;
	padding: 0;
	border: solid 0px #CCC;
	width:970px;
	border-bottom: dotted 1px #F6C
}
.main {
	width: 970px;
	padding:0px;
	background: inherit;
	margin-bottom: 30px;
}
.sectioninner .col_left_35_65 {
	width:165px;
}
.sectioninner .col_left_35_65 nav {
	border: solid 1px #9a356d;
	border-top:0;
	background:#fff; padding-bottom:5px
}
.sectioninner .col_left_35_65 .inner {
	border: solid 1px #9a356d;
	border-top:0;
	background:#fff;
	padding:5px; margin-bottom:20px
}
.sectioninner .col_left_35_65 .block h1 {
	background:#9a356e url(../images/bkk_icones.png) repeat-x;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding:5px;
	color:#fff;
	margin-bottom:0;
	text-align:center; font-size:30px
}.sectioninner .col_left_35_65 .block h2 { color:#000; font-family:Verdana, Geneva, sans-serif; text-align:left; padding:5px

}
section .main .menu_v_deroul2 ul {
	padding:0;
	margin:0
}
section .main .menu_v_deroul2 ul li {
	padding:0;
	position:relative
}
section .main .menu_v_deroul2 ul li a {
	text-transform:uppercase;
	font-size:11px;
	padding:6px 25px 6px 6px;
	background:url(../images/next.gif) no-repeat 150px 9px;
	border-bottom: 1px #F1F1F1 solid;
	text-decoration:none;
	text-align:left;
	display:block;
	text-transform:uppercase
}
.jcarousel-skin-tango .jcarousel-item

{ height:inherit}
.mycarousel .jcarousel-prev-horizontal, .mycarousel .jcarousel-next-horizontal{ bottom:-26px}
 .mycarousel .jcarousel-next-horizontal{ right:-14px}
.mycarousel .jcarousel-prev-horizontal { left:-10px}
.copyright{ color:#333; text-align:center; width:auto}
section .main .menu_v_deroul2 ul ul {
	display:none;
	position:absolute;
	left:163px;
	background:#fff;
	width:165px;
	top:0;
	border: solid 1px #9a356d; z-index:999
}
section .main .menu_v_deroul2 ul ul ul {
	top:-1px
}
section .main .menu_v_deroul2 ul li ul li a {
	text-transform:none;
	font-size:10px;
	padding:6px 25px 6px 6px;
	background:none;
	border-bottom: 1px #F1F1F1 solid;
	text-decoration:none;
	text-align:left;
	display:block;
	color:#000
}
section .main .menu_v_deroul2 ul li:hover > ul {
	display:block;
}
.col_right_35_65 {
	width:79%; font-size:1.1em; line-height:140%
}
section .col_right_35_65 h2{ font-size: 40px;
font-weight: bold;
color: #333;
}section .col_right_35_65 .desc h2{ font-size:18px;
font-weight: bold;
color: #333;font-family:Verdana, Geneva, sans-serif
}
section .col_right_35_65 h3{ font-size: 18px;
font-weight: bold;
color: #333; font-family:Verdana, Geneva, sans-serif
}
section .col_right_35_65 h4{ font-size: 16px;
font-weight: bold;
color: #333; font-family:Verdana, Geneva, sans-serif
}
section .col_right_35_65 h5{ font-size: 14px;
font-weight: bold;
color: #333; font-family:Verdana, Geneva, sans-serif
}
.search_result_header h2 a.bt_adsearch{ font-size:16px; font-family:Verdana, Geneva, sans-serif; padding:0 10px }
section .col_right_35_65 h1 {
	color: #9a356e;
	background:none;
	padding:0 0 10px 0;
	border: none; font-size:50px; 
}
section .col_right_35_65 .produit_detail h1 { text-transform:lowercase
}
section .col_right_35_65 .produit_detail h1:first-letter { text-transform: uppercase
}
section .col_right_35_65 h1  a{
	color: #9a356e; 
}
nav .menu_v{ margin:0px 0}
nav .menu_v li{ padding:5px 0}


.nav a  {
background: #debcbb none;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.nav a:hover, .nav a:focus {
background: #B7370C none;
}
.nav a.selected{background: #333 none; }
section .main nav .menu_v ul {
	padding:5px;
	margin:0
}
ul.produit_liste.vignettes li .post_produit{border: 2px solid #CCC;
background: white;
-webkit-border-radius: 7px 7px;
-moz-border-radius: 7px 7px;
border-radius: 7px 7px; background:#e9e9e9; padding:10px; -webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;}

ul.produit_liste.vignettes li .post_produit:hover{border: 2px solid #000;background:#ffc; }




ul.produit_liste.vignettes li figure{ display: block; float:none; margin:0 auto; text-align:center; min-height:153px}
ul.produit_liste.vignettes li figure img{ border:solid 1px #fff; padding:1px; background:#e9e9e9;}

ul.produit_liste.vignettes li h2{ font-family:Verdana, Geneva, sans-serif; text-align:center; font-weight:bold; font-size:14px}
ul.produit_liste.vignettes li p.prix{ font-size:16px; text-align:center; color:#000}




footer {
padding:15px 0;
background: #fcfcfc url(../images/footerP.jpg) center bottom repeat-x;
width: 100%;
overflow: hidden;
margin: 0;
clear: both;
float: none;	border-top: 1px #CCC solid

}




footer article.vcard h1 {
margin: 0;
padding: 0;
color: black;
text-align: center;
font-size: 47px;
}
footer .footer_inner{   margin:0 auto; width:970px; padding:0 }
footer nav ul { margin:0}
footer nav ul li{ list-style:none}
footer ul.list-3 { width:auto; overflow:hidden; margin:0; padding:0}
footer ul.list-3 li{ width:153px; padding:0 0px 0 0; margin:0 5px 10px 0; float:left; border-right:dotted 0px #333; min-height:150px }
footer ul.list-3 li li{ width:auto; margin:0 0 5px; float:none; border-right:dotted 0px #333; min-height:inherit  }
footer ul.list-3 li a{ text-decoration:none; text-transform:uppercase; min-height:30px; font-weight:bold; font-size:11px; display:block ;border-bottom:dotted 1px #333; margin-bottom:6px}
footer ul.list-3 li li a{ text-decoration:none; text-transform: inherit; min-height: inherit; font-weight:normal; font-size:10px;border-bottom:dotted 0px #333; margin-bottom:6px}
footer ul.list-3 li a:hover, footer ul.list-3 li a:focus{ text-decoration: underline }

footer .col_right_35_65 {
width: 63%;
}