/* CSS Document */


*{
margin:0;
padding:0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#ffffff;
background-color:#e6e6e6;
font-size:0.9em;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color:#b6b6b6;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #7a7a7a;
scrollbar-track-color: #a8aaab;
scrollbar-arrow-color: #cccccc;
}


#conteneur{
position:relative;
width:800px;
height:600px;
margin:0 auto;
}

#header{
position:absolute;
top:0;
left:0;
width:800px;
height:118px;
background:url(images/header.jpg) top left no-repeat;
}

#menu_fond{
position:absolute;
top:118px;
left:0;
width:160px;
height:482px;
background:url(images/menu.jpg) top left no-repeat;
}

#visuel1{
position:absolute;
top:320px;
left:160px;
width:296px;
height:280px;
background:url(images/imgaccueil1.jpg) top left no-repeat;
}

#visuel2{
position:absolute;
top:320px;
left:456px;
width:344px;
height:280px;
background:url(images/imgaccueil2.jpg) top left no-repeat;
}

#visuel3{
position:absolute;
top:189px;
left:387px;
width:413px;
height:411px;
background:url(images/imgagricole1.jpg) top left no-repeat;
}

#visuel4{
position:absolute;
top:188px;
left:387px;
width:413px;
height:412px;
background:url(images/imgindustriel1.jpg) top left no-repeat;
}

#visuel5{
position:absolute;
top:188px;
left:366px;
width:434px;
height:412px;
background:url(images/imgauto1.jpg) top left no-repeat;
}

#conteneur_accueil{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-accueil.jpg) top left no-repeat;
}


#conteneur_agricole{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-agricole.jpg) top left no-repeat;
}

#conteneur_industriel{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-industriel.jpg) top left no-repeat;
}

#conteneur_automobile{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-auto.jpg) top left no-repeat;
}

#conteneur_devis{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-devis.jpg) top left no-repeat;
}

#conteneur_contact{
position:absolute;
top:118px;
left:160px;
width:640px;
height:482px;
background:url(images/masque-contact.jpg) top left no-repeat;
}
/*
#logo{
position:absolute;
top:7px;
left:8px;
width:147px;
height:106px;
background:url(images/logo.jpg) top left no-repeat;
}
*/
#centre_accueil{
position:absolute;
top:190px;
left:309px;
width:419px;
height:97px;
text-align:justify;
padding:10px;
font-weight:300;
}

#centre_agricole{
position:absolute;
top:186px;
left:169px;
width:345px;
height:356px;
text-align:justify;
padding:10px;
font-weight:600;
color:#0d89a9;
}

#centre_industriel{
position:absolute;
top:186px;
left:169px;
width:419px;
height:360px;
text-align:justify;
padding:10px;
font-weight:600;
color:#0d89a9;
}

#centre_auto{
position:absolute;
top:186px;
left:169px;
width:419px;
height:97px;
text-align:justify;
padding:10px;
font-weight:600;
color:#0d89a9;
}

#centre_devis{
position:absolute;
top:189px;
left:172px;
width:571px;
height:47px;
text-align:left;
padding:10px;
font-weight:bold;
font-size:0.8em;
color:#0d89a9;
}

#form_devis{
	position:absolute;
	top:260px;
	left:173px;
	width:588px;
	height:307px;
	text-align:center;
	font-size:0.8em;
	overflow:auto;
	color:#000000;
	visibility: visible;
}


#form_devis a{
text-decoration:none;
font-weight:bold;
color:#ffffff;
}

#form_devis a:hover{
text-decoration:underline;
font-weight:bold;
color:#000066;
}

/*
#tab1{
	position:absolute;
	top:5px;
	left:22px;
	width:500px;
	height:5px;
	border:#FFFFFF 1px solid;
}
*/
#tab2{
	position:absolute;
	top:27px;
	left:23px;
	width:500px;
	height:500px;
	border:#FFFFFF 1px solid;
}

#tab3{
position:absolute;
top:559px;
left:24px;
width:500px;
height:35px;
border:#FFFFFF 1px solid;
}

#tab4{
position:absolute;
top:605px;
left:24px;
width:500px;
height:35px;
border:#FFFFFF 1px solid;
}

#tab5{
position:absolute;
top:809px;
left:24px;
width:500px;
height:35px;
border:#FFFFFF 1px solid;
}

#tab6{
position:absolute;
top:855px;
left:24px;
width:500px;
height:35px;
border:#FFFFFF 1px solid;
}

#tab7{
position:absolute;
top:977px;
left:24px;
width:500px;
height:35px;
}

.gras_fonce {
font-weight:bold;
color:#333333;
}

.petit {
font-size:0.8em;
}

#centre_contact{
position:absolute;
top:274px;
left:501px;
width:194px;
height:155px;
text-align:left;
padding:10px;
font-weight:300;
font-size:0.8em;
}

#centre_contact a{
text-decoration:underline;
color:#000066;
}

#centre_contact a:hover{
text-decoration:none;
color:#ffffff;
}

#menu_scroll{
position:absolute;
top:270px;
left:38px;
width:107px;
height:288px;
border:#FFFFFF 1px solid;
font-family:Arial, Helvetica, sans-serif;
background:url(images/scroll-fond.jpg) top left no-repeat;
color:#333333;
text-align: left;
font-size:0.8em;
padding:0 2px; 
color:#003366;
}

#menu{
position:absolute;
top:123px;
left:37px;
width:113px;
height:127px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:300;
border:#FFFFFF 2px solid;
background:url(images/fond-menu.jpg) top left no-repeat;
color:#FFFFFF;
text-align: center; 
padding-top:10px;
}

#menu ul{
list-style-type: none;
margin-bottom:0;
} 

#menu ul li {
margin-top:0;
}

#menu ul a {   
     width: 107px; 
     height: 19px;
     display: block;
     text-align: center;     
     text-decoration: none;
	 color:#FFFFFF;	 	   
	 }	
	  
#menu ul a:hover {     
	 color:#003399;
	 margin:0 3px;
     background:url(images/over-menu.jpg) top left no-repeat;
	 color:#0033CC;	
	 text-align: center;
     }

#liens_bas{
position:relative;
width:800px;
height:40px;
margin:0 auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333333;
}

#liens_bas a{
text-decoration:none;
color:#333333;
}

#liens_bas a:hover{
text-decoration:underline;
color:#0d89a9;
}

.espace {
padding-left:3px;
}

.gris {
border:#999999 solid 1px;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

