/* ========================================================================= */
/* ========================== STYLES DE L'ENTETE =========================== */
/* ========================================================================= */


/* ------------- Style de la barre de navigation -------------- */
	
#nav 	{	margin:0;
		padding:0;
		width:100%;
	}

	#nav li {
		display:inline;
		padding:0;
		margin:0;
	}
	#nav a:link,
	#nav a:visited {
		color:#ffffff;
		background:#333333;
		padding:0px 15px 0px 15px;
		float:left;
		width:auto;
		height:auto;
		border-right:1px solid #ffffff;
		border-left:1px solid #ffffff;
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: xx-small; 
		text-align: justify;
		font-weight: bold;
		text-transform:uppercase;
	}
	#nav a:hover {
		color:#ff9900;
	}


	/* la page en cours a un fond gris clair*/
	#accueil #nav-accueil a,
	#modele #nav-modele a,
	#engagements #nav-engagements a,
	#pourquoi #nav-pourquoi a,
	#realisations #nav-realisations a,
	#pointvente #nav-pointvente a,
	#devis #nav-devis a,
	#contacts #nav-contacts a {
		background:#666666;
		color:#ffffff;
	}

	/* la page en cours survolée par la souris conserve son fond gris clair*/
	#accueil #nav-accueil a:hover,
	#modele #nav-modele a:hover,
	#engagements #nav-engagements a:hover,
	#pourquoi #nav-pourquoi a:hover,
	#realisations #nav-realisations a:hover,
	#pointvente #nav-pointvente a:hover,
	#devis #nav-devis a:hover,
	#contacts #nav-contacts a:hover {
		background:#666666;
		color:#ff9900;
	}

/* saut de ligne avant barre de navigation */
#posnav {	padding:0;
		width:950px;
		height:92px;
	}

/* container contenant la barre de navigation */
#contnav {	width:924px; 
		margin-left:60px;
		height:20px;  
	}



/* ------------- Style du logo CR -------------- */

#logocr { position:absolute;
	top:10px;
	left:50%;
	margin-left:-456px;
	padding:0;
	width:460px;
	}

#imagelogo 	{border:0;
		}

/* ------------- Style du logo et du texte à côté -------------- */

#txtentete 	{ position:absolute;
		top:20px;
		left:50%;
		margin-left:4px;
		padding:0;
		width:400px;
		color:#ffffff;

		text-align:center;
		}

	#txtentete a:link,
	#txtentete a:visited	{
				color:#ffffff;
				text-decoration:none;
				font-size: x-large;
				font-family: Arial, Helvetica, sans-serif;
				}

	#txtentete a:hover	{
				color:#ff9900;
				}



/* ======================================================================================== */
/* =========================== STYLES DE LA PAGE D'ACCUEIL ================================ */
/* ======================================================================================== */


/* ------------- Style du lien bains, cuisines, placards, dressing, electromenager de la page d'acceuil -------------- */

#a-bains {position:absolute;
	top:240px;
	left:50%;
	margin-left:180px;
	padding:0;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	color:#ffffff;
	line-height: 1.4em;
	text-align: right; 
	}

	#a-bains a:link,
	#a-bains a:visited{
	text-decoration:none;
	color:#ffffff;
	}

	#a-bains a:hover{
	color:#ff9900;
	}

/* ------------- Style de l'image d'acueil  -------------- */
.a-image {position:absolute;
	top:112px;
	left:50%;
	margin-left:-463px;
        border:0;
	}
.a-image2 {
        border:0;
	}

/* ------------- Menu bas de le page accueil -------------- */
	
#menubas {	
	margin:0;
	padding:0;
	width:100%;
	}

	#menubas li {
		display:inline;
		padding:0;
		margin:0;
	}
	#menubas a:link,
	#menubas a:visited {
		color:#ffffff;
		background:#333333;
		padding:0px 15px 0px 15px;
		float:left;
		width:auto;
		height:auto;
		border-right:1px solid #ffffff;
		border-left:1px solid #ffffff;
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: xx-small; 
		text-align: justify;
		font-weight: bold;
		text-transform:uppercase;
	}
	#menubas a:hover {
		color:#ff9900;
	}


/* container contenant le menu */
#contmenubas {  margin-left:350px;
		height:20px; 

		}

/* ------------- Style du lien Vu à la TV de la page d'acceuil -------------- */
#a-vutv {position:absolute;
	top:495px;
	left:50%;
	margin-left:-412px;
	padding:0;
	width:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	font-weight: bold;
	color:#333333;
	line-height: 1em ;
	}

	#a-vutv a:link,
	#a-vutv a:visited{
	text-decoration:none;
	color:#333333;
	}

	#a-vutv a:hover{
	color:#666666;
	}
#a-vutv .petit {
		font-family: Arial, Helvetica, sans-serif;
		font-size: small; 
		font-weight: bold;
		}
/* ------------- Style du lien demande de devis de la page d'acceuil -------------- */

#a-devis {position:absolute;
	top:475px;
	left:50%;
	margin-left:-160px;
	padding:0;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	font-weight: bold;
	color:#333333;
	line-height: 1em;
	}

	#a-devis a:link,
	#a-devis a:visited{
	text-decoration:none;
	color:#333333;
	}

	#a-devis a:hover{
	color:#666666;
	}
#a-devis .petit {
		font-family: Arial, Helvetica, sans-serif;
		font-size: small; 
		font-weight: bold;
		}

/* ------------- Style du lien Parlons prix de la page d'acceuil -------------- */
#a-prix {position:absolute;
	top:425px;
	left:50%;
	margin-left:105px;
	padding:0;
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	font-weight: bold;
	color:#333333;
	line-height: 1em ;
	}

	#a-prix a:link,
	#a-prix a:visited{
	text-decoration:none;
	color:#333333;
	}

	#a-prix a:hover{
	color:#666666;
	}

/* ------------- Style du lien Bonne affaires de la page d'acceuil -------------- */
#a-bonne {position:absolute;
	top:485px;
	left:50%;
	margin-left:295px;
	padding:0;
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large; 
	font-weight: bold;
	color:#333333;
	line-height: 1em ;
	}

	#a-bonne a:link,
	#a-bonne a:visited{
	text-decoration:none;
	color:#333333;
	}

	#a-bonne a:hover{
	color:#666666;
	}

#a-bonne .petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; 
	font-weight: bold;
	}

/* ======================================================================================== */
/* ======================= FIN DES STYLES DE LA PAGE D'ACCUEIL ============================ */
/* ======================================================================================== */

/* ================ Style page et menu nos modeles ============ */
#menuexp {
		margin:0;
		padding:0;

	}
	#menuexp li {
		padding:0;
		margin-top:2px;
		margin-left:0;
		margin-right:0;
		margin-bottom:2px;
		display:block;
		min-width:150px;
		max-width:150px;
		border-width:1px;
		border-style: solid;
		border-color: #ffffff;
		text-align: center; 
        }
	#menuexp a:link,
	#menuexp a:visited {
		color:#ffffff;
		background:#333333;
		height:auto;
	/*	border:1px solid #ffffff;*/
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small; 
		font-weight: bold;
		text-transform:uppercase;

		padding:0px 5px 0px 5px;
	}
	#menuexp a:hover {
		color:#ff9900;
	}


	/* la page en cours a un fond gris clair*/
	#actu #menuexp-actu a,
	#class #menuexp-class a,
	#auth #menuexp-auth a,
	#electro #menuexp-electro a,
	#sdb #menuexp-sdb a,
	#placards #menuexp-placards a {
					background:#666666;
					color:#ffffff;
					}

	/* la page en cours survolée par la souris conserve son fond gris clair*/
	#actu #menuexp-actu a:hover,
	#class #menuexp-class a:hover,
	#auth #menuexp-auth a:hover,
	#electro #menuexp-electro a:hover,
	#sdb #menuexp-sdb a:hover,
	#placards #menuexp-placards a:hover {
						background:#666666;
						color:#ffffff;
						}

#titremodele 	{ 
		font-family: Arial, Helvetica, sans-serif;
		font-size: large; 
		font-weight: bold;
		text-align: center ;
		color:#ffffff; 
		border-width:1px;
		border-style: solid;
		border-color: #ffffff;
		min-width:150px;
		max-width:150px;
		}


/* ================ Style page bonnes affaires ============ */

.titrebonne{ 
	padding:10PX 0px 10px 0px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight:bold;
	text-align:center;
	border-width:1px;
	border-style: solid;
	border-color: #ffffff;
	min-width:170px;
	max-width:170px;
	}

.textebonne{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium; 
	text-align:center;
	width:170px;
	}

.texte2bonne{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:large; 
	text-align:center;
	width:170px;
	}

.pourcentbonne{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large; 
	text-align:center;
	width:170PX;
	}


/* ================ Style page soldes ============ */

.titresoldes{ 
	padding:10PX 0px 10px 0px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight:bold;
	text-align:center;
	border-width:1px;
	border-style: solid;
	border-color: #ffffff;
	min-width:170px;
	max-width:170px;
	}

.textesoldes{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium; 
	text-align:center;
	width:170px;
	}

.texte2soldes{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:large; 
	text-align:center;
	width:170px;
	}

.pourcentsoldes{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:xx-large; 
	text-align:center;
	width:170PX;
	}


/* ================ Style page promotions ============ */

#titrepromo{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold; 
	text-align: center ;
	}

.textepromo{ 
	padding:0;
	color:#ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	font-weight: normal; 
	}

.modelepromo {
	padding:0;
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	font-weight: normal;
	}

.nompromo {
	padding:0;
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align:left;
	font-weight: normal;
	}

#mentionpromo {
	padding:0;
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	font-weight: normal;
}

.imagepromo	{
		border:0;
		margin-left:20px;
		margin-right:20px;
		}


/* ================ Style page realisations ============ */

.titrerealisations{ 
	padding:10PX 0px 10px 0px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight:bold;
	text-align:center;
	border-width:1px;
	border-style: solid;
	border-color: #ffffff;
	min-width:170px;
	max-width:170px;
	}

.texterealisations{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium; 
	text-align:center;
	width:170PX;
	}

/* ================ Style page pourquoi ============ */
.titrepourquoi{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

.textepourquoi{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	}

.imagepourquoi {border:0;
		margin-right:20px;
		float:left;
		 }

.tableaupourquoi { 
		padding:0;
		color:#ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		text-align:center;
		margin-right:0;
		margin-left:auto;
		}

/* ================ Style page engagements ============ */
#titreengagement{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

.texteengagement{ 
	padding:0;
	color:#ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	font-weight: normal; 
	}

#signatureengagements {
	text-align: right; 
	color:#ffffff; 
	font-family: arial; 
	font-size: large;
}


/* ================ Style page point vente ============ */
#titrepointvente{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

.textepointvente{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align:left;
	}


.textepointvente a:link, 
		a:visited { 
		color:#ffffff;
		text-decoration:underline;
		}

.tableaupointvente { 
	margin-left: auto; 
	margin-right: auto;
	}

.imagepointvente {border:0;
		 }

/* ================ Style page devis ============ */

#titredevis{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center ;
	}

#texteoffredevis{ 
	padding:0;
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	}

.offredevis{ 
	padding:0;
	color:#ff9900; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center ;
	}

.textedevis{ 
	padding:0;
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	text-align: center ;
	}

.tableaudevis{ 
	margin-left: auto; 
	margin-right: auto;
	}

#imagedevis 	{border:0;
		}

.formulairedevis{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	}


#coordddevis {
	text-align:left; 
	color:#ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: small;
	}

/* ================ Style page contacts ============ */
.textecontacts{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center ;
	}

.tableaucontacts{ 
	margin-left: auto; 
	margin-right: auto;
	}

#formulairecontacts{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	border-width:1px;
	border-style:solid;
	border-color:#ffffff;
	}

#coordcontacts {
	text-align:left; 
	color:#ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: small;
	}

/* ================ Style page catalogue ============ */
#titrecatalogue{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

.tableaucatalogue{ 
	margin-left: auto; 
	margin-right: auto;
	}


.textecatalogue{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	}

.imagecatalogue	{border:0;
			}

/* ================ Style page exemple de prix ============ */
.titreprix{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

.tableauprix{ 
	margin-left: auto; 
	margin-right: auto;
	}

.texteprix{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align:left;
	}

.mentionprix{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	}

.imageprix	{
		border:0;
		margin-left:50px;
		margin-right:50px;
		}

.rondprixdiamente {position:absolute;
	top:450px;
	left:50%;
	margin-left:30px;

	}
.rondprixprimo {position:absolute;
	top:625px;
	left:50%;
	margin-left:0px;

	}
.rondprixrio {position:absolute;
	top:600px;
	left:50%;
	margin-left:10px;

	}
.rondprixfeel {position:absolute;
	top:600px;
	left:50%;
	margin-left:0px;

	}
.rondprixmadeira {position:absolute;
	top:550px;
	left:50%;
	margin-left:0px;

	}
.rondprixnizza {position:absolute;
	top:425px;
	left:50%;
	margin-left:0px;

	}

.logoprix	{
		border:0;
		margin-left:10px;
		margin-right:10px;
		}

.listeprix	{
		list-style-type:circle;
		}

/* ================ Style page pub tv ============ */
.titretv{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}

/* ================ Style plan du site ============ */
#titreplan{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align: center ;
	}


.decalplan1{
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left ;
	margin-left:0px;
	}

.decalplan1 a:link, 
	a:visited { 
		text-decoration: underline;
		color:#ffffff;
		}

.decalplan2{
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left ;
	margin-left:80px;
	}

.decalplan2 a:link, 
	a:visited { 
		text-decoration: underline;
		color:#ffffff;
		}

.decalplan3{
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left ;
	margin-left:140px;
	}

.decalplan3 a:link, 
	a:visited { 
		text-decoration: underline;
		color:#ffffff;
		}

/* ================ Style page mentions légales ============ */
.titre1legal{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align:center;
	}

.titre2legal{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold; 
	text-align:left;
	}

.titre3legal{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold; 
	text-align:left;
	}

.textelegal{ 
	padding:0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	}
/* =============================================================================/*
/* ====================== STYLES COMMUNS A TOUT LE SITE ========================/*
/* =============================================================================/*


/* ------ taille du contenaire de chaque page du site, avec centrage ------ */
#accueil,
#engagements,
#pourquoi,
#realisations,
#pointvente,
#devis,
#prix,
#contacts,
#catalogue,
#tv,
#modele,
#legal,
#plan,
#soldes,
#promo,
#bonne		{ padding:0;
		width:924px;
		padding-left:50%;
		margin-top:0;
		margin-left:-475px;
		background:#333333;
		}


/* ------------- texte SARL LBN HABITAT ----------- */

#textesarl{
	text-align:center; 
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: small
	}



/* ------------- style adresse mail sans soulignement ----------- */
#email  {
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	}

	#email a:link,
	       a:visited {
  		text-decoration:none;
		color:#ffffff;
	}

	#email a:hover {
		color:#ff9900;
	}

/* ------------- texte telechargement de Flash player ----------- */

#texteflash{
	text-align:center; 
	color:#ffffff; 
	font-family:arial; 
	font-size: small;
	text-decoration:underline;
	}

#texteflash 	a:link, 
		a:visited { 
			text-decoration: underline;
			}