/***************** STYLE GLOBAUX *****************/
.clearer{
clear:both;
}
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 22px Arial, Helvetica, sans-serif;
color:#6c3442;
margin:10px 0 0 0px;
width:100% !important; width:95%;
height:27px;
padding-left:50px;
background:url(../images/bg_h1.gif) no-repeat;
}

#contenu h1.fiche_produit{
font:normal 22px Arial, Helvetica, sans-serif;
color:#6c3442;
margin:10px 0 0 0px;
width:92% !important; width:92.5%;
height:27px;
padding-left:50px;
background:url(../images/bg_h1_2.gif) no-repeat;
}

#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#6c3442;
letter-spacing:1px;
margin:0 0 7px;
}

#contenu h3{
border-top:1px solid #6C3442;
padding-top:5px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#6c3442;
margin:0 0 7px;
}

#contenu h3 a.contact {
text-decoration:underline;
}

#contenu h3 a.contact:hover {
text-decoration:none;
}

#contenu p{

text-align:justify;
color:#74665d;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
color:#6c3442;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#6c3442;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#6c3442;
position:relative;
}
#contenu a:hover, #contenu a:active{
color:#6c3442;
position:relative;
text-decoration:underline;
}

#contenu a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	position:relative;
}

#contenu a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
	position:relative;
}

#contenu .centre {
	text-align:center;
	}
	
#contenu .italique {
	font-style:italic;
	}	
	
#contenu .barre {
	text-decoration:line-through;
	}


/***************** ACCUEIL *****************/	

#img_accueil {
	width:155px;
	height:155px;
	margin:0 10px 0 0px;
	float:left;
	background:url(../images/accueil/bg_image.gif) no-repeat;
	}
	
#img_accueil img {
	width:145px;
	height:145px;
	margin:5px 0 0 5px;
	}
	
	

/***************** FIN ACCUEIL *****************/

/***************** SHOW ROOM *****************/

#show_room {
	width:929px;
	height:320px;
	position:absolute;
	top:170px;
	left:10px;
	}

/***************** FIN SHOW ROOM *****************/

/***************** REALISATIONS *****************/

#contenu ul.real {
	width:400px;
	float:left;
	margin:0 0 0 30px;
	}

#contenu ul.real li {
	list-style-type:none;
	margin:0 0 15px 0;
	padding-left:25px;
	background:url(../images/puce_real.png) no-repeat;
	}


/***************** FIN REALISATIONS *****************/

/***************** TISSUS *****************/

#tissu_logo {
	width:450px;
	height:226px; 
	float:left;
	background:url(../images/tissu/logos_tissus.jpg) no-repeat;
	}

/***************** FIN TISSUS *****************/

/***************** CATALOGUE *****************/

#popup{
width:100%;
height:100%;
text-align:center;
}

#catalogue {
	width:900px;
	height:325px;
	margin:0px auto 0 auto;
	}
	
.vignette {
	width:280px;
	height:120px;
	margin:15px 5px 8px 11px;
	position:relative;
	float:left;
	}
	
.vignette .photo {
	width:120px;
	height:120px;
	float:left;
	margin:0px 0 0 0px;
	background:url(../images/catalogue/bg_photo.png) no-repeat;
	text-align:center;
	}
	
.vignette .photo .img {
	width:115px;
	height:115px;
	float:left;
	text-align:center;
	}
	
.vignette .titre {
	width:150px;
	height:40px;
	float:left;
	margin:4px 0 3px 3px;
	}
	
#contenu .vignette .titre p {
	font-size:14px;
	text-align:center;
	border-bottom:1px solid #773C4B;
	font-weight:bold;
	color:#6C3442;
	margin:0;
	}
	
#contenu .vignette .fournisseur {
	width:40px;
	height:40px;
	float:left;
	margin:3px 0 0 5px;
	text-align:center;
	}
	
#contenu .vignette .fournisseur img {
	border:1px solid #6C3442;
	}
	
#contenu .prix1 {
	width:80px;
	height:17px;
	float:right;
	margin:3px 4px 0 0;
	}
	
#contenu .prix2 {
	width:80px;
	height:17px;
	float:right;
	margin:3px 4px 0 0;
	}
	
#contenu .prix1 p , #contenu .prix2 p {
	font-weight:bold;
	text-align:right;
	font-size:13px;
	color:#824655;
	line-height:15px;
	margin:0;
	}
	
#contenu .prix1 p {
	font-size:12px;
	}
	
#contenu .savoir_plus {
	width:150px;
	height:20px;
	margin:0 auto 0 auto;
	position:absolute;
	bottom:3px;
	right:4px;
	}

/***************** FIN CATALOGUE *****************/

/***************** FICHE PRODUIT *****************/

#fiche_produit {
	width:900px;
	height:300px;
	margin:0px auto 0 auto;
	}

#fiche_produit #photo_produit {
	width:300px;
	height:300px;
	float:left;
	margin:0;
	background:url(../images/fiche_produit/bg_photo.png) no-repeat;
	}
	
#fiche_produit #photo_produit a img {
	position:relative;
	}
	
#fiche_produit #photo_produit .img {
	width:280px;
	height:280px;
	float:left;
	margin:7px 0 0 7px;
	text-align:center;
	}
	
#fiche_produit #photo_produit .img img {
	border:1px solid #FDFDFD;
	position:relative;
	}
	
#fiche_produit #titre_produit {
	width:573px;
	height:35px;
	float:left;
	margin:0 0 0 10px;
	background:url(../images/fiche_produit/bg_titre.png) no-repeat;
	}
	
#fiche_produit #titre_produit p {
	width:500px;
	height:25px;
	float:left;
	font-size:18px;
	margin:5px 0 0 5px;
	color:#EFE7E7;
	text-align:left;
	}
	
#fiche_produit #descriptif_produit {
	width:567px;
	height:180px;
	float:left;
	margin:10px 0 0 10px;
	border-bottom:1px solid #6C3442;
	}
	
#fiche_produit .prix_produit {
	width:95px;
	height:20px;
	float:right;
	margin:3px 22px 0 0;
	font-weight:bold;
	font-size:16px;
	color:#6C3442;
	text-align:right;
	}
	
#fiche_produit .envoyer_ami {
	width:176px;
	height:30px;
	float:left;
	margin:17px 0 0 10px;
	}


/***************** FIN FICHE PRODUIT *****************/


/***************** PAGINATION *****************/

#pagination {
	width:900px;
	height:20px;
	float:left;
	margin:5px 0 0 0;
	background:url(../images/catalogue/bg_pagination.jpg) no-repeat;
	}
	
#pagination p {
	width:600px;
	margin:0 auto 0 auto;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	}

/***************** FIN PAGINATION *****************/

/***************** SELLERIE *****************/

#sellerie_logo {
	width:450px;
	height:91px; 
	float:left;
	background:url(../images/sellerie/logos_sellerie.gif) no-repeat;
	margin:0 0 10px 0;
	}

/***************** FIN SELLERIE *****************/


/***************** PAGE CONTACT *****************/	

.bloc-contact {
	width:275px;
	float:left;
	margin:0px 0 15px 80px !important; margin:0px 0 15px 50px;
	font:normal 11px Trebuchet MS;
	color:#6C3442;
}

.bloc-contact2 {
	width:275px;
	height:369px;
	float:left;
	font:normal 11px Trebuchet MS;
	color:#6C3442;
	position:absolute;
	z-index:1000;
	right:70px;
	background:url(../images/contact/bg_adresse.png) repeat;
	z-index:2;
}


.bloc-contact2 .coords {
	width:275px;
	height:150px;
	margin: 80px 0 20px 0px;
	background:none;
	position:relative;
	}
	
#contenu .bloc-contact2  .coords p {
	width:265px;
	height:20px;
	margin:5px auto 0 auto;
	color:#6C3442;
	font-size:15px;
	font-family:Trebuchet MS;
	font-weight:bold;
	text-align:center;
	position:relative;
	z-index:1000;
	}
	
#contenu .bloc-contact2 .coords a {
	text-align:center;
	display:block;
	text-decoration:none;
	font-size:14px;
	position:relative;
	z-index:0;
	}
	
#contenu .bloc-contact2 .coords a img {
	position:relative;
	}
	
	
#contenu .bloc-contact2 .coords a:hover {
	text-decoration:underline;
	}
		
.bloc-contact .titre_contact {
	font-family:Trebuchet MS;
	font-weight:bold;
	font-size:14px;
	color:#C2F732;
	width:240px;
	height:20px;
	margin:0 0 10px 0;
	padding-left:35px;
	background:url(../images/candidature/bg_titre_contact.gif) no-repeat;
	}

#bloc_droit {
	width:275px;
	margin:20px auto;
	}
	
.bloc-contact .adresse {
	width:275px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	}

#bloc-contact table {width:275px; float:left; color:#D5D5D5;}

.bloc-contact input, textarea {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#6C3442;
	padding:0 10px 0 2px;
	border:1px solid #cacaca;
	background:none;
}

.bloc-contact .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#D5D5D5;
	padding:0 10px 0 2px;
	border:1px solid #cacaca;
	background:none;
}

.bloc-contact select.liste-form {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#6C3442;
	border:1px solid #cacaca;
	background-color:#555557;
	width:154px;
	}

.bloc-contact input,  textarea{
	width:140px;
	margin:0;
}

.bloc-contact input:hover , .bloc-contact textarea:hover , .bloc-contact select:hover , .bloc-contact input:focus , .bloc-contact textarea:focus , .bloc-contact select:focus  {
	border:1px solid #C5A1A1;
	}

#contenu  label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#6C3442;
	font:normal 11px Trebuchet MS;
}

.bloc-contact .radio{
	width:15px;
	border:none;
	background:none;
}

.bloc-contact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#FC8230;
}


.bloc-contact .bouton2{
	width:70px;
	cursor:pointer;
	color:#E5DCDC;
	font-family:Trebuchet MS;
	background:#8A4D5D;
	margin:0;
	padding:0;
	font-size:12px;
	border:1px solid #6C3442;
}
.bloc-contact .bouton2:hover {color:#6C3442; background:#E5DCDC; font-weight:bold;}

.bloc-contact  .nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#6C3442;
	text-align:center;
	line-height:12px;
	display:block;
	}
	
 .bloc-contact2  .nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#6C3442;
	text-align:center;
	line-height:12px;
	display:block;
	position:absolute;
	bottom:15px;
	}
.bloc-contact .champRequis{color:#6C3442; font-size:9px;}

/***************** FIN PAGE CONTACT *****************/	



/***************** MENTIONS LEGALES *****************/

#footer #mentions {
	width:80px;
	height:15px;
	position:absolute;
	right:-55px;
	top:8px;
	}
	
.gauche_mentions {
	width:200px;
	float:left;
	}
	
.droite_mentions {
	width:200px;
	float:right;
	}
	
/***************** FIN MENTIONS LEGALES *****************/