* {
margin:0;
padding:0;
border:0;
}

body{
text-align:center;
font:80%/140% Arial,Helvetica,Verdana,sans-serif;
background:#fff url(/images/bg.png) 0 138px repeat-x;
color:#120e0b;
cursor:default;
}

.cadre{
position:relative;
margin:0 auto;
width:626px;
text-align:left;
padding:0 20px;
}
.marge{padding:30px 0;}

#header{
background:#fff url(/images/header.jpg) 100% 0 no-repeat;
height:138px;
}
#header h1{
float:left;
}
#header #show{
float:right;
}

#menu{
height:44px;
overflow:hidden;
}
#nav{
}
#nav li{
float:left;
background:url(/images/nav-separateur-l.png) 0 100% no-repeat;
}
#nav li a{
background:url(/images/nav-separateur-r.png) 100% 100% no-repeat;
color:#fff;
display:block;
padding:0 20px;
font:bold 1.1em/44px "Trebuchet MS", Verdana, Arial, sans-serif;
}
#nav li a:hover{
color:#120e0b;
}
#nav li.active{
background:url(/images/nav-active-l.png) 0 0 no-repeat;
}
#nav li.active a,
#nav li.active a:hover{
background:url(/images/nav-active-r.png) 100% 0 no-repeat;
color:#120e0b;
}

#main{
padding:30px 0;
}

.col_left{
float:left;
width:283px;
}
.col_right{
float:right;
width:323px;
}

#pre_footer{
background:#dddacd;
border-top:5px solid #ebeada;
}

#footer{
clear:both;
height:94px;
border-top:5px solid #d7b77f;
background:#e5800a url(/images/footer.png) 0 0 repeat-x;
color:#fff;
}
#footer p{
width:626px;
margin:0 auto;
text-align:left;
padding:8px;
font-size:0.8em;
}
#footer a{
color:#fff;
}
#footer a:hover{
color:#120e0b;
}


/* STYLES GENERAUX */
a{text-decoration:none;color:#f48f19;}
a:hover{color:#005699;}
a img{border:0;}
ul{list-style-type:none;}
abbr, acronym{cursor:help;}
.clear{clear:both;}
.invisible{display:none;}
.color{color:#c00;}
.small{font-size:0.8em;}
.deco{border:4px solid #ebeada;}

#main h1{
font-weight:normal;
font-size:1.8em;
line-height:140%;
margin:0 0 10px;
color:#005699;
}
#main h2{
font-size:1.4em;
margin:0 0 10px;
}
#main h3{
font-size:1.2em;
margin:0 0 10px;
}
#main p{
margin:0 0 10px;
}
#main p.en_avant{
margin:20px 0;
padding:10px;
border:1px solid #f48f19;
}
#main ul,
#main ol{
margin:0 0 10px 20px;
list-style-image:url(/images/puce-disc.png);
}
#main kbd{
font:0.9em Georgia,"Courier New","Times New Roman",serif;
color:#666;
border:1px solid #c4c4c4;
border-width:0 1px 1px 0;
background:#f8f8f8;
padding:0 2px;
}
#main dl dd{
display:block;
margin:0 0 4px;
padding:0 0 0 14px;
/*background:#fce3c6 url(/images/puce-disc.png) 4px 7px no-repeat*/;
}



/* accueil*/
#item-global{
float:left;
width:396px;
margin:30px 0;
}
#item-global img.item_img{
float:left;
width:82px;
}
#item-global div.item_txt{
float:right;
width:294px;
height:230px;/*212*/
overflow:auto;
}
#item-global h2,
#item-global h3{
font-weight:normal;
font-size:1.3em;
line-height:140%;
color:#005699;
}
#item-global h3{
font-size:1.1em;
color:#000;
}
#item-global h2 a,
#item-global h2 a:hover{
color:#005699;
}
#item-global p,
#item-global ul li{
font-size:0.84em;
line-height:120%;
color:#43433d;
}
#item-global p{
margin:0 0 2px;
}
#item-global ul{
list-style-image:url(/images/puce.png);
margin:0 0 2px 20px;
}
#subnav{
float:right;
width:210px;
border-top:1px solid #a8a598;
border-bottom:1px solid #eeede6;
margin:30px 0;
}
#subnav li{
background:#dddacd url(/images/subnav-bg.png) 0 0 repeat-x;
height:42px;
}
#subnav li a{
display:block;
font-size:0.8em;
line-height:40px;
border-top:1px solid #eeede6;
border-bottom:1px solid #a8a598;
color:#666;
padding:0 0 0 50px;
text-transform:uppercase;
}
#subnav li#lien-item-1 a{background:url(/images/icon-electricite.png) 8px 5px no-repeat;}
#subnav li#lien-item-1 a:hover{background:url(/images/icon-electricite+.png) 8px 5px no-repeat;}
#subnav li#lien-item-2 a{background:url(/images/icon-controle-acces.png) 8px 5px no-repeat;}
#subnav li#lien-item-2 a:hover{background:url(/images/icon-controle-acces+.png) 8px 5px no-repeat;}
#subnav li#lien-item-3 a{background:url(/images/icon-serrurerie.png) 8px 5px no-repeat;}
#subnav li#lien-item-3 a:hover{background:url(/images/icon-serrurerie+.png) 8px 5px no-repeat;}
#subnav li#lien-item-4 a{background:url(/images/icon-menuiserie.png) 8px 5px no-repeat;}
#subnav li#lien-item-4 a:hover{background:url(/images/icon-menuiserie+.png) 8px 5px no-repeat;}
#subnav li#lien-item-5 a{background:url(/images/icon-maintenance.png) 8px 5px no-repeat;}
#subnav li#lien-item-5 a:hover{background:url(/images/icon-maintenance+.png) 8px 5px no-repeat;}
#subnav li.off a:hover{
color:#120e0b;
}
#subnav li#lien-item-1.on,
#subnav li#lien-item-2.on,
#subnav li#lien-item-3.on,
#subnav li#lien-item-4.on,
#subnav li#lien-item-5.on{
background:#ebeada;
}
#subnav li#lien-item-1.on a,
#subnav li#lien-item-1.on a:hover{background:url(/images/icon-electricite++.png) 8px 5px no-repeat;color:#120e0b;}
#subnav li#lien-item-2.on a,
#subnav li#lien-item-2.on a:hover{background:url(/images/icon-controle-acces++.png) 8px 5px no-repeat;color:#120e0b;}
#subnav li#lien-item-3.on a,
#subnav li#lien-item-3.on a:hover{background:url(/images/icon-serrurerie++.png) 8px 5px no-repeat;color:#120e0b;}
#subnav li#lien-item-4.on a,
#subnav li#lien-item-4.on a:hover{background:url(/images/icon-menuiserie++.png) 8px 5px no-repeat;color:#120e0b;}
#subnav li#lien-item-5.on a,
#subnav li#lien-item-5.on a:hover{background:url(/images/icon-maintenance++.png) 8px 5px no-repeat;color:#120e0b;}


/* métiers */
#submenu{
margin:-20px 0 20px;
}
#submenu ul.subnav{
list-style-image:none;
margin:0;
}
#submenu ul.subnav li{
float:left;
}
#submenu ul.subnav li a{
display:block;
border-right:1px solid #fff;
padding:10px 10px 9px 44px;
margin:0;
background:#ebeada;
color:#43433d;
}
#submenu ul.subnav li a:hover,
#submenu ul.subnav li.current a{
color:#000;/*ebeada*/
}
#submenu ul.subnav li#sub-item-1 a{
background:#ebeada url(/images/icon-electricite+++.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-1.current a,
#submenu ul.subnav li#sub-item-1.current a:hover,
#submenu ul.subnav li#sub-item-1 a:hover{
background:#dddacd url(/images/icon-electricite.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-2 a{
background:#ebeada url(/images/icon-controle-acces+++.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-2.current a,
#submenu ul.subnav li#sub-item-2.current a:hover,
#submenu ul.subnav li#sub-item-2 a:hover{
background:#dddacd url(/images/icon-controle-acces.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-3 a{
background:#ebeada url(/images/icon-serrurerie+++.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-3.current a,
#submenu ul.subnav li#sub-item-3.current a:hover,
#submenu ul.subnav li#sub-item-3 a:hover{
background:#dddacd url(/images/icon-serrurerie.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-4 a{
background:#ebeada url(/images/icon-menuiserie+++.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-4.current a,
#submenu ul.subnav li#sub-item-4.current a:hover,
#submenu ul.subnav li#sub-item-4 a:hover{
background:#dddacd url(/images/icon-menuiserie.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-5 a{
background:#ebeada url(/images/icon-maintenance+++.png) 3px 3px no-repeat;
}
#submenu ul.subnav li#sub-item-5.current a,
#submenu ul.subnav li#sub-item-5.current a:hover,
#submenu ul.subnav li#sub-item-5 a:hover{
background:#dddacd url(/images/icon-maintenance.png) 3px 3px no-repeat;
}


/*** references ***/
#references a img{
border:1px solid #f48f19;
}
#references a:hover img{
border:1px solid #005699;
}
#references .col-left{
float:left;
width:152px;
}
#references .col-right{
float:right;
width:152px;
}

/*** contact ***/
#main a img.plan{
border:1px solid #f48f19;
}
#main a:hover img.plan{
border:1px solid #005699;
}
#main form{
}
#main form p{
font-size:0.9em;
line-height:120%;
margin:0 0 6px;
}
#main input,
#main textarea{
font:100%/120% Verdana,"Trebuchet MS",Arial,sans-serif;
color:#333;
width:321px;
background:#fff;
border:1px solid #aaa;
padding:2px 0;
}
#main input.x{
width:auto;
border:0;
background:none;
padding:0;
}
#main input#captcha{
width:20px;
text-align:center;
}
#main input.submit{
width:auto;
padding:2px 10px;
background:#aaa;
color:#fff;
font-weight:bold;
border:1px solid #666;
}
/*erreurs*/
#main form p.focus{
}
#main form p.focus input,
#main form p.focus textarea{
border:1px solid #c00;
background:#fee;
}
#main form p.focus label{
color:#c00;
}
#main form p.focus input.x{
border:0;
background:none;
}

#main .ok,
#main .error{
margin:0 0 20px;
font-size:0.9em;
line-height:120%;
padding:10px 10px 10px 60px;
color:#333;
min-height:36px;
}
#main .ok p,
#main .error p,
#main .ok ul,
#main .error ul{
margin:0;
}
#main .ok{
border:1px solid #509acf;
background:#e6ffe6 url(/images/icon-ok.png) 10px 50% no-repeat;
}
#main .error{
border:1px solid #c00;
background:#fee url(/images/icon-error.png) 10px 50% no-repeat;
}
#main .error ul{
margin:0;
list-style-image:none;
list-style-type:none;
}




/* tooltip */
.tool-tip {
position:relative;
color:#fff;
width:200px;
z-index:13000;
margin:-40px 0 0 0;
line-height:120%;
font-size:0.9em;
}
.tool-title {
font-weight:bold;
color:#000;
padding:8px 8px 4px;
background:url(/images/bubble.png) 0 0;
}
.tool-text {
font-size:0.9em;
text-align:left;
color:#000;
padding:4px 8px 8px;
background:url(/images/bubble.png) 100% 100%;
}