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

*{ margin:0; padding:0; outline:none}
/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }
#global{ width:995px; margin:0 auto}
body{ background:url(../images/bg_body.jpg) #2c2c2c repeat-x left top; font-family:Verdana, Geneva, sans-serif}
a img{ border:none}
/***************************** 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; }




/***************************** HEADER ****************************/
#header{ width:995px; height:523px;}
#menu_competence{ width:936px; height:51px; background: url(../images/bg_menu_competence.jpg) no-repeat left top; padding:27px 0 0 59px}
#menu_competence li{ list-style-type:none; float:left;}
#menu_competence a{ display:block; text-indent:-9999px; height:32px}
#btn_ravalement a{ background:url(../images/btn_ravalement.jpg) no-repeat left top; width:198px}
#btn_ravalement a:hover{ background:url(../images/btn_ravalement.jpg) no-repeat left bottom;}
#btn_entretien a{ background:url(../images/btn_entretien.jpg) no-repeat left top; width:197px;}
#btn_entretien a:hover{ background:url(../images/btn_entretien.jpg) no-repeat left bottom;}
#btn_isolation a{ background:url(../images/btn_isolation.jpg) no-repeat left top; width:138px;}
#btn_isolation a:hover{ background:url(../images/btn_isolation.jpg) no-repeat left bottom;}
#btn_exterieur a{ background:url(../images/btn_exterieur.jpg) no-repeat left top; width:202px;}
#btn_exterieur a:hover{ background:url(../images/btn_exterieur.jpg) no-repeat left bottom;}
#btn_solaire a{ background:url(../images/btn_solaire.jpg) no-repeat left top; width:151px;}
#btn_solaire a:hover{ background:url(../images/btn_solaire.jpg) no-repeat left bottom;}

#header_bottom{ background:url(../images/bg_header.jpg) no-repeat left top; width:995px; height:445px; float:left}
h1 a{ background:url(../images/logo.jpg) no-repeat left top; width:173px; height:192px; display:block; text-indent:-9999px;}
#logo{ width:198px; height:354px; padding:91px 0 0 108px; float:left}
#anim{ float:left; width:689px;}


/***************************** WRAPPER ****************************/
#wrapper{ background:url(../images/bg_wrapper.jpg) no-repeat left bottom; width:995px; float:left}
#wrapper2{ background: url(../images/bg_wrapper2.png) repeat-y left top; width:995px; float:left}
h6{ color:#ff9900; font-size:12px; margin-bottom:5px}

/*block_left*/
#block_left{ float:left; width:306px}
#menu{ background:url(../images/bg_menu.jpg) no-repeat left top; width:206px; height:306px; padding:16px 0 0 100px}
#menu li{ list-style-type:none; background:url(../images/fleche_menu.jpg) no-repeat left top; padding:0 0 0 15px; margin-bottom:16px}
#menu a{ text-decoration:none; font-size:12px; color:#cccccc;}
#menu h3{ font-weight:normal}
#titre_menu{ background:url(../images/titre_menu.jpg) no-repeat left top; width:306px; height:51px; text-indent:-9999px;}
#titre_actu{ background:url(../images/titre_actu.jpg) no-repeat left top; width:306px; height:36px; text-indent:-9999px;}
#mdm{ background:url(../images/bg_mdm.png) repeat-y left top; width:206px; padding:18px 0 10px 100px}
#mdm dt{ color:#ccc; font-weight:bold; font-size:12px; margin-bottom:8px;}
#mdm dd{ font-size:11px; color:#ccc; overflow:hidden; margin:0 0 10px 0}
#mdm_texte{ height:67px;}
.mdm_image{ border:1px solid #d38106; width:84px; margin-right:16px; float:left; margin-right:8px;}

/*content*/
#content{ float:left; width:689px;}
#texte{ background:#fff; width:558px; padding:0 30px 30px 20px; margin-left:15px;}
#texte p{ font-size:12px; line-height:16px; text-align:justify}
#texte a{ color:#000}

/*titre*/
h5{ text-indent:-9999px; width:639px; height:71px}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top;}
#titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top;}
#titre_mentions{ background:url(../images/titre_mentions.jpg) no-repeat left top;}
#titre_merci{ background:url(../images/titer_merci.jpg) no-repeat left top;}
#titre_qui{ background:url(../images/titre_qui.jpg) no-repeat left top;}
#titre_ravalement{ background:url(../images/titre_ravalement.jpg) no-repeat left top;}
#titre_toiture{ background:url(../images/titre_toiture.jpg) no-repeat left top;}
#titre_isolation{ background:url(../images/titre_isolation.jpg) no-repeat left top;}
#titre_travaux{ background:url(../images/titre_travaux.jpg) no-repeat left top;}
#titre_solaire{ background:url(../images/titre_solaire.jpg) no-repeat left top;}
#titre_actualites{ background:url(../images/titre_actualites.jpg) no-repeat left top;}
#titre_partenaires{ background:url(../images/titre_partenaires.jpg) no-repeat left top;}

/*projet*/
#titre_projet{ background: url(../images/titre_projet.jpg) no-repeat left top; width:197px; height:42px; margin-bottom:10px}
#projet{ background:url(../images/bg_projet.jpg) #3b3b3b repeat-x left top; width:583px; padding:0 0 19px 25px; margin:3px 0 0 15px; float:left}
#projet_photo{ float:left; width:193px; margin-right:27px;}
#projet_photo img{ border:1px solid #fff}
#projet_texte{ float:left; width:330px;}
#projet_titre{ color:#fff; font-size:12px; margin-bottom:10px;}
#projet_texte{ font-size:11px; color:#cccccc}


/*block_actu*/
#block_actu{ border-bottom:1px solid #666; padding:10px 0 10px 0; float:left; width:555px}
#block_actu dt{ font-size:12px; color:#ff9900; font-weight:bold; margin-bottom:8px}
#block_actu dd{ font-size:12px; color:#000; text-align:justify}
.img_actu{ border:1px solid #666; float:left; margin-right:20px}

/*block partenaire*/
.block_partenaires{ float:left; width:100px; padding:10px; margin:20px; border:1px solid #999}
.block_partenaires dt{ font-size:12px; margin-bottom:8px; text-align:center; font-weight:bold; color:#ff9900; height:30px; overflow:hidden}
.img_partenaires{ border:1px solid #999;}

/***************************** FOOTER ****************************/
#footer{ background:url(../images/bg_footer.jpg) no-repeat left top; width:845px; height:39px; padding:35px 70px 0 80px; clear:both}
#footer p{ font-size:10px; color:#999999}
#footer a{ color:#999999; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer strong{ color:#ff940e}





/***************************** CLASS ****************************/
.left{ float:left}
.right{ float:right; text-align:right}
.liste{ font-size:11px; margin-left:15px}
.orange{ color:#ff9900}