/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|		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:#000; 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:133px; margin-left: auto;margin-right: auto; background: #FFF url(../img/photo_header.jpg) no-repeat top right; }
#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{ position:absolute;left: 25px; top:20px}
#header #img_frein{ position:absolute;left: 250px; top:100px}
/* contenu général */
em{ font-weight: bold; }/* Nom EMBOUTISSAGE */
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:42px; background: url(../img/bg_menu.gif) repeat-x top;}
#menu ul {padding:3px 0 0 0; margin:0}
#menu ul li {float: left;}
#menu ul li a strong, #pdf a span, #encart_accueil h1 {position:absolute; left:-7000px; top:-7000px;}

#menu #item1 a{ display: block; width: 137px; height: 40px; 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: 122px; height: 40px; 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 #item3 a{ display: block; width: 124px; height: 40px; background: url(../img/menu/item_03.gif) no-repeat top left }
#menu #item3.active a:link{ background: url(../img/menu/item_03.gif) no-repeat bottom left }
#menu #item3.active a:visited{ background: url(../img/menu/item_03.gif) no-repeat bottom left }
#menu #item3 a:hover{background: url(../img/menu/item_03.gif) no-repeat bottom left }

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

#menu #item5 a{ display: block; width: 116px; height: 40px; 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:161px; 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 20px 9px}
#secteurs, #partenaires{ margin-left: 7px; padding-bottom:15px;}
#secteurs{ width: 213px; height: 127px;  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: 213px; height: 443px; background: url(../img/encart_partenaires.gif) no-repeat top left }
#sofabex{ display: block; padding: 65px 0 0 4px; }
#ressort{ display: block; padding: 50px 0 0 7px; }
#arc{ display: block; padding: 15px 0 0 2px; }
/* -------------------------  */
/* MISE EN PLACE DU CONTENU */
/* ----------------------- */
/* Contenu de la page Accueil */
#encart_accueil{ margin:15px 0 0 15px; padding:0 }
#contenu_accueil{ width:655px; margin:10px 0 15px 15px; background:#fff; border: 1px solid #9e9e9e}

/* Contenu général */
#contenu{ width:655px; margin:10px 0 15px 15px; background:#fff; border: 1px solid #9e9e9e}
#contenu{height: 800px;/* min-height pour IE */}
html>body #contenu{height: auto;min-height: 800px;}
.para, .para_tof{ clear:both; margin:30px 10px 0px 10px }
.para_tof{height:400px; background: url(../img/trois_photos_c3c.jpg) no-repeat bottom right  }
h2{ height:38px; font-size:17px; color:#353535; background: url(../img/puce.gif) no-repeat 0 0; padding:3px 0 0 45px;  margin-bottom:5px}
#align_center{ text-align: center; margin-top:20px}
p{ margin-bottom:7px}
h3{ font-size: 14px; margin:0px 0 7px 0; color:#c71208}
.p_ul{ margin:0 }
ul{ padding: 5px 0 0 70px; margin-bottom:10px}
#contenu li{ list-style: disc;padding-bottom:2px}
#produit1{ border-collapse: collapse ;margin-left: 10px; }
#produit1 td{ width:307px; padding-left:10px;  }
#produit1 .produit_text_01{margin:0; padding:10px 20px 10px 15px; width: 272px; height:200px; background: url(../img/produit_text_01.gif) repeat-y top; text-align:center  }
#produit_03{ border-collapse: collapse ;margin:20px 0 0 20px }
#produit_text_03{margin:0; padding:10px 20px 10px 15px; width: 593px; background: url(../img/produit_text_03.gif) repeat-y top; }

#produit_text_03 h3{ padding-top:10px; margin-bottom:3px}

#ref{ width:100%; border-collapse: collapse ; border:1px solid #c1c1c1 }
#ref th{ padding:10px 6px; font-weight:bold; background:#e7e7e7; border-bottom:1px solid #ff0000; text-align: left;}
#ref td{ font-size:12px; font-weight:bold; padding:3px 6px; border-right: 1px solid #c1c1c1 ; }

#ref2{width:460px; margin-left:70px; text-align:center; border-collapse: collapse ; border:1px solid #c1c1c1;text-align: center;}
#ref2 th{ padding:10px 6px; color: #7c7b7b; font-weight:bold; background:#e7e7e7; border:1px solid #c1c1c1; }
#ref2 td{ font-size:12px; padding:10px; border-right: 1px solid #c1c1c1 ; border-bottom:1px solid #c1c1c1;}
/*  ----------------------------*/
/*  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;}

/* 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 ; }