﻿body,html	{width: 100%; height: 100%;}
*			{font-family: Verdana, Arial, Helvetica; font-size: 9pt;}
ul, ol, li , dd, dt, dl, p, html, body, h1, h2, h3, h4, h5, h6, select, input {margin:0px; padding: 0px; list-style:none;}
a			{text-decoration:none;}
a img		{border: 0px solid #000;}
a:hover		{text-decoration:underline; -moz-user-select: none; }
th			{text-align:left;font-weight:normal;}
body		{background:#e3e2e1;}
h1			{margin: 10px 0px 0px 0px;}
h2			{margin: 10px 0px 10px 70px; color: #777;}
.exempleObligatoire	{display:block;width:20px;height:10px; border: 1px solid #999; float:left;
							margin: 0px 10px 0px 0px;}
.exempleObligatoire,
.obligatoire		{background: #ffe8e8;}
.cadre-principal	{
	position: absolute;
	left:670px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 0px 0px 0px -382px;
	width: 764px;
	top: 0px;
}
.bandeau			{background: url(images/fond-bandeau.jpg); height: 120px;
						border-bottom: 10px solid #f90;}
.bandeau img		{background: url(images/fond-bandeau-over.jpg); display: none;}
.lits-relevables-elevables,
.realisations-placards-dressings,
.realisations-bibliotheque,
.realisations-mobilierpro,	
.accueil-autrement-deco,
.contact-bretagne-rennes			{position: absolute; display:block; width: 250px; left:382px; height: 23px;
		b ackground: #ccc; -m oz-opacity:0.3;}
	
.lits-relevables-elevables:hover,
.realisations-placards-dressings:hover,
.realisations-bibliotheque:hover,
.realisations-mobilierpro:hover,
.accueil-autrement-deco:hover,
.contact-bretagne-rennes:hover	{background-image: url(images/fond-bandeau-over.jpg);}

.lits-relevables-elevables			{top: 25px; margin-left: 90px;}
.realisations-placards-dressings	{top: 49px; margin-left: 90px;}
.realisations-bibliotheque			{top: 72px; margin-left: 90px;}
.realisations-mobilierpro			{top: 96px; margin-left: 90px;}
.accueil-autrement-deco				{top: 93px; margin-left: -250px; width: 170px;}
.contact-bretagne-rennes			{top: 93px; margin-left: -90px; width: 170px;}

.lits-relevables-elevables:hover		{background-position: -472px -25px;}
.realisations-placards-dressings:hover	{background-position: -472px -49px;}
.realisations-bibliotheque:hover		{background-position: -472px -72px;}
.realisations-mobilierpro:hover			{background-position: -472px -96px;}
.accueil-autrement-deco:hover			{background-position: -132px -93px;}
.contact-bretagne-rennes:hover			{background-position: -292px -93px;}

.lien-accueil			{position: absolute; display:block; left:50%;
							top: 10px; margin-left: -340px; width: 350px; height: 78px;}
.lien-accueil:hover		{background: none;}
.accueil-titre		{text-align: center; font-size: 18px; margin: 20px 0px 15px 0px;}
.accueil-texte		{float: left; margin: 0px 0px 0px 20px; width:540px;}
.accueil-texte p	{background: url(images/puce-paragraphe.gif) no-repeat left 3px; line-height: 15px;
						font-size: 9pt; padding: 0px 0px 0px 40px; margin: 10px 0px 0px 0px; border: 0px solid #ccc;}
.accueil-texte .accueil-para-3	{width: 300px; float: left;}
.accueil-texte .anim			{float: right; border: 0px solid #ccc; margin:20px 0px 0px 0px}

.accueil-logo-renvente	{margin: 10px 0px 0px 40px;}

.lien-Realisation		{float:left; margin: 10px 0px 0px 20px;}
.lien-Realisation li	{margin: 0px 0px 5px 0px;}
/*	Catalogue	*/

.list-produit			{display:block; margin: 10px auto 0px auto; border-top: 1px solid #ccc; width: 720px;}
.list-produit li		{display:block; float:left; width: 225px; margin: 2px 5px; height: 330px;}
.list-produit table		{width: 100%; height: 220px;}
.list-produit table td	{width: 100%; height: 100%; text-align:center;}
.list-produit p			{}

#fiche-placard-dressing h2		{float:left; margin: 10px 50px 10px 40px;}
#fiche-placard-dressing .h2-2	{margin: 10px 0px 10px 150px;}

#fiche-bibliotheque h2		{float:left; margin: 10px 50px 10px 30px;}
#fiche-bibliotheque .h2-2	{margin: 10px 0px 10px 25px;}

/*		Contact		*/

.contact-aide				{float:left; margin: 20px 50px; width: 300px;}
.formContact				{float:left; margin: 10px auto; width: 300px; height: 250px;}
.formContact .info			{margin: 10px auto; width: 100%; font-size: 10px; color:#777;}
.formContact p				{margin: 0px 0px;}
.formContact p b			{font-size: 10px;}
.formContact .obligatoire,
.formContact textarea		{border:1px solid #d3d2d1; font-size: 10px; color:#777; line-height:15px;}
.formContact .obligatoire	{width: 100%; height: 15px;}
.formContact textarea		{width: 100%; height: 90px;}
.formContact .button		{float:right}
.merci						{font-size: 15px; color:#999; font-weight:bold; font-family:Verdana;margin: 60px 0px 0px 0px;text-align:center;}


.contact-plan-acces		{margin: 10px 30px; padding: 10px; border: 0px solid #ccc; text-align: center;}

/*bandeau adresse*/
.adresse			{clear: both; text-align:center; margin: 0px 0px 0px 0px;
						background: #000; border: 1px solid #ccc; line-height: 30px;}
.adresse span		{color: white;font-family: times; font-size: 14px;}
.adresse .vert		{color: #0f0; font-weight:bold;}

.info-realsation-optavis			{text-align:right; margin: 0px 0px 0px 0px;}
.info-realsation-optavis a			{color:#666; font-size: 9px;}
