/* Styles de positionnement */



img {

border: 0;

}



html, body {

height: 100%;

width: 100%;

background: url("images/bg.jpg") repeat-x;

background-color: #b9bdb9;

}

body {

font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

margin: 0;

padding: 0;

}

#contenu {

margin-left: 187px;

margin-right: 2px;

background: url("images/bgContenu.jpg") top left no-repeat;

padding: 0;

margin-top: 0;

}

#menu {

/*position: absolute;

left:0;*/

float: left;

width: 185px;

background: url("images/bgMenu.jpg") top right no-repeat;

padding-left: 2px;

}

#conteneur { /*le conteneur global du site, qui sera centré */

width: 779px;

/*height: 100%;

min-height: 100%;*/

position: absolute;

left: 50%;

margin-left: -389px;

padding: 0;

background: url("images/bgConteneur.png");

}

#contenuCentral {

width: 350px;

float:left;

}

#nouveautes {
text-align: center; 
margin-left: 350px;
padding : 0;
background-color: #eed9e9;
}


div#container {margin:0; padding:1px; background-color:#fff; width:580px; text-align:left;}

div#container_bd ul {list-style-type: circle;}

div#container_bd ul li {margin: 0 0 5px 5px;}

div#container_ft {padding: 10px 0;}

div#container_ft p {float:left; font-size:85%;}

div#container_ft ul {float:right; margin:0;}

div#container_ft li {display:inline;}



/* example_3 css */

#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 570px; /* important */
	height: 86px; /* important */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #595959;
}



#example_3_frame {position: relative;}

#example_3_previous {float: left;}

#example_3_next {float: right;}

#example_3_content {
	position: absolute;
	top:0px;
	margin-left: 20px;
}



#example_3_content li {
	list-style: none;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
}

	#example_3_content {

		width: 8500px;
		margin: 0 0 0 0 ;
		padding: 0 0 0 0;
		
	}

	#container_bd #example_3 ul li {
		display: block;
		float: left;
		margin: 1px 0 0 0 ;
		padding: 1px 0 0 0 ;
		border: 1px solid #666;
		background-color: #000;

	}



#container_bd #example_3 ul li img {

	display: block;
	
}













#footer {
	clear:both;
	height: 20px;
	background: url("images/bgConteneur.png");
}

.categoriesprincipales {
float: left;
}

#navigationInterneCategories {
height: 120px;
width: 550px;
margin-left: 22px;
padding-top:5px;
margin-right: 10px;
overflow: auto;
background-color:#333333;
}



.recherche {

background: url("images/bgRecherche.jpg");

margin-top: 0px;

margin-bottom: 0px;

padding-left: 3px;

padding-top: 3px;

padding-bottom: 3px;

}

form {

margin: 0;

padding: 0;

}



/* styles de menus de navigation */

#navigation {

margin-left: 20px;

padding-left: 0px;

margin-top:5px;

margin-right: 0px;

padding-right: 0px;

}

#navigation li {

margin-bottom: 3px;

}

#navigation li.menuClassiques3 {

margin-bottom: 0px;

margin-left: 8px;

}



#navigation a.normal{

display: block;

width: 98%;

padding-left: 2%;

font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color: #000000;

text-decoration: none;



}

#navigation a.normal:hover{

color: #ffffff;

background-image:url("images/bgLienMenu.jpg");

background-position: left top;

background-repeat: repeat-y;

}

#navigation li.menuClassiques2, li.menuClassiques, li.menuClassiques3 {

list-style-type: none;

}

#navigation li.menuClassiques a {

display: block;

width: 95%;

padding-left: 5%;

font-weight: bold;

color: #ffffff;

background-color: #8F006B;

text-decoration: none;

}

#navigation li.menuClassiques a:hover {

text-decoration: underline;

}

#navigation li.menuClassiques2 a {

display: block;

width: 95%;

padding-left: 5%;

color: #8F006B;

text-decoration: none;

}

#navigation li.menuClassiques2 a:hover {

color: #8F006B;

text-decoration: underline;

}



#navigation li.menuContemporains3 {

margin-bottom: 0px;

margin-left: 8px;

}

#navigation li.menuClassiques3 a {

display: block;

width: 96%;

padding-left: 4%;

color: #000000;

text-decoration: none;

border-left: #8f006b 1px solid;

}

#navigation li.menuClassiques3 a:hover {

text-decoration: underline;

}

#navigation li.menuContemporains2, li.menuContemporains, li.menuContemporains3 {

list-style-type: none;

}

#navigation li.menuContemporains a {

display: block;

width: 95%;

padding-left: 5%;

color: #ffffff;

font-weight: bold;

background-color: #ff6600;

text-decoration: none;

}

#navigation li.menuContemporains a:hover {

text-decoration: underline;

}

#navigation li.menuContemporains2 a {

display: block;

width: 95%;

padding-left: 5%;

color: #ff6600;

text-decoration: none;

}

#navigation li.menuContemporains2 a:hover {

color: #ff6600;

text-decoration: underline;

}

#navigation li.menuContemporains3 a {

display: block;

width: 96%;

padding-left: 4%;

color: #000000;

text-decoration: none;

border-left: #ff6600 1px solid;

}

#navigation li.menuConfort3 a:hover {

text-decoration: underline;

}
/* styles de textes */
#navigation li.menuConforts2, li.menuConforts, li.menuConforts3 {

list-style-type: none;

}

#navigation li.menuConforts a {

display: block;

width: 95%;

padding-left: 5%;

color: #ffffff;

font-weight: bold;

background-color: #A980B1;

text-decoration: none;

}

#navigation li.menuConforts a:hover {

text-decoration: underline;

}

#navigation li.menuConforts2 a {

display: block;

width: 95%;

padding-left: 5%;

color: #A980B1;

text-decoration: none;

}

#navigation li.menuConforts2 a:hover {

color: #A980B1;

text-decoration: underline;

}

#navigation li.menuConforts3 a {

display: block;

width: 96%;

padding-left: 4%;

color: #000000;

text-decoration: none;

border-left: #A980B1 1px solid;

}

#navigation li.menuConforts3 a:hover {

text-decoration: underline;

}






#contenu h1{

font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 18px;

color: #ffffff;

background: url("images/puceH1.png") top left no-repeat;

background-color: #c20000;

height: 27px;

padding-left: 22px;

padding-top: 3px;

margin: 0px;

}

#contenu h1.classiques{

background-color: #8F006B;

}

#contenu h1.contemporains{

background-color: #ff6600;

}

#contenu h1.conforts{

background-color: #A980B1;

}


.h114px {

font-size: 14px;

}



#contenu h2{

font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

color: #c20000;

margin-left: 22px;

margin-bottom: 0px;

padding-bottom:0px;

}

#contenu h2.classiques{

color: #8f006b;

margin-left: 0px;

}

#contenu h2.contemporains{

color: #ff6600;

margin: 0 0 0 0 ;
padding: 0 0 0 0;

}

#contenu h2.conforts{
	color: #A980B1;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
}


#contenu p{

margin-top:0px;

margin-left: 22px;

}

#contenu p.breadcrumb{

margin-top: 0px;

margin-right: 20px;

text-align: right;

}

#contenu p.breadcrumb a{

color: #000000;

}



#contenu p.reference{

font-size: 10px;

font-style: italic;

text-align: right;

margin-right: 0px;

}

#contenu p.prix{

font-size: 16px;

font-weight: bold;

margin-left: 0px;

margin-bottom: 5px;

}

#contenu p.intro{

margin-top: 0px;

margin-bottom: 0px;

}

#contenu p.descriptif {

margin-left: 0px;

margin-right: 0px;

}

#contenu p.commentPrix {

font-size : 10px;

font-style: italic;

margin-top: 0px;

margin-left: 0px;

margin-right: 0px;

}

#contenu p.lienDevis {

margin-left: 0px;

margin-right: 0px;

}

/*#contenu a{

color: #000000;

}*/

a {
 color: #656d65;
}

a:hover {
color: #656d65;
text-decoration: none;
}


#footer p {

margin-left: 20px;

font-size: 10px;

}

#footer a {

color: #656d65;

}

#footer a:hover {

color: #656d65;

text-decoration: none;

}

#evenementAleatoire p.titreEvenement{

margin: 0px;

padding-left: 4px;

background-color: #463F32;

font-size: 12px;

font-weight: bold;

color: #ffffff;

}



/* Styles pour les images */

.photoFicheProd {

margin-top : 10px;

margin-right : 10px;

margin-bottom : 10px;

}

.photoMenuNav {
	margin-left: 5px;
	margin-right : 5px;
	border: #a7a7a7 2px solid;
	
}

.photoNouveautes {

border: #a7a7a7 2px solid;

}

.photoRecherche {

margin-left: 10px;

margin-right : 10px;

float: right;

border: #a7a7a7 2px solid;

}

.photoSelection {

margin-left: 10px;

margin-right : 10px;

float: right;

border: #a7a7a7 2px solid;

}



/* menu sur pages centrales */

.categoriesprincipales li {

list-style-type: none;

}

.categoriesprincipales p {

margin-bottom: 0px;

}

.categoriesprincipales ul {

margin-top: 0px;

margin-right: 5px;

width: 130px;

}

.titreCategorieclassiques {

font-weight: bold;

color: #8f006b;

text-decoration: none;

}

.titreCategoriecontemporains {

font-weight: bold;

color: #ff6600;

text-decoration: none;

}

.titreCategorieconforts {
font-weight: bold;
color: #A980B1;
text-decoration: none;
}

.lienCategorieclassiques {

color: #000000;

text-decoration: none;

display: block;

border-left: #8f006b 1px solid;

margin-top: 0px;

margin-left: 3px;

margin-bottom: 0px;

padding-left: 5px;

}

.lienCategoriecontemporains {

color: #000000;

text-decoration: none;

display: block;

border-left: #ff6600 1px solid;

margin-top: 0px;

margin-left: 3px;

margin-bottom: 0px;

padding-left: 5px;

}


.lienCategorieconforts {

color: #000000;

text-decoration: none;

display: block;

border-left: #A980B1 1px solid;

margin-top: 0px;

margin-left: 3px;

margin-bottom: 0px;

padding-left: 5px;

}



.lienCategoriecontemporains:hover, .lienCategorieclassiques:hover {

text-decoration: underline;

}





/* page evenements */

.blocEevenement {

width: 185px;

float:left;

margin-left: 30px;

margin-right: 30px;

margin-top: 10px;

margin-bottom: 10px;

}

.titreEvenement{

display: block;

width: 181px;

margin: 0px;

padding-left: 4px;

background-color: #463F32;

font-size: 12px;

font-weight: bold;

color: #ffffff;

}



img.lienSavoirplus {

margin-top: 3px;

}



/* page nouveautes */

.blocNouveaute {

text-align: center;

width: 200px;

float:left;

margin-left: 30px;

margin-right: 30px;

margin-top: 10px;

margin-bottom: 10px;

}



/* plan du site */

#plandusite li {

list-style-type: none;

}



#plandusite a {

font-weight: bold;

color: #000000;

text-decoration: none;

display: block;

margin-top: 3px;

margin-left: 3px;

margin-bottom: 3px;

padding-left: 35px;

background: url('images/pucePlansite.png') top left no-repeat;

}


a.link_page:link {	text-decoration:none; color:#737272; }
a.link_page:visited {	text-decoration:none; color: #737272; }
a.link_page:hover {	text-decoration:none; color: #000; }