/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : 
site :
**************************************************************************/

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/
#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }


/************* GENRAL **************/
body{ background:url(../images/bg_body.jpg) repeat-x left top; font-family:Verdana, Geneva, sans-serif;}
#global{ width:955px; margin:0 auto;}
p{ font-size:12px; color:#333333; line-height:16px}
a img{ border:none}



/************* HEADER **************/
h1{ background:url(../images/logo.jpg) no-repeat left top; width:259px; height:252px; text-indent:-9999px; font-size:0px; float:left}
#header{ background:url(../images/bg_header.jpg) no-repeat left top; width:955px; height:306px; position:relative}
#menu{ background:url(../images/bg_menu.jpg) no-repeat left top; width:173px; height:182px; float:left; padding:38px 0 0 0}
#menu li{ width:174px; list-style-type: none; margin-bottom:1px}
#menu li a{ display:block; text-indent:-9999px; font-size:0px;}
#btn_references a{ background:url(../images/btn_reference.jpg) no-repeat left top; height:46px}
#btn_references a:hover{ background:url(../images/btn_reference.jpg) no-repeat left bottom; }
#btn_accueil a{ background:url(../images/btn_accueil.jpg) no-repeat left top; height:46px}
#btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;}
#btn_partenaires a{ background:url(../images/btn_partenaires.jpg) no-repeat left top; height:44px}
#btn_partenaires a:hover{ background:url(../images/btn_partenaires.jpg) no-repeat left bottom}
#contact a{ background: url(../images/btn_contact.jpg) no-repeat left top; height:43px;}
#contact a:hover{ background: url(../images/btn_contact.jpg) no-repeat left bottom;}
#diapo{ width:522px; height:182px; float:left; margin-top:38px;}
#subMenu{ position:absolute; background:url(../images/bg_submenu.jpg) no-repeat left top; width:44px; height:108px; left:910px}
#subMenu li{ list-style-type:none}
#subMenu li a{ display:block; width:44px; font-size:0px; text-indent:-9999px}
#btn_sub_accueil a{ background:url(../images/btn_sub_accueil.jpg) no-repeat left top; height:36px}
#btn_sub_accueil a:hover{ background:url(../images/btn_sub_accueil.jpg) no-repeat left bottom}
#btn_subcontact a{ background:url(../images/btn_sub_contact.jpg) no-repeat left top; height:32px}
#btn_subcontact a:hover{ background:url(../images/btn_sub_contact.jpg) no-repeat left bottom}
#btn_sub_plan a{ background:url(../images/btn_sub_plan.jpg) no-repeat left top; height:39px;}
#btn_sub_plan a:hover{ background:url(../images/btn_sub_plan.jpg) no-repeat left bottom;}





/************* WRAPPER **************/
/*menus*/
#menu_produit1{ display:block; width:370px; float:left}
#menu_produit1 ul li{ list-style-type: none; }
#menu_produit1 ul li a{ text-indent:-9999px; font-size:0px; display:block; float:left}
#btn_solaire1 a{ background:url(../images/btn_solaire1.jpg) no-repeat left top; width:160px; height:161px}
#btn_pompeachaleur1 a{ background:url(../images/btn_pompeachaleur1.jpg) no-repeat left top; width:160px; height:161px}
#btn_chauffagegaz1 a{ background:url(../images/btn_chauffagegaz1.jpg) no-repeat left top;  width:160px; height:161px}
#btn_chauffagebois1 a{ background:url(../images/btn_chauffagebois1.jpg) no-repeat left top; width:160px; height:161px}
#btn_bain1 a{ background:url(../images/btn_bain1.jpg) no-repeat left top;width:160px; height:161px }
#btn_vmc1 a{ background:url(../images/btn_vmc1.jpg) no-repeat left top; width:160px; height:161px}
#menu_produit2{ background: url(../images/bg_menu_produit2.jpg) no-repeat left top; width:235px; height:402px; padding:15px 0 0 0; float:left}
#menu_produit2 ul li{ list-style-type: none; }
#menu_produit2 ul li a{ text-indent:-9999px; font-size:0px; display:block;width:217px; height:55px;position:relative}
#btn_solaire2 a{ background:url(../images/btn_solaire2.jpg) no-repeat left top;}
#btn_pompeachaleur2 a{ background:url(../images/btn_pompeachaleur2.jpg) no-repeat left top; margin-top:6px}
#btn_chauffagegaz2 a{ background:url(../images/btn_chauffagegaz2.jpg) no-repeat left top; margin-top:6px}
#btn_chauffagebois2 a{ background:url(../images/btn_chauffagebois2.jpg) no-repeat left top; margin-top:6px}
#btn_bain2 a{ background: url(../images/btn_bain2.jpg) no-repeat left top; margin-top:7px}
#btn_vmc2 a{ background:url(../images/btn_vmc2.jpg) no-repeat left top; margin-top:9px}
#menuplan a{ font-size:12px; color:#333; margin-bottom:5px; display:block}
#newsletter{ background:url(../images/bg_newsletter.jpg) no-repeat left top; width:179px; height:38px; padding:17px 0 0 130px}
#news1{ width:120px; color:#333; font-size:12px}
#news2{ border:none; background:#CCC; color:#333}



/*titre pages*/
h4{ text-indent:-9999px; font-size:0px;}
h5{ text-indent:-9999px; font-size:0px}
#titre{ border-bottom: solid #ff9900 1px; padding-bottom:10px; margin-bottom:15px}
#titre_solaire{ background:url(../images/titre_solaire.jpg) no-repeat left top; width:83px; height:15px;}
#titre_bois{ background:url(../images/titre_bois.jpg) no-repeat left top; width:168px; height:18px}
#titre_gaz{ background: url(../images/titre_gaz.jpg) no-repeat left top; width:207px; height:18px}
#titre_pompe{ background:url(../images/titre_popeachaleur.jpg) no-repeat left top; width:184px; height:15px }
#titre_chaufeau{ background:url(../images/titre_bain.jpg) no-repeat left top; width:138px; height:17px;}
#titre_vmc{ background:url(../images/titre_vmc.jpg) no-repeat left top; width:69px; height:18px;}
#titre_mentions{ background:url(../images/titre_mentions.jpg) no-repeat left top; width:179px; height:19px;}
#titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top; width:95px; height:16px}
#titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top; width:69px; height:15px}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top; width:256px; height:15px;}
#titre_references{ background:url(../images/titre_references.jpg) no-repeat left top; width:171px; height:16px;}
#titre_partenaires{ background:url(../images/titre_partenaires.jpg) no-repeat left top; width:133px; height:17px;}
#titre_coordonnees{ background:url(../images/titre_coordonnees.jpg) no-repeat left top; width:106px; height:16px;}
#titre_plan{ background:url(../images/titre_plan.jpg) no-repeat left top; width:133px; height:19px;}

/*content*/
#content1{ width:585px; float:left; padding:30px 0 30px 0}
#content1 p{ text-align:justify}
#content1 li{font-size:12px; color:#333; list-style-type:none}
#content2{ width:656px; float:left; padding:30px 32px 0 32px}
#content2 p{ text-align:justify}
#content2 p a{ color:#333333}
#content2 p a:hover{ color:#26bbe9}
#content2 ul li{ font-size:12px; color:#333; list-style-type:none}


/*mdm*/
#mdm{ background:url(../images/bg_mdm.jpg) no-repeat left top; width:531px; height:161px; margin:20px 0 0 20px; padding:0 0 0 0}
#mdm dl{ float:left; width:265px; padding:20px 20px 0 25px; height:110px; overflow: hidden}
#mdm dt{ background:url(../images/bg_dt.jpg) no-repeat left top; padding:0 0 0 15px; font-size:13px; font-weight:bold; color:#08b2e7; margin-bottom:10px}
#coordonnees1{ float:left; width:175px; padding:20px 20px 0 20px}
#coordonnees1 a{ color:#333333}
#photo{ float:left; width:100px; margin-right:10px; border:1px solid #cccccc}
#info{ float:left; width:150px; font-size:12px; color:#333; height:58px; overflow:hidden; margin-bottom:10px}

/*partenaire*/
.partenaire{ float:left; width:135px; height:210px; margin-right:28px;}
.titre_partenaire{ font-size:13px; color:#08b2e7; font-weight:bold}
.logo_partenaire{ width:135px; border:solid 1px #CCC; margin:10px 0 5px 0}
.lien_site a{ font-size:11px; color:#333;}


/*références*/
#categorie{ width:180px; float:left; margin:20px 20px 0 0}
.blockCat{ width:180px; border-bottom: 1px solid #CCC; margin-bottom:15px; padding-bottom:10px;}
.blockCat dt a { font-size:13px; font-weight:bold; color:#08b2e7; text-decoration:none; margin-bottom:5px; background:url(../images/loupe.jpg) no-repeat right top; display:block}
.blockCat dt a:hover { text-decoration:underline}
/************* FOOTER **************/
#footer{ background:#474747; height:25px; padding:15px 0 0 0; clear:both}
#footer p{ width:955px; margin:0 auto; color:#cccccc; font-size:10px;}
#footer p a{ color:#cccccc; text-decoration:none;}
#footer p a:hover{ color:#33ccff}





/********** class *****************/
.sous_titre{ color:#26bbe9; margin-bottom:5px;}
.right{ float:right}
.image{ margin:0 0 0 25px}
.marge_bas{ margin-bottom:5px}
.liste{ background:url(../images/puce.jpg) no-repeat left top; padding:0 0 0 15px}
.left{ float:left}
.bleu{ color:#08b2e7}
.onze{ font-size:11px}
.img1{ float:left; margin-right:20px}
.img2{ float:right; margin-left:20px}