* {margin: 0; padding: 0;}

/*======= Element generaux ========*/


body {
	background: #000 url(img/background-header.jpg) center top no-repeat;
	font: 62.5%/1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

a {
	color: #1180ae;
	text-decoration: underline; 
}

p {
	color: #aa9e97;
	font-size:1.2em;
}

#wrapper {
	margin: auto;
	width: 743px;
}

#header {
	height: 191px;
	position:relative;
}



/*======= Formulaires ========*/

#jachetetoutsuite  { 
	margin: 12px 31px 0 0;
	padding: 0;
}



/*======= Menu Top Droit ========*/

#menutopdroit {
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 10px;
}

#menutopdroit li {
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0 0 0 25px;
}
#menutopdroit li a {
	color:#aa9e97;
	text-decoration: none;
}

#menutopdroit li a:hover {
	text-decoration: underline;
}

/*======= Menu Principal ========*/

#menuprincipal {
	top: 165px;
	list-style-type: none;
	position: absolute;
	margin: 0 0 0 28px;
	width: 710px;
}

#menuprincipal li {
	font-size: 1.4em;
	font-weight: bold;
	float: left;
	margin: 0 45px 0 0;
	text-transform: uppercase;
	line-height: 21px;
}

#menuprincipal li a {
	padding: 0 0 6px 0;
	text-decoration: none;
	color:#aa9e97;
}

#menuprincipal li a:hover {
	border-bottom: 3px solid #524131;
}

/*#menuprincipal li.feedrss {
	margin: 0 0 0 340px;
}

#menuprincipal li.feedrss a {
	background: url(img/icone-feed.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
	width: 21px;
	height: 21px; 
	padding: 0;

}

#menuprincipal li.feedrss a:hover {
	background-position: left bottom;
	border: none;
}
*/
/*======= Les photos ========*/


#zoneproduits {
	margin: 50px 0 0 9px;
}

h1{
	color: #aa9e97;
	font-size:1.4em;
	margin:30px 30px 0 35px;
	line-height:1.6em;
}

.produit {
	background-image: url(img/bg-produit.gif);
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
}

.produit h2 {
	background-color: #141414;
	color: #1180ae;
	font-size: 1.8em;
	text-transform: uppercase;
	padding: 12px;
}

.photoproduit {
	margin: 20px 0 15px 20px;
}

.produit p {
	margin: 20px 20px 15px 20px;
	line-height: 1.4em;
}

ul.zoneachat {
	list-style-type: none;
	position: relative;
	clear: both;
}

li.choixgrandeur {
	width: 48%;
	color: #a8a39f;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	float: left;
	padding: 15px 0 0 22px;

}

li.boutonachat {
	/*background: url(img/ajouter-panier.gif) left 11px no-repeat;*/
	float: right;
	text-align: right;
	width: 29%;
	height: 27px;
}

/*li.boutonachat a {
	background: url(img/ajouter-panier.gif) left 11px no-repeat;
	display: block;
	width: 181px;
	height: 36px; 
	padding: 0;
}

li.boutonachat a:hover {
	background-position: left bottom;
	border: none;
}*/

/*======= Page informative et du blog ========*/

#container {
	margin: 55px 0 0 26px;
}

#container h2 {
	color: #aa9e97;
	font-size: 2.8em;
	margin: 0 0 25px 0;
	text-transform: uppercase;
	line-height: 1.1em;
}

#container h2 a{
	color:#aa9e97;
	text-decoration:none;
}

#container p{
	margin: 0 0 25px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

#container p.last{
	border-bottom: 1px solid #121212;
	padding: 0 0 15px 0;
}

.col1,.col2 {
	display: inline;
	float: left;
	width: 500px;
}

.col2 {
	width: 210px;
}

.col2 ul {
	margin: 0 0 40px 0;
	list-style-type: none;
}

.col2 ul li {
	background: url(img/ligne-menu-droit.jpg) right 19px no-repeat;
	text-align: right;
	color: #aa9e97;
	font-size: 1.2em;
	padding:0 7px 15px 0;
}

.col2 ul li a {
	color: #aa9e97;
	text-decoration: none;
}

.col2 ul li a:hover {
	color: #fff;
}

#titrecol2 {
	color: #aa9e97;
	background: url(img/bg-titre-col2.jpg) no-repeat;
	text-align: right;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 7px 7px 7px 0;
}

#container .col1 p.blog {
	margin: 0 0 15px 0;
	padding: 0; 
}

#container .col1 p.blog a {
	text-decoration: underline;
	color: #0276a1;	
}

#container .col1 p.blog a:hover {
	color: #fff;
}
p.commentaires {
	background: url(img/bg-commentaires.jpg) no-repeat;
	color: #711701;
	margin: 0;
	padding: 5px 0 8px 8px;
}

p.commentaires a {
	color: #711701;	
}

p.commentaires a:hover {
	color: #fff;
}
		
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
			
.clearfix {display: inline-block;}
			
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*======= Archives ========*/

.billet-categorie {
	margin: 25px 0 0 0;
	border-top: 1px solid #141414;
}

h3 {
	margin: 15px 0 15px 0;
	padding: 0 0 15px 25px;
	border-bottom: 1px solid #141414;
	text-transform: uppercase;
	font-size: 1.3em;
}

/*======= Footer ========*/

#footer {
	background: url(img/background-footer.jpg) center bottom;
	height:300px;
}

#footer p{
	padding: 275px 0 0 45px;
	font-size:1.1em;
}



.cadrecontact {
	position: relative;
	background-color: #0c0a09;
	height:70px;
	margin: 0 40px 10px 40px;

}

.logocontact {
	width: 28%;
	float: left;
	padding: 16px 0 0 40px;
}
.textecontact{
	float: right;
	width: 49%;
	padding: 20px 90px 0 0;
	color: #aa9e97;
}


/*======= Les commentaires ========*/


#titreCommentaires{
	margin: 45px 0 30px 5px;
	padding:0 0 10px 0;
	font-size: 1.8em;
	color: #aa9e97;
}

.listedescommentaires {
	margin: 0 0 0 20px;
}

.says{
	visibility: hidden;
}

.comment-author {
	font-size: 1.5em;
	margin: 0 0 3px 0;
	color: #1180ae;
}

.comment-author a{text-decoration: none; font-style: normal; font-weight: bold;}

.comment-meta {
	color: #605c5a;
	margin:0 0 15px; 0;
	border-bottom: 1px solid #1c1b1a;
	
	}
.comment-meta a{color: #605c5a; text-decoration: none;}

#commentform {
	margin: 0 0 0 20px;
	
}

#laissecommentaire {
	color: #605c5a;
	margin: 20px; 0 0 0;
	padding: 30px 0 10px 0;
}

#author, #email, #url, #comment, #submit {
	background: #1b1a19;
	border:1px solid #aea198;
	color:#aea198;
	padding:6px;
}

#submit {
	  cursor: pointer;

}

#retourachats{
	border:1px solid #2b2824;
	text-align:center;
	margin:0 0 40px 40px;
	padding: 10px 0 10px 0;
	background-color:#11100f;
}

#retourachats p{
	margin:0; padding:0;
	font-weight:bold;
}

.post-ratings{
	color:#887b7b;
}


/*======= Champ Bulletin ========*/

#bulletin{
	text-align: right;
	margin:0 0 20px 0;
}

#bulletin label{
	color:#aa9e97;
}

#bulletin input{
	margin:5px 0 4px 0;
}