body{ font-family:Arial, Helvetica, sans-serif; background:url("/images/bg/body.jpg") #000000 top left repeat-x; font-size:11px; color:#000000; margin:0px 0px 0px 0px; }
form { margin: 0px; }
a:focus, a:active{outline: none;}

.killer{ clear:both; line-height:1px; height:1px; }
.killer2{ clear:both !important; line-height:1px; height:1px; float:none !important; }

.erreur{ color:#FF5582; font-weight:bold; padding:10px 2px 10px 2px; background-color:#FFF0F4; border-top:1px solid #FF5582; border-bottom:1px solid #FF5582; text-align:center; margin:5px 0px 10px 0px; }
.ok {color:#69B54A; font-weight:bold; padding:10px 2px 10px 2px; background-color:#F2FFED; border-top:1px solid #69B54A; border-bottom:1px solid #69B54A; text-align:center; margin:5px 0px 10px 0px; }
.no_bg { background:none !important; }
.no_border { border:none !important; }
.no_width { width:auto !important; }
.no_padding { padding:0px !important; }
.no_margin { margin:0px !important; }
a.lien, a.lien:link, a.lien:visited { color:#09C; text-decoration:underline; font-size:12px }
a.lien:hover {text-decoration:none;}
.pb10 { padding-bottom:15px; }

#conteneur { width:905px; margin:auto; background:url("/images/bg/conteneur.jpg") top left no-repeat; }
#header { height:271px; }
#header .logo { float:left; padding:10px 0px 0px 28px; }
#header .nav { float:left; margin:0px 0px 0px 45px; padding:0px; }
#header .nav div { float:left; text-align:center; padding:8px 0px 0px 1px; }
#header .nav .accueil a { width:94px; }
#header .nav .societe a { width:91px; }
#header .nav .recrutement a { width:129px; }
#header .nav .contact a { width:142px; }
#header .nav a, #header .nav a:link, #header .nav a:visited { color:#FFF; text-decoration:none; font-size:14px; display:block; }
#header .nav a:hover{ color:#09C; }
#header .devis { float:left; padding:10px 0px 0px 50px;}

#home { height:355px; background:url("/images/bg/home.gif") bottom left no-repeat; }
#home .stats { float:left; width:336px; padding:46px 0px 0px 29px; }
#home .boutons { float:left; }
#home .boutons .btn { float:left; margin-right:5px;}
#home .boutons .devis_gratuit { float:left; padding:48px 22px 0px 17px; width:127px; height:117px; margin-right:5px; background:url("/images/bg/devis-gratuit.jpg") top left no-repeat; color:#FFF; text-align:justify; }

#page { background:url("/images/bg/page_h.gif") #FFF 0px 0px no-repeat;  }
#page .nav { padding:0px 0px 0px 25px; background:none;}
#page .nav a { width:166px; height:36px; display:block; }
#page .nav div { float:left; margin-right:6px; }
#page .nav .alarme a {  background:url("/images/nav/alarme.jpg") 0px 0px no-repeat; }
#page .nav .alarme a:hover, #page .nav .alarme a.on { background:url("/images/nav/alarme.jpg") 0px -36px no-repeat; }
#page .nav .telesurveillance a { background:url("/images/nav/telesurveillance.jpg") 0px 0px no-repeat; }
#page .nav .telesurveillance a:hover, #page .nav .telesurveillance a.on { background:url("/images/nav/telesurveillance.jpg") 0px -36px no-repeat; }
#page .nav .videoprotection a { background:url("/images/nav/videoprotection.jpg") 0px 0px no-repeat; }
#page .nav .videoprotection a:hover, #page .nav .videoprotection a.on { background:url("/images/nav/videoprotection.jpg") 0px -36px no-repeat; }
#page .nav .videosurveillance a { background:url("/images/nav/videosurveillance.jpg") 0px 0px no-repeat; }
#page .nav .videosurveillance a:hover, #page .nav .videosurveillance a.on { background:url("/images/nav/videosurveillance.jpg") 0px -36px no-repeat; }
#page .nav .controle_acces a { background:url("/images/nav/controle-acces.jpg") 0px 0px no-repeat; }
#page .nav .controle_acces a:hover, #page .nav .controle_acces a.on { background:url("/images/nav/controle-acces.jpg") 0px -36px no-repeat; }
#page .nav .cameraip a { background:url("/images/nav/camera-ip.jpg") 0px 0px no-repeat; }
#page .nav .cameraip a:hover, #page .nav .cameraip a.on { background:url("/images/nav/camera-ip.jpg") 0px -36px no-repeat; }

#page .page_g { float:left; width:422px; padding:0px 50px 0px 39px ;  }
#page .page_g h1 { color:#444; font-size:20px; margin:20px 0px 20px 0px; }
#page .page_g .texte { text-align:justify; color:#000; font-size:13px;}
#page .page_g .texte h2 { color:#09C; font-size:12px; text-transform:uppercase; margin:15px 0px 8px 0px; text-decoration:underline; }
#page .page_g .texte span { color:#09C;  font-weight:bold; }
#page .page_g .texte a, #page .page_g .texte a:link, #page .page_g .texte a:visited { color:#09C; text-decoration:underline; }
#page .page_g .texte a:hover { text-decoration:none; }
#page .page_g .texte li { padding-bottom:10px; }
#page .page_d { float:left; width:394px; padding:48px 0px 0px 0px }
#page .page_d .diapo { margin:10px 0px 30px 0px;  width:326px; height:132px; padding:34px 15px 6px 15px;  }
#page .page_d .diapo_0 { background:url("/images/bg/diapo.gif") 0px 0px no-repeat; padding-top:15px !important; height:151px !important; }
#page .page_d .diapo_s { background:url("/images/bg/diapo_services.gif") 0px 0px no-repeat; }
#page .page_d .diapo_p { background:url("/images/bg/diapo_produits.gif") 0px 0px no-repeat; }
#page .devis { float:left; width:354px; padding-right:40px; }
#page .devis h1 { color:#444; font-size:20px; margin:20px 0px 20px 0px; background:url("/images/bg/devis_h1.gif") bottom left repeat-x; padding:0px 0px 7px 10px; }
#page .devis .texte { text-align:justify; color:#666; font-size:12px; padding-left:10px;}
#page .devis .texte span { color:#09C;  font-weight:bold; }

#page .footer { clear:both; height:17px; background:url("/images/bg/page_f.gif") 0px 0px no-repeat; }

#footer { padding:5px 0px; color:#666; }
#footer .coord { float:left; }
#footer .liens { float:right; }
#footer .liens a, #footer .liens a:link, #footer .liens a:visited { color:#666; text-decoration:none; }
#footer .liens a:hover { text-decoration:underline; }

#footer .web_agency { font-size:10px; margin:10px auto; width:139px; padding:3px 5px; height:17px; background:url("/images/bg/web_agency.gif") top left no-repeat; }
#footer .web_agency img { vertical-align:middle; margin-right:3px; }
#footer .web_agency a, #footer .web_agency a:link, #footer .web_agency a:visited{ color:#666666; text-decoration:underline; }
#footer .web_agency a:hover{  text-decoration:none; }

#devis textarea { border:1px solid #CCCCCC; font-size:11px; width:200px; height:80px; font-family:Arial, Helvetica, sans-serif;}
#devis td { height:25px; font-size:12px; color:#666666;}
#devis .input { font-size:11px; border:1px solid #CCCCCC; width:200px; }
#devis .legende { font-size:10px; color:#09C; }