/* CSS Document */
body {
 behavior:url("csshover.htc");
 font: 11px verdana, sans-serif;
 background: url("decors/foret.jpg");
 margin: 0;
 padding: 0;
 padding-top: 0;
 }
#global {
background: url("decors/fond20.png");
width: 960px;
height: auto;
margin: auto;
padding-bottom: 10px;
}
#header {
display: block;
margin-left: 29px;
margin-bottom: -11px;
width: 900px;
height: 200px;
background-image:url("decors/header20.jpg");
}
#header img{
margin-left: 3px;
margin-top: 155px;
border: none;
}
 /*-------------FOOTER----------------*/
#footer {
clear: both;
width: 900px;
height: 115px;
background:url("decors/piscine.jpg");
background-repeat: no-repeat;
margin-left: 29px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#993300;
}
#footer p {
}
.footer {
font-family:"ICBM SS-20";
font-size:18px;
padding-top: 20px;
margin-bottom: -16px;
}
#compteur {
margin-top: 80px;
float: left;
width: 300px;
text-align:left;
}
#footerdroit a { font-weight:bold ; text-decoration: none;}
#footerdroit a:visited { color: #993300; text-decoration: none;}
#footerdroit a:hover { color: #993300; text-decoration: none ;}

#footerdroit {
display: inline;
padding:0 1px;
font: small-caps 0.9em/30px Georgia,serif!important;
font-weight:bold;
text-decoration:none;
margin-top: 100px;
float: right;
width: 300px;
}
 /*-------------FOOTER----------------*/
.promo1 {
width: 100px;
height: 500px;
float: left;
}
.promo2 {
width: 100px;
height: 500px;
float: right;
}
.promo {
margin-left:200px;
}
#accueil {
width: 880px;
margin-left: 35px;
}
.accueil {
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
table#accueil td {
padding:0;
}
table#accueil tr {
padding-bottom: 0;
margin-bottom: 0;}
table#accueil {
margin-left: 120px; /*-----------memo 120px----------*/
width: 631px; /*-------mémo 631px--------------*/
border:0;
cellpadding:0;
cellspacing:0;
}
#formulaire {
margin-left: 150px;
height: 500px;
}
h1 {
margin-left: 700px;
margin-top: 1px;
color:#993300;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
h2 {
color:#993300;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
h5 {
margin-left: 6px;
color:#009933;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
#mentions {
width: 800px;
margin-left: 50px;
padding-bottom: 30px;
} 
#plan {
background:url("decors/planphoto2.jpg") no-repeat;
width: 790px;
margin-bottom: 30px;
margin-left: 60px;
margin-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#plan .contact {
margin-left: 90px;
padding-top: 240px;
}
#plan .horaires {
margin-left: 90px;
margin-bottom: 20px;
}
#atelier {
margin-left: 30px;
width: 900px;
}
#atelier img {
margin-bottom: 10px;
margin-left: 15px;
}
.centrale {
float:left;
width: 450px;
height: 400px;
margin-right: 30px;
}
.centrale2 {
float:left;
width: 400px;
height: 500px;
margin-right: 1px;
}
.centrale3 {
float:left;
width: 450px;
height: 450px;
margin-right: 1px;
}

#volet {
margin-top: 20px;
}
#last {
margin-right: 180px;
}
table#realisations {
width: 680px;
}
#realisations {
margin-left: 20px;
width: 900px;
}
#escaliers {
margin-left: 40px;
width: 860px;
margin-bottom: 30px;
}
#escaliers img {
margin: 10px;
}
table#placards {
margin-left: 15px;
width: 680px;
}
table#parquets {
margin-left: 15px;
width: 800px;
}
.texttableau {
color:#993300;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
 /*---------------WOODSTONE---------------*/
h3 {
color:#993300;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}
#fabrication {
width: 860px;
margin-left: 50px;
padding-bottom: 30px;
} 
#fabrication .banniere {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}

.photoswoodstone {
width: 800px;
}
.photoswoodstone td {
text-align: center;
width: 170px;
padding: 6px;
border:solid;
}
.photoswoodstone td:hover {
background:#336600;
text-align: center;
width: 170px;
padding: 6px;
border:solid #000000;
}
#composition {
margin-top: 10px;
float: left;
width: 400px;
}
#pose {
position: relative;
float: right;
margin-top: 90px;
width: 400px;
}
#entretien {
float: left;
margin-top: 50px;
width: 400px;
margin-bottom: 20px;
}
 
 
 /*-------------FIN-WOODSTONE----------------*/
 
/*---------------LISTES----------------*/
ul#usine {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	}
ul#usine li {
	display: block;
	height: 28px;
	background: url("decors/logo2.png") no-repeat left;
	padding-left: 40px;
	margin: 1px 0;
	border-bottom: 1px solid #7fcf2e;
	color:#339933;
	font: small-caps 1.4em/30px Georgia,serif;
	font-weight:bold;
	text-decoration: none;
}
ul#usine ul#debit li {
font-size: 13px;
background: url("decors/puce1.jpg") no-repeat left;
margin-bottom: -3px;
margin-left: -15px;
}
	/*---------------tableau qui remplace liste----------------*/
table#usine {
float:right;
margin: 0;
padding: 0;
width: 200px;
font: small-caps 1.4em/30px Georgia,serif;
font-weight:bold;
}
table#usine .usine{
padding-left: 35px;
background: url("decors/logo2.png") no-repeat left;
font: small-caps 1.3em/30px Georgia,serif;
color:#339933;
border-bottom: 1px solid #7fcf2e;
font-weight:bold;
}
table#usine .debit{
padding-left: 65px;
background: url("decors/puce2.jpg") no-repeat left;
font-size: 13px;
color:#339933;
border-bottom: 1px solid #7fcf2e;
}
table#usine .remarque{
font-variant:normal!important;
font-family:Arial, sans-serif !important;
font-size: 10px;
color:#333333;
}
table#usine .remarque img{
border: none;
padding-left: 50px;
}
table#usine .volet{
padding-top: 60px;
text-align: left;
}
/*---------------tableau qui remplace liste----------------*/
ul#services {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 240px;
	}
ul#services li {
	display: block;
	height: 28px;
	background: url("decors/logo2.png") no-repeat left;
	padding-left: 40px;
	margin: 1px 0;
	border-bottom: 1px solid #7fcf2e;
	color:#339933;
	font: small-caps 1.4em/30px Georgia,serif;
	font-weight:bold;
	text-decoration: none;
}
ul#services ul#debit li {
font-size: 13px;
background: url("decors/puce1.jpg") no-repeat left;
margin-bottom: 4px;
}
	
ul#real {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px;
	}
ul#real li {
	display: block;
	height: 28px;
	background: url("decors/logo2.png") no-repeat left;
	padding-left: 35px;
	margin: 1px 0;
	border-bottom: 1px solid #7fcf2e;
	color:#339933;
	font: small-caps 1.4em/30px Georgia,serif;
	font-weight:bold;
	text-decoration: none;
}
	
	
	/*---------------MENU----------------*/
ul {
	list-style: none;
}

#web{
	width: 900px;
	margin-top: 6px;
	margin-left: 29px;
	padding-bottom: 20px;
	height: auto;
	}

#menu{
	clear: both;
}
#menu ul{
	margin: 0;
	padding: 0;
}
#menu li{
	list-style: none;
	float: left;
}
#menu li a{
	height: 25px;
	font-size: 30px; 
	color: #fff;
	/*display: block;*/
}

#menu-scierie, #menu-interieur, #menu-exterieur {
	visibility: hidden;
	position: absolute !important;
	width: 172px;
	clear:both !important;
}

#menu-scierie ul li, #menu-interieur ul li, #menu-exterieur ul li {
	background: transparent url("decors/fondTR.png") repeat;
}

body.frances #menu-scierie li a, body.italiano #menu-scierie li a, body.ingles #menu-scierie li a, body.aleman #menu-scierie li a, #menu-scierieli a, body.ingles #menu-interieur li a, body.frances #menu-interieur li a, body.italiano #menu-interieur li a, body.aleman #menu-interieur li a, #menu-interieur li a, body.ingles #menu-exterieur li a, body.frances #menu-exterieur li a, body.italiano #menu-exterieur li a, body.aleman #menu-exterieur li a, #menu-exterieur li a {
	background-image: none; 
	text-transform: uppercase;
}

#menu-scierie ul, #menu-interieur ul, #menu-exterieur ul {
	width: 172px;
	padding-top: 5px;
	min-height: 200px;
}

* html #menu-scierie ul {
	height: 200px;	
}

#menu-interieur ul, #menu-exterieur ul {
	min-height: 200px;
}

* html #menu-interieur ul {
	height: 200px;
}
* html #menu-exterieur ul {
	height: 200px;
}

#menu-scierie ul li a, #menu-interieur ul li a, #menu-exterieur ul li a {
	width: 172px !important;
	padding: 1px 0 1px 3px !important;
	margin:0 !important;
	background: transparent url("decors/fondTR.png");
	background-repeat: no-repeat !important;
	background-position: 5px !important;
	color:#fff !important;
	border:none !important;
}

#menu-scierie ul li a:hover, #menu-interieur ul li a:hover, #menu-exterieur ul li a:hover {
	color:#993300 !important;
	background-position: 5px !important;
}

/*#menu-scierie ul li a.activa, #menu-interieur ul li a.activa {
	background-color: #E7F4FF;
}*/


/*#menu-scierie ul li ul li {
	float: left;
	width: 60px;
}*/


#menu li a.seleccionado{
	color: #267FD1;
}
#menu li a:hover{
	background-position: bottom;
}
#menu ul#nav{
background-image:url("decors/arbre.jpg")!important;
padding:0 0 0 5px;
}
#menu ul#nav li{
list-style:none;
display:inline !important;
}
#menu ul#nav li a{
/*float:left;*/
display:block;
text-decoration:none;
color:#660000;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:0;
padding:8px 17px 1px 6px;
/*border-right:1px solid #3b5f99;*/
background:transparent url(../imagenes/bullet-vermas.gif) no-repeat left;
}
/* Regla para IE */
* html #menu ul#nav li a{
float:left;
}
#menu ul#nav li a:hover, #menu ul#nav li a:focus{
color:#336600;
}


/*=========================================FICHA CORREDOR=======================================*/

.clearfix:after {
content:".";
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
#contenido_ficha{
clear:both;
min-height:430px;
}
/* for Internet Explorer */
/*\*/
* html #contenido_ficha{
height:430px;
}
#contenido_ficha abbr{
cursor:help;
}
#fictif {
font-size:1px
}