* {
	padding:0;
	margin:0;
}

	
body {
	font-family: Calibri, Verdana, Ariel, sans-serif;
	background:url(img/bg_body.jpg) repeat-x #96999c;
	font-size:12px;
	color:#fff;
}

	
h1 {
	position:absolute;
	left:-9999px;
}

div#page {
    width:100%;
	height:auto;
	background:url(img/bg_page.jpg) top center no-repeat;
	}

div#global {
	margin:0 auto;
	width:976px;
	height: auto;
}


div#entete {
    width:976px;
	height:151px;
	}
	
div#logo {
    width:214px;
	height:151px;
	float:left;
	}
	
div#adresse {
	width:320px;
	height:75px;
	float:left;
	color:#575656;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding: 75px 15px 0 76px;
	}
div#adresse dl dt {
	display:inline;
	padding-right: 5px;
	}	
div#adresse dl dd {
	display:inline;
	padding-right: 5px;
	}
	
div#activites {
    background:url(img/activite.png) no-repeat;
	width:346px;
	height:115px;
	float:left;
	}
	
div#centre {
    width:976px;
	height:auto;
	}	
	
div#news_repeat {
	background: url(img/bg_news_repeat.png) repeat-y;
	width:214px;
	margin-left:7px;
	height: auto;
	float: left;
	}
div#news_repeat .news {
	background:url(img/bg_news.jpg) top no-repeat;
	width:194px;
	padding:10px;
	min-height:278px;
	overflow:hidden;
	}

div#news_repeat .news h4 {
	text-align:center;
	background:url(img/h4_news.gif) center no-repeat;
	width:194px;
	height:11px;
	margin-bottom:10px;
	}
	
div#news_repeat .news h4 span {
    position:absolute;
	top:-9999px;
	}

div#news_repeat .news  .center {
	text-align:center;
	margin-bottom: 10px;
	}

div#menu {
	width:187px;
	height:auto;
	float:right;
	margin-left: 5px;
}

div#menu ul li {
	list-style:none;
}

div#menu ul li a span{
   top:-9999px;
   position:absolute;
 }

div#menu ul li a {
	display:block;
	width:156px;
	height: auto;
}
   

   
div#menu ul li.accueil a {
   background: url(img/menu_acceuil.png) bottom no-repeat;
   height:84px; }
   
div#menu ul li.savoir_faire a {
   background:  url(img/menu_savoir_faire.png) bottom no-repeat;
   height:84px; }   

div#menu ul li.moyen_production  a {
   background:  url(img/menu_moyen_production.png) bottom no-repeat;
   height:84px; } 
   
div#menu ul li.qualite  a {
   background:   url(img/menu_qualite.png) bottom no-repeat;
   height:84px; } 
   
div#menu ul li.contact  a {
   background:  url(img/menu_contact.png) bottom no-repeat;
   height:84px; }   
   
div#menu ul li a:hover {
    background-position:top; }

div#contenu {
    width:538px;
	float:left;
	background: url(img/bg_contenu_repeat.png) repeat-y top;
	margin-left:17px;
	overflow:hidden;
	height:auto;
	}

div#contenu_texte {
	width:502px;
	background:url(img/bg_contenu_top.jpg) top no-repeat;
	min-height:550px;
	overflow:hidden;
	padding: 0 13px 20px 13px;
	}

div#contenu_texte h2 {
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	padding: 5px 0 20px 0;
	}
	
div#contenu_texte h3 {
	font-size:18px;
	padding-bottom:10px;
	}	
	
div#contenu_texte p {
    padding-top:10px;
	}
	
div#contenu_texte .float_gauche {
	float:left;
	padding:0 15px 10px 0;
	}	
	
div#contenu_texte .float_droite {
	float:right;
	padding: 20px 0 0 10px;
	}
	
div#contenu_texte p span{
	font-weight:bold;
	}
	
div#pied {
	width:976px;
	height:80px;
	overflow:hidden;	
	text-align: center;
	padding: 80px 0px 0px 0px;
}


div#pied ul {
	width:976px;
	line-height:20px;
	text-align: center;
	height: 20px;
}
div#pied ul li {
	list-style:none;
	font-size:11px;
	color:#FFFFFF;
	display: inline;
	text-align: center;

}
div#pied ul li a {
	text-decoration:none;
	color:#FFFFFF;
}

div#pied ul li a:hover{
	text-decoration:underline;

}
div#pied .imnalys {
	text-align:center;
	padding:10px 0px 0px 0px;
}
	
div#pied .imnalys img {
	border:0;
	width:152px;
	height:48px;
}

div#pied  .imnalys span
{
   position:absolute;
   top:-9999px;
}

/*Formulaire du contact*/


#form {
	text-align: left;
	margin:0px 10px 0 10px;
	width:auto;
}
.form1 {
	border-width: medium;
	border: solid 1px #fff;
	width: 47%;
	background: #00CCFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #FFFFFF  ;
	margin-right: 5px;
	padding: 2px;
}

.form11 {
	border-width: medium;
	border: solid 1px #fff;
	width: 96%;
	background: #00CCFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #FFFFFF;
	margin-right: 5px;
	padding: 2px;
}

.form1:focus, .form11:focus {
	border: 1px solid #666666;
}
.form2{
	font: 11px Arial, Helvetica, sans-serif;
	width: 30%;

}
.form3{ 
    font-size:11px;
    width: 30%;
	}
.form4{
	overflow: hidden;
	padding: 5px 0px 0px;
    }
	
.button1 {
	font-size: 11px;
	width: 48%;
	background: #00FFFF;
	border-width: medium;
	border-style: none;
	color: #0066CC;
	cursor: pointer;
}

#form .italic {
    font-style:italic;
	}
	
/***MOYENS DE PRODUCTION***/
h4.machine_electro {
padding-top:50px;}

div.sous_rub {
padding-bottom:50px;
overflow:hidden;}

div#informatique {
	background:url(img/informatique.png);
	width:94px;
	height:93px;
	float:left;}	

div#fraisage {
	background:url(img/fraisageCN.png);
	width:500px;
	height:150px;}

div#tournage {
	background:url(img/tournageCN.png);
	width:224px;
	height:102px;
	float:right;}

div#electro_fil {
	background:url(img/electro-erosion-fil.png);
	width:188px;
	height:130px;
	float:left;}

div#electro_enfoncage1 {
	background:url(img/electro-erosion-enfoncage-01.png);
	width:109px;
	height:120px;
	float:right;}

div#electro_enfoncage2 {
	background:url(img/electro-erosion-enfoncage-02.png);
	width:121px;
	height:114px;
	margin-top:40px;
	margin-right:20px;
	float:left;}

div#rectification {
	background:url(img/recitfication.png);	
	float:left;
	width:226px;
	height:138px;}

div#parc {
	background:url(img/parc-machines.png);	
	float:right;
	width:153px;
	height:144px;}
	
/***QUALITE***/
h4.qualite {
	margin-top:50px;}
	
/***SAVOIR FAIRE***/
ul.savoir_faire  {
	width:380px;
	overflow:hidden;
	margin:0 auto;}

ul.savoir_faire li {
	float:left;
	width:170px;
	list-style:none;
	margin:0 10px 0 10px;
	text-align:center;}
	
ul.savoir_faire p {
	height:50px; 
	font-weight:bold;}
	
/**PLAN DU SITE**/
ul#plan_site {
margin:20px 0 0 40px; }

ul#plan_site li {
padding-bottom:8px;}

ul#plan_site li a {
font-weight:bold;
color:#FFF;
font-size:14px;
text-decoration:none;}

ul#plan_site li a:hover {
text-decoration:underline;}