/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : internettement votre delf'
site : decoration nantes
**************************************************************************/

*{ 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; }
body{ background: url(../images/bg_body.jpg) #344547 repeat-x left top; font-family:Verdana, Geneva, sans-serif}
#global{ width:995px; margin:0 auto;}

/*---------------------------------< BLOCKLEFT >--------------------------------*/
#subMenu{ display:none}
#blockLeft{ width:354px; float:left;}
#diapo{ background:url(../images/01.png) no-repeat left top; width:354px; height:487px;}
#coordonnees{ background:#2a3638; border:1px solid #4c6164; width:259px; height:210px; margin:30px 0 0 45px; padding:15px 0 0 33px}
#coordonnees p{ font-size:12px; line-height:16px; color:#fff}
#coordonnees strong{ color:#309eb1}
#coordonnees a{ color:#fff; text-decoration: none}
#coordonnees a:hover{ color:#309eb1}
#titre_coordonnees{ background:url(../images/titre_coordonnees.jpg) no-repeat left top; width:222px; height:50px; text-indent:-9999px; margin-bottom:18px}
.ss_titre{ margin-bottom:13px}


/*---------------------------------< BLOCKRIGHT >--------------------------------*/
#blockRight{ width:641px; float:left;position:relative}
h1 a{ text-indent:-9999px; background:url(../images/logo.jpg) no-repeat left top; width:417px; height:238px; display:block ; margin-bottom:22px}

/*menu*/
#menu{ background:url(../images/bg_menu.png) no-repeat left bottom; width:398px; height:110px; margin-left:41px; }
#menu li{ float:left; list-style-type:none;}
#menu a{ display:block; height:42px; text-indent:-9999px;}
#btn_accueil a{ background:url(../images/btn_accueil.jpg) no-repeat left top; width:70px; margin-right:36px}
#btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;}
#btn_realisation a{ background:url(../images/btn_realisations.jpg) no-repeat left top; width:95px; margin-right:43px}
#btn_realisation a:hover{ background:url(../images/btn_realisations.jpg) no-repeat left bottom;}
#btn_contact a{ background:url(../images/btn_contact.jpg) no-repeat left top; width:81px}
#btn_contact a:hover{ background:url(../images/btn_contact.jpg) no-repeat left bottom;}

/*sous menu*/
#sous_menu{ background: url(../images/bg_sous_menu.jpg) no-repeat left top; width:151px; height:116px; position:absolute; top:302px; left:145px; padding:12px 0 0 25px; display:none}
#sous_menu li{ color:#fff; height:23px}
#sous_menu li a{ text-decoration:none; color:#fff}
#sous_menu li a:hover{color:#2a3638}
#sous_menu  h4{ font-size:11px; font-weight:normal}
/*titres*/
#titre_contact{ background:url(../images/titre_contact.jpg) no-repeat left top; width:544px; height:57px; text-indent:-9999px; margin-bottom:40px}
#titre_accueil{ background:url(../images/titre_accueil.jpg) no-repeat left top; width:544px; height:57px; text-indent:-9999px; margin-bottom:40px}
#titre_realisations{ background:url(../images/titre_realisations.jpg) no-repeat left top; width:544px; height:57px; text-indent:-9999px; margin-bottom:40px}
#titre_merci{ background:url(../images/titre_merci.jpg) no-repeat left top; width:544px; height:57px; text-indent:-9999px; margin-bottom:40px}
#titre_mentions{background: url(../images/titre_mentions.jpg) no-repeat left top; width:544px; height:57px; text-indent:-9999px; margin-bottom:40px}
#wrapper{ width:544px; padding:40px 60px 0 37px}
#wrapper p{ font-size:12px; color:#fff; line-height:16px;}
.liste li{ line-height:16px; color:#fff; font-size:12px; list-style-type:none; background:url(../images/fleche_liste.jpg) no-repeat left top; padding-left:18px}
#wrapper p a{ color:#309eb1;}



/*---------------------------------< FOOTER >--------------------------------*/
#footer{ background:#2a3638; border-top:#4c6164 1px solid; clear:both; margin-top:40px}
#footer div{ margin:0 auto; width:880px; padding:25px 70px 25px 45px; height:40px}
#footer p{ color:#929191; font-size:10px; line-height:16px;}
#footer strong{ color:#309eb1}
#footer a{ color:#929191; text-decoration:none}
#footer a:hover{ color:#309eb1}
#par1{ float:left; width:540px}
#par2{ float:left; text-align:right; width:340px;}