/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		Copyrigth (c)
|		Webdesign : CalliWeb
|		http://www.calliweb.fr
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
body{ font-family: arial,helvetica,sans-serif; font-size: 13px; color:#060039; background:#cecece;}
#page{position:relative; width: 949px; margin-left: auto;margin-right: auto; margin-top: 10px; background: url(../img/bg.gif) repeat-y top;}
#top{width: 949px; height:25px; margin-left: auto;margin-right: auto; background: url(../img/bg_top.jpg) no-repeat top;}
#header{ width: 925px; height:135px; margin-left: auto;margin-right: auto; background: #FFF url(../img/ressort_header.jpg) no-repeat top right; position:relative}
#footer{ width: 949px;height:50px; margin-left: auto;margin-right: auto; background: url(../img/bg_footer.gif) no-repeat bottom ;}
#content, #menu{ width: 925px; background:#e9e9e9; margin-left: auto;margin-right: auto;}
/* logo */
#header a{ margin-left: 28px; }
/* contenu général */
em{ font-weight: bold; }/* Nom ressort service */
a{ color:#060039}
.float_right{ float:right; padding: 5px 0 10px 10px; }
.float_left{ float:left; padding: 5px 10px 10px 0; }

/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu{ height:47px; background: url(../img/bg_menu.gif) repeat-x top;}
#menu ul {padding:4px 0 0 0px}
#menu ul li {float: left;}
#menu ul li a strong, #pdf a span {position:absolute; left:-7000px; top:-7000px;}

#menu #item1 a{ display: block; width: 137px; height: 43px; background: url(../img/menu/item_01.gif) no-repeat top left }
#menu #item1.active a:link{ background: url(../img/menu/item_01.gif) no-repeat bottom left }
#menu #item1.active a:visited{ background: url(../img/menu/item_01.gif) no-repeat bottom left }
#menu #item1 a:hover{background: url(../img/menu/item_01.gif) no-repeat bottom left }

#menu #item2 a{ display: block; width: 124px; height: 43px; background: url(../img/menu/item_02.gif) no-repeat top left }
#menu #item2.active a:link{ background: url(../img/menu/item_02.gif) no-repeat bottom left }
#menu #item2.active a:visited{ background: url(../img/menu/item_02.gif) no-repeat bottom left }
#menu #item2 a:hover{background: url(../img/menu/item_02.gif) no-repeat bottom left }

#menu #item4 a{ display: block; width: 169px; height: 43px; background: url(../img/menu/item_03.gif) no-repeat top left }
#menu #item4.active a:link{ background: url(../img/menu/item_03.gif) no-repeat bottom left }
#menu #item4.active a:visited{ background: url(../img/menu/item_03.gif) no-repeat bottom left }
#menu #item4 a:hover{background: url(../img/menu/item_03.gif) no-repeat bottom left }

#menu #item14 a{ display: block; width: 143px; height: 43px; background: url(../img/menu/item_04.gif) no-repeat top left }
#menu #item14.active a:link{ background: url(../img/menu/item_04.gif) no-repeat bottom left }
#menu #item14.active a:visited{ background: url(../img/menu/item_04.gif) no-repeat bottom left }
#menu #item14 a:hover{background: url(../img/menu/item_04.gif) no-repeat bottom left }

#menu #item5 a{ display: block; width: 123px; height: 43px; background: url(../img/menu/item_05.gif) no-repeat top left }
#menu #item5.active a:link{ background: url(../img/menu/item_05.gif) no-repeat bottom left }
#menu #item5.active a:visited{ background: url(../img/menu/item_05.gif) no-repeat bottom left }
#menu #item5 a:hover{background: url(../img/menu/item_05.gif) no-repeat bottom left }
/* ----------------------------------  */
/* MISE EN PLACE DE LA COLONNE DROITE */
/* --------------------------------- */
#div_right{position:absolute; right:18px; top:164px; width:226px; background:#d5d5d5 url(../img/bg_divright.gif) repeat-x top;; border-left:1px solid #a5a5a5; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; }
#devis{padding:10px 0 30px 9px}
#clients, #secteurs, #partenaires{ margin-left: 7px; }
#clients{ width: 217px; height: 101px; background: url(../img/client.gif) no-repeat top left }
#secteurs{ width: 217px; height: 204px; background: url(../img/secteurs.gif) no-repeat top left }
#secteurs ul{ padding: 40px 0 0 7px; color:#fff; font-size:12px; font-weight:bold}
#secteurs li{ list-style: disc inside; padding:0; padding-bottom:1px; }
#partenaires{ width: 217px; height: 532px; background: url(../img/partenaires.gif) no-repeat top left }
#sofabex{ display: block; padding: 85px 0 0 2px; }
#emboutissage{ display: block; padding: 60px 0 0 2px; }
#arc, #fonderie, #ressort{ display: block; padding: 25px 0 0 2px; }
#ressort{ display: block; padding: 25px 0 10px 60px; }
/* -------------------------  */
/* MISE EN PLACE DU CONTENU */
/* ----------------------- */
/* Contenu de la page Accueil */
#encart_accueil{ width:661px; height:382px; margin:10px 0 0 15px; background: url(../img/encart.gif) no-repeat }
#encart_accueil h1{ padding:70px 0 0 10px; font-size: 15px; color:#060039; }
#encart_ressorts{ width:661px; margin: 35px 0 0 55px; }
#encart_ressorts a{ display: block; width:116px; height:155px; float:left; margin-right:30px; font-size: 16px; color:#000; text-align:center;}
#encart_ressorts a:hover{ color:#B6A700 }
#contenu_accueil{ width:655px; margin:10px 0 15px 15px; background:#fff; border: 1px solid #9e9e9e}
#contenu_accueil {
height: 730px;/* min-height pour IE */
}
html>body #contenu_accueil {
height: auto;
min-height: 730px;
}
#afaq{ margin:20px 0 0 280px } 
/* Contenu général */
#contenu{ width:655px; margin:10px 0 15px 15px; background:#fff; border: 1px solid #9e9e9e}
#contenu{height: 1123px;/* min-height pour IE */}
html>body #contenu{height: auto;min-height: 1123px;}
.para{ clear:both; margin:30px 10px 0px 10px }
h1.get_out{position:absolute; left:-7000px; top:-7000px;  }
h2{ width: 435px; height:23px; font-size:16px; color:#b6a700; background: url(../img/puce.gif) no-repeat left; padding-left:35px;  margin-bottom:20px}
h4{ font-size: 15px; margin:20px 0 0px 0}
h3{ font-size: 14px; margin:20px 0 10px 0}
h3#h3_prod{margin-bottom:10px; font-size:13px;  }
p{ margin-bottom:10px}
.p_ul{ margin:0 }
ul{ padding: 5px 0 0 70px; margin-bottom:10px}
#contenu li{ list-style: disc;padding-bottom:2px}
#contenu li ul li{ list-style: none;}
#ul_mq{ padding: 5px 0 0 200px;}
#ul_mq li{ font-size:15px; font-weight:bold}
#ul_pm{ padding: 5px 0 0 20px;}
#ul_pm li{ list-style: none; }
#ul_devis { padding: 5px 0 0 150px; margin:15px 0 40px 0}
#ul_devis li{ list-style: none; font-size:14px;}
.div_produit{ margin-bottom:20px; width: 100%; }
#ul_devis li a{ text-decoration: underline;}
.div_produit img{ padding:0 }
.div_produit span{ color:#d7d018 }
p.arrow{ padding-left:15px; background: url(../img/arrow.gif) no-repeat 0 2px  }
#pdf{ margin: 20px  0px 0px 45px; padding:0}
#pdf li{ float:left; padding-right:34px; list-style:none}
#pdf #pdf1 a{ display: block; width: 111px; height: 140px; background: url(../img/pdf_01.gif) no-repeat top left }
#pdf #pdf2 a{ display: block; width: 111px; height: 140px; background: url(../img/pdf_02.gif) no-repeat top left }
#pdf #pdf3 a{ display: block; width: 111px; height: 140px; background: url(../img/pdf_03.gif) no-repeat top left }
#pdf #pdf4 a{ display: block; width: 111px; height: 140px; background: url(../img/pdf_04.gif) no-repeat top left }
#clear{ clear: both; margin-bottom: 40px; }
#bandeau{ margin-top:40px; padding-left:1px}
/* tableaux */
#matiere{ margin-bottom:10px; text-align:center;color:#000; font-weight: bold; border:1px solid #908e8e;}
#matiere th{ background:#908e8e; color:#fff; font-size:18px; font-weight:bold; height:40px   }
#matiere em{ color:#b6a700 }
#font_less{ font-size: 12px; }
#traitement{ margin-bottom:30px; text-align:center;color:#000; font-weight: bold; border:1px solid #908e8e;}
#traitement th{ background:#908e8e; color:#fff; font-size:18px; font-weight:bold; height:65px   }
#titre_t2{ width:175px; border-right:1px solid #fff;}
#titre_t3 { border-left:1px solid #fff; }
#traitement td, #matiere td{ border:1px solid #908e8e; text-align:center; padding:10px}
/* INPUTS DU FORMULAIRE */
#feedbackForm{ margin-left:26px ; }
#feedbackForm p{ margin-left:0px ; }
p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 40px 0; border: 1px dashed #CCC;}
#errors, .errors{ color: red; background: #CCC; padding: 10px; font-size:11px; margin: 0 10px 10px 0;}
input{ font-size: 12px; height:15px; padding: 1PX 0 1PX 4px; border-top: 1px solid #ACA899; border-left: 1px solid #ACA899;border-bottom: 1px solid #E4E3DE; border-right: 1px solid #E4E3DE;   width: 200px; }
textarea{ font-size: 12px; padding: 4px; border: 1px solid #7F9DB9; width: 330px; height:140px }
select{ border: 1px solid #C0C0C0; width: 60px;}
#valid {
background:transparent url(../img/bt.gif) no-repeat left top;
cursor:pointer;
display:block;
height:22px;
margin-left:10px;
margin-bottom:30px;
width:77px;
border:none
}
#valid_en {
background:transparent url(../img/bt_en.gif) no-repeat left top;
cursor:pointer;
display:block;
height:22px;
margin-left:10px;
margin-bottom:30px;
width:77px;
border:none
}
iframe{ margin-left:26px ; }
/*  ----------------------------*/
/*  MISE EN PLACE DU FOOTER */
/*  --------------------------*/
#footer p{ margin: 0 12px ; background:#d2d2d2; font-size:11px; padding:3px 0; text-align:center; color:#060039;  }
#footer p a{ color:#060039;text-decoration: underline }
#footer p a:hover{ color:#808080;}