#body {
  position:relative;
  margin:0;
  padding:0;
  background:url(../images/fondSite.jpg) repeat-x center top;
}
body { background:#171717; }

#haut, #haut1, #haut2, #content, #bottom {
  position:relative;
  display:block;
  width:960px;
  margin:0 auto;
  text-align:left;
}
#bottom { background:#fff; }

/* ################### COULEURS ################## */

.white {color: #fff;}
A.white, .white  {text-decoration : none;}
A:hover.white {text-decoration : underline;}


/* ################### HAUT ################## */

#haut1 { height:137px; }
#haut1 .back { position:relative; background:#191919; height:137px; margin-right:11px; }
#haut2 { height:375px; overflow:hidden; background:#181818; border-top:2px solid #8f0202; }
#haut2.int { height:235px; }
#logo1 { position:absolute; top:30px; left:25px; z-index:100; border:1px solid #fff; }
#title1 { position:absolute; left:135px; top:26px; }
#carte1 { position:absolute; left:662px; top:48px; }

#contactTop1 { position:absolute; right:-10px; top:75px; text-align:right; }

#menu1 { position:absolute; bottom:0; left:11px; width:938px; border-bottom:3px solid #8f0202; background:#171717; }
#actuBlock2 { position:absolute; top:0; right:10px; border:1px solid #000; border-width:0 1px; width:250px; height:100%; background:url(../images/actu.png); }
#actuBlock3 { margin:5px 10px 0 20px; background:url(../images/actu2.png) no-repeat; height:168px; overflow:hidden; line-height:18px; }
#actuBlock3 #actu { margin:0 7px; left:0; }
#actuBlock3 .actus, #actuBlock3 .actus a { color:#fff; font-size:11px; }
#actuBlock3 .actusTitle { color:#db2b36; display:inline; padding-right:3px; margin:0; }
#actuBlock3 .myActuLink { display:block; margin-top:5px; }
#actuBlock3 .actuLink { font-weight:normal; color:#fe0010 !important; }

#coverDefil { position:relative; width:960px; height:375px; overflow:hidden; }
#coverDefil .block { position:absolute; top:0; left:0; }


#enBref { display:block; margin-top:25px; margin-left:27px; }
#twitter1 { position:absolute; top:35px; right:10px; display:block; }

#outilsTop { position:absolute; right:0; top:125px; text-align:right; }
#outilsTop.new { right:20px; _right:-50px; top:242px; text-align:left; width:143px; }
#outilsTop.new .separe { display:block; position:relative; margin:1px 0 2px; left:-46px; }
#outilsTop a { position:relative; }



#haut2.int #actuBlock2 { width:395px; }
#haut2.int #actuBlock3 { background:url(../images/actu0.png) no-repeat; height:82px; line-height:16px; }
#haut2.int #enBref { margin-left:304px; margin-top:10px; }
#haut2.int #outilsTop.new { top:125px; }


#content { background:#fff; width:938px }

hr.clear { clear:both; height:1px; visibility:hidden; }



/* ############## CONTENT ACCUEIL ################### */

.right { text-align:right; }

#acc_une { position:relative; width:630px; left:10px; float:left; margin-bottom:24px; }
#acc_une .titre { position:absolute;top:0;left:0; }
#acc_une .content { position:relative; background:#262728; height:398px; overflow:hidden; }
#acc_une .overflow { position:absolute; top:0; left:0; width:10000px; height:398px; }
#acc_une .block { position:relative;float:left; }
#acc_client { position:relative; width:300px; left:20px; float:left; }
#acc_client .content { position:relative; background:#dfdfdf; height:360px; color:#5A5657; overflow:hidden; }
#acc_client .padding { padding:10px; }
#acc_client .hide { display:none; }
#acc_client .photo { position:relative; background:#fff; left:2px; width:274px; height:200px; overflow:hidden; border:1px solid #343536; margin-bottom:10px; }
#nav_une { position:absolute; bottom:0; left:0; font-size:11px; font-weight:bold; }
#nav_une a { display:block; background:#dce09c; padding:3px 7px; color:#3e3f41; text-decoration:none; float:left; margin-right:10px; }
#nav_une a:hover, #nav_une a.select { background:#c8d200; color:#000; text-decoration:underline; }
#menu_client { position:absolute; bottom:0; left:0; width:300px; height:20px; overflow:hidden; background:#b2b2b2; display:none; }
#menu_client .prev { position:absolute; left:0; top:0; }
#menu_client .next { position:absolute; right:0; top:0; }


#acc_metier { position:relative; width:300px; left:10px; float:left; }
#acc_metier .content { position:relative; background:#fff; height:203px; overflow:hidden; }
#acc_metier .padding { padding:10px; line-height:24px; text-align:center; }

#acc_metier a {text-decoration:none; }
#acc_metier a:hover {text-decoration:underline; }
#acc_metier .size8 { color:#a2a235; font-size:9px; }
#acc_metier .size9 { color:#5f5b5b; font-size:10px; font-weight:bold; }
#acc_metier .size10 { color:#7e7e27; font-size:11px; }
#acc_metier .size11 { color:#bcbc40; font-size:12px; font-weight:bold; }
#acc_metier .size12 { color:#191908; font-size:13px; }
#acc_metier .size13 { color:#61611e; font-size:14px; font-weight:bold; }
#acc_metier .size14 { color:#a2a235; font-size:15px; }
#acc_metier .size15 { color:#5f5b5b; font-size:16px; }
#acc_metier .size16 { color:#7e7e27; font-size:17px; font-weight:bold; }
#acc_metier .size17 { color:#bcbc40; font-size:18px; }
#acc_metier .size18 { color:#191908; font-size:19px; }
#acc_metier .size19 { color:#61611e; font-size:20px; font-weight:bold; }
#acc_metier .size20 { color:#a2a235; font-size:21px; }
#acc_metier .size21 { color:#5f5b5b; font-size:22px; }
#acc_metier .size22 { color:#7e7e27; font-size:23px; }

.acc_separe { position:relative; left:10px; margin:0 6px 0 7px; float:left; }

#acc_solution { position:relative; width:312px; left:10px; float:left; }
#acc_solution .content { position:relative; background:#fff; height:203px; overflow:hidden; }
#acc_solution .padding { padding:18px 1px 10px; color:#000; }
#acc_solution .block { position:relative; }
#acc_solution .hide { display:none; }
#acc_solution strong { display:block; margin-bottom:5px; }
#acc_solution a { color:#000; text-decoration:none; }
#acc_solution a span { text-decoration:underline; }
#acc_solution a:hover span { text-decoration:none; }


#acc_confiance { position:relative; width:291px; left:10px; float:left; overflow:hidden; }
#acc_confiance .content { background:#dfdfdf; height:203px; }
#acc_confiance .padding { padding:16px 0 0 20px; }
#acc_confiance .padding img { display:block; border:1px solid #919191; margin-bottom:9px; }
#acc_confiance .hide { display:none; }
#acc_confiance .content a { position:relative; display:block; }




strong em { font-style:normal; text-decoration:underline; }

/* ################### INTERNE ############## */
#TitrePage { position:relative; top:14px; left:45px; margin-bottom:24px; border-bottom:2px solid #383838; width:897px; }
#TitreLogo { position:absolute; top:0; left:-33px; }


/* references */
#SelectRef { position:absolute; top:0; right:0; width:543px; height:36px; background:url(../images/fond_3000.gif) no-repeat; }
#SelectRef .categ { position:absolute; left:166px; top:12px; }
#SelectRef .categ form { margin:0; padding:0; }
#SelectRef .categ select { width:170px; height:20px; border:1px solid #343536; }
#SelectRef .icons { position:absolute; left:469px; top:12px; }
#SelectRef .icons img { margin-right:10px; filter:Alpha(Opacity:50); opacity:0.5; -moz-opacity:0.5; }
#SelectRef .icons a.select img, #SelectRef .icons a:hover img { filter:Alpha(Opacity:100); opacity:1; -moz-opacity:1; }
#SelectRef input { border:1px solid #343536; height:20px; }


.navRef { position:relative; height:33px; line-height:33px; background:#ebebeb; padding:0 20px; overflow:hidden; }
.navRef .nav { color:#000; font-size:12px; padding:4px 7px; font-weight:bold; text-decoration:none; }
.navRef .nav.select2 { background:#D7DB96; }
.navRef .nav.select, .navRef a.nav:hover { background:#C4CB41; text-decoration:underline; }
.navRef .page { display:block; height:33px; line-height:33px; position:relative; _top:8px; float:right; }
.navRef .page a { font-weight:bold; color:#5E5E5E; }

.separeRef { margin-bottom:10px; }

#ListingRef { position:relative; left:20px; width:920px; }
#ListingRef .block { position:relative; float:left; width:450px; margin-top:15px; }
#ListingRef .block.left { left:22px; }
#ListingRef .block .titre { display:block; font-weight:bold; font-size:18px; color:#000; border-bottom:2px solid #e60000; padding-bottom:2px; }
#ListingRef .block .categ { display:block; font-weight:bold; font-size:10px; color:#e70000; margin-top:5px; margin-bottom:5px; }
#ListingRef .block .categ a { color:#e70000; text-decoration:none; }
#ListingRef .block .photo { position:relative; margin:0 16px 0 17px; border:1px solid #343536; height:303px; background:#ebebeb; }
#ListingRef .block .photoHide { position:absolute;bottom:0;left:0;height:303px;overflow:hidden;z-index:1000; }
#ListingRef .block .photo img { border:0 }
#ListingRef .block .content { position:relative; margin:10px 16px 0 17px; color:#000; margin-bottom:30px; }
#ListingRef .block .onglet { position:relative; top:-10px; display:block; width:131px; height:21px; background:url(../images/ref_onglet.gif) right no-repeat; float:right; line-height:21px; padding-right:10px; text-align:right; }
#ListingRef .block .onglet a { display:block; height:21px; line-height:21px; font-size:10px; color:#343536; text-decoration:none; }


#ListingRef2 { position:relative; left:9px; width:920px; }
#ListingRef2 .block { position:relative; float:left; width:222px; margin:25px 0; }
#ListingRef2 .block.left { left:11px; }
#ListingRef2 .block.left2 { left:22px; }
#ListingRef2 .block.left3 { left:33px; }
#ListingRef2 .block .titre { display:block; font-weight:bold; font-size:11px; color:#000; text-transform:uppercase; padding-bottom:2px; text-decoration:underline; padding-left:5px; }
#ListingRef2 .block .categ { display:block; font-size:10px; color:#e70000; margin-bottom:5px; text-decoration:underline; padding-left:5px; }
#ListingRef2 .block .categ a { color:#e70000; text-decoration:underline; }
#ListingRef2 .block .photo { position:relative; margin:0; border:1px solid #343536; height:142px; background:#ebebeb; }
#ListingRef2 .block .photoHide { position:absolute;bottom:0;left:0;height:142px;overflow:hidden;z-index:1000; }
#ListingRef2 .block .photo img { border:0 }
#ListingRef2 .block .onglet { position:relative; display:block; width:131px; height:21px; background:url(../images/ref_onglet.gif) right no-repeat; float:right; line-height:21px; padding-right:10px; text-align:right; }
#ListingRef2 .block .onglet a { display:block; height:21px; line-height:21px; font-size:10px; color:#343536; text-decoration:none; }


#metierMenu a { display:block; width:120px; height:122px; overflow:hidden; float:left; }
#metierMenu a:hover img, #metierMenu a.hover img { position:relative; top:-122px; }
#metierMenu a.select img { position:relative; top:-244px; }



#ficheRef { margin:10px 10px; }
#ficheRef .titre { font-weight:bold; font-size:20px; color:#000; text-transform:uppercase; display:block; margin-bottom:7px; }
#ficheRef .table { overflow:hidden; height:1%; }
#ficheRef .table div { float:left; padding-bottom:2000em; margin-bottom:-2000em; }
#ficheRef .photo { width:430px; }
#ficheRef .content { width:480px; background:#eee; }
#ficheRef .content .padding { padding:6px; }
#ficheRef .photo img { border:1px solid #343536; }
#ficheRef .categ { display:block; font-size:14px; color:#e70000; margin-bottom:7px; text-decoration:underline; }
#ficheRef .site { display:block; color:#333; }
#ficheRef .site a { color:#333; }


#listCateg { font-size:10px; color:#000; margin:10px 20px 0; }
#listCateg a { color:#000; text-decoration:none; }
#listCateg a:hover { text-decoration:underline; }
#listCateg a.select { color:#EA0000; text-decoration:underline; font-weight:bold; }


#TitrePage { left:35px; }
#boutonsType { float:right; margin-bottom:5px; }
#boutonsType a { display:block;float:left;height:33px;position:relative;overflow:hidden;margin-right:10px; }
#boutonsType a:hover img, #boutonsType a.select img { position:relative;top:-33px; }
#listMetier a { display:block;float:left;color:#fff;background:url(../images/metier2.jpg) repeat-x;line-height:24px;*line-height:28px;text-transform:uppercase;font-size:12px;text-decoration:none;font-weight:bold;font-family:'Trebuchet MS';margin-left:11px; }
#listMetier a:hover, #listMetier a.select { background:url(../images/metier2b.jpg) repeat-x; }
#listMetier a .left { background:url(../images/metier1.jpg) no-repeat; }
#listMetier a .right { background:url(../images/metier3.jpg) no-repeat; }
#listMetier a:hover .left, #listMetier a.select .left { background:url(../images/metier1b.jpg) no-repeat; }
#listMetier a:hover .right, #listMetier a.select .right { background:url(../images/metier3b.jpg) no-repeat; }
#listMetier a span { *position:relative; *top:3px; }
#listCategories { background:url(../images/backMetier.jpg) repeat-y #fff; margin-bottom:10px; width:900px; position:relative; left:0px; font-family:"Trebuchet MS"; font-size:12px; }
#listCategories a { display:block; width:224px; float:left; font-weight:bold; text-decoration:none; color:#000; }
#listCategories a > span { display:block; padding:2px 8px; }
#listCategories a .pref { font-size:21px;line-height:12px; position:relative; top:1px; }
#listCategories a:hover, #listCategories a.select { color:#d30101; }
.navRef { margin:0 10px; background:#f0f0f0; line-height:40px; height:40px; color:#2d2d2d; font-size:16px; font-family:"Trebuchet MS"; padding-right:0; }
.navRef .titreCat { font-family:"Trebuchet MS"; font-size:22px; color:#393838; padding-right:20px; }
.navRef .nav { font-size:16px; position:relative; top:-2px; color:#2d2d2d; }
.navRef .nav.select, .navRef a.nav:hover { background:#d30101; text-decoration:none; color:#fff; }
.navRef .nav.select2 { background:#eac0c0; }
#ListingRef .block .photo, #ListingRef2 .block .photo { overflow:hidden; }
.descHide { position:absolute; bottom:0; left:0; z-index:1000; width:100%; height:0; overflow:hidden; background:url(../images/fondDesc.png) repeat; font-family:"Trebuchet MS"; font-size:12px; }
.descPadd { padding:5px; background:url(../images/more.jpg) no-repeat top right; }
.descHide .descTitre a { font-size:12px; color:#fff; display:block; font-weight:normal; height:16px;overflow:hidden; padding-right:30px; text-decoration:none; }
.descHide .descCateg, .descHide .descMetier { display:block; }
.descHide .descCateg a { color:#bbb; font-style:italic; font-weight:normal; height:16px;overflow:hidden;text-decoration:none; }
.descHide .descMetier a { color:#fff; text-decoration:underline; font-weight:bold; height:16px;overflow:hidden;text-transform:capitalize; }




#agenceMenu{ background:url(../images/agence_fond.jpg) no-repeat; height:111px; position:relative; }
#agenceMn01 { height:96px; overflow:hidden; width:85px; position:absolute; top:9px; left:14px; }
#agenceMn02 { height:96px; overflow:hidden; width:81px; position:absolute; top:9px; left:148px; }
#agenceMn03 { height:96px; overflow:hidden; width:96px; position:absolute; top:9px; left:272px; }
#agenceMenu a.agmn:hover img, #agenceMenu a.agmnSelect img { position:relative; top:-96px; }
#agencePage { text-align:center; position:relative; }
#agenceMenu2 { position:absolute; bottom:10px; left:454px; width:420px; }
#agenceMenu2 a { display:block; float:left; width:210px; height:22px; background:url(../images/agence_square.jpg) no-repeat left 5px; color:#fff; font-size:14px; text-decoration:none; font-weight:bold; }
#agenceMenu2 a span { display:block; margin-left:16px; }
#agenceMenu2 a.select, #agenceMenu2 a:hover { color:#c30101; }
#agenceMenu2 a.select span { text-decoration:underline; }
#agenceFils { position:absolute; top:10px; right:10px; font-size:10px; color:#d8d8d8; }


/* ic */
#filsArianne { color:#8F0202; font-size:11px; text-align:right; margin-bottom:20px; }
#filsArianne a { color:#8F0202; text-decoration:none; }

#FondInt { position:relative; top:14px; margin-bottom:14px; background:url(../images/fond_int.gif) repeat-y; }
#ColoneLeft { position:relative; left:10px; float:left; width:239px; padding-bottom:50px; }
#ColoneRight { position:relative; left:50px; float:left; width:622px; }
#ourRef { display:block; position:absolute; bottom:-2px; left:10px; _bottom:14px; _left:auto; _right:710px; }

#TitrePage2 { position:relative; margin-bottom:2px; border-bottom:2px solid #383838; padding-left:22px; }
#TitreLogo2 { position:absolute; top:0; left:0; _left:-22px; }




/* demande de devis */
#descDevis { font-size:15px; color:#3C3D3E; margin:0 35px 15px; }









/* ############ BAS ############### */

#sitemap { background:#fff; padding:2px 0 5px 19px; }
#sitemap .logo { float:left; margin-right:19px; }
#sitemap .colone { float:left; }
#sitemap .colone strong { color:#E60000; text-transform:uppercase; font-size:12px; }
#sitemap .colone a { color:#000; text-decoration:none; line-height:18px; }
#sitemap .colone a:hover { text-decoration:underline; }
#bas { position:relative; height:164px; background:url(../images/basFond.jpg) repeat-x #080808; }

#menu2 { position:absolute;top:93px;left:19px; }
#adresse { position:absolute;top:126px;left:0;color:#fff;width:960px;text-align:center; }
#adresse a { color:#fff; }
#gps { position:absolute;top:101px;right:64px;color:#fff; }
#decouvre { position:absolute;top:15px;left:0; }
#editeur { position:absolute;top:15px;left:160px; color:#fff; font-size:10px; }
#editeur a { position:relative; display:block; text-decoration:none; float:left; }
#editeur .separe { display:block; float:left; }
#editeur a.all { color:#9c9c9c; text-decoration:underline; position:relative; top:30px; }