body {
	font-family: Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #000;
	background:url("jpg/f-site.jpg");
}

A.link:link{color: #7e9efc;font-size: 12px;font-style:normal;text-decoration: none;}
A.link {color: #7e9efc;font-size: 12px;font-style:normal;text-decoration: none;}
A.link:hover{color: #fff;font-size: 12px;font-style:normal;text-decoration: none;}

A.link1:link{color: #000;font-size: 9px;font-style:normal;text-decoration: none;}
A.link1 {color: #000;font-size: 9px;font-style:normal;text-decoration: none;}
A.link1:hover{color: #000;font-size: 9px;font-style:normal;text-decoration: none;}

A.link2:link{color: red;font-size: 12px;font-style:normal;text-decoration: none;}
A.link2 {color: red;font-size: 12px;font-style:normal;text-decoration: none;}
A.link2:hover{color: #000;font-size: 12px;font-style:normal;text-decoration: none;}

A.link3:link{color: red;font-size: 12px;font-style:normal;text-decoration: none;}
A.link3 {color: #000;font-size: 12px;font-style:normal;text-decoration: none;}
A.link3:hover{color: #000;font-size: 12px;font-style:normal;text-decoration: none;}

A.link4:link{color: #000;font-size: 16px;font-style:normal;text-decoration: none;}
A.link4 {color: red;font-size: 16px;font-style:normal;text-decoration: none;}
A.link4:hover{color: red;font-size: 16px;font-style:normal;text-decoration: none;}

A.link5:link{color: #000;font-size: 12px;font-style:normal;text-decoration: none;}
A.link5 {color: #000;font-size: 12px;font-style:normal;text-decoration: none;}
A.link5:hover{color: red;font-size: 12px;font-style:normal;text-decoration: none;}


A.link-ref:link{color: #000;font-size: 9px;font-style:normal;text-decoration: none;}
A.link-ref {color: #000;font-size: 9px;font-style:normal;text-decoration: none;}
A.link-ref:hover{color: #000;font-size: 9px;font-style:normal;text-decoration: none;}

h1{font-size:16px;line-height:20px; display:inline;}
h2{font-size:12px;line-height:16px; display:inline;}
h3{font-size:10px;line-height:14px;display:inline;}
h4{font-size:8px;line-height:20px;display:inline;}


/*********************** MENU ****************************/

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
float:left;	/* positionnement pour IE5 et IE5.5 */
margin: 0 ;
background: transparent url("jpg/menu.jpg") top left no-repeat;	/* arrière-plan général du menu */
width: 171px;
height: 380px;
padding-top: 57px;
text-align: center;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 41px;
width: 171px;
color: #000;
font-size: 13px;
text-decoration: none;
padding: 9px 0 0 0;
/*line-height: 25px;*/	/* hauteur de ligne pour éviter les paddings */
}
li a:hover {
color: #fff;
width: 136px;
height: 42px;
/*background: transparent url("jpg/boutton.jpg") top left no-repeat !important;*/
background: transparent url("jpg/boutton.gif") top left no-repeat;
margin: 0 0 0 0px;
padding: 12px 0 0 0;

}
a#lien1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
/*background-position: 0% -305px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien2:hover {
/*background-position: 0% -357px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien3:hover {
/*background-position: 0% -387px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien4:hover {
/*background-position: 0% -417px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien5:hover {
/*background-position: 0% -447px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien6:hover {
/*background-position: 0% -477px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

a#lien7:hover {
/*background-position: 0% -507px;*/
margin:-4px 0 0 23px! important;
margin:-4px 0 0 10px;
}

/*********************** PAGE ****************************/
.layer{
	width: 980px;
	margin: 0 auto;
}

.titre-page{
	float: left;
	width: 980px;
	margin: 5px 0;
	text-align: center;
}

.txt-ref{
	float: left;
	width: 980px;
	margin: 5px 0;
	text-align: justify;
}

.top{
	float: left;
	width: 980px;
	height: 151px;
	background: url("jpg/top.jpg") no-repeat;
	margin: 0;
}

.logo{
	float: left;
	width: 310px;
	height: 151px;
	margin: 0;
}

.txt-top{
	float: left;
	width: 381px;
	height: 151px;
	margin: 0;
}

/*********************** PAGE ****************************/

.contener{
	float: left;
	width: 980px;
	height: 549px;
	background: url("jpg/contener.jpg") no-repeat;
	margin: 0 !important;
	margin: -2px 0;
}

/*********************** COL LEFT ****************************/

.col-left{
	float: left;
	width: 310px;
	height: 549px;
	margin: 0;
}

.flash{
	float: left;
	width: 310px;
	height: 385px;
	margin: 0;
}

.coordonnee{
	float: left;
	width: 310px;
	height: 56px;
	margin: 0;
	text-align: center;
	font-size: 11px;
}

.pics-bottom-left{
	float: left;
	width: 310px;
	height: 108px;
	margin: 0;
}

/*********************** COL CENTER ****************************/

.col-center{
	float: left;
	width: 499px;
	height: 540px;
	margin: 0;
	/*background: #fff;*/
}

.affich-index{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-index.jpg") no-repeat;
}

.affich-cuisine{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-cuisine1.jpg") no-repeat;
}

.affich-cuisine-bois{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-vide.jpg") no-repeat;
}

.affich-agen{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-agen.jpg") no-repeat;
}

.affich-parquet{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-parquet.jpg") no-repeat;
}

.affich-atelier{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-atelier.jpg") no-repeat;
}

.affich-acces{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-vide.jpg") no-repeat;
}

.affich-contact{
	float: left;
	width: 499px;
	height: 497px;
	margin: 0;
	background: url("jpg/affich-contact.jpg") no-repeat;
}



.titre-affiche{
	float: left;
	width: 499px;
	/*height: 45px;*/
	text-align: center;
}

.titre-affiche1{
	float: left;
	width: 499px;
	/*height: 45px;*/
	text-align: center;
}

.txt-center-index{
	float: left;
	width: 239px;
	margin: 40px 0 0 247px!important;
	margin: 40px 0 0 123px;
	text-align: justify;
}

.txt-center-cuisine{
	float: left;
	width: 485px;
	margin: 170px 0 0 -10px;	
	text-align: center;
}

.txt-center-cuisine1{
	float: left;
	width: 485px;
	margin: 10px 0 0 10px!important;
	margin: 10px 0 0 5px;
	text-align: center;
}

.txt-center-cuisine-bois{
	float: left;
	width: 485px;
	margin: 40px 0 0 7px!important;
	margin: 40px 0 0 3px;
	text-align: center;
}

.diap{
	float: left;
	width: 385px;
	height: 189px;
	margin: 110px 0 0 70px!important;
	margin: 110px 0 0 35px;
}

.diap1{
	float: left;
	width: 385px;
	height: 189px;
	margin: 170px 0 0 70px!important;
	margin: 170px 0 0 35px;
}

.diap2{
	float: left;
	width: 385px;
	height: 189px;
	margin: 100px 0 0 70px!important;
	margin: 100px 0 0 35px;
}

.diap3{
	float: left;
	width: 385px;
	height: 189px;
	margin: 230px 0 0 70px!important;
	margin: 230px 0 0 35px;
}

.diap4{
	float: left;
	width: 385px;
	height: 189px;
	margin: 60px 0 0 70px!important;
	margin: 60px 0 0 35px;
}

.plan{
	float: left;
	width: 499px;
	margin: 0;
}

.plan1{
	float: left;
	width: 469px;
	margin: 20px 0 0;
	padding: 0 0 0 30px;
}

/*********************** COL LEFT ****************************/

.col-right{
	float: left;
	width: 171px;
	height: 549px;
	margin: 0;
}

.menu{
	float: left;
	width: 171px;
	height: 441px;
	margin: 0;
	/*background: url("jpg/menu.jpg") no-repeat;*/
}

.pics-bottom-right{
	float: left;
	width: 171px;
	height: 108px;
	margin: 0;
}

/*********************** FOOT ****************************/

.foot{
	float: left;
	width: 980px;
	margin: 10px 0;
	font-size: 9px;
	text-align: center;
}

/*********************** CONTACT ****************************/

.contact{
	float: left;
	width: 499px;
	height: 350px;
	margin: 0 ;
}

#frmCreateAccount{
	float:left;
	width:460px;
	padding-top:20px !important;
	padding-top:10px;
	margin-left:10px;
	text-align: left;
}

#frmCreateAccount label{
	float:left;
	display: inline;
	width: 110px;
	text-align:right;
	margin-top:7px;
	margin-left:15px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	font-weight:bold;
} 

#frmCreateAccount .din,SELECT,TEXTAREA{
	display: inline;
	margin-left:5px;
	margin-top:5px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	font-weight:bold;
	background-color:#b69b80;
	Border:solid #826040 1px;
 } 
 
.boutonSubmit{
	position:relative;
	left:150px;
	top:12px;
	color:#000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	background-color:#b69b80;
	Border:solid #826040 1px;
 }

 #errorMsg{
	float: left;
	width: 230px;
	margin: 20px 0 0 100px !important;
	margin: 20px 0 0 50px;
	text-align: center;
	font-size: 11px;
	color: #000;
}


/****************** LIEN REF FOOT **********************/

#dhtmlfloatie{
margin: 0 auto;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid black;
padding: 5px;
z-index: 100;
}

#subcontent2{
	margin: 10px auto; 
	display:none; 
	border: 1px dotted #4c3127; 
	background-color: #c9a78b; 
	width: 450px;
	/*height: 200px;*/ 
	padding: 8px
}
