/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2009 POINT WEB
type : screen
categorie : structure site
Auteur : Delphine
site : renov38.fr
**************************************************************************/

*{ 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:url(../images/bg_body.jpg) #121517 repeat-x left top; height:760px; font-family:Verdana, Geneva, sans-serif}
p{ color:#FFF; font-size:12px}
a img{ border:none}
.texte { font-size:12px; color:#fff; margin-left:15px;}
#global{ width:975px; margin:0 auto; position:relative}
#diapo{ position:absolute; top:8px; left:564px}


/**********************************< header >****************************************/
h1{ background:url(../images/bg_logo.png) no-repeat left top; width:244px; height:73px; text-indent:-9999px; font-size:0px;}
h4{ margin-bottom:42px; font-size:0px; text-indent:-9999px;}
#header{ background:url(../images/bg_header.jpg) no-repeat left top; width:706px; height:87px; padding:120px 0 0 269px}

/**********************************< wrapper >****************************************/
#wrapper{ background:url(../images/bg_wrapper.jpg) repeat-y left top; width:975px;}
#block_left{ float:left; width:251px;}
#block_coordonnees{ background:url(../images/bg_coordonnees.jpg) no-repeat left top; width:165px; height:124px; padding:5px 0 0 86px}
#titre_coordonnees{ margin-bottom:8px; font-weight:bold; color:#22b7de; font-size:14px}
#menu{ width:186px;}
#block_menu{ background:url(../images/bg_menu.jpg) no-repeat left top; width:191px; height:358px; padding:40px 0 0 60px}

#menu ul li{ list-style-type:none; background:url(../images/fleche.png) no-repeat 10px center; display:block; border-bottom:1px #fff dotted; padding:10px 0 10px 25px}
#menu ul li a{ font-size:15px; color:#fff; text-decoration:none; cursor:pointer }
#menu ul li:hover{ background-image:url(../images/fleche.png) no-repeat 10px center ;  background-color:#0f819e;}
#menu ul li:hover{ background-image:url(../images/fleche.png) no-repeat 10px center ;  background-color:#0f819e;}
#menu ul li.current{ background:url(../images/fleche.png) no-repeat 10px 11px; }
#menu ul li.current:hover { background:url(../images/fleche.png) no-repeat 10px 11px }

#menu ul li ul li{ background:url(../images/point.png) no-repeat left center ; display:block; border-bottom:none; padding:3px 0 3px 25px; height:20px}
#menu ul li ul li a{ display:block; border-bottom:none; padding:3px 0 3px 0; font-size:12px; font-size:12px; font-weight:normal}
#menu ul li ul li a:hover{ text-decoration:underline}
#item li:hover{background-image:none; background-color:#C03}
#menu ul li.current ul li:hover{background:url(../images/point.png) no-repeat left center;}
#menu ul li ul{ display:none}


#block_right{ float:left; width:724px}
#content{ background:url(../images/bg_content.jpg) no-repeat left top; width:449px; min-height:527px; padding:75px 255px 0 20px}
#content p{ text-align: justify}
#titre_accueil{ background:url(../images/titre_accueil.png) no-repeat left top; width:71px; height:15px;}
#titre_prestations{ background:url(../images/titre_accueil_prestations.png) no-repeat left top; width:200px; height:15px;}
#titre_services{ background:url(../images/titre_accueil_services.png) no-repeat left top; width:176px; height:15px}
#titre_realisations{ background:url(../images/titre_realisations.png) no-repeat left top; width:162px; height:16px;}
#titre_devis{ background:url(../images/titre_devis.png) no-repeat left top; width:54px; height:15px;}
#titre_contact{ background:url(../images/titre_contact.png) no-repeat left top; width:76px; height:15px;}
#titre_mentions{ background:url(../images/titre_mentions.png) no-repeat left top; width:171px; height:19px;}

/**********************************< footer >****************************************/
#footer{background:url(../images/bg_wrapper.jpg) repeat-y left top; width:710px; padding:0 0 0 265px;}
#footer p{ font-size:10px; color:#999999;}
#footer p a{ color:#999999; text-decoration:none}
#footer a:hover{ text-decoration:underline}


/************************< class >**************************/
.lien{ color:#22b7de; text-decoration:none}
.bleu{ color:#22b7de}
.left{ float:left; margin:0 16px 10px 0}
.sstitre{ background:url(../images/bg_sstitre.jpg) no-repeat left top; width:256px; height:23px;}