@import url("reset.css");

body{margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#f6f6f6 url("bg.png") top repeat-x; color:#586066;}
#wrapper_h{width:1067px; margin:0 auto;}
#wrapper{width:1126px; margin:0 auto;}
 
#logo{width:808px; margin:0 auto; margin-top:97px; position:relative;} 
#logo a.imageLogo {display: block; width: 221px; height:130px; text-indent: -9999px; background-image: url("logo.png"); background-repeat: no-repeat;}
#logo div.coordonnes {
	position:absolute;
	top:15px;
	right:0px;
	text-align:right;
	color:#575e64;
	font-weight:bold;
}
#logo div.coordonnes span {
	color:#036981;
}
#logo div.coordonnes a {
	color:#575e64;
	text-decoration:none;
}
#content_bg{background:url("shadow_engrenages.png") 0px 85px no-repeat;}
#content_bg_h{background:url("shadow.png") -3px 377px no-repeat;}
#content_bg_d{background:url("shadow_engrenages1.png") 0px 115px no-repeat;}
#content{width:808px; margin:0 auto; padding-bottom:30px;     }
#contentb{width:808px; margin:0 auto; padding-bottom:0px;     }
.break {clear:both;} 
.rubrique{display:block; float:left; width:200px; height:113px; text-indent:-9999px; margin-bottom:2px; margin-right:2px;}
.video{display:block; float:left; width:200px; height:113px; margin-right:2px;}

#metrologie a{background:url("metrologie.png") no-repeat;}
#metrologie a:hover{background:url("metrologie_hover.png") no-repeat;}

#fraisage a{background:url("fraisage.png") no-repeat;}
#fraisage a:hover{background:url("fraisage_hover.png") no-repeat;}

#commander_catalogue a{background:url("commander_catalogue.png") no-repeat;}
#commander_catalogue a:hover{background:url("commander_catalogue_hover.png") no-repeat;}

#percage a{background:url("percage.png") no-repeat;}
#percage a:hover{background:url("percage_hover.png") no-repeat;}

#nouveautes a{background:url("nouveautes.png") no-repeat;}
#nouveautes a:hover{background:url("nouveautes_hover.png") no-repeat;}

#offres_speciales a{background:url("offres_speciales.png") no-repeat;}
#offres_speciales a:hover{background:url("offres_speciales_hover.png") no-repeat;}

#ferronnerie a{background:url("ferronnerie.png") no-repeat;}
#ferronnerie a:hover{background:url("ferronnerie_hover.png") no-repeat;}

#sciage a{background:url("sciage.png") no-repeat;}
#sciage a:hover{background:url("sciage_hover.png") no-repeat;}

#tournage a{background:url("tournage.png") no-repeat;}
#tournage a:hover{background:url("tournage_hover.png") no-repeat;}

#contact a{background:url("contact.png") no-repeat;}
#contact a:hover{background:url("contact_hover.png") no-repeat;}

#atelier a{background:url("atelier.png") no-repeat;}
#atelier a:hover{background:url("atelier_hover.png") no-repeat;}

#menu_bg{background:#525b60; padding-top:20px; padding-bottom:20px;position:fixed;top:0px;   }
/* menu */
#menu{width:808px; margin:0 auto;   }
#sddm{margin: 0; padding: 0; z-index: 30}

#sddm li{margin: 0; padding: 0;	list-style: none; float: left;}


#sddm li a{
    display: block; 
	text-indent:-9999px;	 	  
	text-decoration: none;}

#sddm li a:hover{color: #afb3b3;}

#sddm div{position: absolute;
	visibility:  hidden;
	margin-top: 20px;
	margin-left:-40px;
	width:147px;
	padding-right:10px;
	height:136px;
	padding-top:26px;
	padding-bottom:26px;
	text-align:center; 
	background: url("menu_der_bg.png") no-repeat;
 }
#sddm div a{
        position: relative;
		display: block;
		text-indent: inherit;	  
		padding:0;
		margin:0;
		margin-bottom: 3px;
	    color:#fff;
		text-decoration: none;
		z-index:1000;
		text-indent:0;
		}		 

#sddm div a:hover{color: #afb3b3;}

.accueil  {background:url("accueil.png") bottom no-repeat; width:49px; margin-right:72px; }
.accueil:hover{background:url("accueil_hover.png") bottom no-repeat;}

.societe  {background:url("notre_societe.png") bottom no-repeat;  width:85px; margin-right:72px;}
.societe:hover{background:url("notre_societe_hover.png") bottom no-repeat;}

.produits  {background:url("nos_produits.png") bottom no-repeat; width:80px; margin-right:72px;}
.produits:hover{background:url("nos_produits_hover.png") bottom no-repeat;}

.devis  {background:url("demande_devis.png") bottom no-repeat;  width:108px; margin-right:72px;}
.devis:hover{background:url("demande_devis_hover.png") bottom no-repeat;}

.contact  {background:url("contact_menu.png") bottom no-repeat;  width:53px; margin-right:62px;}
.contact:hover{background:url("contact_menu_hover.png") bottom no-repeat;}

.acces  {background:url("plan_acces.png") bottom no-repeat; width:81px;}
.acces:hover{background:url("plan_acces_hover.png") bottom no-repeat;}
 /* menu */ 
#mentions{ text-align:right; font-size:11px; margin-bottom:5px; margin-top:0px;margin-right:3px;}
#mentions a{color:#aeb3b3; text-decoration:none;}
#mentions a:hover{color:#525b60;}
#mentions .active{color:#525b60;}

.titre{background:url("bg_notre_societe.png") repeat-x; font-size: 24px; color:#fff; text-transform:uppercase;      height:46px;   padding-left:70px;   padding-top:24px;}
.texte{margin-top:2px; height:358px; padding-right:50px;  padding-left:70px; padding-bottom:25px; padding-top:25px;  background:url("bg_texte.png") no-repeat;}
.texte-devis{margin-top:2px; padding-right:50px;  padding-left:180px; padding-bottom:0px; padding-top:25px;  background:url("bg_texte_01.png") repeat-x;}
.texte-devis-1{padding-right:50px;  padding-left:180px; padding-bottom:25px; padding-top:0px;  background:url("bg_texte_02.png") repeat;}
.bleu{color:#0486a2;}
.bleu_dark{color:#158ca7;}
.bleu_fade{color:#9ecdd8;}
.m_l_titre {color:#3996af; font-size:14px; display:block; margin-bottom:15px;}

.b_c {color:#fff; font-size:12px;; text-transform:none;}
.form{padding-top:40px;}
.form1{padding-top:40px;}
.row{ clear:both; padding-bottom:8px;width: 550px;}
label{float:left; display:block; width:120px; margin-right:30px;}
input[type="text"]{background:transparent; width:250px; height:15px; border: #b7babc solid 1px; font-size:11px;}
.envoyer{background:url("envoyer_devis.png");text-weight:bole;border:none;background-color: transparent;color:#fff;width:143px;height:22px;cursor:pointer}
.envoyer2{background:url("envoyer_devis.png");text-weight:bole;border:none;background-color: transparent;color:#fff;width:247px;height:22px;cursor:pointer}
.ajout_produit{color:#586066; text-decoration:none; display:block; background:url("puce.png") left no-repeat; padding-left:20px;}
.supprimer_produit{color:#586066; text-decoration:none; display:block; background:url("supprimer.png") left no-repeat; padding-left:20px;}
.msg{padding-left:10px;font-size:10px;color:#158CA7}
.submit{margin-left:150px; margin-top:20px;}  
.active{color:#afb3b3;}


#catalogue {
	background-color: #e7e7e7;
	margin-top:2px;
	padding-top:25px;
	width: 794px;
	padding-top:12px;
	padding-left:12px;
	float: left;
}

.catalogue_gauche {
	float: left;
	width: 214px;
}

.menu {

}

.menu ul {

}

.menu ul li {
	background-color: #dadbda;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c8caca;
	height: 26px;
	padding-left: 22px;
	padding-top: 12px;
}

.menu ul li a {
text-decoration: none;
color: inherit;
}


.menu_active {
	background-color: :#525b60;
	color: #ffffff;
}

.menu_active a {
	background-color: :#525b60;
	color:#ffffff;
}

.menu_bleu {
	font-weight: bold;
	color: #308ea7;
}

.menu_bleu a {
	text-decoration: none;
	color: #308ea7;
}

.menu_catalogue {
	background: url("bg_telecharge_catalogue.jpg");
	width:213px;
	height: 63px;
	margin-top: 5px;
	float: left;
	text-align: center;
	padding-top: 40px

}

.menu_catalogue a {
	text-decoration: none;
	color: #ffffff;
}

.menu_question {
	background: url("bg_telecharge_question.jpg");
	width:213px;
	height: 63px;
	margin-top: 5px;
	float: left;
	text-align: center;
	padding-top: 40px;
	color: #ffffff;
}

.menu_question a {
	text-decoration: none;
	color: #ffffff;
}

.catalogue {
	float: right;
	width: 580px;
}

.catalogue_produit {
	background-color: #dadbda;
	width:178px;
	height:265px;
	float: left;
	margin-left: 11px;
	margin-bottom: 10px;
}
.catalogue_produit.associes {
	margin-left:7px;
}

.catalogue_produit_img {
	width: 143px;
	height: 143px;
	margin: 17px 0px 0px 18px;
	background-color:#FFFFFF;
}

.catalogue_produit_titre {
	text-align: center;
	width: 142px;
	height:40px;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.catalogue_produit_prix {
	text-align: center;
	width: 142px;
	height: 28px;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 5px;
	color: #00687f;
	font-weight: bold;
	font-size: 15px;
}

.catalogue_produit_btn {
	text-align: center;
	width: 178px;
	height: 32px;
}

.catalogue_shadow {
	text-align: center;
	margin-left: 27px;
}

.titre_gauche {
	float: left;
	width: 300px;
}

.titre_droit {
	text-transform: none;
	float: right;
	width: 400px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 20px;
}

.titre_droit_cellule {
	border-left:1px solid #579fb1;
	float: right;
	padding-left: 20px;
	margin-right: 20px;
}

.bas {
	margin:0 auto;
	width: 567px;
	text-align: center;
	margin-top:20px;
}

.bas_precedent {
	font-weight: bold;
	color: #00687f;
	margin-right: 20px;
}

.bas_precedent a {
	text-decoration: none;
	color: inherit;
}

.bas_numeros {
	font-weight: bold;
	color: #00687f;
	width: auto;
}

.bas_numeros a {
	color: #525b60;
	text-decoration: none;
	font-weight: normal;
}


.bas_suivant {
	font-weight: bold;
	color: #00687f;
	margin-left: 20px;
}

.bas_suivant a {
	text-decoration: none;
	color: inherit;
}


#catalogue_produit {
	background-color: #e7e7e7;
	margin-top:2px;
	padding-top:25px;
	width: 806px;
	float: left;
}

#catalogue_produit .haut {
	width: 806px;
	background: url("bg_fiche.jpg") bottom repeat-x;
	float: left;
	position: relative;
}

#catalogue_produit .haut_left {
	width: 368px;
	float: left;
}

#catalogue_produit .img {
	background-color: #ffffff;
	width: 320px;
	height: 320px;
	border: 10px solid #d1d2d3;
	margin: 0px 0px 0px 28px;
	overflow:hidden;
}
#catalogue_produit .img .img_slide {
	float:left;
	width: 320px;
	height: 320px;
}

#catalogue_produit .img_petites {
	float: left;
	height: 65px;
	width: 341px;
	margin: 9px 0px 0px 28px;
	position:relative;
}
#catalogue_produit .img_petites .thumbs {
	float:left;
	width:296px;
	height: 65px;
}
#catalogue_produit .img_petites .thumbs.padLeft {
	margin-left:19px;
}
#catalogue_produit .img_petites .thumbs div {
	float:left;
}
#catalogue_produit .img_petite {
	display:block;
	width: 55px;
	height: 55px;
	margin-left: 9px;
	border: 5px solid #FFFFFF;
	background-color:#FFFFFF;
}

#catalogue_produit .img_petite.active {
	border: 5px solid #cfd0d1;
}

#catalogue_produit .puce_left {
	margin-top: 25px;
	float: left;
	width:19px;
	height:19px;
	background: url("fiche_puce_left.jpg") left top no-repeat;
	cursor:pointer;
}

#catalogue_produit .puce_right {
	margin-top: 25px;
	float: right;
	width:19px;
	height:19px;
	background: url("fiche_puce_right.jpg") left top no-repeat;
	cursor:pointer;
}

#catalogue_produit .haut_right {
	width: 438px;
	float: right;
}

#catalogue_produit .nom {
	width: 370px;
	color: #535353;
	font-size: 14px;
	padding: 10px 0px 0px 30px;
	float: left;
}

#catalogue_produit .reference {
	width: 370px;
	padding-left: 30px;
	margin-top: 5px;
	float: left;
}

#catalogue_produit .prix {
	width: 370px;
	padding-left: 30px;
	color: #00687f;
	font-weight: bold;
	font-size: 19px;
	margin: 15px 0px 15px 0px;
	float: left;
}

#catalogue_produit .descriptif {
	background: url("bg_fiche_right.jpg") top repeat-x;
	width: 370px;
	padding: 45px 38px 130px 30px;
	float: left;
	text-align: justify;
}

#catalogue_produit .btn {
	position: absolute;
	bottom:65px;
	right: 26px;
}

#catalogue_produit .tableau {
	float: left;
	width: 753px;
	margin:35px 0px 15px 28px;
}
#catalogue_produit .tableau2 {
	float: left;
	width: 753px;
	margin:10px 0px 15px 28px;
}

#catalogue_produit .cellule_caracteristiques {
	height: 55px;
	color: #fff;
	vertical-align: middle;
	padding-left: 30px;
}

#catalogue_produit .tableau_associes {
	padding: 10px 0px;
}

#catalogue_produit .cellule {
	height: 33px;
	vertical-align: middle;
	padding-left: 30px;
}

.titre_retour {
	text-transform: none;
	float: right;
	width: 200px;
	font-size: 12px;
	margin-top: 5px;
}

.titre_retour a {
	text-decoration: none;
	color: inherit;
}

.cb {
	clear:both;
}
.erreur_liste {
	text-align:center;
	padding:50px 20px;
	font-weight:bold;
	color:#036981;
}