/* @override 
	http://localhost:8080/bontempi-casa-v2/css/bontempi-casa.css
	http://localhost:8080/bontempi-casa/v2/css/bontempi-casa.css
	http://localhost:8080/bontempi-casa/css/bontempi-casa.css
*/

html,body {
	background: #d1cfce;
	text-align: center;
	width: 100%;
}

#site {
	width: 857px;
	height: 619px;
	text-align: left;
	background: url(../images/fond-site.gif) no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#site #promo {
	position: absolute;
	z-index: 99;
	padding: 0;
	right: 110px;
	top: 170px;
}

ul#menuhaut {
	width: 362px;
	padding-top: 43px;
	padding-left: 104px;
	height: 84px;
	float: left;
}

ul#menuhaut li {
	font: 9px/11px Arial, Helvetica, Geneva, sans-serif;
	color: #7C746E;
	background: url(../images/petit-carre.gif) no-repeat 0 4px;
	text-indent: 10px;
	height: 15px;
	margin: 0;
	padding: 0;
}

ul#menuhaut li a {
	color: #7C746E;
	text-decoration: none;
}

ul#menuhaut li a:hover {
	font-weight: bold;
}

#logo {
	float: left;
	margin-left: 62px;
	margin-top: 19px;
}

#navigation {
	clear: left;
	width: 665px;
	height: 35px;
	background-color: #000;
	color: #fff;
	font: 12px/35px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 80px;
	padding-left: 25px;
}

#navigation a {
	color: #fff;
	text-decoration: none;
}

#navigation a:hover {
	background-color: #D1CCC4;
	color: #000;
}

#navigation a.actif {
	background-color: #D1CCC4;
	color: #000;
}

#navigationnouveautes {
	clear: left;
	width: 690px;
	height: 56px;
	margin-left: 80px;
	background: url(../images/bandeau-nouveautes-2009.gif) no-repeat;
}

#navigationnouveautes a {
	color: #fff;
	font: 14px/56px Helvetica, "Trebuchet MS", sans-serif;
	text-decoration: none;
	display: block;
	margin-left: 560px;
}

#navigationnouveautes a:hover {
	text-decoration: underline;
}

#visuel {
	width: 690px;
	height: 260px;
	margin-left: 80px;
	position: relative;
}

#soldes {
	position: absolute;
	right: 20px;
	top: 210px;
}

#nomproduit {
	color: #fff;
	font: 24px Arial, Helvetica, Geneva, sans-serif;
	position: absolute;
	left: 15px;
	top: 250px;
}

#bottomcat {
	width: 690px;
	margin-left: 80px;
	padding-top: 37px;
}

#dockvide {
	color: #444;
	font: 12px/14px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-top: 20px;
	height: 60px;
	width: 690px;
	border-bottom: 2px solid #D1CCC4;
}

/* @group Index Bottom */

#bottom {
	width: 690px;
	margin-left: 80px;
	margin-top: 11px;
	height: 130px;
	border-bottom: 2px solid #D1CCC4;
	clear: left;
}

#bottom #informations {
	float: left;
	width: 176px;
}

#bottom #informations h1 {
	height: 20px;
	width: 176px;
	background-color: #8D857E;
	color: #fff;
	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../images/fond-bandeau-informations.gif);
	text-indent: 23px;
}

#bottom #informations #contenu {
	height: 92px;
	margin-top: 7px;
	border-right: 1px solid #d4cfc6;
	overflow: hidden;
	padding-top: 0;
	padding-left: 0;
	width: 175px;
	float: left;
}

#bottom #informations #contenu h2 {
	height: 20px;
	font: bold 13px/14px Arial, Helvetica, Geneva, sans-serif;
	color: #832232;
	padding-left: 4px;
	padding-right: 4px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#bottom #informations #contenu p {
	font: 11px/12px Arial, Helvetica, Geneva, sans-serif;
	color: #494646;
	padding-left: 4px;
	padding-right: 4px;
	height: 50px;
	padding-bottom: 4px;
	text-indent: 0;
	background-image: none;
}

#bottom #informations #contenu a {
	height: 30px;
	font: bold 11px/12px Arial, Helvetica, Geneva, sans-serif;
	color: #832232;
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	text-indent: 0;
}

#bottom #informations #contenu a:hover {
	text-decoration: underline;
}

#bottom #produitdumois {
	float: left;
	width: 169px;
}

#bottom #produitdumois h1 {
	color: #832232;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/fond-bandeau-pdmois.gif) no-repeat;
	text-indent: 37px;
}

#bottom #produitdumois #contenu {
	height: 92px;
	border-right: 1px solid #d4cfc6;
	margin-top: 7px;
}

#bottom #produitdumois #contenu .photo {
	width: 169px;
	text-align: center;
}

#bottom #produitdumois #contenu p {
	height: 20px;
	color: #5A5553;
	font: bold 15px/20px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 17px;
}

#bottom #produitdumois #contenu a {
	color: #5A5553;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre_beige.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-left: 17px;
}

#bottom #nouveautes {
	float: left;
	width: 169px;
}

#bottom #nouveautes h1 {
	color: #fff;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/fond-bandeau-nouveautes.gif) no-repeat;
	text-indent: 37px;
}

#bottom #nouveautes #contenu {
	height: 92px;
	border-right: 1px solid #d4cfc6;
	margin-top: 7px;
}

#bottom #nouveautes #contenu .photo {
	width: 169px;
	text-align: center;
}

#bottom #nouveautes #contenu p {
	color: #704290;
	font: 17px/18px Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 14px;
}

#bottom #nouveautes #contenu p a {
	color: #704290;
	text-decoration: none;
}

#bottom #nouveautes #contenu p a:hover {
	text-decoration: underline;
}

#bottom #nouveautes #contenu a#lien {
	color: #5A5553;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre_beige.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-left: 17px;
}

#bottom #lemagasin {
	float: left;
	width: 176px;
}

#bottom #lemagasin h1 {
	color: #5A5553;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/fond-bandeau-pdmois.gif) no-repeat;
	text-indent: 37px;
}

#bottom #lemagasin .contenu {
	height: 92px;
	border-right: 1px solid #d4cfc6;
	margin-top: 7px;
}

#bottom #lemagasin .contenu .photo {
	width: 169px;
	text-align: center;
}

#bottom #lemagasin .contenu p {
	height: 20px;
	color: #5A5553;
	font: 12px/20px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 13px;
}

#bottom #lemagasin .contenu a {
	color: #5A5553;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre_beige.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-left: 13px;
}

#bottom #lesservices {
	float: left;
	width: 169px;
}

#bottom #lesservices h1 {
	color: #5A5553;
	font: 14px/20px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/fond-bandeau-pdmois.gif) no-repeat;
	text-indent: 37px;
}

#bottom #lesservices .contenu {
	height: 92px;
	padding-top: 7px;
}

#bottom #lesservices .contenu ul#services {
	color: #5A5553;
	padding-left: 17px;
	width: 152px;
	height: 33px;
	margin: 0;
	border-style: none;
	padding-top: 4px;
}

#bottom #lesservices .contenu ul#services li {
	font: 13px/14px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/fleche-beige.gif) no-repeat 0 5px;
	text-indent: 9px;
}

#bottom #lesservices .contenu p {
	height: 43px;
	color: #5A5553;
	font: bold 15px/20px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 17px;
}

#bottom #lesservices .contenu a {
	color: #5A5553;
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre_beige.gif) no-repeat 0 3px;
	padding-left: 15px;
	margin-left: 13px;
}



/* @end */

/* @group Categories */

#navigationcat {
	width: 665px;
	height: 21px;
	background-color: #000;
	color: #D1CCC4;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 80px;
	padding-left: 25px;
}

#navigationcat a {
	color: #D1CCC4;
	text-decoration: none;
}

#navigationcat a .active {
	text-decoration: underline;
}

#navigationcat a:hover {
	text-decoration: underline;
}



/* @end */

/* @group Modele */

#fonctions {
	margin-left: 1px;
	height: 22px;
	width: 664px;
	background-image: url(../images/fond-degrade.jpg);
	color: #fff;
	font: 11px/22px Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	padding-right: 27px;
}

#fonctions a {
	color: #fff;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
	font-weight: bold;
}

#fonctions a:hover {
	text-decoration: underline;
}

#fonctions .av-active {
	text-decoration: underline;
}

#nouveaumodele {
	position: absolute;
	top: 30px;
	right: 10px;
}



/* @end */

/* @group Dock */

#dock {
	width: 690px;
	height: 80px;
	border-bottom: 2px solid #D1CCC4;
	position: relative;
}

#precedent {
	width: 16px;
	/*height: 58px;*/
	float: left;
	/*position: absolute;*/
}

#fenetre {
	float: left;
	width: 658px;
	/*height: 58px;*/
	overflow: hidden;
	position: relative;
}

#slide {
}

#suivant {
	width: 16px;
	/*height: 58px;*/
	float: left;
	/*position: absolute;*/
	left: 674px;
}

.diapo {
	width: 157px;
	height: 80px;
	float: left;
	font: 12px/14px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 6px;
	position: relative;
}

.diapo .nouveaudiapo {
	position: absolute;
	top: 0;
	left: 6px;
}

.diapo a {
	color: #787878;
	text-decoration: none;
}

.diapo a:hover {
	color: #000;
	font-weight: bold;
}



/* @end */

/* @group Fiche Technique */

#fichetech {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
}

#fichetech #description {
	width: 330px;
	float: left;
	margin-right: 20px;
	height: 350px;
	overflow: auto;
	position: relative;
}

#fichetech #description #nouveaufiche {
	position: absolute;
	right: 22px;
	top: 50px;
}

#fichetech #description h1 {
	color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;
	margin-left: 22px;
	height: 28px;
	padding-top: 18px;
}

#fichetech #description h2 {
	color: #5A5553;
	font: bold 14px/16px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre.gif) no-repeat 0 13px;
	text-indent: 14px;
	margin-left: 22px;
	height: 16px;
	padding-top: 8px;
	border-top: 1px solid #BDB7AE;
	width: 286px;
}

#fichetech #description p {
	color: #7C746E;
	font: 11px/12px Arial, Helvetica, Geneva, sans-serif;
	padding-left: 37px;
	/*border-bottom: 1px solid #BDB7AE;*/
	/*padding-bottom: 10px;*/
	margin-bottom: 7px;
	/*width: 286px;*/
}

#fichetech #vues {
	width: 340px;
	padding-top: 13px;
	float: left;
}

#fichetech #vues #gdevue {
	width: 340px;
	height: 141px;
}

#fichetech #vues #gdevue #zoomft {
	height: 15px;
	font: 10px/15px Arial, Helvetica, Geneva, sans-serif;
	width: 340px;
	text-align: right;
	margin-top: 6px;
	margin-bottom: 10px;
}

#fichetech #vues #zoomft a {
	color: #890c08;
	text-decoration: none;
	vertical-align: top;
	padding-right: 3px;
}

#fichetech #vues #zoomft a:hover {
	font-weight: bold;
}

#fichetech #vues #zoomft a img {
	vertical-align: top;
}

#fichetech #vues .vgauche {
	float: left;
	width: 157px;
	height: 58px;
	clear: left;
	margin-bottom: 15px;
}

#fichetech #vues .vdroite {
	float: left;
	width: 157px;
	height: 58px;
	margin-left: 26px;
	margin-bottom: 15px;
}





/* @end */

/* @group Les Services */

#services {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
	float: left;
}

#services #chapitres {
	width: 347px;
	padding-left: 22px;
	float: left;
}

#services #chapitres h1 {
	color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;
	height: 36px;
	padding-top: 18px;
	width: 300px;
	margin-right: 0;
	padding-right: 0;
}

#services #chapitres ul {
		margin: 0;
	padding: 0;
}

#services #chapitres ul li {
	font: bold 16px Arial, Helvetica, Geneva, sans-serif;
	color: #7C746E;
	height: 45px;
	border-bottom: 1px solid #D1CCC4;
	background-image: none;
	padding-left: 0;
	margin-left: 0;
	margin-right: 50px;
	padding-top: 5px;
}

#services #chapitres ul li a {
	color: #7C746E;
	text-decoration: none;
}

#services #chapitres ul li a:hover {
	color: #000;
}

#services #chapitres ul li a.active {
	color: #000;
}

#explications {
	float: left;
	width: 321px;
	height: 271px;
	/*padding-top: 13px;*/
	overflow: auto;
	margin-top: 40px;
}

#explications h3 {
	color: #494646;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
}

#explications p {
	color: #7C746E;
	font: 10px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 17px;
}



/* @end */

/* @group Magasin */

#magasin {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
	float: left;
}

#magasin #decouverte {
	width: 252px;
	padding-left: 22px;
	float: left;
}

#magasin #decouverte h1 {
	color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;
	height: 20px;
	padding-top: 18px;
	margin-right: 0;
	padding-right: 0;
}

#magasin #decouverte h2 {
	color: #8D857E;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 13px;
}

#magasin #decouverte h3 {
	font: 19px Arial, Helvetica, Geneva, sans-serif;
	color: #7C746E;
	background-image: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 6px;
}

#magasin #decouverte h3 a {
	color: #7C746E;
	text-decoration: none;
	font-size: 28px;
}

#magasin #decouverte h3 a:hover {
	color: #000;
}

#magasin #decouverte h3 a.active {
	color: #000;
}

#magasin #decouverte p {
	color: #494646;
	font: 10px/11px Arial, Helvetica, Geneva, sans-serif;
	width: 227px;
	padding-top: 15px;
}

#magasin #animation {
	float: left;
}

#magasin #adresse {
	clear: left;
	width: 690px;
	text-align: center;
	color: #7C746E;
	font: 12px/13px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 24px;
}



/* @end */

/* @group Qui sommes nous */

#quisommesnous {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
	float: left;
}

#quisommesnous #photomagasin {
	padding-left: 26px;
	float: left;
}

#quisommesnous #photomagasin h1 {
	padding-top: 25px;
	height: 25px;
		color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;

}


#qsntexte {
	float: left;
	width: 295px;
	padding-top: 50px;
	padding-left: 20px;
}

#qsntexte h5 {
	color: #494646;
	font: bold 11px/12px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}

#qsntexte p {
	color: #494646;
	font: 10px/11px Arial, Helvetica, Geneva, sans-serif;
}



/* @end */

/* @group Partenaires */

#partenaires {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
	float: left;
}

#partenaires h1 {
	padding-left: 26px;
	padding-top: 19px;
	height: 25px;
	color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 5px;
}

#partenaires .partenaire {
	width: 325px;
	float: left;
	margin-left: 40px;
}

#partenaires .partenaire p {
	color: #494646;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 8px;
	margin-bottom: 7px;
}

#partenaires .partenaire a {
	color: #000;
	font: bold 16px Arial, Helvetica, Geneva, sans-serif;
}



/* @end */

/* @group Plan d'accès */

#planacces {
	width: 690px;
	height: 377px;
	margin-left: 80px;
	border-bottom: 2px solid #D1CCC4;
	float: left;
}

#planacces #coordonnees {
	width: 258px;
	padding-left: 22px;
	float: left;
}

#planacces #coordonnees h1 {
	color: #890C08;
	font: bold 16px/18px Arial, Helvetica, Geneva, sans-serif;
	height: 36px;
	padding-top: 18px;
	width: 300px;
	margin-right: 0;
	padding-right: 0;
}

#planacces #coordonnees h2 {
	color: #5A5553;
	font: bold 13px/14px Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/carre.gif) no-repeat 0 4px;
	text-indent: 13px;
}

#planacces #coordonnees p {
	color: #7C746E;
	font: 10px/14px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
}

#planacces #coordonnees h3 {
	color: #5A5553;
	font: bold 14px/15px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 30px;
}

#planacces #coordonnees h3 a {
		color: #5A5553;
	text-decoration: none;
}

#planacces #coordonnees h3 a:hover {
	text-decoration: underline;
}

#planacces #carte {
	background-color: #d5d5d5;
	float: left;
	width: 410px;
	height: 300px;
	margin-top: 12px;
}



/* @end */

.big {
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}

.gras {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.red {
	font-weight: bold;
	color: #f00;
}

/* @group Contact */

#contact {
	width: 690px;
	height: 260px;
	background-color: #969696;
}

#contact h2 {
	color: #fff;
	font: 16px/16px Arial, Helvetica, Geneva, sans-serif;
	height: 15px;
	padding-left: 20px;
	padding-top: 10px;
}

#contact #colonnea {
	float: left;
	padding-top: 19px;
	padding-left: 30px;
}

#contact #colonnea #description  {
	float: left;
	width: 90px;
}

#contact #colonnea #description p {
	color: #fff;
	height: 17px;
	margin-bottom: 5px;
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}

#contact #colonnea #champs {
	float: left;
	width: 230px;
}

#contact #colonnea #champs p {
	height: 20px;
	margin-bottom: 5px;
	
}

#contact #colonnea #champs p input {
	background-color: #DEDAD3;
	width: 200px;
	height: 14px;
	color: #000;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
}

#contact #colonneb {
	padding-top: 0;
	float: left;
	width: 340px;
}

#contact #colonneb p {
	color: #fff;
	height: 17px;
	font: 12px/16px Arial, Helvetica, Geneva, sans-serif;
	padding-top: 0;
	margin-top: 10px;
}

#contact #colonneb input {
	background-color: #DEDAD3;
	width: 300px;
	height: 14px;
	color: #000;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
	margin-top: 0;
}

#contact #colonneb textarea {
	background-color: #DEDAD3;
	width: 300px;
	height: 100px;
	color: #000;
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	border-style: none;
}

#contact #colonneb #boutonenvoi {
	padding-left: 237px;
	padding-top: 17px;
}

#contact #colonneb #boutonenvoi input {
	width: 64px;
	height: 22px;
	background-image: none;
	background-color: transparent;
}



/* @end */

/* @group Promo 200911 */

#reserve{
	position:relative;
	width:450px;
	height:250px;
	overflow:hidden;
	float: left;
	margin-top: 8px;
	margin-left: 80px;
	margin-bottom: 15px;
	display: inline;
}
#reserve img{
	position:absolute;
	display:block;
	border:none;
}

#diaporama {
}

#textedia {
	margin-top: 8px;
	margin-left: 5px;
	left: 532px;
	float: left;
	width: 234px;
	height: 250px;
	background-image: url(../images/promo200911/20pourcent.jpg);
	display: inline;
}

#textedia a {
	color: #fff;
	font: bold 11px/12px Helvetica, "Trebuchet MS", sans-serif;
	display: inline-block;
	background: url(../images/promo200911/fleche.gif) no-repeat 0 2px;
	text-indent: 13px;
	margin-left: 11px;
	margin-top: 219px;
	padding: 0;
}



/* @end */