/*
Theme Name: Distrimode
Theme URI: http://www.distrimode.fr/
Description: Theme original du site officiel de la societe Distrimode.
Version: 2.0
Author: Cedric Girard
 
Distrimode theme by Cedric Girard || http://www.effi10.com

Couleurs du thème :
===========================
arrière-plan	=> fff
texte			=> 000
marron menu		=> 5d3128
beige (fond)	=> f7f7ef
beige(menu)		=> e9e9df
marron liens	=> 3b1918
 ===========================
 
*/


/* RESET ***************************************/

body, html {
	height:100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none outside none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}
:focus {
	outline:0 none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.ac {
	text-align:center;
}
.ar {
	text-align:right;
}
.col-full:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.reinitialiser, .fix, .clear {
	clear:both;
	height:1px;
	margin:-1px 0 0;
	overflow:hidden;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	list-style:none outside none;
	margin:0;
	overflow:hidden;
	padding:0;
	visibility:hidden;
	width:0;
}



/* FONTFACE ******************************************************/

@font-face {
	font-family: 'WalkwaySemiBoldRegular';
	src: url('Walkway_SemiBold-webfont.eot');
	src: local('☺'), url('Walkway_SemiBold-webfont.woff') format('woff'), url('Walkway_SemiBold-webfont.ttf') format('truetype'), url('Walkway_SemiBold-webfont.svg#webfontfoDIYNp8') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*  LAYOUT **************************************
	par défaut largeur = 1000 px avec padding de 20px (contenu réel largeur de 960px)
	haut de page de 150px
	bas de page de 250px
*/

#contentwrap, #footer{
	position:relative;
	margin:0 auto;
	clear: both;
	padding-left:0px !important; /*ie6fix*/
	padding-left:20px;
	z-index:1;
}

#contentwrap {
	width:100%;
	background: #fff;
}

#footerwrap {
	width:100%;
	background: #f7f7ef url(images/bg_footer.gif) repeat-x top left;
	clear: both;
	float: left !important; /* ie6fix */
	float: none;
	position: relative;
	z-index: 6;
	min-height:250px;
}

#footer{
	padding-top:0px;
	clear: both;
	width:1000px;
	background:#f7f7ef url(images/bg_footer_menu.gif) no-repeat top left;
	min-height:250px;	
}

#headwrap {
	width:100%;
	background: #f7f7ef url(images/bg_header.gif) repeat-x top left;
	height:150px;
	clear: both;
	float: left !important; /* ie6fix */
	float: none;
	position: relative;
	z-index: 6;
}

#head{
	background: #f7f7ef url(images/bg_header_menu.gif) no-repeat top left;
	z-index: 5;
	position: relative;
	width:1000px;
	height:150px;
	margin:0px auto;
}

#content {
	position: relative;
	z-index: 1;
	width:960px;
	margin:0 auto;
	padding:0;
}

/* ELEMENTS DU HEADER ********************************************/

#logo {
    border: 0 none;
    display: block;
    height: 50px;
    left: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: 30px;
    width: 220px;
    z-index: 10;
}

#logo h3.logo, #logo h1.logo {
	border:none;
	text-decoration:none;
	margin:0;
	padding:0
}

#logo h3.logo a, #logo h1.logo a {
	display:block;
	width:220px;
	height:50px;
	margin:0;
	padding:0
}


#navwrapper {
    height: 40px;
    padding-left: 20px;
    padding-top: 88px;
    position: relative;
    z-index: 6;
}

#headextras {
	padding: 14px 14px 10px 0;
    position: absolute;
    right: 6px;
    top: 25px;
    width: 328px;
    z-index: 10;
}

/* Formulaire de recherche */
#head #searchform {
    float: right;
}

#searchform, #searchform div {
    position: relative;
}

#head #s {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
	border: medium none;
    padding: 5px 30px 5px 10px;
    width: 200px;
}

#searchsubmit {
    background: url("images/search.png") no-repeat scroll 2px center transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 35px;
    outline: medium none;
    padding: 0;
    position: absolute;
    right: -6px;
    text-indent: -9999px;
    top: -4px;
    width: 35px;
}

/* MENU DÉROULANT */
#hautdepage .nav {
    float: left;
	font-family: 'WalkwaySemiBoldRegular',Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-size: 22px;
    height: 40px;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    position: relative;
    z-index: 6;
}

.nav li a{
	display:block;
	float:left;
	padding:6px 35px 6px 3px;
	width:auto;
	border: none;
	border-bottom: 5px solid #edede3;
	text-decoration: none;
	line-height: 24px;
	outline: none;
}

.nav li a:hover {
	border-bottom: 5px solid #edede3;
}

.nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;
}


#hautdepage .nav ul a{
	line-height:34px;
	font-family: 'WalkwaySemiBoldRegular',Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 22px;
	cursor: pointer;
}

#hautdepage .nav li{
	float:left;
	position:relative;
	z-index:20;
}

#hautdepage .nav li li{
	border-left:none;
	margin-top:0;
}

#hautdepage .nav ul {
	display:none;
	position:absolute;
	top:40px;
	width:182px;
	left:-9px;
}

#hautdepage .nav li ul a{
	width:160px;
	height:auto;
	float:left;
	text-align:left;
	padding:4px 10px;
}

#hautdepage .nav ul ul{
	top:auto;
	border-top:none;
}	

#hautdepage .nav li ul ul {
	left:181px;
	top:-1px;
}

#hautdepage .nav li:hover ul ul, #hautdepage .nav li:hover ul ul ul,#hautdepage  .nav li:hover ul ul ul ul{
	display:none;	
}
#hautdepage .nav li:hover ul, #hautdepage .nav li li:hover ul, #hautdepage .nav li li li:hover ul, #hautdepage .nav li li li li:hover ul{
	display:block;
}

#hautdepage .nav li ul a{
	border-top:none;
}


/* Couleurs du menu */
.nav li a{
	color:#999;
}

.nav .current a, .nav li a:hover, .nav .currentli_item a{
	color:#000;
}

#hautdepage .nav li ul a{
	border:1px solid #DFDFD5;
	border-top:none;
	color:#999;
	background: #edede3;
}

#hautdepage .nav li ul a:hover{
	color:#000;
}

#hautdepage .nav li ul {
	border-top:1px solid #edede3;
}


/* Boutons contact et social medias */
.social_bookmarks {
    border: medium none;
    display: block;
    float: right;
    list-style-position: outside;
    list-style-type: none;
    padding: 5px 5px 0 0;
    position: relative;
    z-index: 6;
}

.social_bookmarks li {
    float: left;
    margin: 0;
    padding: 0 7px 0 0;
    width: 16px;
}

.social_bookmarks .email a {
    background: url("images/email_16.png") no-repeat scroll 0 0 transparent;
}

.social_bookmarks .rss a {
    background: url("images/rss_16.png") no-repeat scroll 0 0 transparent;
}

.social_bookmarks .facebook a {
    background: url("images/facebook_16.png") no-repeat scroll 0 0 transparent;
}

.social_bookmarks li a {
    border: medium none;
    display: block;
    float: left;
    height: 16px;
    outline: medium none;
    padding: 0;
    text-indent: -9999px;
    width: 16px;
}


/* Stylage spans du menu */
.nav li a span {
	font-size: 14px;
	float: right;
	display: block;
	width: 90px;
	text-align: right;
	line-height: 17px;
	margin-right: 4px;
}


/* MISES EN FORME GÉNÉRALE **************************************/

body{
	background: #f7f7ef;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: justify;
    font-size: 13px;
    line-height: 22px;
	color: #666;
}

strong {
	color:#000;
}

p {
	padding: 0 0 0.8em;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'WalkwaySemiBoldRegular',Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: #bfb1a8;
}

#contenu h1 {
    font-size: 22px;
    padding: 15px 0 10px 4px;
}

h2 {
    font-size: 22px;
    padding: 15px 0 10px 4px;
}

h3 {
	color: #000000;
	font-size:18px;
    padding: 15px 0 8px 4px;
}
.alignleft { float: left; padding: 15px 10px 10px 0px !important; }
.alignright { float: right; padding: 15px 0px 10px 10px !important; }
.aligncenter { text-align: center; margin: auto; } 


/* Liens */
a:link {
	color:#C3A987; 
	background:transparent;
	text-decoration: underline;
}
a:visited {
	color:#C3A987; 
	background:transparent;
	text-decoration: underline;
}
a:hover {
	color:#dcbe98; 
	background:transparent;
	text-decoration: underline;
}
a img {
	border: none;
	text-decoration: none;
}
/* Liens sur titres des posts */
h2 a {
	text-decoration : none !important;
	color: #bfb1a8;
}
h2 a:hover {
	text-decoration : none !important;
	color: #bfb1a8 !important;
}

/* MISE EN FORME DU CONTENU */
.post {
	padding: 20px 10px 0;
}


/* Mise en forme des galeries de modèles (pages de marques) */

#content h1, #content h2 {
    font-size: 22px;
    padding: 15px 0 10px 4px;
}

#content h2 a {
	-moz-border-radius: 0 15px 15px 0;
	-khtml-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
    background: none repeat scroll 0 0 #C3A987;
    border: 0 none;
    color: #FFFFFF;
    margin-left: -4px;
    padding: 3px 25px 3px 15px;
}

#content h2 a:hover {
	color:#f0f0f0 !important;
}

/* bloc lien retour à la galerie */
#content .retour {
    background: url("images/bullet1.png") no-repeat scroll right 9px transparent;
    color: #CCCCCC;
    display: block;
    float: right;
    font-size: 11px;
    margin: -30px 10px 0 0;
    padding-right: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 250px;
}

#content .retour a {
	
}


#content blockquote {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
    background: none repeat scroll 0 0 #F7F7EF;
    margin: 5px auto;
    padding: 15px 25px 15px;
    width: 90%;
}

#content blockquote p:Last-Child {
	padding:0;
}

#content ul {
	padding-bottom:1em;
}

#content li {
	background: url("images/bullet1.png") no-repeat scroll 0 10px transparent;
	list-style-type: none;
    margin-bottom: 7px;
    padding-left: 20px;
}

#content li:last-child {
    margin-bottom: 0px;
}

#content .post .post_content {
	display:block;
}

#content .post .post_content  ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
#content .post .post_content  ul.columns li {
	width: 170px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
#content .post .post_content  ul.columns li:hover {z-index: 99;}

#content .post .post_content  ul.columns li img {
	position: relative;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
}
#content .post .post_content  ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;
    -khtml-opacity: 1;
}

/* bloc "SOLDE!" */
#content .post .post_content ul.columns li span.solde {
    background:url("images/solde.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    float:left;
    height:75px;
    margin:0px -75px 0 0;
    position:relative;
    text-indent:-7000px;
    width:75px;    
}

#content .post .post_content .imagemodele span.solde {
    background:url("images/solde.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    float:left;
    height:75px;
    margin:0px -75px 0 0;
    position:relative;
    text-indent:-7000px;
    width:75px;    
}

#content .post .post_content  ul.columns li .info {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    background: none repeat scroll 0 0 #F0F0F0;
    display: none;
    font-size: 1.2em;
    height: 50px;
    left: -10px;
    padding: 170px 10px 20px;
    position: absolute;
    top: -10px;
    width: 150px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 10px #CCCCCC; 
    -webkit-box-shadow: 0 0 10px #CCCCCC; 
    box-shadow: 0 0 10px #CCCCCC;
}
#content .post .post_content  ul.columns li:hover .info {display: block;}

#content .post .post_content  ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
#content .post .post_content  ul.columns li p {
	padding: 0; 
	margin: 0; 
	font-size: 11px; 
	line-height:13px;
	text-align:center;
}

#content .post .post_content  ul.columns li div.prix p {
	padding: 0; 
	margin: 0; 
	font-size: 12px; 
	line-height:22px;
	text-align:left;
}


#content .post .post_content  ul.columns li .info .details {
	display:block;
	position:absolute;
	top: 210px;
	left:0;
	width: 160px;
	text-align:right;
	font-size: 11px;
}

#content .post .post_content  ul.columns li .info .details a {
    background: none repeat scroll 0 0 #3B1918;
    color: #FFFFFF;
    padding: 2px 10px;
    text-decoration: none;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:12px;
}


#content .post .post_content  ul.columns li .info .details a:hover {
	color:#fff;
	background:#5d3128;
	text-decoration:none;
}


#content .post .post_content  ul.columns li .info .details a span {
	display:none;
}

/* liste de posts */

#content .onepost .actumeta {
	-moz-border-radius: 0 15px 15px 0;
	-khtml-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
    background: none repeat scroll 0 0 #F7F7EF;
    display: block;
    float: left;
    font-size: 11px;
    height: 25px;
    margin-top: -35px;
    padding: 4px 30px 0 0;
    width: 100%;
}

#content .onepost .actumeta .actudate {
	background: url("images/icon-date.png") no-repeat scroll -3px top transparent;
    display: block;
    float: right;
    padding-left: 26px;
}

#content .onepost .actumeta .actucomments {
	background: url("images/icon-comment.png") no-repeat scroll -3px top transparent;
    display: block;
    float: right;
    margin-right: 12px;
    padding-left: 26px;
}

#content .onepost .actumeta .actucomments a, #content .onepost .actumeta .actucomments a:hover {
	color:#666666;
	text-decoration:underline;
}


/* Filtres JQuery des listes d'articles */

#content #filters {
	font-size:10px;
	display:block;
	margin:0px auto;
	width:90%;
}

#content #filters p {
	font-style:italic;
	padding:0;
}

#content #filters a {
    background: #BFB1A8;
    color: #FFFFFF;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Pages d'actualités (billets du blog) */

#content .singleactumeta {
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    height: 25px;
    padding: 0 30px 15px 2px;
    width: 100%;
}

#content .singleactumeta .actudate {
	background: url("images/icon-date.png") no-repeat scroll -3px top transparent;
    display: block;
    float: left;
    padding-left: 26px;
}

#content .singleactumeta .actucomments {
	background: url("images/icon-comment.png") no-repeat scroll -3px top transparent;
    display: block;
    float: left;
    margin-left: 12px;
    padding-left: 26px;
}

#content .singleactumeta .actucomments a, #content .singleactumeta .actucomments a:hover {
	color:#666666;
	text-decoration:underline;
}



/* MISE EN FORME DU FOOTER (zone widgetisable) */
#footer #remonter {
    height: 20px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 10px;
    width: 70px;
}

#footer #remonter a, #footer #remonter a:hover {
    color: #CCCCCC;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#footer h3 {
	text-align:center !important;
}

#footer .column {
	float: left;
	margin: 35px 0 0 26px;
}


#footer .widget ul {
	border-top: 1px solid #EBEBE4;
}

#footer .widget ul li {
    border-bottom: 1px solid #EBEBE4;
    line-height: 25px;
    padding: 0 4px;
}

#footer .widget ul li a {
	color:#bbb;
	text-decoration:none;
	display:block;
}

#footer .widget ul li a:hover {
	color:#000;
	text-decoration:none;
}

/* Widget actus récentes */
#footer .widget_recent_actus_box {
	width:330px;
}


/* Widget nouveaux produits */
#footer ul.small-products-gallery {
    display: block;
    padding: 10px 0 10px 5px;
    width: 240px;
	height:240px;
}

#footer ul.small-products-gallery li {
    border: 0 none !important;
    float: left;
    margin: 0;
    padding: 0;
}

#footer ul.small-products-gallery li a {
    border: 0 none;
    display: block;
    height: 75px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    width: 75px;
}

#footer ul.small-products-gallery li a:hover {
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#footer ul.small-products-gallery li a span{
    float: left;
    text-indent: -9999px;
}

/* Widgets zones de textes */
#footer .textwidget {
	width:320px;
	font-family: arial;
    font-size: 12px;
    text-align: left;
	border-top: 1px solid #EBEBE4;
}

#footer .textwidget a {
    clear: none;
    color: #C3A987 !important;
    display: inline !important;
    margin: 0;
    padding: 0;
    text-decoration: underline !important;
}

#footer .textwidget a:hover {
	color:#dcbe98 !important;
}

#footer .textwidget ul {
	padding-bottom:1em !important;
}

#footer .textwidget li {
    background: url("images/bullet1.png") no-repeat scroll 0 10px transparent !important;
    border: medium none !important;
    list-style-type: none !important;
    margin-bottom: 2px !important;
	margin-left: 8px !important;
    padding-left: 15px !important;
}

#footer .textwidget li:last-child {
    margin-bottom: 0px !important;
}

#footer .textwidget blockquote {
    -moz-border-radius: 8px 8px 8px 8px !important;
    background: none repeat scroll 0 0 #EDEDE3;
    margin: -7px auto 3px !important;
    padding: 8px 15px 2px !important;
    text-align: center;
    width: 90% !important;
}

#linksfooter {
    clear: both;
    color: #aaa;
    font-size: 10px;
    margin: 5px auto;
    text-align: left;
    width: 940px;
}

#linksfooter a {
	color:#aaa;
	text-decoration:underline;
}

#linksfooter a:hover {
	color:#333;
	text-decoration:underline;
}



/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {
    border-top: 1px solid #E0E0E0;
    margin: 45px 0 0 10px;
    padding: 15px 5px 0;
    position: relative;
    width: 97%;
}
#comments h3  { 
	color:#333333;
	margin-bottom:20px;
 }
#comments h3  span, #respond h3 span, #themes h3 span, #suivprec h3 span { 
	color:#BFB1A8;
 }
#comments .comment.thread-even { background: #fafafa; background: rgba(0,0,0,0.02); border-bottom:1px solid #e6e6e6; border-bottom:1px solid rgba(0,0,0,0.07); }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;background-image: none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #e6e6e6; background: none repeat scroll 0 0 transparent; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

#comments .nocomments {
    font-style: italic;
    margin-top: 20px;
    text-align: center;
}

/* 5.2 Comments Form */
#respond  { 
    margin: 5px 0 0 10px;
    padding: 0 5px 20px;
    width: 100%;
 }
#respond h3  {
	color:#333333;
	margin-bottom:20px;
}
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt  { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 1px 0; padding: 5px 7px; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }

#commentform #submit  { margin: 15px 0 0 0;  }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }


#content .button, #content .button:visited, #content .reply a{ font-family:Verdana, Geneva, sans-serif; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
#content .button, #content .button:visited, #content .reply a{ background-color:#555; }
#content .button:hover, #content .reply a:hover { color: #fff  !important; text-decoration:none; }
#content .button:active, #content .reply a:active { top: 1px; }
#content .small .button, #content .small .button:visited, #content .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
#content .button, #content .button:visited, #content .medium .button, #content .medium .button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
#content .large .button, #content .large .button:visited { font-size: 14px; padding: 8px 14px 9px; }
#content .button, #content .button:visited, #content .medium .button, #content .medium .button:visited { text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#content .button, #content .button:visited, #content .reply a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(0,0,0,.25); border-bottom-color: rgba(0,0,0,.35); }
#content .button:hover, #content .reply a:hover { opacity:0.9; }
#content .button, #content .reply a {
	background-color:#781315;
}



/* Onglets dans les pages produit */
#content #onglets ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 30px; /*--Set height of tabs--*/
	border-bottom: 1px solid #DFDFD5;
	border-left: 1px solid #DFDFD5;
	width: 100%;
}
#content #onglets ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 29px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 29px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #DFDFD5;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #F7F7EF;
}
#content #onglets ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
#content #onglets ul.tabs li a:hover {
	background: #edede3;
}
html #content #onglets ul.tabs li.active, html #content #onglets ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
#content #onglets {
	clear:left;
	width:600px;
	float:left;
}

#content #onglets .tab_container {
	border: 1px solid #DFDFD5;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
#content #onglets .tab_content {
	padding: 20px;
	font-size: 1em;
}


#content .imagemodele {
	float:right;
	border:1px solid #DFDFD5;
	padding:3px;
	background:#fff;
	margin-left: 25px;
}

#content #themes {
	display:block;
	clear:left;
	margin-top: 45px;
	margin-bottom: 20px;
	line-height:30px;
}

#content #suivprec {
	display:block;
	clear:left;
	margin-top: 55px;
	margin-bottom: 20px;
	line-height:30px;
}

#content #themes h3, #content #suivprec h3 {
	color:#333333;
	padding-top: 35px;
}

#content #suivprec h3 {
	font-size:24px;
}

#content #themes a {
	background: #F7F7EF;
	padding: 4px 12px;
	color:#000;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
    text-transform: uppercase;
}

#content #themes a:hover {
	background: #edede3;
}

#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;			}
#gallery-1 img {
	border: 2px solid #cfcfcf;
	margin-right: 30px;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}

p.wp-caption-text {
	font-style:italic;
	font-size:11px;
}


// Mise en forme des FAQ
dl.faq {
	margin: 20px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

dl.faq dd {
	display:block;
	margin: 10px 0 0 20px;
	border-left: 4px solid #999;
	padding-left:10px;
	color:#999;
}

dl.faq dt {
	background: url("images/bullet1.png") no-repeat scroll 0 9px transparent !important;
    color: #000000;
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
}


/* Boutons Twitter + Facebook "J'aime" */

.likeit {
	display: block;
	margin: -2px auto 20px;
}

.twitter-share-button {
	max-height:24px !important;
	min-height:24px !important;
	border:0 !important;
}


/* Macaron "Soldes" sur la home */
#macaron-soldes {
	float: right;
	display: block;
	z-index: 999;
	width: 224px;
	height: 223px;
	background: transparent url(images/macaron-soldes.png) top left no-repeat;
	text-indent: -9600px;
	margin-top: -204px;
	position: relative;
}