/* -------------------------------------------------------
----------------------------------------------------------
Title:		meblom.com - CSS
File : 		global.css
CSS:		2.0 valid W3C
website:	www.utopiaweb.fr
----------------------------------------------------------
------------------------------------------------------- */
	/* -------------------------------------------------------
Reset
------------------------------------------------------- */
*,html {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
}

a,a img,blockquote,body,caption,div,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,img,label,legend,object,p,pre,span,strong
	{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

a:link,a:visited,a:active,a:hover {
	text-decoration: none;
	color: #999;
	outline: none;
}

img a:hover {
	
}

fieldset,img {
	border: 0;
}

ul,ol,li {
	list-style-position: inside;
	margin: 0px;
	list-style: none;
}

/* -------------------------------------------------------
Reset
------------------------------------------------------- */

/* -------------------------------------------------------
General
------------------------------------------------------- */

.cBoth {
	clear: both;
}

.dNone {
	display: none;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

body {
	text-align: center;
	background-color: #2d2d2d;
	font-family: verdana, arial, sans-serif;
	font-size: 62.5%;
	color: #2d2d2d;
}

span {
	display: none;
}

#p1 h1.browse {
	color:#A6D514;
	display:block;
	font-weight:bold;
	margin:5px 10px;
	font-size:1.6em;
}

h2, span.h2 {
	font-size: 1.8em;
}

h3, span.h3 {
	font-size: 1.6em;
}

a {
	color: #2d2d2d;
	text-decoration: none;
}

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

strong {
	font-weight: bold;
}

select,input {
	padding: 0.1em 0.3em 0.2em 0.3em;
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	font-size: 11px;
}

input {
	padding: 0.2em 0.3em 0.3em 0.3em;
}

input.submit {
	border: 0;
}

#page {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 1000px;
	text-align: left;
}

.clear {
	clear: both;
}

a.oeil {
	padding: 0 0 5px 15px;
	background: transparent url(img/puce_oeil.png) 0 4px no-repeat
		;
	color: #f41d70;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}

a.plus {
	padding: 0 0 5px 15px;
	background: transparent url(img/puce_plus.png) 0 2px no-repeat
		;
	color: #f41d70;
	text-decoration: underline;
	font-size: 11px;
}

a.livre {
	padding: 0 0 5px 15px;
	background: transparent url(img/puce_livre.png) no-repeat scroll 0px 2px;
	color: #f41d70;
	text-decoration: underline;
	font-size: 11px;
}

a.precedent {
	position: absolute;
	margin: 0 0 0 5px;
	height: 18px;
	width: 18px;
	background: transparent url(img/bouton_precedent.png) 0 0 no-repeat;	
}

a.suivant {
	position: absolute;
	margin: 0 0 0 25px;
	height: 18px;
	width: 18px;
	background: transparent url(img/bouton_suivant.png) 0 0
		no-repeat;
}

#trier p {
	text-align: right;
	font-size: 0.9em;
	color : #333;
}

.priceAreTTC {
	margin-top: 5px;	
}

.filtreObjet {
	color : #F41D70;
	font-weight: bold;	
}

.refPitch p {
	margin: 5px;
	font-size: 12px;
	color : #4B4B4B;	
}

a.pink {
	color : #F41D70;
}

/* -------------------------------------------------------
Header
------------------------------------------------------- */
#header {
	margin: 0 0 25px 0;
	width: 100%;
}

#logo a {
	display: block;
	width: 472px;
	height: 95px;
	background: #2d2d2d url(img/logo_baseline.png) 0 0 no-repeat;
}

#logbox {
	float: right;
	margin: -95px 0 0 0;
	padding: 10px 20px;
	width: 333px;
	height: 95px;
	background: #2d2d2d url(img/fond_connexion.png) 0 0 no-repeat;
	color: #fff;
	position: relative;
}
#logbox p {
}
#logbox a {
	color: #fff;
	text-decoration: underline;
}
#logbox a.contactus {
	color : #FF2F85 !important;
	font-weight : bold;	
}
#logbox span.bold {
	display: inline;
	font-weight: bold;	
}

#logbox label {
	margin:7px 0 0;
}

#form-newsletter p {
	clear: both;
	padding: 3px 0 0 0;
}

#form-newsletter input {
	width: 125px;
	height: 13px;
}

#form-newsletter #subconnexion {
	height:17px;
	margin:5px 0 0;
	width:27px;
}

#cont-login {
	float:left;
	margin-top:5px;
	width:240px;
}

#form-newsletter #cont-pass {
	float: left;
	padding: 0 10px 0 20px;
}

#logbox span.h4 {
	font-size:14px;
	font-weight:bold;
	margin:1px 0;
	display: block;
}

#form-newsletter #nlemail {
	width:180px;
}

#logbox p.error, #logbox p.info,
.newsletter-page p.error, .newsletter-page p.info{
	font-size:100%;
	font-weight:normal;
	margin:5px 0 0 0px;
	padding:0;
}

#logbox p.info,
.newsletter-page p.info {
	color: #A6D514;	
}

input#subreferencer {
	bottom:22px;
	height:17px;
	position:absolute;
	right:2px;
	width:27px;
}

/* -------------------------------------------------------
Menu
------------------------------------------------------- */
#menu ul {
	padding: 0 0 0 10px;
}

#menu li {
	display: block;
	position: relative;
	float: left;
	z-index: 9;
}

#menu li a {
	display: block;
	float: left;
	margin: 0 8px 0 0;
}

#menu li a:hover {
	background-position: 0 -52px !important;
}

#menu li a.actif {
	background-position: 0 -26px !important;
}

#menu li a#lien-accueil {
	width: 73px;
	height: 25px;
	background: url(img/onglet_accueil.png) 0 0 no-repeat;
}

#menu li a#lien-local {
	width: 93px;
	height: 25px;
	background: url(img/onglet_local.png) 0 0 no-repeat;
}

#menu li a#lien-univers {
	width: 107px;
	height: 25px;
	background: url(img/onglet_shopping.png) 0 0 no-repeat;
}

#menu li a#lien-themes {
	width: 93px;
	height: 25px;
	background: url(img/onglet_themes.png) 0 0 no-repeat;
}

#menu li a#lien-marchands {
	width: 123px;
	height: 25px;
	background: url(img/onglet_marchands.png) 0 0 no-repeat;
}

#menu li a#lien-meblog {
	width: 73px;
	height: 25px;
	background: url(img/onglet_meblog.png) 0 0 no-repeat;
}

#menu li a#lien-pro {
	float: right;
	width: 93px;
	height: 25px;
	background: url(img/onglet_pro.png) 0 0 no-repeat;
}

#menu .popup {
	position: absolute;
	background: #fff;
	top : 25px;
	left : 0;	
	border: 1px solid #A6D514;
	z-index: 9;
	padding: 5px 5px 0 5px;
}

#menu .univers-select .popup {
	width: 800px;
}

#menu .themes-select .popup {
	width: 699px;
}

#menu .marchands-select .popup {
	width: 598px;
}

#menu .popup .col {
	float: left;
}

#menu .popup div {
	z-index: 9;	
}

#menu .univers-select .popup .col {
	width: 200px;
}

#menu .themes-select .popup .col {
	width: 170px;
}

#menu .marchands-select .popup .col {
	width: 195px;
}

#menu .popup ul {
	margin-bottom: 10px;	
}

#menu .popup li {
	float: none;
	position: static;	
}
#menu .popup li a {
	display : inline;
	float: none;
	font-size: 11px;
}

#menu .popup li a:hover {
	color : #A6D514;
}

#menu .popup .titre {
	font-size:12px;	
	color: #F41D70;	
	margin-bottom: 1px;
}

#menu .popup .titre:hover {
	color: #F41D70;
}

#menu .popup .closePopup {
	background-color:#A6D514;
	bottom:0;
	color:#FFFFFF;
	margin:0;
	padding:2px 3px;
	position:absolute;
	right:0;
}


/* -------------------------------------------------------
Piste
------------------------------------------------------- */
#piste {
	margin: 0 0 15px 0;
	font-size: 11px;
}

#piste a {
	color: #f41d70;
	text-decoration: underline;
}

/* -------------------------------------------------------
Contenu
------------------------------------------------------- */

#pub-300-250 {
	width: 300px;
	height : 250px;	
}

#mentions h2 {
	text-align: center;
	margin: 10px 0;
	font-weight: bold;	
}
#mentions h3 {
	font-weight:bold;
	margin:25px 0 7px;
}
#mentions p {
	margin: 5px 0;
}

#mentions ul {
	margin-left: 40px;
}

#mentions ul,
#mentions li {
	list-style: disc;	
}

#mentions li {
	margin: 3px 0;	
}

p.descr {
	margin-bottom: 15px;	
}

#contenu {
	clear: both;
	padding: 15px 10px 10px 10px;
	background-color: #fff;
}

#prixmin, #prixmax {
	width: 70px;	
}

#prixmin {
	margin-right: 20px;	
}

#marchand div {
	margin:5px 10px;
	padding-bottom:10px;
}

#marchand div p {
	margin: 5px 0;	
}

#marchand span.h3 {
	border-top: 1px solid #efefef;
	padding-top: 10px;
	font-weight: bold; 	
}

.marchand-liste .logo,
#marchand .descr .logo {
	float: right;
	text-align: center;
	width: 120px;
	margin-right: 10px;
}

.marchand-liste {
	clear: both;	
}

.marchand-liste .infos h3 a,
.marchand-liste .infos span.h3 a {
	color : #F41D70;
}

#marchand h3, #marchand span.h3 {
	font-weight: bold;
}

#marchand .site a {
	color : #F41D70;
}

#marchand span.h3 {
	display : block;
	color : #A6D514;
	font-size:1.6em;
	margin: 5px 0px;
}

#marchand .descr .livre {
	float: right;
	margin: 20px 40px 10px 0;	
}

#marchand .magasins div.mag {
	float:left;
	margin:10px 0;
	padding-left:5px;
	width:200px;
}

#marchand .magasins div.mag span,
#marchand .pratique p span {
	display: inline;
	color : #555;
	font-weight: bold;
}

#marchand .magasins div.mag span.nomMagasin {
	font-size: 1.2em;	
}

.marchand-resume {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #A6D514;	
}

.marchand-resume div {
	margin: 5px 10px;	
}

.marchand-resume .logo {
	float: right;
	text-align: center;
	width: 120px;
	margin-right: 10px;
}

.marchand-resume .descr h3,
.marchand-resume .descr span.h3 {
	font-weight: bold;
}

.marchand-resume .fichedetail {
	margin-top : 10px;
	float: right;
	color:#F41D70;
	display:block;
	text-decoration:underline;	
}

#marchand div.magasins div.mag span.mailrev {
	font-weight: normal;
	unicode-bidi:bidi-override; 
	direction: rtl;	
}

#meblog ul li,
#meblog ul li a {
	color : #000;	
}

.homeOnglet .prod p a.nomProduit {
	color : #000;
	font-size:1.3em;
	font-weight: bold;
	margin: 0;	
}

.prod h2 a.nomProduit,
.prod2 h2 a.nomProduit {
	color : #000;
	margin: 0;
	position: static;
	text-decoration: none;	
}

p.error {
	color : #F42172;
	font-weight: bold;
	font-size: 1.2em;
	margin : 10px 0;	
}

/*****************************************************************
  2009 - www.meblom.com
  --
  produit.css
******************************************************************/


.infosmarchand img {
	float : left;
	margin-right : 10px;
}

.infosmarchand .rmarchand {
	float: left;
	margin-top : 30px;	
}

#produit, #marchand {
	clear: both;
	margin: 46px 0 0 0;
	border: 1px solid #a6d514;
	padding-bottom:10px;
}
	
#produit ul.prodOnglets, #marchand ul.prodOnglets {
	position: absolute;
	margin: -26px 0 0 -1px;
	width: 650px;
	border-bottom: 1px solid #a6d514;
	height: 25px;
}

#produit ul.prodOnglets li a, #marchand ul.prodOnglets li a {
	display: block;
	float: left;
	margin: 0 8px 0 0;
	height: 26px;
}

ul.prodOnglets li a#lien-produit {
	width: 135px;
	background: transparent url(img/onglet_detail_produit.png) bottom left no-repeat;
}

ul.prodOnglets li a#lien-marchand {
	width: 135px;
	background: transparent url(img/onglet_info_marchand.png) bottom left no-repeat;
}

#p1 div ul.prodOnglets li a.current,
#p1 div ul.prodOnglets li a:hover {
	background-position: top left;	
}

#produit h1 {
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	font-size:1.8em;
}

#produit span.h3titre, span.h3titre#similaire {
	display : block;
	color : #A6D514;
	font-size:1.6em;
	margin: 5px 0;
	font-weight: bold;	
}

span.h3titre#similaire {
	margin-top: 20px;	
}

#produit span.h3titre,
#marchand span.h3titre,
.marchand-resume span.h3titre {
	display : block;
	margin: 5px 10px;	
	color : #A6D514;
	font-weight: bold;
}

#marchand span.h3titre {
	font-weight: bold;	
}

#produit p {
	line-height: 1.4em;
	font-size: 11px;
	margin: auto 5px;
}

#produit p#prix {
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 2.6em;
	margin: 0 0 10px 0;
}

span#prixstripped {
	display: inline;
	padding-left: 30px;
	text-decoration: line-through;
	font-size: 0.7em;	
}

span.cents {
	display: inline;
	font-size: 0.7em;
}

#img-produit {
	float: left;
	margin: 20px 10px;
	width: 320px;
	overflow: hidden;
}

#img-produit p {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #ccc;
}

#actions-produit {
	margin: 10px 0;
}

#actions-produit a {
	float: left;
	display: block;
	height: 45px;
}

a#commande {
	margin-top: 20px;	
	float: right;
}

#produit div#hotline {
	font-weight: bold;
	font-size: 14px;
	float : right;
	margin-right: 40px;
	height: 45px;
	line-height: 45px;
}

#selection {
	margin: 0 7px 0 13px;
	width: 160px;
	background: transparent url(img/bouton_selection.png) 0 0 no-repeat;
}

#magasin {
	margin: 0 7px 0 0;
	width: 140px;
	background: transparent url(img/bouton_magasin.png) 0 0 no-repeat;
}

#contact {
	margin: 0 7px 0 0;
	width: 151px;
	background: transparent url(img/bouton_contacter.png) 0 0 no-repeat;
}

#commande {
	margin: 0 7px 0 0;
	width: 151px;
	background: transparent url(img/bouton_ensavoir.png) 0 0 no-repeat;
}

#infos-produit {
	clear: both;
	padding: 10px 0 10px 13px;
}

#infos-produit .prixTTC {
	clear : both;
	font-size: 0.9em;
	color : #666;
}

#produit .clear {
	height: 45px;
}

#infos-produit div.detailsProduit, #infos-produit div.detailsMarchand {
	float:left;
	margin-bottom:10px;
	padding-left:5px;
	width:280px;
}

#infos-produit ul {
	position: relative;
	border-bottom: none;
	line-height: 1.4em;
	font-size: 11px;
	height: auto;
}

#infos-produit .logoMarchand {
	text-align: center;	
	position: relative;
	height: 90px;
}
#infos-produit .logoMarchand img {
	position : absolute;
	left : 10px;
	top : 0;
	height: 70px
}
		
#infos-produit .logoMarchand a.livre {
	position: absolute;
	bottom: 0;
	left: 10px;
}

#materiaux .col {
	width: 280px;
	float: left;	
}

#p1 ul li.titre {
	color:#A6D514;
	display:block;
	font-size:1.6em;
	margin:5px 0;
}

	
/* Zone : Filtres
-----------------------------------------------------------------*/

.fblike span,
.fblikebox span,
.fbreco span {
	display: block;	
}

.fbreco {
	margin-bottom: 10px;	
}

.fblike310 {
	float:right;
	margin-top:5px;
	width:310px;	
}

.fblikebox {
	min-height:287px;
	margin:0 0 25px 10px;
	width:300px;
	background: #fff;	
}


/* -------------------------------------------------------
Contact form
------------------------------------------------------- */
.contactText {
	margin-left: 110px;
	font-size: 12px;
}
#contactLoading p{
	font-size : 18px;
	margin-top : 220px;
}
#contactLoading.error,
#contactLoading.valid{
	background : #fff;
}	
#contactLoading.error p{
	color : #f9a000;
}
#contactLoading.valid p{
	color : #008de7;
}
#contactForm{
	padding-top : 10px;
}
#contactForm fieldset {
	border: 1px solid #A6D514;
	background: #fdfdfd;
	margin-bottom: 20px;	
}
#contactForm fieldset legend {
	font-size: 1.7em;
	color: #666;
	margin-left: 15px;
}
#contactForm .formDiv{
	margin : 10px 0;
	clear : both;
	height : 38px;
}
#contactForm .formDiv div {
	float: left;	
}
#contactForm .typePersonne label,
#contactForm .typeDemande label,
#contactForm .titre label,
#contactForm .message label {
	width: 190px;	
} 
#contactForm .message{
	height : 200px;
}
#contactForm label{
	cursor : pointer;
	float : left;
	width : 100px;
	color : #A6D514;
	font-weight : bold;
	line-height : 20px;
	font-size : 12px;
	text-align :  right;
	padding-right : 10px;
}
#contactForm input,
#contactForm textarea{
	border : 1px solid #ccc;
	font-size : 12px;
	padding : 3px;
	color : #666;
}
#contactForm select {
	border : 1px solid #ccc;
	font-size : 12px;
	padding : 1px;
	color : #666;
	width: 188px;
}
#contactForm select option{
	padding: 1px;
}
#contactForm input.error,
#contactForm textarea.error{
	border : 1px solid #f9a000;
}
#contactForm input:focus,
#contactForm textarea:focus{
	color : #333;
	border : 1px solid #A6D514;
}
#contactForm input{
	width : 180px;
}
#contactForm textarea{
	height : 180px;
	width : 300px;	
}
#contactForm input.inputSubmit {
	width : 200px;
	height : 30px;
	margin-left : 200px;
	color : #fff;
	font-weight : bold;
	background-color: #A6D514;
}
#contactForm #titre,
#contactForm #message {
	width: 390px;	
}
#contactForm ul.errors li {
	color : #F42172;	
}

/* -------------------------------------------------------
Contact form
------------------------------------------------------- */


/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#footer {
	clear: both;
	padding: 13px 190px 13px 10px;
	text-align: right;
	border-top: 20px solid #fff;
	background: #fff url(img/fond_footer.png) bottom left
		no-repeat;
	font-size: 1.1em;
	color: #fff;
}

#footer #referencement {
	float: left;
	margin: -0.2em 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}

#footer a {
	color: #fff;
}

#footer .misc a {
	font-weight: bold;
}


#signature {
	padding: 1em 0;
	text-align: left;
	background-color: #2d2d2d;
	color: #ccc;
}

#signature .utopiaweb {
	display: inline;
	float: right;
}
#signature .utopiaweb a {
	color : #ddd;
}