body
{
margin : 0 ;
padding : 0 ;
font-family:Arial, Helvetica, sans-serif ;
font-size : 1em ;
background : url(images/pattern.jpg) repeat-x left top ;
}

img
{
border : none ;
}

a:active, a:focus
{
outline : none ;
}


p a 
{
color : #fff ;
}

p a:hover 
{
text-decoration : none ;
}

div#conteneur
{
width : 986px ;
margin : 0 auto ;
padding : 5px 0 ;
}

div#header
{

margin : 0 ;
padding :0 ;
}


h1#h1_logo
{
font-size : 0.7em ;
margin : 0 ;
padding :0 ;
}

h1#h1_logo a
{
display : block ;
float : left ;
width : 127px ;
height : 195px ;
margin : 0 ;
padding :0 ;
background:url(images/logoo.jpg) no-repeat left top ;
text-indent : -6000px ;
}

div#header_right
{
float: right;
width : 200px ;
text-align:right ;
margin : 20px 0 0 0 ;
padding : 0 ;
}

h1#h1_adresse 
{
font-size : 0.7em;
color : #89B4E1 ;
margin : 5px 0 ;
padding : 0 ;

}

h1#h1_contact 
{
margin : 38px 0 0 0 ;
padding : 0px 4px ;
font-size : 1.4em;
color : #fff ;
background : url(images/bg_contact.jpg) no-repeat right top ;
font-weight : normal ;
}

div#header_right h2
{
color : #89B4E1 ;
margin : 0 ;
padding : 0 ;
font-size : 1.2em;
letter-spacing : -1px ;
}

div#header_right h2 span
{
font-size : 0.6em;
padding-right : 25px ;
letter-spacing : 0px ;
background:url(images/email.gif) no-repeat right bottom ;
}

div#header_right h2 span a
{
color : #89B4E1 ;
text-decoration : none ;
}

div#header_right h2 span a:hover
{
text-decoration : underline ;
}

div#menu
{
margin : 0 0 0 200px;
padding : 75px 0 0 0 ;
}

div#menu h1
{
margin : 0 ;
padding : 0 ;
color : #FF9933 ;
font-size : 1.4em ;
font-weight:normal ;
}

div#menu ul
{
margin : 0 ;
padding : 0 ;
color : #FF9933 ;
font-size : 1.4em ;
list-style-type : none ;
background:url(images/bg_menu.jpg)  no-repeat left top ;
width : 510px ;
height : 43px ;
}

div#menu ul li
{
float : left ;
line-height : 43px ;
}

div#menu ul li#li_particulier
{
float : left ;
line-height : 43px ;
padding-left : 58px ;
}

div#menu ul li#li_pro
{
float : left ;
line-height : 43px ;
padding-left : 110px ;
}

div#menu ul li a
{
color : #fff ;
text-decoration : none ;
}

div#menu ul li a:hover
{
color : #89B4E1 ;

}

div#content_index, div#content_part, div#content_pro
{
clear : both ;
margin : 0 0 10px 0;
padding-top : 10px ;
padding-bottom : 10px ;
color : #fff ;
font-size : 0.9em ;
}

div#content_index h1, div#content_part h1, div#content_pro h1
{
font-size : 1.9em ;
margin : 20px 0 0 0 ;
padding : 0 ;
}

div#content_index p, div#content_part p, div#content_pro p
{
padding : 15px 0 0 0 ;
}

div#content_index
{
background:url(images/maison.jpg) no-repeat right top ;
padding-right : 400px ;
}

div#content_part
{
background:url(images/maison_part.jpg) no-repeat left 320px ;
}

div#content_pro
{

}

div#left
{
float : right ;
width : 259px ;
margin : 0 50px 0 150px ;
padding : 0 ;
}

div#left h2
{
font-size : 1em;
color : #065CAB ;
margin : 0 ;
padding : 0 ;
}

div#left a
{
color : #fff ;
text-decoration : none ;
display : block ;
text-align : center ;
width : 259px ;
height : 36px ;
line-height : 36px ;
background : url(images/bg_blue_link.jpg) no-repeat left top ;
margin : 2px 0 10px 0;
padding : 0 ;
font-weight : bold ;
}

div#left a:hover
{
color : #065CAB ;
}

div#left img
{
display : block ;
margin : 10px auto 3px auto ;
}

div#left span
{
display : block ;
text-align : center ;
color : #065CAB ;
font-size : 0.7em ;
}

a#devis, a#devis_pro
{
color : #fff ;
display : block ;
float : right ;
width : 381px ;
height : 202px ;
margin : 0px 30px 30px 0  ;
padding : 30px 0px 0px 85px ;
font-weight : bold ;
text-decoration : none ;
}

a#devis
{
background:url(images/bg_devis.png) no-repeat left top ;
}

a#devis_pro
{
background:url(images/bg_devis_png) no-repeat left top ;
}

a#devis:hover, a#devis_pro:hover
{
color : #FF9933 ;
}

a#devis span, a#devis_pro span
{
font-size : 1.5em ;
line-height : 2em ;
}

div#jouleco
{
float : right ;
width : 270px ;
margin : 50px 50px 0 80px ;
padding : 20px 50px 20px 20px  ;
background : url(images/logo-jouleco.jpg) no-repeat right center;
background-color:#fff ;
color : #89B4E1 ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
}

div#jouleco a
{
color : #89B4E1 ;
}

div#footer
{
clear : both ;
margin : 10px 0 0 0 ;
padding : 0 ;
height : 30px ;
background-color:#FF9E22 ;
}

div#footer p
{
color : #fff ;
line-height : 30px ;
text-align : center ;
font-size : 0.8em ;
}

div#footer p a
{
color : #fff ;
text-decoration : none ;
}

div#footer p a:hover
{
text-decoration : underline ;
}

div.clear
{
margin : 0 ;
padding : 0 ;
clear : both ;
}

/* ------------------------------------- style des formulaires -----------------------------*/
form
{
_width : 80% ;
margin : 20px auto ;
padding : 0 ;
}


form table
{

padding : 0 ;
}

td.form_label
{
width : 230px;
text-align : right ;

}

td.form_label_top
{
vertical-align:top ;
width : 230px; 
text-align : right ;
}

fieldset
{

border : 2px solid #C2DAF1 ;
padding :20px 0px ;
margin : 0px 0px 20px 0px;
background-color : #8EB8E2 ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
}

input, textarea, select
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size : 12px ;
color : DimGray ;
margin : 0 ;
padding : 3px ;
}

option
{
margin-bottom : 5px ;
}

input:focus, textarea:focus, select:focus
{
border : 2px solid #98B9C4 ;
}

input.form_envoi
{
margin : 0 auto ;
}

legend
{
font-size : 18px ;
text-align : left;
padding : 1px 10px  ;
margin : 8px 20px  ;
background-color : #8EB8E2 ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
border-radius : 10px ;
}

td.form_field
{

text-align : left ;
}

form p 
{
margin : 0px 0px 0px 30px ;
padding : 10px 0px 0px 0px ;
}

form label
{
margin : 0px 20px 0px 0px ;
}

form span.italic
{
display : block ;
font-size : 0.9em ;
line-height : 1.5em ;
font-style:italic ;
margin : 20px 0 ;
}

span.asterisk
{
color : red ;
vertical-align : 20% ;
font-size : 0.8em ;
}

.expo
{
margin : 20px 22px 0 0 ;
border : 1px solid #fff ;
}

div.piece
{
float : right ;
width : 300px ;
padding : 5px 10px ;
margin : 0 ;
background-color:#fff ;
-moz-border-radius : 8px ;
-webkit-border-radius : 8px ;
border-radius : 8px ;
color : DimGray ;
font-size : 0.9em ;
}

div.piece h2
{
margin : 0 0 10px 0 ;
padding : 0 ;
font-size : 15px ;
}

div.piece ul
{
list-style-type : none ;
}