/*
Theme Name: Jambons & Cie
Theme URI: http://www.jambonsetcie.com/
Description: Thème réalisé par Florian RONZI (<a href="http://www.alienfx.net/">AlienFX</a>).
Version: 1.0
Author: <a href="http://www.alienfx.net/florian-ronzi/">Florian RONZI</a>
Author URI: http://www.alienfx.net/
Tags:  

*/

body {
	margin: 0;
	padding: 0;
	background: #FFF url(images/bg-header.jpg) repeat-x top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b7a39a;
}

body.home {
	background: #FFF url(images/home-bg-header.jpg) repeat-x top left;
}

.clear { clear: both; }
img, *, html { border: none; outline: none; }
h2 .puce {
	position: static;
	margin-left: -57px;
	margin-top: -33px;/*-23px;*/
	width: 48px;
	height: 49px;
	text-indent: -10000px;
}

h2 .puce-gris-epi { background: url(images/puce-gris-epi.png) no-repeat top left; }
h2 .puce-rouge-fourchette { background: url(images/puce-rouge-fourchette.png) no-repeat top left; }
h2 .puce-marron-pate { background: url(images/puce-marron-pate.png) no-repeat top left; }
h2 .puce-rouge-epi { background: url(images/puce-rouge-epi.png) no-repeat top left; }
h2 .puce-rouge-fromage { background: url(images/puce-rouge-fromage.png) no-repeat top left; }
h2 .puce-rouge-queue { background: url(images/puce-rouge-queue.png) no-repeat top left; }
h2 .puce-rouge-contact { background: url(images/puce-rouge-contact.png) no-repeat top left; }
h2 .puce-violet-verre { background: url(images/puce-violet-verre.png) no-repeat top left; }

a { color: #7a6258; text-decoration: none; }
a:hover { color: #a08479; }

.alignleft { float: left; }
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin-right: 15px;}

.couleur_gris { color: #9f8478; }
.couleur_violet { color: #86186b; }
.couleur_rose { color: #e5313f; }
.h { display: none; }

#page {
	margin: 0 auto;
	padding: 0;
	width: 960px;	
}

.home #page {
	background: url(images/home-bg.jpg) no-repeat top center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
}

#page #header {

}

.home #page #header {
	clear: both;
	margin: 0;
	padding: 0;	
	height: 202px;
}

#page #header #logo {
	float: left;
	background: url(images/logo.jpg) no-repeat top left;
	width: 510px;
	height: 202px;
}

.home #page #header #logo {
	background: url(images/home-logo.jpg) no-repeat top left;
}

#page #header #logo h1, #page #header #logo h1 a, #page #header #logo h2, #page #header #logo h2 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}

#page #header #menu {
	float: right;
	width: 450px;
	height: 62px;
}

#page #header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#page #header #menu ul li {
	float: left;
	display: block;
}

#page #header #description {
	float: left;
	width: 415px;
	height: 100px;
	text-align: right;
	padding-top: 40px;
	padding-right: 35px;
}	

#page #header #description h1 {
	text-align: right;	
	font-size: 26px;
}

#page #header #description h1 b {
	display: block;
	font-size: 32px;
	color: #e5313f;
}


#page #contenu {

}

.home #page #contenu {
	width: 100%;
	height: 453px;
}

#page #contenu .bloc {
	background: url(images/bg-contenu.jpg) no-repeat top right;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 10px;
	width: 900px;
	min-height: 442px;
}

#page #contenu .bloc .post {
	float: right;
	width: 840px;
	padding-top: 1Opx;
}

#page #contenu .bloc .post h2 {
	color: #e5313f;
}
#page #contenu .bloc .post h2.couleur_violet { color: #86186b; }
#page #contenu .bloc .post h2.couleur_gris { color: #9f8478; }
#page #contenu .bloc .post h2 b {
	display: block;
	font-size: 15px;
}

#page #footer {
	clear: both;
	background: url(images/bg-footer.jpg) no-repeat top center;
	padding-top: 32px;
	text-align: center;
	color: #e5313f;
}

#page #footer a {
	color: #e5313f;
}

#page #footer a:hover {
	color: #f2989f;
}

#page #footer #auteur, #page #footer #auteur a {
	font-size: 8px;
	color:#D0D0D0;
}

#page #footer .credits {
	float: right;
}

#page #footer .credits a {
	display: block;
	background-image: url(images/alienfx.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 25px;
	height: 42px;
	text-indent: -10000px;
}

#page #footer .credits a:hover {
	background-image: url(images/alienfx-hover.gif);
}




/**
 * Bloc Page d'accueil
 */
#home {
	position: relative;
	clear: both;
	margin: 0;
	padding: 0;
	height: 455px;
}

#home #home_produits {
	position: absolute;	
	margin-top: 95px;
	margin-left: 165px;
	z-index: 1;
	width: 195px;
	height: 240px;
}

#home #home_produits h2 {
	width: 180px;
	height: 60px;
}

#home #home_produits h2 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}

#home #home_produits ul, #home #home_produits ul li h3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

* html #home #home_produits ul { padding-top: 20px; }
*+html #home #home_produits ul { padding-top: 20px; }

#home #home_produits ul li {
	background: url(images/puce-h3.jpg) no-repeat top left;
	padding-left: 15px;
	padding-bottom: 5px;
}

#home #home_produits ul li h3 {
	height: 13px;
	padding-bottom: 4px;
}

#home #home_produits ul li h3 a {
	color: #e5313f;
	font-size: 12px;
}

#home #home_menu {
	position: absolute;	
	margin-top: 0px;
	margin-left: 390px;
	z-index: 2;
	width: 255px;
	height: 310px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
}

#home #home_menu hr {
	background-color: #e5313f;
	width: 170px;
	height: 7px;
}

#home #home_cie {
	padding-left: 700px;
	width: 260px;
	height: 195px;
}

#home #home_cie h2 {
	display: block;
	position: absolute;
    margin-top: -30px;
	margin-bottom: 40px;
	width: 180px;
	height: 50px;
}

#home #home_cie div {
    padding-top: 50px;
}

#home #home_cie h2 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}


#home_communaute {
	position: absolute;
	z-index: 4;
	top: 560px;
	width: 410px;
	height: 110px;
}

#home_communaute a.fb {
	display: block;
	float: right;
	margin-right: 27px;
	
	width: 30px;
	height: 110px;
	text-indent: -10000px;
}

#home_communaute a.communaute {
	display: block;
	margin-top: 55px;
	margin-left: 25px;
	width: 160px;
	height: 25px;
	text-indent: -10000px;
}

#home_communaute a.ambassadeur {
	display: block;
	margin-left: 25px;
	width: 160px;
	height: 25px;
	text-indent: -10000px;
}



/**
 * Pages spécifiques
 */
/* & Cie Page-13 */

.entry .fiche {
	width: 460px;	
}

.entry .presentation { 
	width: 600px; 
	font-size: 14px; 
	color: #e5313f; 
}

.page-id-13 ul.produits {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-id-13 ul.produits li {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	display: block;
	width: 390px;
	height: 180px;
}

.page-id-13 ul.produits li .infos {
	float: left;
	margin-right: 5px;
	width: 240px;
}

.page-id-13 ul.produits li .infos h2 strong {
	color: #86186b;	
}

.page-id-13 ul.produits li .pic {
	float: left;
	margin-right: 5px;
	width: 140px;
	height: 180px;
}

.page-id-13 .entry .noproduits ul {
	list-style: none;
	width: 550px;
	margin: 0 0 0 168px;
	padding: 0;
}

.page-id-13 .entry .noproduits ul li {
	background-image: url(images/puce-li-jambons.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	padding-bottom: 3px;
}

.page-id-13 .entry .noproduits ul li strong {
	color: #e5313f;
}


/* & Cie Page-18 */

.page-id-18 ul.produits {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-id-18 ul.produits li {
	float: left;
	margin-left: 45px;
}

/* Communauté Register */
#bloc_ambassadeur {
	float: left;
	width: 380px;
}

#bloc_ambassadeur ul {
	list-style: none;
	width: 224px;
	margin: 0 0 0 155px;
	padding: 0;
}

#bloc_ambassadeur ul li {
	background-image: url(images/puce-li-ambassadeurs.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	padding-bottom: 3px;
}

#bloc_ambassadeur ul li strong {
	color: #86186b;
}


#bloc_inscription {
	float: right;
	width: 380px;
}

#bloc_contact {
	width: 380px;
}

#bloc_inscription .input,
#bloc_inscription #pass1, #bloc_inscription #pass2, #bloc_inscription #firstname, #bloc_inscription #lastname, #bloc_inscription #date_de_naissance, #bloc_inscription #adresse, #bloc_inscription #tlphone_portable,
#bloc_contact .input
{
	border: 1px solid #c4c5c6;
	width: 275px;
	height: 17px;
}

#bloc_contact .textarea
{
	border: 1px solid #c4c5c6;
	width: 350px;
	height: 90px;
}

#bloc_inscription table, #bloc_contact table {
	width: 360px;
	overflow: hidden;
}

#bloc_inscription div.submit, #bloc_contact div.submit {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

#bloc_inscription input.submit, #bloc_contact input.submit {
	background-color: #e5313f;
	color: #FFF;
	padding: 3px;
	cursor: pointer;
}

.updated,.error,#login_error{ border-width:1px;border-style:solid;padding:.6em;margin:5px 15px 10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.updated p,.error p, #login_error p{margin:.5em 0;line-height:1;padding:2px;}
.error,#login_error{background-color:#ffebe8;border-color:#c00;}.error a{color:#c00;}.form-invalid{background-color:#ffebe8!important;}.form-invalid input,.form-invalid select{border-color:#c00!important;}.submit{border-color:#DFDFDF;}.highlight{background-color:#e4f2fd;color:#d54e21;}

#login_confirm{ border-width:1px;border-style:solid;padding:.6em;margin:5px 15px 10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#login_confirm p{margin:.5em 0;line-height:1;padding:2px;}
#login_confirm{background-color:#f4ffe8;border-color:#87cc00;}