#html, body {width:100%;}
a img{_border:none;}
body {
	color:#ffffff; 
	font: 20px Times, serif;
	text-align: center;
}


#album {
	margin: 0 0 0 -5;
	_margin: 0 0 0 7;
	padding: 1 0 0 2;
	_padding:4 0 0 5;
	width: 690px;
	height: 394px;
	background-image: url(img/a-fer-fond-photo3.jpg);
}

#photo  {	
	width: 205px;
	_width: 210px;
	float: left;
	font: bold 15px Times, serif;
	text-align: center;
	padding:10 0 0 20;
	_padding:5 0 0 20;
	margin: 8 0 -10 0;
	_margin: 8 0 0 0;
}
.ph1 a{	
	text-decoration:none;
}
.ph1  a img{
	border: 2px #000000 solid;
	color: #000000;
	_margin: -10 0 0 0;
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}
.ph1 a:hover img{	
	color: #aaaaaa;
	border: 2px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
.ph1 a:hover p{	
	color: #d0c0c0;
}
.ph1 a p{	
	margin: 0 0 4 0;
	_margin: 0 0 14 0;
	color:#a0a080; 
}


.ph0  {
	color: #201000;
	width: 670px;
	margin: 0 0 20 15;
	text-align:justify;
	font: 17px arial, hevetica, sans-serif;
	line-height: 22px ;
}
.ph3  {
	color: #201000;
	width: 650px;
	margin: 0 0 20 25;
	text-align:justify;
	font: 13px arial, hevetica, sans-serif;
	line-height: 15px ;
}
.ph0  b{
	color: #402510;
	font: bold 16px arial, hevetica, sans-serif;
}
.ph0  a{
	font: bold 18px arial, hevetica, sans-serif;
	color: #682810;
	text-decoration:none;
}
.ph0  a:hover {
	color: #f7e0b0;
}
.copyright {
	text-align:center;
	margin: -2 0 -20 0;
 	}
.copyright a{
	text-align:center;
	font: 10px arial, hevetica, sans-serif;
	color: #251505;
	text-decoration:none;
	}
p.copyright {
	text-align:center;
	font: 10px arial, hevetica, sans-serif;
	color: #251505;
	}
.sepa
{	
	background-image: url(img/sepa1.jpg);
	width:699px; 
	height :20px;
	font: 10px arial, hevetica, sans-serif;
	margin: 15 0 25 2;
	_margin: 15 0 25 2;
	padding: 0 0 0 0;
	border: 0;
}
.promo{
	margin: 66 0 0 -32;
	
	}
#corps
{	background-image: url(img/a-fer-band-fond.jpg);
	position:relative;
	width:1098px; 
	min-height:100%;
	margin: -24 0 0 0;
	_margin: -3 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}
#men
{	
	float: left;
	width:250px; 
	height:607px;
	margin: 0 0 0 58 !important;
	/margin: 0 0 0 58;
	-margin: 0 0 0 29;
	padding: 0 0 0 0;
	border: 0;
	background-image: url(img/a-fer-pilier.jpg);
}
#info {
	position:absolute;
  	top: 900px;
  	left: 56px;
  	_left: 50px;
	float: left;
	padding: 1 0 0 2;
	_padding:4 0 0 5;
	width: 205px;
}

.inf1 {
	margin: 0 0 0 5;
	_margin: 0 0 0 0;
	width: 181px;
	height: 181px;
	background-image: url(img/a-fer-cadre1.gif);
}
p.inf1  {
	width: 130px;
	_width: 175px;
	height: 150px;
	_height: 180px;
	padding:28 20 0 25;
	_padding:32 20 0 25;
}
.inf1  a{
	line-height: 25px ;
	font: 17px Times, serif;
	color: #d05020;
	text-decoration:none;
}
.inf1  a:hover {
	color: #d7b0a0;
	text-decoration:none;
}


.rea {
	background-image: url(img/chapvolute-info.gif)  ;
	background-repeat:no-repeat; 
	margin: 0 0 0 10;
	_margin: 0 0 0 -5;
	padding:55 0 0 0;
	width: 171px;
	font: 24px Times, serif;
	color: #f04010;
}
.realiste  {
	margin: 5 0 0 -55;
	_margin: 5 0 0 5;
}
.realiste  li{
	margin: 0 0 0 0;
	line-height: 22px ;
	list-style-type: none ;
}
p.rea  {
	margin: 0 0 0 10;
	_margin: 0 0 0 4;
}
.realiste  a{
	font: 17px Times, serif;
	color: #d05020;
	text-decoration:none;
}
.realiste  a:hover {
	color: #d7b0a0;
	text-decoration:none;
}

.lien {
	background-image: url(img/chapvolute2-info.gif)  ;
	background-repeat:no-repeat; 
	margin: 0 0 0 0;
	_margin: 0 0 0 -8;
	padding:100 0 0 0;
	width: 183px;
	font: 27px Times, serif;
	color: #f04010;
}
.lienli {
	margin: 5 0 0 -50;
	_margin: 5 0 0 0;
}
.lienli li{
	margin: 0 0 0 0;
	line-height: 25px ;
	list-style-type: none ;
}
p.lien   {
	margin: 0 0 0 5;
	_margin: 0 0 0 0;
}
.lienli a{
	font: 19px Times, serif;
	color: #b03005;
	text-decoration:none;
}
.lienli a:hover {
	color: #d7b0a0;
	text-decoration:none;
}
.garantie {
	background-image: url(img/chap-info.gif)  ;
	background-repeat:no-repeat; 
	margin: 20 0 0 5;
	padding:70 0 0 0;
	width: 183px;
	color: #b03010;
	font: 19px Times, serif;
}

.inf-mail  a
{
	margin: 0 0 0 7;
	width: 183px ;
	height: 175px ;
	display: block ;
	background: url(img/mail-info2.gif) no-repeat 0 0px;
	text-decoration: none ;
}
.inf-mail a:hover
{
	background: url(img/mail-info2.gif) no-repeat 0 -175px ;
}
.inf-mail2  a
{
	margin: 0 0 0 10;
	width: 182px ;
	height: 173px ;
	display: block ;
	background: url(img/mail-info3.gif) no-repeat 0 0px;
	text-decoration: none ;
}
.inf-mail2 a:hover
{
	background: url(img/mail-info3.gif) no-repeat 0 -173px ;
}
#footer 
{
}
#foot-mail 
{
	position:relative;
	margin: -166 0 0 322;
	_margin: -170 0 0 95;
	width: 265px ;
	height: 44px ;
}
#foot-mail  a 
{	
	display: block ;
	width: 265px ;
	height: 44px ;
	background: url(img/foot-mail.gif) no-repeat  0 0px;
	text-decoration: none ;
}
#foot-mail a:hover 
{
	background: url(img/foot-mail.gif) no-repeat 0 -44px ;
}
#foot-form  
{
	position:relative;
	margin: -38 0 0 634;
	_margin: -40 0 0 570;
	width: 96px ;
	height: 69px ;
}
#foot-form  a
{	
	display: block ;
	width: 96px ;
	height: 69px ;
	background: url(img/foot-form.gif) no-repeat  0 0px ;
	text-decoration: none ;
}
#foot-form a:hover
{
	background: url(img/foot-form.gif) no-repeat 0 -69px ;
}
#foot-logo 
{
	position:relative;
	margin: -38 0 0 634;
	_margin: -65 0 0 -370;
	width: 80px ;
	height: 60px ;
	display: block ;
	background: url(img/afer-anim-img.gif) no-repeat  0 0px ;
}

.inf2 {
	margin: 0 0 0 5;
	padding:28 30 10 30;
	width: 181px;
	height: 181px;
	background-image: url(img/a-fer-cadre1.gif);
}
ul#menu
{
	position:relative;
	margin: -32 0 0 22;
	_margin: -32 0 0 -44;
	padding: 0 0 0 0;
	list-style-type: none ;
	
}
h1
{
	color: #140a0a;
	font: bold 30px Times, serif;
	height: 40px ;
	background: url(img/a-fer-fond-H1.jpg) no-repeat left bottom  ;
	margin: 24 0 0 10 ;
	_margin: 10 0 20 0;
	padding: 2 0 0 84;
}
h2
{
	color: #140a0a;
	font: bold 26px Times, serif;
	height: 40px ;
	background: url(img/a-fer-fond-H2.jpg) no-repeat left bottom  ;
	margin: 0 0 0 0 ;
	_margin: 0 0 5 5 ;
	padding: 2 0 0 67;
}h3
{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #b0a080;
	height: 50px ;
	width:690px;
	background: url(img/a-fer-fond-st1.jpg) no-repeat left ;
	margin: 10 0 5 7 ;
	_margin: 20 0 5 7 ;
	padding: 23 0 0 20;
	_padding: 13 0 0 20;
}
#texte
{
	width:720px; 
	_width:700px; 
	margin: 20 0 0 5;
	_margin: 0 80 0 0;
	padding: 1 0 0 310;
	_padding: 0 0 0 0;
	text-align: left;
}

ul#menu span
{
	visibility:hidden;
	text-decoration: none ;
}
li#accueil  a
{
	width: 162px ;
	line-height: 40px ;
	display: block ;
	background: url(img/accueil.jpg) no-repeat 0 0px;
}
li#accueil a:hover
{
	background: url(img/accueil.jpg) no-repeat 0 -40px ;
}
li#pergola  a
{
	width: 162px ;
	line-height: 51px ;
	display: block ;
	background: url(img/pergola.jpg) no-repeat 0 0px;
}
li#pergola a:hover
{
	background: url(img/pergola.jpg) no-repeat 0 -51px ;
}
li#realisation  a
{
	width: 162px ;
	line-height: 39px ;
	display: block ;
	background: url(img/realisation.jpg) no-repeat 0 0px;
}
li#realisation a:hover
{
	background: url(img/realisation.jpg) no-repeat 0 -39px ;
}
li#exposition  a
{
	width: 162px ;
	line-height: 46px ;
	display: block ;
	background: url(img/exposition.jpg) no-repeat 0 0px;
}
li#exposition a:hover
{
	background: url(img/exposition.jpg) no-repeat 0 -46px ;
}
li#mobilier  a
{
	width: 162px ;
	line-height: 39px ;
	display: block ;
	background: url(img/mobiliers.jpg) no-repeat 0 0px;
}
li#mobilier a:hover
{
	background: url(img/mobiliers.jpg) no-repeat 0 -39px ;
}
li#contact  a
{
	width: 162px ;
	line-height: 38px ;
	display: block ;
	background: url(img/securite.jpg) no-repeat 0 0px;
}
li#contact a:hover
{
	background: url(img/securite.jpg) no-repeat 0 -38px ;
}
li#galerie  a
{
	width: 162px ;
	line-height: 44px ;
	display: block ;
	background: url(img/galerie.jpg) no-repeat 0 0px;
}
li#galerie a:hover
{
	background: url(img/galerie.jpg) no-repeat 0 -44px ;
}


li#accueil2  a
{
	width: 162px ;
	line-height: 40px ;
	display: block ;
	background: url(img/accueil2.jpg) no-repeat 0 0px;
}
li#accueil2 a:hover
{
	background: url(img/accueil2.jpg) no-repeat 0 -40px ;
}
li#pergola2  a
{
	width: 162px ;
	line-height: 51px ;
	display: block ;
	background: url(img/pergola2.jpg) no-repeat 0 0px;
}
li#pergola2 a:hover
{
	background: url(img/pergola2.jpg) no-repeat 0 -51px ;
}
li#realisation2  a
{
	width: 162px ;
	line-height: 39px ;
	display: block ;
	background: url(img/realisation2.jpg) no-repeat 0 0px;
}
li#realisation2 a:hover
{
	background: url(img/realisation2.jpg) no-repeat 0 -39px ;
}
li#exposition2  a
{
	width: 162px ;
	line-height: 46px ;
	display: block ;
	background: url(img/exposition2.jpg) no-repeat 0 0px;
}
li#exposition2 a:hover
{
	background: url(img/exposition2.jpg) no-repeat 0 -46px ;
}
li#mobilier2  a
{
	width: 162px ;
	line-height: 39px ;
	display: block ;
	background: url(img/mobiliers2.jpg) no-repeat 0 0px;
}
li#mobilier2 a:hover
{
	background: url(img/mobiliers2.jpg) no-repeat 0 -39px ;
}
li#contact2  a
{
	width: 162px ;
	line-height: 38px ;
	display: block ;
	background: url(img/securite2.jpg) no-repeat 0 0px;
}
li#contact2 a:hover
{
	background: url(img/securite2.jpg) no-repeat 0 -38px ;
}
li#galerie2  a
{
	width: 162px ;
	line-height: 44px ;
	display: block ;
	background: url(img/galerie2.jpg) no-repeat 0 0px;
}
li#galerie2 a:hover
{
	background: url(img/galerie2.jpg) no-repeat 0 -44px ;
}



.logo img
{
	width:25px;
	height:32px;
	margin:-4 0 0 0;
	padding: 0 0 0 0;

}

#news
{
	width:170px;
	height:283px;
	border: 0px #ffffff solid;
	margin:62 0 0 20;
	_margin:85 0 0 -39;
	padding: 0 0 0 0;
	text-align:center;
	font: 14px arial, hevetica, sans-serif;
	color:#d0b080; 
	overflow:hidden;
	position:relative;

}
#news a
{
	color:#c79070; 
	font: 15px arial, hevetica, sans-serif;
	text-decoration:none;
}
#news a:hover {	
	color: #f7e0b0;
}
#news  a img{
	border: 2px #100000 solid;
	color: #300a0a;
	filter:alpha(opacity=60); -moz-opacity:0.8; opacity: 0.8;
}
#news a:hover img{	
	color: #aaaaaa;
	border: 2px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#news  img{
	margin: 4 0 4 0;
}
#news  p{
	margin: 4 0 4 0;
	font: 12px arial, hevetica, sans-serif;
}
#news ul
{
	list-style-type: none ;
	position:absolute;
	left:0;
	margin:0 5 0 3;
	padding:0 5 0 5;
}
#news li, #news td{
	color:#806060; 
	padding: 3 0 0 0;
}

/* the news box when JavaScript is available */
#news.hasJS
{
	height:283px;
	width:170px;
	overflow:hidden;
	position:relative;
}
/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
}


#album2 {
	margin: 0 0 0 -5;
	_margin: 0 0 0 2;
	padding: 1 0 0 2;
	_padding:2 0 0 8;
	width: 700px;
	height: 165px;
	background-image: url(img/a-fer-fond-photo2.jpg);
}

#photo2  {	
	width: 160px;
	_width: 170px;
	float: left;
	text-align: center;
	padding:10 0 0 4;
	_padding:5 0 0 2;
	margin: 8 0 -10 0;
	_margin: 8 0 0 0;
}
.ph2 a{	
	text-decoration:none;
}
.ph2 img{
	width: 160px;
}
.ph2  a img{
	border: 2px #000000 solid;
	color: #000000;
//	margin: 0 0 0 0;
	_margin: -10 0 0 0;
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}
.ph2 a:hover img{	
	color: #aaaaaa;
	border: 2px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
.ph2 a:hover p{	
	color: #d0c0c0;
}
.ph2 a p{	
	margin: 0 0 4 0;
	_margin: 0 0 12 0;
	color:#a0a080; 
	text-decoration:none;
	font: 11px arial, hevetica, sans-serif;
}

#album3
 {
	border: 0px #000000 solid;
	margin: 10 0 10 5;
	_margin: -10 0 0 5;
	padding: 0 0 0 0;
	_padding:17 13 0 0;
	width: 690px;
	height: 209px;
	background-image: url(img/a-fer-fond-photo4.jpg);
	text-align: center;
}

td#album3{	
	text-align: center;
}
#album3 a{	
	text-decoration:none;
}
#album3 a img{
	border: 2px #200000 solid;
	color: #200000;
	margin: -5 -7 0 22;
	_margin: -10 0 0 14;
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
}
#album3 a:hover img{	
	color: #aaaaaa;
	border: 2px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#album3 a:hover p{	
	color: #d0c0c0;
}
#album3 a p{	
	font: 14px arial, hevetica, sans-serif;
	padding: 5 0 0 22;
	_padding: 0 0 0 14;
	text-align: center;
	margin: 12 0 5 0;
	_margin: 0 0 11 0;
	color: #b0a080;
	
}


#album4
 {
	border: 0px #000000 solid;
	margin: 0 0 0 5;
	_margin: 0 0 0 5;
	padding: 0 0 0 0;
	_padding:20 13 0 10;
	width: 690px;
	height: 209px;
	background-image: url(img/a-fer-fond-photo4.jpg);
	text-align: center;
}
#album4 a{	
	text-decoration:none;
}
#album4 a img{
	border: 1px #200000 solid;
	color: #200000;
	margin: -67 0 0 9;
	_margin: 0 0 0 4;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
	width: 100px;
	height: 75px;

}
#album4 a:hover img{	
	color: #aaaaaa;
	border: 1px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#album4 a:hover p{	
	color: #d0c0c0;
	filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;
}

#album4 a p{	
	font: 12px arial, hevetica, sans-serif;
	padding: 43 0 0 0;
	_padding: 0 0 0 0;
	text-align: center;
	margin: 0 0 0 10;
	_margin: -60 0 0 10;
	color: #ffffff;
	width: 90px;
	height: 40px;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
}

#album6
 {
	border: 0px #000000 solid;
	margin: 0 0 0 5;
	_margin: -10 0 0 5;
	padding: 0 0 0 0;
	_padding:0 0 0 0;
	width: 690px;
	text-align: center;
}
#album6 a{	
	text-decoration:none;
}
#album6 a img{
	border: 1px #200000 solid;
	color: #200000;
	margin: 0 0 0 8;
	_margin: 0 0 0 4;
	filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;
	width: 100px;
	height: 75px;

}
#album6 a:hover img{	
	color: #aaaaaa;
	border: 1px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#album6 a:hover p{	
	color: #ffffff;
}

#album6 a p{	
	font: bold 11px arial, hevetica, sans-serif;
	padding: 0 2 2 2;
	_padding: 0 2 2 2;
	text-align: center;
	margin: 5 0 0 8;
	_margin: 5 0 0 4;
	color: #ccbbaa;
	width: 98px;
	_width: 102px;
	height: 26px;
	_height: 30px;
	background-color : #201005;
}
.alb6 {
	margin: -5 0 0 6;
	_margin: -5 0 0 0;
	border : 0;
	border-spacing:0px; 
}





#album10
 {
	border: 0px #000000 solid;
	margin: 0 0 0 5;
	_margin: 0 0 0 5;
	padding: 0 0 0 0;
	_padding:0 0 0 0;
	width: 690px;
	height: 209px;
	text-align: center;
	background-image: url(img/a-fer-fond-photo4.jpg);
}
#album10 a{	
	text-decoration:none;
}
#album10 a img{
	border: 1px #200000 solid;
	color: #200000;
	margin: -67 0 0 5;
	_margin: -90 0 0 5;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
	width: 120px;
	height: 80px;
	_height: 90px;
}
#album10 a:hover img{	
	color: #aaaaaa;
	border: 1px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#album10 a:hover p{	
	color: #d0c0c0;
	filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;
}
#album10 a p{	
	font: bold 11px arial, hevetica, sans-serif;
	padding: 0 0 0 0;
	_padding: 0 0 0 0;
	text-align: center;
	margin: 25 0 0 20;
	_margin: 25 0 0 20;
	color: #ffffff;
	width: 90px;
	height: 40px;	
}
.alb10 {
	margin: 18 0 0 20;
	_margin: 18 0 0 0;
	border : 0;
	border-spacing:0px; 
}

#album12
 {
	border: 0px #000000 solid;
	margin: 0 0 0 5;
	_margin: 0 0 0 5;
	padding: 0 0 0 0;
	_padding:0 0 0 0;
	width: 690px;
	height: 209px;
	text-align: center;
	background-image: url(img/a-fer-fond-photo4.jpg);
}
#album12 a{	
	text-decoration:none;
}
#album12 a img{
	border: 1px #200000 solid;
	color: #200000;
	margin: -80 0 0 4;
	_margin: -80 0 0 2;
	filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;
	width: 100px;
	height: 75px;
	_height: 75px;
}
#album12 a:hover img{	
	color: #aaaaaa;
	border: 1px #cccccc solid;
	filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
}
#album12 a:hover p{	
	color: #d0c0c0;
	filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0;
}
#album12 a p{	
	font: bold 11px arial, hevetica, sans-serif;
	padding: 0 0 0 0;
	_padding: 0 0 0 0;
	text-align: center;
	margin: 20 0 0 10;
	_margin: 20 0 0 10;
	color: #ffffff;
	width: 90px;
	height: 45px;	
}
.alb12 {
	margin: 18 0 0 20;
	_margin: 18 0 0 0;
	border : 0;
	border-spacing:0px; 
}
#pub {	
	width:306px;
	height: 257px;
	position:relative;
	margin:-2650 0 0 800;
	_margin:-2565 0 0 790;
}
#pub img{	
	width:100%;
	height: 100%;
}