/*
Theme Name: Julien Pianos Musique
Theme URI: http://julien-pianos.com/
Description: A child theme Twenty Ten
Author: Richard Sibille
Author URI: Richard Sibille
Template: twentyten
Version: 1.2
*/

div#general {
margin:0; 
padding:0;
width:100%;
height:100%;
}
body.single-format-standard,
body.page-template-default {
margin:0; 
padding:0;
margin-top:-20px;
width:100%;
height:100%;
}
div#bande-haut {
position:relative;
top:0;
left:0;
width:100%;
height:415px;
background-image: url(images/bande-header.jpg);
background-repeat: repeat-x;
}
div#wrapper {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:1024px;
z-index:1;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
div#header {
margin:0 auto; 
padding:0; 
width:1062px;
height:415px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
h1#logo, div#logo {
float:left;
margin:0 20px 0 40px;
padding:0; 
width:260px;
height:170px;
}
/* -------------------------------------- recherche */
/*---------------------------------------*/
#recherche {
float:right;
margin:3px 15px 0 0;
padding:0; 
width:180px;
height:28px;
}
#recherche #search {
background: transparent;
}
#recherche #search #searchform #deco {
text-decoration: none;
}
#recherche #search #searchform input#champs {
float:left;
width:120px;
margin:5px 0 0 10px;
padding:2px 0 2px 5px;
color:#000;
background-color:#E1E3E4;
border:0;
border-radius:4px;
-moz-border-radius :4px;
box-shadow:1px 1px 2px #C0C0C0 inset;
}
#recherche #search #searchform input#loupe {
border:0px;
}
.accessibilite { 
position:absolute;
margin-left:-6000px;
padding:0;
}
#featured_slider{  /* ---------- silder*/
position:absolute;
margin:90px 0 0 130px;
padding:0;
/*border:1px dashed #fff;*/
}
.content_left {
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#fffffb;
	text-decoration:none;
}
.content_left h2 a {
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#F3E3C2;
	text-decoration:none;
}
.content_left h2 a:hover {
	color:#fff; /* couleur de survol */
}
/* -------------------------------------- fil ariane */
/*---------------------------------------*/
#breadcrumb div ul {
	margin-top:-15px;
	padding:0;
}
#breadcrumb div ul li {
	float: left;
	position: relative;
	margin:0;
	list-style: none;
	color: #00EC11; /* couleur lettre */
	font-weight:normal;
	text-decoration: none;
}
#breadcrumb div ul li a {
	color: #333; /* couleur lettre */
	line-height: 12px;
	padding: 0 5px;
	text-decoration: none;
}
#breadcrumb a:hover, 
#breadcrumb a:focus, 
#breadcrumb a:active { 
color:#000; 
text-decoration: none; 
}
/* -------------------------------------- secondaire menu */
/*---------------------------------------*/      
#secondaire {
margin-left:310px;
padding:0; 
width:750px;
height:40px;
background-image: url(images/secondaire-menu.png);
background-repeat: no-repeat;
}
#secondaire .menu-secondaire-container,
div.menu {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
#secondaire .menu-secondaire-container ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#secondaire .menu-secondaire-container li,
div.menu li {
	margin-left:-10px;
	float: left;
	position: relative;
}
#secondaire a {
	color: #FFF; /* couleur lettre */
	display: block;
	line-height: 34px;
	padding: 0 15px;
	text-decoration: none;
}
#secondaire ul ul {
	display: none;
	position: absolute;
	top: 33px; /* monter le menu survol*/
	left:-30px;
	text-align:center;
	width: 180px;
	z-index: 99999;
}
#secondaire ul ul li {
	min-width: 180px;
}
#secondaire ul ul ul {
	left:-160px;
	top: 0;
}
#secondaire ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 140px;
	height: auto;
	color: #fff;
	border-bottom:1px dashed #DFE1E3;
}
#secondaire ul ul ul a {
	background-image: url(images/puce-menu5fin.png);
	background-repeat: no-repeat;
}
#secondaire li:hover > a {
	color: #fff; /* couleur de survol */
	border-left:3px solid #EC008C;
}
#secondaire ul ul :hover > a {
	color: #FCFFC3; /* couleur de survol */
	background: #333;
}
#secondaire ul li:hover > ul {
	margin-left:-30px;
	display: block;
}
#secondaire ul ul ul :hover > a {
	border-left:3px solid #EC008C;
	background-image: url(images/puce-menu5fin.png);
	background-repeat: no-repeat;
}
#secondaire ul li.current_page_item > a,
#secondaire ul li.current-menu-ancestor > a,
#secondaire ul li.current-menu-item > a,
#secondaire ul li.current-menu-parent > a {
	color: #fff;
}
* html #secondaire ul li.current_page_item a,
* html #secondaire ul li.current-menu-ancestor a,
* html #secondaire ul li.current-menu-item a,
* html #secondaire ul li.current-menu-parent a,
* html #secondaire ul li a:hover {
	color: #fff;
}
/* -------------------------------------- Menu principal */
/*---------------------------------------*/     
#menu-general {
	position:absolute;
	left:320px;
	top:85px;
	margin:0;
	padding:0;
	width:800px;
	height:50px;
}
.menu-header {
	margin-left:10px;
	padding:0;
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
.menu-header li, div.menu li {
	float: left;
	position: relative;
	background-image: url(images/puce-menu1.png);
	background-repeat: no-repeat;
}
.menu-header li a {
	color:#F3E3C2;
	display: block;
	line-height: 23px;
	padding: 0 12px;
	text-decoration: none;
}
.menu-header ul ul {
	display: none;
	position: absolute;
	top:22px;
	left:-40px;
	text-align:center;
	width: 180px;
	z-index: 99999;
}
.menu-header ul ul li {
	min-width: 180px;
}
.menu-header ul ul ul {
	top:0;
	left:-200px;
}
.menu-header ul ul a {
	font-weight:normal;
	text-decoration: none;
	background: #333;
	line-height: 1em;
	padding: 8px 10px;
	width: 140px;
	height: auto;
	border-bottom:1px dashed silver;
	background-image: url(images/puce-menu3.png);
	background-repeat: no-repeat;
}
.menu-header ul ul ul ul a {
	background-image: url(images/puce-menu5fin.png);
	background-repeat: no-repeat;
}
.menu-header li:hover > a,
.menu-header ul ul :hover > a {
	background: #333;
	color: #fff;
	border-left:3px solid #EC008C;
}
.menu-header li:hover > a {
	background-image: url(images/puce-menu2.png);
	background-repeat: no-repeat;
}
.menu-header ul ul :hover > a {
	background-image: url(images/puce-menu4.png);
	background-repeat: no-repeat;
}
.menu-header ul ul ul ul :hover > a {
	background-image: url(images/puce-menu5fin.png);
	background-repeat: no-repeat;
}
.menu-header ul li:hover > ul {
	display: block;
}
.menu-header ul li.current_page_item > a,
.menu-header ul li.current-menu-ancestor > a,
.menu-header ul li.current-menu-item > a,
.menu-header ul li.current-menu-parent > a {
	color: #fff;
}
* html .menu-header ul li.current_page_item a,
* html .menu-header ul li.current-menu-ancestor a,
* html .menu-header ul li.current-menu-item a,
* html .menu-header ul li.current-menu-parent a,
* html .menu-header ul li a:hover {
	color: #fff;
}

/* -------------------------------------- piano-droit/numerique/guitare/vent */
/*---------------------------------------*/      

.menu-droit-piano-container,
.menu-numerique-container,
.menu-guitare-jpm-container,
.menu-vent-container,
div.menu {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.menu-droit-piano-container ul,
.menu-numerique-container ul,
.menu-guitare-jpm-container ul,
.menu-vent-container ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
.menu-droit-piano-container li,
.menu-numerique-container li,
.menu-guitare-jpm-container li,
.menu-vent-container li,
div.menu li {
	float: left;
	position: relative;
	background-image: url(images/puce-menu1.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container li a, 
.menu-numerique-container li a,
.menu-guitare-jpm-container li a,
.menu-vent-container li a {
	color:#F3E3C2; /* couleur lettre */
	display: block;
	line-height: 23px;
	padding: 0 12px;
	text-decoration: none;
}
.menu-droit-piano-container ul ul,
.menu-numerique-container ul ul,
.menu-guitare-jpm-container ul ul,
.menu-vent-container ul ul {
	display: none;
	position: absolute;
	top:22px;
	left:-40px;
	text-align:center;
	width: 180px;
	z-index: 99999;
}
.menu-droit-piano-container ul ul li, 
.menu-numerique-container ul ul li,
.menu-guitare-jpm-container ul ul li,
.menu-vent-container ul ul li {
	min-width: 180px;
}
.menu-droit-piano-container ul ul ul, 
.menu-numerique-container ul ul ul,
.menu-guitare-jpm-container ul ul ul,
.menu-vent-container ul ul ul {
	top:0;
	left:-200px;
}
.menu-droit-piano-container ul ul a, 
.menu-numerique-container ul ul a,
.menu-guitare-jpm-container ul ul a,
.menu-vent-container ul ul a {
	font-weight:normal;
	text-decoration: none;
	background:#333;
	line-height:1em;
	padding:8px 10px;
	width:140px;
	height:auto;
	background-image: url(images/puce-menu3.png);
	background-repeat: no-repeat;
	border-bottom:1px dashed #DFE1E3;
}
.menu-droit-piano-container ul ul ul a, 
.menu-numerique-container ul ul ul a,
.menu-guitare-jpm-container ul ul ul a,
.menu-vent-container ul ul ul a {
	background-image: url(images/puce-menu3.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container li:hover > a, .menu-numerique-container li:hover > a,
.menu-droit-piano-container ul ul :hover > a, .menu-numerique-container ul ul :hover > a,
.menu-guitare-jpm-container li:hover > a, .menu-vent-container li:hover > a,
.menu-guitare-jpm-container ul ul :hover > a, .menu-vent-container ul ul :hover > a {
	background: #333;
	color: #fff;
	border-left:3px solid #EC008C;
}
.menu-droit-piano-container li:hover > a, .menu-numerique-container li:hover > a, 
.menu-guitare-jpm-container li:hover > a, .menu-vent-container li:hover > a {
	background-image: url(images/puce-menu2.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container ul ul :hover > a, .menu-numerique-container ul ul :hover > a, 
.menu-guitare-jpm-container ul ul :hover > a, .menu-vent-container ul ul :hover > a {
	background-image: url(images/puce-menu4.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container ul ul ul :hover > a, .menu-numerique-container ul ul ul :hover > a, 
.menu-guitare-jpm-container ul ul ul :hover > a, .menu-vent-container ul ul ul :hover > a {
	background-image: url(images/puce-menu4.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container ul ul ul ul a, .menu-numerique-container ul ul ul ul a,
.menu-droit-piano-container ul ul ul ul :hover > a, .menu-numerique-container ul ul ul ul :hover > a, 
.menu-guitare-jpm-container ul ul ul ul a, .menu-vent-container ul ul ul ul a,
.menu-guitare-jpm-container ul ul ul ul :hover > a, .menu-vent-container ul ul ul ul :hover > a {
	background-image: url(images/puce-menu5fin.png);
	background-repeat: no-repeat;
}
.menu-droit-piano-container ul li:hover > ul, .menu-numerique-container ul li:hover > ul, 
.menu-guitare-jpm-container ul li:hover > ul, .menu-vent-container ul li:hover > ul {
	display: block;
}

.menu-droit-piano-container ul li.current_page_item > a,
.menu-droit-piano-container ul li.current-menu-ancestor > a,
.menu-droit-piano-container ul li.current-menu-item > a,
.menu-droit-piano-container ul li.current-menu-parent > a,
.menu-numerique-container ul li.current_page_item > a,
.menu-numerique-container ul li.current-menu-ancestor > a,
.menu-numerique-container ul li.current-menu-item > a,
.menu-numerique-container ul li.current-menu-parent > a,
.menu-guitare-jpm-container ul li.current_page_item > a,
.menu-guitare-jpm-container ul li.current-menu-ancestor > a,
.menu-guitare-jpm-container ul li.current-menu-item > a,
.menu-guitare-jpm-container ul li.current-menu-parent > a,
.menu-vent-container ul li.current_page_item > a,
.menu-vent-container ul li.current-menu-ancestor > a,
.menu-vent-container ul li.current-menu-item > a,
.menu-vent-container ul li.current-menu-parent > a {
	color: #fff;
}
* html .menu-droit-piano-container ul li.current_page_item a,
* html .menu-droit-piano-container ul li.current-menu-ancestor a,
* html .menu-droit-piano-container ul li.current-menu-item a,
* html .menu-droit-piano-container ul li.current-menu-parent a,
* html .menu-droit-piano-container ul li a:hover,
* html .menu-numerique-container ul li.current_page_item a,
* html .menu-numerique-container ul li.current-menu-ancestor a,
* html .menu-numerique-container ul li.current-menu-item a,
* html .menu-numerique-container ul li.current-menu-parent a,
* html .menu-numerique-container ul li a:hover,
* html .menu-guitare-jpm-container ul li.current_page_item a,
* html .menu-guitare-jpm-container ul li.current-menu-ancestor a,
* html .menu-guitare-jpm-container ul li.current-menu-item a,
* html .menu-guitare-jpm-container ul li.current-menu-parent a,
* html .menu-guitare-jpm-container ul li a:hover,
* html .menu-vent-container ul li.current_page_item a,
* html .menu-vent-container ul li.current-menu-ancestor a,
* html .menu-vent-container ul li.current-menu-item a,
* html .menu-vent-container ul li.current-menu-parent a,
* html .menu-vent-container ul li a:hover {
	color: #fff;
}
/* -------------------------------------- Menu Footer */
/*---------------------------------------*/
.service h2, .divers h2, .magasin h2 {
margin:0 0 10px 0;
padding:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
color: #65E080;
font-weight:normal;
text-decoration:none;
}
div#tag-contenair .service,
div#tag-contenair .divers,
div#tag-contenair .magasin {
float:left;
margin:20px 90px 0 0;
padding:0; /* bottom padding for footer */
width:220px;
height:160px;
/*border:1px dashed #fff;*/
}
div#tag-contenair .service {
float:left;
margin-left:80px;
}
div#tag-contenair .magasin {
margin:20px 0px 0 0;
}
.service .menu-service-container,
.divers .menu-divers-container,
.magasin .menu-magasin-container {
margin:0; 
padding:0;
}
.service .menu-service-container ul,
.divers .menu-divers-container ul,
.magasin .menu-magasin-container ul {
margin:0; 
padding:0;
list-style: none;
}
.service .menu-service-container ul li,
.divers .menu-divers-container ul li,
.magasin .menu-magasin-container ul li {
background-image: url(images/puce-footer1.png);
background-repeat: no-repeat;
}
.service .menu-service-container ul li a,
.divers .menu-divers-container ul li a,
.magasin .menu-magasin-container ul li a {
padding-left:20px;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color: #ccc;
font-weight:normal;
text-decoration:none;
}
.service .menu-service-container ul li a:hover,
.divers .menu-divers-container ul li a:hover, 
.magasin .menu-magasin-container ul li a:hover   {
background-image: url(images/puce-footer2.png);
background-repeat: no-repeat;
color: #EC008C;
}
.revendeur-agree {
float:left;
margin:10px 0 0 90px;
padding:0;
width:860px;
height:30px;
/*border:1px dashed yellow;*/
}
.revendeur-agree h2 {
float:left;
margin-top:3px;
padding:0;
width:120px;
height:30px;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
}
.revendeur-agree a {
margin:0;
padding:0 5px;
}
.revendeur-agree a img{
border:0;
}
/* ----------------------------------------- bloc sidebar*/
/*---------------------------------------*/
#ombre {
float:left;
margin:0;
padding:0;
width:20px;
height:710px;
background-image: url(images/sidebar-vertical.jpg);
background-repeat: no-repeat;
}
#newsletter {
float:left;
margin:0;
padding:0;
width:228px; /*228px*/
height:231px;
background-image: url(images/ecart-newsletter.jpg);
background-repeat: no-repeat;
}
#newsletter div ul, #newsletter div ul li {
margin: 0;
padding:0;
list-style-type: none;
}
#newsletter div ul li h3 {
margin:0;
padding: 3px 0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
color:#F3E3C2;
text-decoration:none;
background-color:#333;
}
#newsletter div ul li .subscribe-form input#email {
margin:10px 0 0 15px;
width:120px;
height:15px;
padding:0;
color:#000;
background-color:#fff;
border-radius:4px;
-moz-border-radius :4px;
/*box-shadow:1px 1px 2px #C0C0C0 inset;*/
}
/*#newsletter div ul li .response p {
border:1px dashed red;
}*/
#recherche #search #searchform input#loupe {
border:0px;
}
#boite1 {
float:left;
margin:0;
padding:0;
width:228px; /*228px*/
height:320px;
background-image: url(images/sidebar-horizontal.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#boite2 {
float:left;
margin:0;
padding:0;
width:228px; /*228px*/
height:180px;
background-image: url(images/sidebar-horizontal.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#boite2 #first ul li h3 {
display:none;
}
#boite2 #first ul li {
margin:0;
padding:0;
list-style-type: none;
}
#boite2 #first ul {
margin:13px 0 0 65px;
padding:0;
}
/*--------------------------------------- A la Une */
.ppc h3 {
margin-bottom:10px;
padding:0;
width:228px;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#f3e3c2;
text-align:center;
font-weight:normal;
text-decoration:none;
background-color:#333;
}
.ppc h3 a {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:11px;
color:#F3E3C2;
text-transform: uppercase;
text-decoration:none;
background-color:#333;
}
.ppc h3 a:hover {
color:#fff;
}
.ppc ul{
list-style-type: none;
margin: 0;
padding:0;
}
.ppc ul li {
float:left;
width:110px;
margin-right:4px;
padding:0;
text-align:center;
}
.ppc ul li a {
display:block;
float:left;
width:110px;
padding:3px 0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:11px;
color:#fff;
text-transform: uppercase;
text-decoration:none;
background-color:#333;
}
.ppc ul li a:hover {
color:#F3E3C2;
}
#ppc-box {
display:inline;
margin:0;
padding:0;
}
.ppc {
display:inline;
margin:0;
padding:0;
}
/*--------------------------- PROMOS MENU */
li#menu-item-4648 a {
color:#EC008C!important; 
}
/*--------------------------------------- */
img {
border:0;
}
/*--------------------------------------- HACK IE8 */
body.single-format-standard {
margin-top:-18px\9;
}
#secondaire .menu-secondaire-container ul {
*margin-left:10px;
}
#secondaire ul ul {
*left:10px;
}
.menu-header ul ul {
*left:-10px;
}
.menu-header ul ul ul {
*left:-150px;
}
/*--------------------------------------- HACK IE8 */
.ppc ul li { {
border:0\9;
}
#featured_slider ul li {
position:absolute\9;
margin-left:-25px\9;
margin-top:-15px\9;
}
#secondaire {
margin-top:-160px\9;
}
.menu-header {
position:absolute\9;
left:270px\9;
top:75px\9;
padding:0;
}
#newsletter div ul li h3 {
margin:0\9;
padding:0\9;
}
/*--------------------------------------- HACK IE8 NEWSLETTER */
#newsletter div ul li .subscribe-form input#email {
float:left\9;
position:relative\9;
margin:-10px 5px 0 2px\9;
padding:0\9;
}
#newsletter div ul li .subscribe-form input.mailjet-subscribe {
float:left\9;
position:relative\9;
margin:-10px 0 0 0\9;
padding:0\9;
}