/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : KLR et Delf
site : bati-vert
**************************************************************************/

*{ 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; }


/************************** GENERAL *************************/
body{ font-family:Arial, Helvetica, sans-serif}
hr{ color:#aeb706; border-bottom:none; border-right:none; border-left:none; margin:8px 0 8px 0}
a img{ border:none}
#global{ background:url(../images/bg_global.jpg) no-repeat left top; width:1000px; margin: 0 auto; min-height:1000px}
h6{ text-indent:-9999px; font-size:0px}



/************************** HEADER *************************/
#header{ width:707px; height:36px; padding:99px 0 0 293px}
#subMenu{ display:none}
#menu{ width:707px; height:36px;}
#menu ul li{ text-indent:-9999px; font-size:0px; float:left; list-style-type:none}
#menu ul li a{ display:block; height:36px;}
#btn_accueil a{ background:url(../images/btn_accueil.jpg) no-repeat left top; width:66px}
#btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;}
#btn_pourquoi a{ background:url(../images/btn_pourquoi.jpg) no-repeat left top; width:143px;}
#btn_pourquoi a:hover{ background:url(../images/btn_pourquoi.jpg) no-repeat left bottom;}
#btn_savoir a{ background:url(../images/btn_savoir.jpg) no-repeat left top; width:96px;}
#btn_savoir a:hover{ background:url(../images/btn_savoir.jpg) no-repeat left bottom}
#btn_realisation a{ background:url(../images/btn_realisation.jpg) no-repeat left top; width:98px}
#btn_realisation a:hover{ background:url(../images/btn_realisation.jpg) no-repeat left bottom}
#btn_isoler a{ background:url(../images/btn_isoler.jpg) left top; width:231px}
#btn_isoler a:hover{ background: url(../images/btn_isoler.jpg) left bottom}
#btn_contact a{ background:url(../images/btn_contact.jpg) no-repeat left top; width:73px}
#btn_contact a:hover{ background:url(../images/btn_contact.jpg) no-repeat left bottom}





/************************** WRAPPER *************************/
#wrapper{ float:left; width:1000px; position:relative}

/***** blocklef t*****/
h1{ background:url(../images/logo.png) no-repeat left top; width:124px; height:108px; text-indent:-9999px; font-size:0px; margin:25px 0 25px 18px}
#blockleft{ float:left; width:164px; position:relative; margin-right:1px;}
#coordonnees{ width:138px; background:#c8d20a; padding:10px 13px 10px 13px}
#coordonnees p{ font-size:12px; margin-bottom:8px}
#coordonnees p a{ text-decoration:none; color:#3f260c}
#coordonnees p a:hover{ color:#fff}
#adresse{ background:url(../images/adresse.jpg)  no-repeat left top; width:134px; height:36px; text-indent:-9999px; font-size:0px;}
#telephone{ background:url(../images/telephone.png) no-repeat left top; width:136px; height:23px; text-indent:-9999px; font-size:0px}
#sous_menu{ width:176px; position:absolute; top:277px; left:0px;}
#sous_menu ul li{ text-indent:-9999px; list-style-type:none; margin-bottom:1px;}
#sous_menu ul li a{ display:block; height:26px;}
#btn_ss_isolation a{ background:url(../images/btn_ss_isolation.png) no-repeat left top;}
#btn_ss_isolation a:hover{ background:url(../images/btn_ss_isolation.png) no-repeat left bottom;}
#btn_ss_batiment a{ background:url(../images/btn_ss_batiment.png) no-repeat left top}
#btn_ss_batiment a:hover{ background:url(../images/btn_ss_batiment.png) no-repeat left bottom}
#btn_ss_termite a{ background:url(../images/btn_termite.png) no-repeat left top}
#btn_ss_termite a:hover{ background:url(../images/btn_termite.png) no-repeat left bottom;}
#btn_ss_procedes a{ background:url(../images/btn_ss_procedes.png) no-repeat left top}
#btn_ss_procedes a:hover{ background:url(../images/btn_ss_procedes.png) no-repeat left bottom;}
#btn_ss_prestations a{ background:url(../images/btn_ss_prestations.png) no-repeat left top}
#btn_ss_prestations a:hover{ background:url(../images/btn_ss_prestations.png) no-repeat left bottom}
#btn_ss_assechement a{ background:url(../images/btn_assechement.png) no-repeat left top;}
#btn_ss_assechement a:hover{ background:url(../images/btn_assechement.png) no-repeat left bottom;}
#btn_ss_diagnostic a{ background:url(../images/btn_ss_diagnotic.png) no-repeat left top;}
#btn_ss_diagnostic a:hover{ background:url(../images/btn_ss_diagnotic.png) no-repeat left bottom;}
#btn_ss_installation a{ background:url(../images/btn_ss_installation.png) no-repeat left top}
#btn_ss_installation a:hover{ background:url(../images/btn_ss_installation.png) no-repeat left bottom}
#btn_ss_ss_assechement a{ background:url(../images/btn_new_assechement.png) no-repeat left top;}
#btn_ss_ss_assechement a:hover{ background:url(../images/btn_new_assechement.png) no-repeat left bottom;}

#sousmenu1{ margin-top:1px}
#mdm dd{ font-size:12px; color:#fff; text-align:justify; margin-bottom:8px;}
#description{ float:left}
#image{ float:left; margin-right:15px}

/***** content *****/
h4{ font-size:15px}
#content{ float:left; width:337px; background:url(../images/bg_scroll.jpg) #41250d no-repeat right top; height:463px; padding-top:15px; }
#content p{ font-size:12px; color:#fff; text-align:justify; margin-bottom:8px;}
#content a{ font-size:12px; color:#FFF}
.liste{ font-size:12px; color:#FFF; margin-bottom:8px;  text-align:justify; background:url(../images/fleche.jpg) no-repeat left top; padding:0 0 0 15px; list-style-type:none}
#scroll{ padding:10px 25px 30px 25px; height:398px;}
#mdm dt{ font-size:14px; color:#FFF; font-weight:bold; margin-bottom:8px;}
/*#titre_realisation{ background:url(../images/bg_realisations.png) no-repeat left top; width:311px; height:26px; padding:13px 0 0 10px; position:absolute; top:72px; left:190px;}*/
#titre_realisation { background:url(../images/bg_realisations.png) no-repeat left top; padding:13px 0 0 10px; }
#titre_realisation p{ color:#40260d; font-size:12px;}
#plan{ margin:20px 0 0 0}
/***** bloclright *****/
#blockright{ float:left; width:498px}




/************************** FOOTER *************************/
#footer{ clear:both; width:1000px; padding:8px 0 0 0}
#footer p{ font-size:10px; float:right}
#footer p a{ text-decoration:none; color:#c8d20a}
#footer p a:hover{ text-decoration:underline}



/************************** class *************************/
.marron_clair{ color:#b77030}
.marron{ color:#3f260c}
.blanc{ color:#fff}
.vert{ color:#aeb706}
.lettres{ letter-spacing:0px}
.centre{ text-align:center}
.img2{ float:right}