/*
	Mise en forme du site meubles-sacriste.com
*/
*{
	color:#ffffff;
	font-family:"lucida sans unicode","lucida sans","trebuchet ms",sans-serif;
	font-size:14px;
	line-height:19px;
}
body{
	background-color:#29292b;
	text-align:center;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
input,textarea{
	color:#000000;
}

/* Couleurs utilisées sur le site */
.vert{
	background-color:#e3de00;
}
.rose{
	background-color:#e86591;
}
.bleu{
	background-color:#51c0dc;
}
.orange{
	background-color:#e9b101;
}
.rouge{
	background-color:#bc131e;
}

/* Conteneur de la page */
.page{
	width:1000px;
	margin:0 auto 0 auto;
	background-color:#000000;
}

/* Haut de page */
#haut{
	width:665px;
	margin:0 auto 10px auto;
	text-align:left;
	padding:20px 0 0 0;
}
#haut a{
	display: block;
	width: 280px;
	height: 113px;
	background: url(/images/logo.gif) no-repeat;
}
#haut a span{
	display: none;
}
#haut a:hover{
	-moz-opacity:.75;
}

/* Menu */
#menu{
	list-style:none;
	width:680px;
	margin:0 auto 0 auto;
	text-align:left;
	padding:0;
}
#menu *{
	line-height:18px;
}
#menu li{
	float:left;
	margin:0 0 0 5px;
}
#menu li ul{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	height:60px;
	width:100%;
}
#menu ul li{
	float:none;
	padding:0 5px 0 0;
}
#menu ul li a{
	font-weight:bold;
	font-size:12px;
}
#menu ul li a:hover{
	color:#000000;
	text-decoration:none;
}

/* Contenu de la page */
#contenu{
	text-align: justify;
	width:610px;
	text-align:left;
	padding:10px 220px 10px 170px;
	
	clear:left;
	overflow:auto;
}

/* Bas de page */
#bas{
	width:850px;
	margin:0 auto 0 auto;
	clear:both;
	padding:0 0 20px 0;
}
#bas p,#bas p a{
	font-size:12px;
	line-height:16px;
}
#bas p#partenaires,#bas p#partenaires a{
	font-size:13px;
	font-weight:bold;
}
#bas p#partenaires{
	padding:10px 0 0 0;
}
#partenaires span {
	color: #e9b101;
	font-size:13px;
	font-weight:bold
}

/* Pages spécifiques */
.page#accueil #contenu strong{
	color:#e86591;
	padding:0 10px 0 10px;
}
.page#accueil #menu{
	height:167px;
	overflow:hidden;
}

/* Classe de transparence pour les images au survol */
.transparent{
	-moz-opacity:.25;
	opacity:.25;
}

/* Page de contact */
#contact-devis .colonned{
	margin-left:10px;
	width:auto;
	float: left;
	width: 300px;
}

#contact-devis .colonned p{
	margin: 0 0 20px 0;
}

#contact-devis .colonned a{
	font-weight: bold;
}

#contact-devis .colonneg{
	width: 290px;
	float: left;
}


/* Rajout changement photos et mise en page */
.texte{
	text-align: justify;
}

.image{
	width: 400px;
	float: left;
	padding: 0 15px 0 0;
}

.vignettes .first{
	margin-right: 34px;
}

.vignettes.small .first{
	margin-right: 3px;
}

.vignettes div.first{
	margin-right: 37px;
}

.vignettes div{
	position: relative;
	float: left;
}

.vignettes p{
	text-align: center;
	padding-bottom: 10px;
}

#contenu img{
	border: 1px solid #fff;
}

/* Mise en page spécifique aux pages Fabrication et Copie */
.texte_g{
	text-align: justify;
	clear: left;
}

.image_d{
	padding: 0 0 0 15px;
	clear: left;
	float: right;
}

/* Mise en page spécifique à la page salon */
#salon{
	clear: left;
}

/* Diaporamas */
div.diaporama{
	margin:0 0 20px 0;
	text-align: center;
}
div.diaporama a{
	cursor: pointer;
}
div.diaporama ul.photos{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	position:relative;
	overflow:hidden;
	width:382px;
	height:287px;
}
div.diaporama ul.small{
	width:301px;
	height:226px;
}
div.diaporama ul.photos li{
	position:absolute;
	width:380px;
	height:285px;
	text-align:center;
	cursor: pointer;
}
div.diaporama ul.small li{
	width:301px;
	height:226px;
}
div.diaporama ul.photos li.premier{
	z-index:1000;
}
div.diaporama ul.photos li img{
	border:1px solid #000;
}