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

*{ 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{ background:#2e2f2c; font-family:Verdana, Geneva, sans-serif}
#global{ width:995px; margin:0 auto; background:url(../images/bg_global.jpg) no-repeat left top; min-height:1000px}
hr{ border-right:none; border-left:none; border-bottom:none}
a img{ border:none}


/*********************** HEADER ************************/
#header{ height:414px; width:995px; float:left; }
#header_droit{ float:left; width:652px; height:414px}
#logo_sous_titre{ display:none}
#diapo{ margin-left:59px}
h1{ background:url(../images/logo.jpg) no-repeat left top; width:343px; height:414px; float:left; text-indent:-9999px;}
#menu{ width:585px; height:70px; background:url(../images/bg_menu.jpg) no-repeat left top; padding:26px 0 0 67px}
#menu a{ display:block; height:54px; text-indent:-9999px}
#menu li{ list-style-type: none; float:left}
#btn_accueil a{ margin-right:62px; width:65px; background:url(../images/btn_accueil.jpg) no-repeat left top;}
#btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;}
#btn_activite a{ margin-right:41px; width:128px; background:url(../images/btn_activite.jpg) no-repeat left top;}
#btn_activite a:hover{ background:url(../images/btn_activite.jpg) no-repeat left bottom;}
#btn_mobilier a{ width:132px; margin-right:36px; background:url(../images/btn_immobilier.jpg) no-repeat left top;}
#btn_mobilier a:hover{ background:url(../images/btn_immobilier.jpg) no-repeat left bottom;}
#btn_contact a{ width:101px; background:url(../images/btn_contact.jpg) no-repeat left top;}
#btn_contact a:hover{background:url(../images/btn_contact.jpg) no-repeat left bottom;}

/********************* WRAPPER ************************/
#wrapper{ width:995px; float:left;}
#block_left{ float:left; width:319px; padding:0 0 0 24px}
#menu_produits{ width:319px; height:416px; background:url(../images/bg_menu_produits.jpg) no-repeat left top; padding:25px 0 0 0}
#menu_produits li{ list-style-type:none; height:35px}
#menu_produits a{ display:block;text-decoration:none; color:#cccccc; background:url(../images/fleche_grise.png) no-repeat left top; padding-left:15px;}
#menu_produits li{ margin:0 0 0 15px}
#menu_produits h5{ font-weight:normal}
#content{ width:565px; float:left; padding:0 20px 0 67px}
#content a{ color:#fff}
#content p{ font-size:12px; line-height:16px; color:#FFF; text-align:justify}
#titre_references{ background:url(../images/titre_references.jpg) no-repeat left top; width:319px; height:45px}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top; }
#titre_mobilier{ background:url(../images/titre_mobilier.png) no-repeat left top;}
#titre_activite{ background:url(../images/titre_activite.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/titre_merci.jpg) no-repeat left top;}
#titre_cardecorps{ background:url(../images/titre_gardecorp.jpg) no-repeat left top;}
#titre_rampe{ background:url(../images/titre_rampe.jpg) no-repeat left top;}
#titre_chassis_fer{ background:url(../images/titre_chassis.jpg) no-repeat left top;}
#titre_cloisons{ background:url(../images/titre_cloisons.jpg) no-repeat left top;}
#titre_escaliers{ background:url(../images/titre_escaliers.jpg) no-repeat left top;}
#titre_portails{ background:url(../images/titre_portails.jpg) no-repeat left top;}
#titre_pergolas{ background:url(../images/titre_pergolas.jpg) no-repeat left top;}
#titre_marquise{ background:url(../images/titre_marquise.jpg) no-repeat left top;}
#titre_serres{ background:url(../images/titre_serres.jpg) no-repeat left top;}
#titre_portes{ background:url(../images/titre_portes.jpg) no-repeat left top;}
#titre_divers{ background:url(../images/titre_divers.jpg) no-repeat left top;}
h6{ margin-bottom:30px; width:565px; height:45px; text-indent:-9999px}




/*********************** FOOTER ************************/
#footer{ clear:both; padding:20px 20px 15px 24px; margin-top:10px}
#footer p{ font-size:10px; color:#fff}
#footer p a{ text-decoration:none; color:#fff}
#footer p a:hover{ text-decoration:underline}
#footer strong{ color:#cd0000}





/*********************** CLASS ************************/
.liste_texte{ font-size:12px; line-height:16px; color:#FFF; margin-left:15px}
.left{ float:left}
.right{ float:right}
.rouge{ color:#cd0000}