@import url("style-categorie.css");
html,body {
margin:0;
padding:0;
width:100%;
height:100%; /* needed for container min-height */
background: url("images/background.jpg");
}
#container {
margin-top:-25px;
width:100%;
}
#content, #categorie{
float:left;
margin:0 0 20px 15px;
padding:1px 1px 1px;
width:715px;
}
/* -------------------------------------- fil ariane */
/*---------------------------------------*/
.breadcrumb {
position:relative;
width:700px;
height:30px;
padding:1px 1px 1px;
margin:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:12px;
color:#333; 
font-weight:normal;
text-decoration:none;
}
.breadcrumb a {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:12px;
color:#222;
text-decoration:none;
}
.breadcrumb a:hover {
color:black; 
}
/* -------------------------------------- error 404 */
/*---------------------------------------*/
body.logged-in div#general div#wrapper div#main div#container div div.entry-content #search #searchform input#champs {
float:left;
color:#000;
background-color:#fff;
border:1px solid #E1E3E4;
border-radius:4px;
-moz-border-radius :4px;
box-shadow:1px 1px 2px #C0C0C0 inset;
}
body.logged-in div#general div#wrapper div#main div#container div div.entry-content #search #searchform input#loupe {
position:relative;
margin-top:-3px;
border:0px;
}

div#clear { /* ajuster au footer */
margin:0;
padding:1em 1em 1em; /* bottom padding for footer */
width:985px;
height:0,1px;
}
/* ----------------------------------------- bloc sidebar*/
/*---------------------------------------*/
div#primary {
margin:0 0 10px 760px; 
padding:0;
padding:1px; /* bottom padding for footer */
width:250px;
height:730px;
}
/* -------------------------------------- contenu texte*/
/*---------------------------------------*/
#content h1,
#content-piano-queue h1,
#content-categorie h1 {
margin-bottom:10px;
padding:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
font-weight:bold;
color:#EC008C; 
text-decoration:none;
}
div .entry-meta, 
div .entry-utility {
display:none;
}
#content div .entry-summary {
padding-bottom:5px;
border-bottom:1px dashed #ccc;
}
#content div .entry-content p a img {
border:5px solid #E1E3E4;
}
#content div .entry-content p {
margin-bottom:10px;
padding:0;
font-family: Verdana, Geneva, "DejaVu Sans", "Bitstream Vera Sans", sans-serif ;
font-size:14px;
text-align:justify;
font-weight:normal;
color:#333; 
text-decoration:none;
}
#content .nav-next { /* navigation article */
position:absolute;
margin:-18px 0 0 260px;
}
#content .nav-previous a, #content .nav-next a {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#656567;
font-weight:normal;
text-decoration:none;
}
#content .nav-previous a:hover, #content .nav-next a:hover {
color:#000;
}
/* ----------------------------------------------------------- Résultats de la recherche */
#content #nav-below { /* navigation */
display:none;*/
}
#content div h2 { /* resutat recherche */
text-transform: uppercase;
}
#content div h2 a {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:16px;
font-weight:bold;
color:#EC008C; 
text-decoration:none;
}
#content div h2 a:hover {
color:silver; 
}
#content div .entry-summary p {
margin:0;
padding:0;
font-family: Verdana, Geneva, "DejaVu Sans", "Bitstream Vera Sans", sans-serif ;
font-size:14px;
text-align:justify;
font-weight:normal;
color:#333; 
text-decoration:none;
}
#content div .entry-summary p a span.meta-nav {
color:#EC008C;
}
#content div .entry-summary p a {
padding:0 5px;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#000;
font-weight:normal;
text-decoration:none;
background-color:#E1E3E4;
}
#content div .entry-summary a:hover {
color:#656567; /* couleur de survol */
}
/* --------------------------------------------------- fiche produit */
#content div .entry-content p span.nom { 
position:absolute;
font-size:14px;
font-weight:bold;
margin:10px 0 0 15px;
}
#content div .entry-content p span.prix {
position:absolute;
margin:0;
padding:0;
font-size:22px;
margin:-130px 0 0 240px;
}
#content div .entry-content p span.promo {
position:absolute;
padding:0;
font-size:25px;
font-weight:bold;
color:#EC008C;
margin:-125px 0 0 240px;
}
#content div .entry-content p span.detail {
position:absolute;
font-style:italic;
margin:-100px 0 0 240px;
}
/* #fiche produit */
#content div .entry-content ul li {
/*list-style-image: url("http://julien-pianos.com/wp-content/themes/child-twentyten/url-de-limage");*/
list-style-type: circle;
}
#content h2 {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
text-align:justify;
font-weight:bold;
color:#000; 
text-decoration:none;
}
#content ul, #content ol li {
font-family: Verdana, Geneva, "DejaVu Sans", "Bitstream Vera Sans", sans-serif ;
font-size:14px;
font-style:italic;
text-align:left;
font-weight:normal;
color:#333; 
text-decoration:none;
}
.entry-content p a {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#EC008C;
font-weight:normal;
text-decoration:none;
}
.entry-content p a:hover {
color:#656567; /* couleur de survol */
}
p.nocomments, span.edit-link {
display:none;
}
/* -------------------------------------- logo des marques */
.entry-content p.marque {
width:730px;
height:40px;
margin-top:20px;
padding:0;
}
.entry-content p.marque a {
float:left;
margin:0;
padding:0 5px;
}
.entry-content p.marque a img {
border:0!important;
}

/* -------------------------------------- formulaire */
/*---------------------------------------*/
.entry-content div form {
background-color:transparent;
}
.entry-content div form h4 {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#000;
font-weight:normal;
text-decoration:none;
}
.entry-content div form h3 {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}
.entry-content div form p {
margin:0;
padding:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#EC008C;
font-weight:normal;
text-decoration:none;
}
.entry-content div form p span.obligatoire {
position:absolute;
margin:0;
padding:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
color:red;
font-weight:normal;
text-decoration:none;
}
.entry-content div form p span input,
.entry-content div form p span textarea {
padding:3px;
border:1px solid #ccc;
border-radius:5px;
width:250px;
background-color:#E1E3E4;
box-shadow:1px 1px 2px #C0C0C0 inset;
}
.entry-content div form p span textarea {
width:300px;
}
.entry-content div form p input[type=submit] {
width:100px;
margin-left:5px;
box-shadow:1px 1px 1px #D83F3D;
cursor:pointer;
}
/* -------------------------------------- plan du site */
/*---------------------------------------*/
.entry-content .ddsg-wrapper {
padding:1px 1px 1px;
}
.entry-content .ddsg-wrapper ul li strong {
display:none;
}
.entry-content .ddsg-wrapper ul {
	margin-left:30px;
	padding:0;
	padding:1px 1px 1px;
	font-family: Arial, Helvetica, "Liberation Sans", sans-serif !important;
	font-size:16px !important;
	font-style:normal !important;
	color: green !important; /* couleur lettre */
	text-decoration:none;
	list-style-type:none !important;
	border:transparent;
}
.entry-content .ddsg-wrapper ul li:first-child {
	color: red !important; /* couleur lettre */
}
.entry-content .ddsg-wrapper ul li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none !important;	
	text-transform:uppercase;
}
.entry-content .ddsg-wrapper ul li a {
	color: #000; /* couleur lettre */
	line-height:10px;
	padding:0;
	font-size:12px;
	text-decoration:none;
}
.entry-content .ddsg-wrapper ul ul {
	border-top:1px dashed #ccc;
}
.entry-content .ddsg-wrapper ul ul li a {
	color:#333; /* couleur lettre */
	line-height:15px;
	padding:0;
	font-size:12px;
	text-decoration:none;
}
.entry-content .ddsg-wrapper a:hover, 
.entry-content .ddsg-wrapper a:focus, 
.entry-content .ddsg-wrapper a:active { 
color:#EC008C; 
text-decoration: none; 
}

/* -------------------------------------- Footer */
/*---------------------------------------*/
#footer {
position:relative;
margin:0 auto;
width:1024px;
height:250px;
z-index:1000;
clear: both;
background-image: url(images/footer.jpg);
background-repeat: no-repeat;
border-top:2px solid #EC008C;
}
#bande-footer {
position:absolute;
margin-top:-250px;
padding:0;
width:100%;
height:250px;
clear:both;
bottom:0;
z-index:1;
background:#333;
}
/* -------------------------------------- les bonnes affaires */
/*---------------------------------------*/
table.general-table {
border-bottom:1px solid #666;
}
table.general-table2 {
margin-top:15px;
border-bottom:1px solid #666;
border-top:1px solid #666;
}
th.grand-titre {
padding:5px;
margin:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
color:#fff; 
font-weight:bold;
text-decoration:none;
background:#333;
}
td.tete-titre1, td.espace-image1, td.tete-titre2, td.espace-image2 {
background:#E1E3E4;
}
td.tete-titre1, td.tete-titre2,
td.pied-fiche1, td.pied-fiche2 {
padding:5px;
margin:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
color:#222; 
font-weight:normal;
text-decoration:none;
}
td.pied-fiche1, td.pied-fiche2 {
background:#CCCECF;
}
td.pied-fiche1 strong, td.pied-fiche2 strong {
font-size:22px;
color:#EC008C; 
}
/* -------------------------------------- promos pianos */background: url("images/background.jpg");
/*---------------------------------------*/
table.general-table-promo {
border-bottom:2px solid #ec008c;
}
table.general-table2-promo {
margin-top:15px;
border-bottom:2px solid #ec008c;
}
th.grand-titre-promo {
padding:5px;
margin:0;
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:20px;
color:#F3E3C2; 
font-weight:bold;
text-decoration:none;
background:#EC008C;
}
td.image-espace-promo {
margin:0;
padding:0;
height:160px;
background: url("http://julien-pianos.com/wp-content/themes/child-twentyten/images/promo-background.jpg");
}
td.pied-promo1, td.pied-promo2 {
font-family: Arial, Helvetica, "Liberation Sans", sans-serif;
font-size:14px;
background:#CCCECF;

}
td.pied-promo1 strong, td.pied-promo2 strong {
font-size:22px;
color:#EC008C; 
}


/*--------------------------------------- HACK IE8 */
#content, #categorie{
*float:left;
*width:715px;
*border:1px dashed red;
}
div#primary {

*position:absolute:
*margin-top:-1000px;
*padding:1px; /* bottom padding for footer */
*border:1px dashed green;
}