/*  ----------------------------------------------------------- */
/*  Feuilles de styles CalliWeb                                 */
/*  ----------------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; font-style: normal; text-decoration: none; list-style: none }
/*  ---------------------  */
/*  MISE EN PAGE GENERAL */
/*  --------------------*/
#menu ul li a strong,#menu-droite dt strong, #menu-droite dd a strong, #nos_filiales dt strong, #tel strong,#logo strong, #logo_en strong
{position:absolute; left:-7000px; top:-7000px;}

body{ font-family: verdana,helvetica,sans-serif; font-size: 12px; color:#3d3e3e; background:url(../img/bg_body.jpg) repeat-x top left;}
#page {position: relative;width: 830px;margin: 0 auto;}
#header{height:175px; background:url(../img/bg_header.jpg) repeat-x top left  }
#flag{ position:relative }
#flag a{ position:absolute; right:100px; top:6px }
#contenu{ margin-top: 23px; }
#centre{margin-right: 241px;height:870px; padding-top:70px; margin-bottom:30px}
html>body #centre{ height:auto; min-height:870px; }
#droite {position: absolute;right:0;width: 240px;margin-top:5px; background:#f4f4f5; border-left:1px solid #dfe3e7}

#logo{ position:absolute; width:368px; height:113px; background: url(../img/logo.gif) no-repeat }
#logo_en{ position:absolute; width:368px; height:113px; background: url(../img/logo_en.gif) no-repeat }
#pompes{ position:absolute; width:397px; right:-1px; height:165px; background: url(../img/3pompes.gif) no-repeat }
/*  ----------------------------*/
/*  MISE EN PLACE DU MENU HAUT */
/*  --------------------------*/
#menu{height:31px; background:url(../img/menu/bg.gif) repeat-x top left    }
#menu ul li {float: left;}
#menu #item5 a{display: block; width: 95px; height: 31px; background: url(../img/menu/accueil.gif) no-repeat top left }
#menu #item5.active a:link{ background: url(../img/menu/accueil.gif) no-repeat bottom left }
#menu #item5.active a:visited{ background: url(../img/menu/accueil.gif) no-repeat bottom left }
#menu #item5 a:hover{background: url(../img/menu/accueil.gif) no-repeat bottom left }

#menu #item6 a{ display: block; width: 207px; height: 31px; background: url(../img/menu/np.gif) no-repeat top left }
#menu #item6.active a:link{ background: url(../img/menu/np.gif) no-repeat bottom left }
#menu #item6.active a:visited{ background: url(../img/menu/np.gif) no-repeat bottom left }
#menu #item6 a:hover{background: url(../img/menu/np.gif) no-repeat bottom left }

#menu #item8 a{ display: block; width: 132px; height: 31px; background: url(../img/menu/catalogues.gif) no-repeat top left }
#menu #item8.active a:link{ background: url(../img/menu/catalogues.gif) no-repeat bottom left }
#menu #item8.active a:visited{ background: url(../img/menu/catalogues.gif) no-repeat bottom left }
#menu #item8 a:hover{background: url(../img/menu/catalogues.gif) no-repeat bottom left }

#menu #item10 a{ display: block; width: 139px; height: 31px; background: url(../img/menu/distribution.gif) no-repeat top left }
#menu #item10.active a:link{ background: url(../img/menu/distribution.gif) no-repeat bottom left }
#menu #item10.active a:visited{ background: url(../img/menu/distribution.gif) no-repeat bottom left }
#menu #item10 a:hover{background: url(../img/menu/distribution.gif) no-repeat bottom left }

#menu #tel, #menu_en #tel{ float: right; margin:0; width: 202px; height: 31px; background: url(../img/tel.jpg) no-repeat top left  }
/*  ----------------------------*/
/*  MISE EN PLACE DU MENU DROITE */
/*  --------------------------*/
#encart_flash{ margin:16px 0 35px 11px; }
#menu-droite dt{ margin-bottom:15px; }
#menu-droite{ margin-left:20px; margin-bottom:50px; }
#menu-droite dt{width:187px; height:20px; background: url(../img/menu_gauche/en_savoir.gif) no-repeat top left  }
#menu-droite #item12 a{display: block; width: 187px; height: 27px; background: url(../img/menu_gauche/qsn.gif) no-repeat top left }
#menu-droite #item12.active a:link{ background: url(../img/menu_gauche/qsn.gif) no-repeat bottom left }
#menu-droite #item12.active a:visited{ background: url(../img/menu_gauche/qsn.gif) no-repeat bottom left }
#menu-droite #item12 a:hover{background: url(../img/menu_gauche/qsn.gif) no-repeat bottom left }

#menu-droite #item14 a{ display: block; width: 187px; height: 27px; background: url(../img/menu_gauche/cq.gif) no-repeat top left }
#menu-droite #item14.active a:link{ background: url(../img/menu_gauche/cq.gif) no-repeat bottom left }
#menu-droite #item14.active a:visited{ background: url(../img/menu_gauche/cq.gif) no-repeat bottom left }
#menu-droite #item14 a:hover{background: url(../img/menu_gauche/cq.gif) no-repeat bottom left }

#menu-droite #item16 a{ display: block; width: 187px; height: 27px; background: url(../img/menu_gauche/op.gif) no-repeat top left }
#menu-droite #item16.active a:link{ background: url(../img/menu_gauche/op.gif) no-repeat bottom left }
#menu-droite #item16.active a:visited{ background: url(../img/menu_gauche/op.gif) no-repeat bottom left }
#menu-droite #item16 a:hover{background: url(../img/menu_gauche/op.gif) no-repeat bottom left }

#menu-droite #item18 a{ display: block; width: 187px; height: 27px; background: url(../img/menu_gauche/contact.gif) no-repeat top left }
#menu-droite #item18.active a:link{ background: url(../img/menu_gauche/contact.gif) no-repeat bottom left }
#menu-droite #item18.active a:visited{ background: url(../img/menu_gauche/contact.gif) no-repeat bottom left }
#menu-droite #item18 a:hover{background: url(../img/menu_gauche/contact.gif) no-repeat bottom left }


#nos_filiales{ margin-left:12px;  }
#nos_filiales dt{width:187px; height:20px; margin-bottom:25px;background: url(../img/menu_gauche/nos_filiales.gif) no-repeat top left  }
#nos_filiales dd{ margin-bottom:20px }
/*  ----------------------------*/
/*  MISE EN PLACE DU CONTENU */
/*  --------------------------*/
/* Accueil */
h1{ margin-bottom: 15px; }
h2{ margin-top:45px; margin-bottom: 15px;}
h3{clear:both ;font-size:14px; color:#00296c; margin:15px 0 8px 26px; padding-left:18px; background: url(../img/bullet.gif) no-repeat left }
p{ margin:0 35px 5px 26px; line-height:16px }
.photo{ float: left; margin:0 15px 5px 25px}
/* Nouveaux produits */
.c1{ clear:both }
.right{  float:left; width:440px; }
.right p{ margin:0 35px 5px 0 ; line-height:16px }
.bleu{ float:left; color:blue }
#DE{ padding-left: 115px; }
/* Distribution */
.pres ul{ width: 400px; margin: 0px 0 20px 26px; }
.pres li{ position: relative; width: 490px; font-size: 11px; font-weight: bold; color:#D37D02; padding:2px 0 2px 20px}
.pres li.color{ background-color: #F7F5F5; }
.pres .mois{position: absolute; right: 20px; color: black; font-weight: normal }
/* Qui sommes nous */
#chiffre{ margin-left: 26px; }
#chiffre li{ list-style: square inside; margin: 10px 0 }
#chiffre ul li{ padding-left:20px; list-style: disc inside; margin: 3px 0 }
#afaq{ float: right; padding: 70px 180px 0 0; }
#diagramme{ margin: 10px 45px 0 0; text-align:right}
#diagramme a{ color:#000; text-decoration: underline; font-weight:bold}
span.c2 {color:#0099FF}
/* Outils de productions */
#outils li{ margin:0px 25px 10px 0; list-style: square inside }
#control{ font-size: 13px; margin-top:20px}
/* Controles */
.pompe{ margin-left: 26px; }
.small{ font-size: 10px; color:#707070 }
#centre a img{ border:none; }
/* Anim Flash */
h4{ padding: 15px 0 5px 0; text-align:center }
h4 a{ text-decoration: underline; color: #012063; }
h4 a:hover{color: #000; }
/* INPUTS DU FORMULAIRE */
#feedbackForm, #feedbackForm_en{ margin-left:26px ; }
#feedbackForm p, #feedbackForm_en p{ margin-left:0px ; }
p.thankyou{ text-align: center; padding: 10px; margin: 20px 0 0 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{ clear:both; background: #00296C }
#footer p{text-align:center; font-size:11px; padding-top:3px; color:#fff; background: #00296C}
#footer p a{ color:#fff }
#footer p a:hover{ text-decoration: underline}
#footer .mn{ font-size:11px; color:#9d9c9c }
#footer .mn a{ color:#9d9c9c }
#footer .mn a:hover{ text-decoration: underline }