*						{ margin:0; padding:0; line-height:1em; list-style-type:none; text-decoration:none; }
body					{ /*background:url(../_images/fond_fonce.jpg) top left repeat-x #e2e1e2;*/ font-family:Arial, Verdana, Geneva, sans-serif; font-size:12px;}
body					{ background-color:#ffaa15;} 
p						{ line-height:1.4em; *line-height:1.3em; }
.cacher					{ display:none; }
img						{ border:0; }
.nocoupure				{ white-space:nowrap; }


/* FOND ---------------------------------------------------*/
#fond					{ position:absolute; top:0; left:0; width:100%; height:600px; background:url(../_images/fond_contenu.jpg) top left repeat-x #e2e1e2; }

#contenant				{ position:relative; width:990px; height:auto; margin:0 auto; }
#restant				{ position:absolute; top:0; left:925px; height:600px; z-index:40; background:url(../_images/fond_fonce2.png) top left repeat-x #6c6c6c; }
/* ==============================================================================================================================
FOOTER
============================================================================================================================== */
#footer					{ position:relative; z-index:100; width:100%; min-height:300px; margin:0 auto; padding-top:5px; background:url(../_images/fond_footer.png) top left repeat-x #ffaa15; }
#bottom_nav				{ width:990px; background:url(../_images/ligne_v_orange.png) top right no-repeat; margin:0 auto; }

#residentiel a.residentiel,
#commercial a.commercial,
#institutionnel a.institutionnel,
#domotique a.domotique	{ background:url(../_images/over_orange2.png) top left repeat-x; }

.domotique{display:none;}

/* ==============================================================================================================================
FOOTER
============================================================================================================================== */
.intrusion .m_intrusion,
.incendie .m_incendie,
.cameras .m_cameras,
.acces .m_acces,
.urgence .m_urgence,
.inter .m_inter,
.centrale .m_centrale	{ font-weight:bold; background:none; }

/*#bottom_nav			{ position:absolute; z-index:80; top:386px; width:990px; background:url(../_images/ligne_v_orange.png) top right no-repeat; }*/

#bottom_nav h3			{ font-size:26px; padding-bottom:15px; margin-bottom:15px; background:url(../_images/ligne_h_orange.png) bottom left no-repeat; }
#bottom_nav p			{ line-height:1.8em; }
#bottom_nav a 			{ float:left; width:207px; height:200px; padding:20px 17px 20px 23px; color:#fff; background:url(../_images/ligne_v_orange.png) top left no-repeat; }
#bottom_nav a:hover, 
#bottom_nav a.section 	{ background:url(../_images/over_orange2.png) top left repeat-x transparent; }

#bottom_nav ul			{ margin-top:-7px;}
#bottom_nav li			{ padding:10px 0; background:url(../_images/ligne_h_orange.png) bottom left no-repeat; }

#bottom_nav a.pluspetit	{ width:148px; }

/* DROPDOWN MENU PRODUITS ---------------------------------*/
#drop 					{ float:left; width:236px; padding-top:7px; background:url(../_images/ligne_v_orange.png) top left no-repeat; }
#drop a					{ background:none; width:auto; height:auto; float:none; border:0; }
#drop li				{ background:none; }

#drop ul li 			{ display:block; position:relative; float:left; padding:0; }
#drop li ul 			{ display:block; position:absolute; }
#drop ul li a 			{ display:block; color:#fff; width:204px; margin-left:1px; padding:0; }
#drop li:hover ul		{ display:block; position:absolute; z-index:10; }
#drop li:hover li a:hover, #drop a.selected { font-weight:bold; background:none; }
.noligne				{ background:none !important; }
.premier				{ margin-top:-7px; }
#footer .m_intrusion	{ margin-top:-7px;}
.dernier				{ padding-bottom:25px !important; }

#drop h3				{ margin:0; padding:27px 0 0 20px; background:none; }		
#drop img				{ margin:-6px 0 18px 0; }
.listing				{ padding:8px 0 5px 20px; margin-left:1px; }
.listing a				{ padding:6px 0 !important;}
#drop ul.menu:hover, 
#produits ul.menu		{ height:245px; background:url(../_images/over_orange2.png) top left repeat-x!important;  }



/* TOP NAVIGATION -----------------------------------------*/
#top_nav				{ margin-left:11px;}
#top_nav a				{ display:block; float:left; padding:46px 8px 12px 8px; color:#fff; margin-bottom:-12px; cursor:pointer; }
#top_nav a:hover, 
#top_nav a.selected		{ background:url(../_images/over_gris.png) top left repeat-x; }
#top_nav li				{ display:inline; }
#telephone				{ width:206px; margin-top:-17px; height:25px; background:url(../_images/ent_telephone.png) top right no-repeat; }
.sep					{ display:block; float:left; height:68px; width:2px; background:url(../_images/nav_separation.png) bottom left no-repeat; }
#logo					{ position:absolute; z-index:80; top:15px; left:841px; width:150px; height:107px; }

#accueil .accueil,
#entreprise .entreprise,
#services .services,
#faq .faq,
#guides .guides,
#devis .devis,
#contacts .contacts		{ background:url(../_images/over_gris.png) top left repeat-x; }

/* SIDE NAVIGATION ----------------------------------------*/
#side_nav				{ position:absolute; top:100px; left:20px; width:226px; z-index:100; display:block; }
#side_nav h4			{ font-size:16px; color:#18316c; padding-bottom:10px; margin:14px 0 6px 0; background:url(../_images/ligne_h_grise.png) bottom left no-repeat; }
#side_nav a				{ display:block; padding:5px 0; color:#18316c; }
#side_nav a:hover, 
#side_nav .selected		{ font-weight:bold; }
#side_nav .carreimage 	{ position:absolute; top:170px; left:0; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; margin:-164px 0 0 -8px; }


/* ==============================================================securitemaximale================================================================
CONTENU
============================================================================================================================== */

#contenu				{ width:557px; min-height:330px; margin:0px 0 0 258px; padding:0 110px 6px 0; background:url(../_images/ent_courbe.jpg) right 0px no-repeat;  }
#contenu h2				{ font-size:30px; color:#18316c; margin:0 0 16px 0; padding-top:36px; }
#contenu h3				{ font-size:15px; margin-bottom:5px; }
#contenu p				{ margin-bottom:8px; }
#contenu a				{ color:#18316c; margin:0; padding:0; }

.carreimage				{ padding:15px 0 0 0; }
.carreimage img			{ display:inline-block; margin:0 4px 4px 0; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
#side_nav .carreimage	{ padding:0; }

#contenu a:hover		{ font-weight:bold; }
.moitier				{ width:330px;}
.enumeration			{ margin:15px 0 0 0;  }
#contenu li				{ margin:0 0 11px 15px; list-style-type:disc; line-height:15px; }
.pale, .fonce			{ display:block; line-height:1.2em; padding:4px 6px; margin-bottom:-10px; }
#scrollList				{ height: 300px; width: 600px; height: 150px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #9c9c9c; }
.pale					{ background:#fff; }
.fonce					{ background:#dcdcdc; }




#guides #contenu, #contacts #contenu, #faq #contenu, #devis #contenu, #accueil #contenu	{ margin-left:20px; width:795px;  }
#accueil #contenu		{ height:427px;}

/* GUIDES ------------------------------------------------*/
.guideimage				{ height:62px; float:left; margin:0 4px 10px 0; }
.large					{ width:315px; }
.etroit					{ width:232px; }
.guideimage:hover		{ background:#e1e1e1; }
.guideimage img			{ margin:0; padding:0; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
.guideimage p			{ margin:-44px 0 0 70px; font-size:13px; }
.guideimage a			{ display:block; }
.note					{ margin:-24px 0 0 100px; font-size:11px; }


/* FAQ ------------------------------------------------*/
#faq #contenu a			{ display:block; padding:5px 0; color:#18316c; line-height:1.4em; }
#faq #contenu span		{ padding-left:10px; }
#faq #contenu li		{ list-style-type:none; margin:0 0 5px 0; }

/* ACCUEIL -----------------------------------------------*/
#urgence24heures, #doublergarantie, #accueilimage, #securitemaximale, #bandeinfo, #promotion { position:absolute; z-index:60; }
#securitemaximale		{ top:114px; left:16px; }
#doublergarantie		{ top:218px; left:16px; }
#urgence24heures		{ top:273px; left:16px; }

#bandeinfo				{ top:342px; left:11px; }
#accueilimage			{ top:114px; left:498px; }
#promotion				{ right:0; top:305px; z-index:80;}



/* CONTACTS -----------------------------------------------*/
#carte					{ position:absolute; top:105px; left:290px;  }
#carteframe				{ border-top:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #d4d4d4; border-right:2px solid #d4d4d4; }

iframe					{ border-width:0; }

/* FORMULAIRE ---------------------------------------------*/
form					{ margin:0; padding:0 0 20px 0; line-height:1em;}
.envoyer				{ float:right; margin-top:30px; border:0; }
.notedevis 				{ text-align:left; margin-top:-10px;  font-size:12px; }
hr						{ height:1px; margin:15px 0; line-height:1em;  }

.long, .court			{ float:left;  }
.long					{ width:490px; }
.long input				{ width:370px; }
.court					{ width:300px; }
.court input			{ width:200px; }
table, tr, td			{padding:0; margin:0; line-height:1em;}
td						{ padding-bottom: 2px; *padding-bottom:0;}
label					{ display:block; margin-bottom:2px; }
label span, input		{ display:inline-block; vertical-align:middle; }
label span				{ width:90px; }

.phase2, .animaux		{ float:left; }
.phase2					{ width:460px; margin-right:30px;}
.animaux				{ width:300px; }
.phase2 label span		{ width:180px; }
.phase2 label			{ margin-bottom:6px; }
input					{ border:1px solid #ccc; padding:5px 2px; }	
.animaux label			{ margin-bottom:6px; }
.animaux span			{ width:200px; }
form h4					{ font-size:15px; display:block; border-bottom:1px solid #ccc; margin:32px 0 10px 0; padding-bottom:3px; color:#18316C; }
form > .clearfix > h4	{ margin-top:15px; }
#protection				{ margin-left:10px; }

.clearfix:before, .clearfix:after	{ content:" "; display:table; }
.clearfix:after						{ clear:both; }
.clearfix							{ *zoom:1; }





#domotique #contenu li	{ padding:0; margin-bottom:0;}

#domotique #side_nav h3 { margin-bottom:8px;  }
#domotique #side_nav img{ display:block; margin:0 auto 5px auto;}
#domotique #side_nav a	{ text-align:center; width:80px; float:left; margin-right:10px;}