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

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

/*header top*/
#header_top{ width:995px; height:157px}
h1 a{ background:url(../images/logo.jpg) no-repeat left top; width:322px; height:157px; display:block; float:left; text-indent:-9999px}
#menu_competence{ width:441px; float:left; height:148px; padding:9px 0 0 232px}
#menu_competence li{ float:left; list-style-type:none;}
#menu_competence a{ display:block; text-indent:-9999px; padding-top:92px; height:51px;}




#btn_peinture a{ background:url(../images/btn_peinture.jpg) no-repeat left top; width:57px; margin-right:7px; padding-left:12px}
#btn_peinture a:hover{ background:url(../images/btn_peinture.jpg) no-repeat left bottom;}
#btn_renovation a{ background:url(../images/btn_renovation.jpg) no-repeat left top; width:69px; margin-right:6px; padding-left:7px}
#btn_renovation a:hover{ background:url(../images/btn_renovation.jpg) no-repeat left bottom;}
#btn_plomberie a{ background:url(../images/btn_plomberie.jpg) no-repeat left top; width:61px; margin-right:6px; padding-left:6px}
#btn_plomberie a:hover{ background:url(../images/btn_plomberie.jpg) no-repeat left bottom;}
#btn_carrelage a{ background:url(../images/btn_carrelage.jpg) no-repeat left top; width:68px; margin-right:6px; padding-left:11px}
#btn_carrelage a:hover{ background:url(../images/btn_carrelage.jpg) no-repeat left bottom;}
#btn_petit_travaux a{ background:url(../images/btn_petit_travaux.jpg) no-repeat left top; width:92px; padding-left:10px}
#btn_petit_travaux a:hover{ background:url(../images/btn_petit_travaux.jpg) no-repeat left bottom;}

#texte_peinture{ background:url(../images/texte_peinture.png) no-repeat left top; width:48px; height:35px; display:block}
#texte_renovation{ background:url(../images/texte_renovation.png) no-repeat left top; width:62px; height:34px; display:block}
#texte_plomberie{ background:url(../images/texte_plomberie.png) no-repeat left top; width:56px; height:34px; display:block}
#texte_carrelage{ background:url(../images/texte_carrelage.png) no-repeat left top; width:56px; height:40px; display:block}
#texte_travaux{ background:url(../images/texte_petit_travaux.png) no-repeat left top; width:81px; height:38px; display:block}


/*header bottom*/
#header_bottom{ width:995px; height:443px; float:left}
#diapo{ float:left; width:686px; height:443px;}
#menu{ width:306px; height:437px; background:url(../images/bg_menu.jpg) no-repeat left bottom; float:left; padding:6px 0 0 3px}
#menu li{ list-style-type:none;}
#menu a{ display:block; width:283px; text-indent:-9999px}
#btn_accueil a{ background:url(../images/btn_accueil.jpg) no-repeat left top; height:91px}
#btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;}
#btn_actu a{ background:url(../images/btn_actu.jpg) no-repeat left top; height:93px;}
#btn_actu a:hover{ background:url(../images/btn_actu.jpg) no-repeat left bottom;}
#btn_partenaire a{ background:url(../images/btn_partenaire.jpg) no-repeat left top; height:93px}
#btn_partenaire a:hover{ background:url(../images/btn_partenaire.jpg) no-repeat left bottom;}
#btn_contact a{ background:url(../images/btn_contact.jpg) no-repeat left top; height:93px;}
#btn_contact a:hover{ background:url(../images/btn_contact.jpg) no-repeat left bottom;}





/************************************* WRAPPER ******************************************/
#wrapper{ background:url(../images/bg_wrapper.jpg) no-repeat right bottom; width:995px; float:left}
#content{ width:686px; float:left}
#content p{ color:#cccccc; font-size:12px; text-align:justify;}
#content a{ color:#ccc}
#texte{ padding:0 80px 20px 25px;}

#wrappper_right{ width:309px; float:left}

/*mdm*/
#titre_actualite{ background:url(../images/titre_actualite.jpg) no-repeat left top; width:309px; height:83px;}
#mdm{ padding:0 34px 0 0}
#mdm dt{ font-weight:bold; color:#ccc; font-size:12px; margin:20px 0 15px 0}
.description{ color:#ccc; font-size:11px; line-height:16px; height:113px; overflow:hidden}
.img1{ float:left; margin-right:17px;border:1px solid #ccc; width:138px}
.savoir{ margin:10px 0 0 190px}

/*block_coordonnees*/
#block_coordonnees{ margin-bottom:60px}
#block_coordonnees p{ font-size:11px; color:#cccccc; line-height:16px}
#block_coordonnees a{ text-decoration:none; color:#ccc}
#block_coordonnees a:hover{ text-decoration:underline}
#titre_coordonnees{ background:url(../images/titre_coordonnees.jpg) no-repeat left top; width:309px; height:79px; margin-top:20px}

/*titre*/
#titre h4{ text-indent:-9999px; width:686px; height:83px}
#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_actua{ background: url(../images/titre_actua.jpg) no-repeat left top;}
#titre_partenaires{ background:url(../images/titre_partenaires.jpg) no-repeat left top;}
#titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top;}
#titre_peinture{ background:url(../images/titre_peinture.jpg) no-repeat left top;}
#titre_galerie{ background:url(../images/titre_galerie.jpg) no-repeat left top;}
#titre_renovation{ background:url(../images/titre_renovation.jpg) no-repeat left top;}
#titre_plomberie{ background:url(../images/titre_plomberie.jpg) no-repeat left top;}
#titre_carrelage{ background:url(../images/titre_carrelage.jpg) no-repeat left top;}
#titre_travaux{ background:url(../images/titre_travaux.jpg) no-repeat left top;}

/*block actu*/
.block_actu{ border-bottom:1px solid #666; float:left; width:600px; padding-bottom:20px; margin-top:15px}
.block_actu dt{ font-size:12px; font-weight:bold; color:#ff9933; margin-bottom:10px}
.block_actu dd{ font-size:12px; color:#ccc; text-align:justify; line-height:16px}
.imga_actu{ border:1px solid #ccc; width:137px;}

/*block_partenaires*/
.block_partenaires{ border:1px solid #444444; padding:15px; width:110px; margin:0 30px 30px 0; float:left; background:#373737}
.block_partenaires dt{ font-size:12px; color:#ccc; margin-bottom:10px; text-align:center; height:15px; overflow:hidden;}
.logo_partenaire{ width:110px; height:104px; overflow:hidden}
.block_partenaires dd a{ font-size:10px; text-align:center; height:15px; overflow:hidden}

/*block_projet*/
.block_projet{ border-bottom:1px solid #666; padding:15px 0 15px 0}
.block_projet dt{ font-weight:bold; color:#ccc; font-size:12px; margin-bottom:10px}
.block_projet dd{ font-size:12px; color:#ccc; text-align: justify}
.savoir_projet{ margin:0 0 0 480px;}
.imgage_projet{ border:1px solid #ccc; width:137px;}

/************************************* FOOTER ******************************************/
#footer{ background:#000; border-top:1px solid #666666; padding:20px 0 20px 0; height:30px; clear:both}
#footer div{ width:995px; margin:0 auto;}
#footer p{ color:#999999; font-size:10px; margin-bottom:20px}
#footer strong{ color:#ff940e}
#footer a{ color:#999; text-decoration:none}
#footer a:hover{ text-decoration:underline}

/************************************* CLASS ******************************************/
.left{ float:left}
.right{ float:right}
.orange{ color:#ff9933}
.img2{ float:left; margin-right:25px;}