/* CSS Document */

body {margin: 0 auto; background:url(img/body.gif) repeat center top #587088; font:11px Arial, Helvetica, sans-serif; color: #2d4b63; behavior:url("js/csshover.htc"); text-align: center; }
.wrapper {width: 878px; margin-right:auto; margin-left: auto;  margin-bottom: 10px; margin-top:8px; height: auto; background: url(img/wrapper.jpg) repeat-y 2px center; position: relative; padding: 0;}
*html #wrapper {margin-top:-3px!important; padding: 0; }
div.clearer {clear: both; height: 1px; margin:0; padding: 0; font-size: 1px;}
div.header {background:url(img/header.jpg) no-repeat 2px top; margin: 0; padding: 0 16px 0 16px; width:847px;}
div.header h1 { background:url(img/headr.jpg) no-repeat left top; margin: 8px 0 0 0; padding: 0; float: left;  }

*html div.header h1 {margin-top: 22px;}
div.header h1 img {float: right}
.content {margin: 0; padding: 0px 16px 0 16px; margin: 0; clear: left; }


/* headings*/
h2.accueil {font-size: 17px; color:#40596B;font-weight: bold; position:absolute; top: -30px; left: 222px; text-align: center; margin: 0 0 6px 0!important; padding: 0; z-index:20; height:90px;}
.index {position: relative!important; display: block; padding-bottom: 8px; }
h3 {font-size: 18px; font-weight: normal; text-align: left; color: #ffffff; text-indent:-4000px; margin: 0;}
h3.presentation {background:url(img/headings/presentation.gif) no-repeat -4px top; padding: 2px 40px 12px 0px; width: 755px;}
h3.actualites {background:url(img/headings/actualite.gif) no-repeat -4px top; padding: 2px 40px 12px 0px; width: 755px;}
h3.accessoires {background:url(img/headings/accessoires.gif) no-repeat -4px top; padding: 2px 40px 12px 0px; width:755px}
h3.centrales {background:url(img/headings/centrales.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:755px}
h3.particuliers {background:url(img/headings/particuliers.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:755px}
h3.professionnels {background:url(img/headings/professionnels.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:755px}
h3.tarifs {background:url(img/headings/tarifs.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:745px}
h3.devis {background:url(img/headings/devis.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:745px}
h3.contact {background:url(img/headings/contact.gif) no-repeat -4px top; padding: 2px 40px 12px 0px;  width:755px}
h3.etapes {background:url(img/headings/etapes.gif) no-repeat center top; padding: 2px 60px 6px 0px; width:525px; float: right}
h4 {font-size: 13px; color:#40596B; font-weight: bold; text-align: left; margin: 2px 0; padding: 2px 40px 2px 0px;  width:755px}
p.etapes{font-size: 11px; color:#40596B; font-weight:normal; text-align:left; margin: 0px 0 2px 20px; padding: 2px 20px 2px 0px;  width:555px}
p.etapes strong {color: #CC0000; font-weight: bold;}

/* Menu */

.menu {background:url(img/menu.jpg) repeat-x left top #fff; margin: 0; padding:0 60px ; border:1px solid #fff; height: 60px; vertical-align:top;text-align:center; width:727px;}
ul.submenu {
position:absolute; text-align:left; margin:0; padding: 0; width:170px; list-style: none;/* Width of Menu Items */
z-index:800;}
ul.catmenu  { margin:0; padding: 0; list-style: none; /* Width of Menu Items */ text-align:center; z-index:800;}
ul.submenu li.submenu{ position: relative; z-index:800; border-bottom:1px solid #AB0B0D; border-left:1px solid #AB0B0D; border-right:1px solid #AB0B0D; padding: 1px; margin: 0}
ul.catmenu li.catmenu{ padding: 1px 0; margin:0;  position:relative; float:left; list-style:none; z-index:800;}
ul.catmenu li.catSeparator {color:#e9e9e9; font-weight: normal; font-size: 12px; padding:5px 8px; background: url(img/bullet.gif) no-repeat center center; margin:8px 0 0 0; float:left;}
*html ul.catmenu li.catSeparator {height: 1%; padding:0px 8px; margin:5px 0; }
ul.catmenu li.catmenu a{ color:#e9e9e9; text-decoration: none; display:block; float: left; padding:5px 12px; margin:0; font-weight: normal; display:block}
ul.catmenu li.catmenu a:hover, ul.submenu li.submenu a:hover { color:#FFF7DF; text-decoration: none; background: url(img/li_up.jpg) repeat-x left top #CF0000}
ul.submenu li.submenu a {wi/dth: 125px; padding:5px 8px; color:#e9e9e9; float: none}
li.catmenu ul.submenu { position: absolute; left: 6px; /* Set 1px less than menu width */ top: 25px; display: none; background:#DC292F; /* IE6 Bug */
border-top:1px solid #AB0B0D; z-index:2000;}
/* Holly Hack. IE Requirement \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */
li.catmenu:hover ul.submenu, li.catmenu.over ul.submenu { display: block; z-index:800 } /* The magic */
li.catmenu:hover ul.submenu ul.submenu, li.catmenu.over ul.submenu ul.submenu {display: none;  z-index:800 }
ul.catmenu ul.catmenu li.catmenu:hover ul.submenu, ul.catmenu ul.catmenu li.catmenu.over ul.submenu {display: block;  z-index:800 }
/* end menu */
/* content */
.content .main {background: url(img/main_bottom.jpg) repeat-x left bottom; z-index: 12px; text-align: left; }
.content .main.noColumn {padding-left: 20px; width: 828px;}
.content p {line-height: 17px; font-size: 11px; color:#2d4b63; margin: 0; text-align: left!important; margin-left:35px; }
.content .main .slideLeft {background:url(img/slide_bg.jpg) repeat-x left top; float: left; border: 0px solid red; padding: 10px 4px; width: 340px; margin: 0 0 10px 10px ; text-align: center; height: 240px; border: 1px solid #c7daed}
.content .main .slideLeft.actualitesSlide{height: 400px; border: 0px solid red}
.content .main .diaporama img {width: 410px;}

/* border blue tables*/
.content .grup {float: left; width:395px; border: 1px solid #c7daed; margin: 2px; padding: 2px;	}
.content .grup ul {list-style:none; margin: 0; padding: 0; width: 350px; margin-left: 0px;}
.content .grup ul li {list-style:none; background:url(img/bullet_red.gif) no-repeat left 4px; margin:1px 0; padding: 2px 0px 2px 10px; line-height: 16px; }
.content .grup.small {width: 320px;}
.content .grup.wideNoBorder {width: auto!important; height: auto; border: none}
.content .grupnoFloat {clear: left; float: none!important; width: 800px;  border: 1px solid #c7daed; margin: 3px 6px 3px 0px; padding: 2px;	}
.content  p {line-height: 18px; margin-left:0!important}
.content  strong {color: #CC0000; font-weight: bold; }
.content  strong.blue {color: #2d4b63;}
.content h5 {color: #CC0000; font-size: 18px; font-weight: none; margin: 0px 0px!important}

.content .thumb {float: left; width: 144px; height: 144px; margin: 0 8px 0 0 ; padding: 1px; border:1px solid #c7daed; text-align: center}
.content .thumb a {display: table-cell; _display: block; background: url(img/thumb.jpg) repeat-x left top; text-align: center; width: 136px; height: 136px; vertical-align: middle; font-size: 90px; _font-size: 120px; color: #fff}
.content .thumb a:hover {background: url(img/slide_bg.jpg) repeat-x left top;}
.content .thumb img {vertical-align: middle; border: 3px solid #c7daed;}

.content .thumbLarge {clear: left; float: left; width: 280px; height: 180px; margin: 0 8px 2px 0 ; padding: 1px; border:1px solid #c7daed; }
.content .thumbLarge a {display: table-cell; _display: block;background: url(img/thumb.jpg) repeat-x left top; text-align: center; width: 280px; height: 180px; vertical-align: middle; font-size: 140px; _font-size: 170px; line-height: 1px; z-index: 30}

.content .main .thumbLarge a:hover {background: url(img/slide_bg.jpg) repeat-x left top;}
.imgLarge {background: url(img/slide_bg.jpg) repeat-x left top;}
.imgLarge img {margin: 6px;}
.content .main .thumbLarge img {vertical-align: middle; border: 3px solid #c7daed;}
.content .main .thumb.spaced {margin: 0 12px}
.content .main .thumb.spaced span {font-size: 10px; line-height: 14px; text-decoration: none; margin-top: -30px; text-align: center; cursor: pointer; display: block;z-index: 10}
.content .main .right {text-align: left; float: right; border: 0px solid blue; width: 450px; margin:0; padding: 10px 7px 0 0}

.content a.open {background:url(img/pop_down.gif) no-repeat left 2px; padding: 0 4px 0 14px; color:#2D4B63; font-size: 11px; font-weight: bold;ext-decoration: underline;   }
.content a.open:hover {color: #CC0000;  text-decoration :none; background:url(img/pop_up.gif) no-repeat left 2px; }
 

/* devis */
.content .formular {}
.content .formular .grup.floatNone {float: none!important; height: 320px!important;}
.content .formular p {line-height: 18px; margin-left:25px!important}

.content .formular .right {padding: 2px;}
.content .formular span {padding:1px 0px; margin:0px 2px 0 10px; text-align: left; float: left;  }
.content .formular input {float: left; width: 200px; border:1px solid #c7daed;  margin: 4px 10px; background: url(img/main_bottom.jpg) repeat-x left -105px; font-size: 10px; color: #214874}
.content .formular textarea {float: left; width: 200px; margin: 2px 10px; border:1px solid #c7daed; font-size: 10px; color: #214874; height: 100px; background-color: #EEF5FD}
.content .formular input.narrow {width: 112px; float: left;margin-top: 0px!important; margin-left: 0px!important;}
.content .formular input.radio {float: left; width: 20px!important; background: none!important; border: none!important; height: 10px; margin: 2px; vertical-align: middle}
.content .formular input.submit {float: none; clear: both; width: 120px; background: url(img/thumb.jpg) repeat-x left -25px; height: 20px; font-weight: bold;}
.content .formular input.submit:hover { cursor: pointer; background: url(img/thumb.jpg) repeat-x left -65px; font-weight: bold; color:#CC0000}
.content .formular select {float: left; width: 203px; border:1px solid #c7daed!important;  margin: 4px 10px; background: url(img/thumb.jpg)repeat-x left -105px #EEF5FD; font-size: 10px; color: #214874}
*html .content .formular select { width: 207px;}


td.acces {background:url(aspiration-centralisee/img/contact/plan_hover.jpg) no-repeat left -360px; margin: 0; padding: 0; height: 360px; width: 360px; 
cursor: url(img/zoom.cur), pointer}
*html td.acces {cursor: url(aspiration-centralisee/img/contact/zoom.cur), pointer}
td.acces:hover {background:url(aspiration-centralisee/img/contact/plan_hover.jpg) no-repeat left top;}

.erreur           {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FF0000;}

/* footer */
.footer {background: url(img/footer.jpg) no-repeat 2px top; margin: 0 0 20px 0; padding: 0px 16px 0 16px; margin: 0;  text-align: center; height: 70px}

*html div.footer {padding-left: 1px;}
.footer div {text-align: center; background:url(img/footer_bg.jpg) repeat-x left top;  width: 844px;  margin: 0;  padding: 8px 2px; height: 50px; color:#C2CDDA; line-height: 17px; }
.footer div a {color:#DDE2E8; text-decoration: none;}
.footer div a:hover {color:#fff; text-decoration:underline;}
.rougecerise           {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #999999;}

/* pop-up */
.wrapperPopup {width: 580px; margin-right:auto; margin-left: auto;  margin-bottom: 10px; margin-top: 5px; height: auto; background: url(img/popup_repeat.jpg) repeat-y 2px center; }
.headerPopup {background:url(img/popup_top.jpg) no-repeat 3px -8px; margin: 0; height:33px;padding: 0 16px 0 16px; width:570px;}
.headerPopup h1 { background:url(img/headr.jpg) no-repeat left top; margin: 8px 0 0 0; padding: 0; float: left;  }
.footerPopup {background: url(img/popup_bottom.jpg) no-repeat 2px -24px; margin: 0 0 20px 0; padding: 0px 16px 0 16px; margin: 0;  text-align: center; width: 100%; heig/ht:30px}
a.telechargez {position: relative; top:64px; left: 14px; background:url(img/charger.jpg) no-repeat left 0px; padding: 0 4px 3px 14px; color:#2D4B63; font-size: 11px; font-weight: bold;text-decoration: underline; margin: 0; display: block; width: 160px}
a.telechargez:hover {color: #CC0000;  text-decoration :none; background:url(img/charger_up.jpg) no-repeat left 0px; }