html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;

}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
     	margin: 0; /* pour éviter les marges */
        line-height: 1;
        color: black;
        background: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
}

ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
body {
background: url(../img/bg_bandeau2.png) no-repeat top;
}



#conteneur {
width:980px;
height:990px;
margin-left:auto;
margin-right:auto;
z-index:0;}

.logo_energeis {
position:absolute;
left:0px;
top:37px;}

#header {
z-index:2;}

.absolute {
position:absolute;
z-index:3;}

p.p1 {
font-size:24px;
width:970px;
color:#FFFFFF;
position:absolute;
top:340px;
letter-spacing:0.2pt;}

p.p2 {
font-size:17px;
width:970px;
color:#FFFFFF;
position:absolute;
top:370px;
text-align:justify;
line-height:19px;
letter-spacing:0.3pt;
}

span.letter {
letter-spacing:0.5pt}

p.p3, p.p3_bis {
font-size:11px;
width:295px;
color:#7a7a78;
line-height:13px;
text-align:justify;
}
p.p3_bis {
width:315px;
}

h3 {
font-size:16px;
color:#7a7a78;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:300px;}

h4 {
font-size:11px;
font-weight:bold;
position:absolute;
top:20px;}

#photovoltaïque h3 {
background:url(../img/carre_vert.jpg) no-repeat;
padding: 0 0 0 20px;}

#photovoltaïque h4 {
color:#89a41b;}


#s_thermique h3 {
background:url(../img/carre_bleu.jpg) no-repeat;
padding: 0 0 0 20px;}

#s_thermique h4 {
color:#0792b8;}

#aerothermie h3 {
background:url(../img/carre_orange.jpg) no-repeat;
padding: 0 0 0 20px;}

#aerothermie h4 {
color:#f18d1d;}


#photovoltaïque {
width:auto;
height:auto;
position:absolute;
top:450px;}

#s_thermique {
width:auto;
height:auto;
position:absolute;
left:332px;
top:450px;}

#aerothermie {
width:auto;
height:auto;
position:absolute;
left:664px;
top:450px;}

.img1 {
margin-bottom:10px;}

a.lien1 {
position:absolute;
top:352px;}

#devis {
width:626px;
height:90px;
position:absolute;
top:860px;
}

#devis h3 {
background:url(../img/carre_gris.jpg) no-repeat;
padding: 7px 0 0 20px;
width:606px;
height:23px;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
margin-bottom:10px;}

#partenaires {
width:316px;
height:120px;
position:absolute;
top:860px;
left:663px;
}
#partenaires h3 {
background:url(../img/carre_gris.jpg) no-repeat;
padding: 7px 0 0 20px;
width:296px;
height:23px;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
margin-bottom:10px;}

#devis p {
font-size:12px;
font-weight:bold;
color:#f18d1d;
margin-bottom:10px;
line-height:15px;
}

#devis a {
font-size:15px;
color:#0792b8;
font-weight:bold;}

#devis a:hover {
color: #0082a4;

text-decoration:none;}

.logo {
margin:0 0 0 3px;}

#footer {
background:url(../img/bg_footer.jpg) no-repeat;
min-width:980px;
height:105px;
}

#info_footer {
width:980px;
height:20px;
margin-left:auto;
margin-right:auto;
padding:30px 0 0 0;}

#info_footer ul li {
display:inline;
font-size:12px;
color:#37471b;
}

#info_footer ul li a {
font-size:11px;
color:#37471b;
text-decoration:none;
margin-right:6px;}

p.copyright {
position:absolute;
top:5px;
left:629px;
font-size:11px;
color:#37471b;
width:400px;}

p.copyright a {
color:#37471b;
font-weight:bold;
text-decoration:none;}

p.copyright a:hover {
color: #4A5B28;
}

#nav {
width:680px;
position:absolute;
left:350px;
top:14px;}

a.ss_menu {
color:#2f2f30;
font-size:12px;
font-weight:bold;}

a:hover.ss_menu {
color:#0793b7;}

ul.ul1 {
}

#construction {
color:#035B73;
position:absolute;
right:0;
top:0;
z-index:1001;
}

span.bold {
font-weight:bold;}

.bordure {
background:url(../img/border.png) no-repeat;
width:11px;
height:389px;
position:absolute;}

h1 {
font-size:33px;
color:#4f5052;
position:absolute;
top:370px;
width:600px;}



#gauche {
position:absolute;
top:420px;
width: 470px;}

#gauche2 {
position:absolute;
top:420px;
width: 980px;
z-index:1;}


#droite {
position:absolute;
top:420px;
left:510px;
width: 470px;}

#gauche p, #droite p {
width:470px;
color:#7f7e7f;
font-size:14px;
text-align:justify;
line-height:18px;
margin:0px 0 20px 0;}

h2, h2.no_puce {
font-size:18px;
font-weight:bold;
color:#505052;
padding:4px 0 10px 30px;
margin-top:20px}

 h2.no_puce {
font-size:18px;
font-weight:bold;
color:#505052;
padding:4px 0 10px 0px;
margin-top:20px}

span.grd {
font-weight:bold;}

#gauche p.pt, #droite p.pt {
font-size:13px;
}

#gauche li, #droite li {
background:url(../img/puce.jpg) no-repeat;
padding:0 0 5px 20px;
color:#7f7e7f;
font-size:13px;
margin:0 0 10px 0;}

#menu_gauche {
position:absolute;
top:338px;
width:262px;
height:445px;
background:url(../img/bg_men_g.png) no-repeat;
font-size:12px;
font-weight:bold;
padding:32px 0 0 15px;
z-index:0;
}
#menu_gauche ul {
margin-bottom:50px;
}

#menu_gauche ul li {
margin:0 0 22px 0;
}

#menu_gauche ul li a {
color:#a8a394;
text-decoration:none;
background:url(../img/puce3.jpg) no-repeat;
padding:0 0 0 15px;
}



#contenu {
width:671px;
position:absolute;
left:320px;
top:387px;
z-index:0;
}

#contenu h1.int {
position:absolute;
top:-20px;
}

#contenu p.p4 {
width:275px;
height:215px;
color:#93b444;
margin-top:45px;
line-height:28px;
font-size:19px;
}

.video {
position:absolute;
left:288px;
top:50px;}

p.p5, #gauche2 p.p6 {
font-size:15px;
color:#7f7e7f;
width:671px;
text-align:justify;
margin:35px 0 15px 0;
line-height:18px;
margin-bottom:40px;}

 #gauche2 p.p6 {
width:980px;
margin:0px 0 15px 0;
background: #F9F7EE;
}

#gauche2 p.p6 a{
color:#0792b8;
}
#gauche2 p.p6 a:hover{
color:#0082a4;
text-decoration:none;
}

p.p5 a {

font-size:16px;
font-weight:bold;
font-size:16px;
color:#0792b8;
}

p.p5 a:hover {
color: #0082a4;
text-decoration:none;
}



p.p6 {
width:641px;
background-color:#f4f1e8;
color:#7f7e7f;
font-size:13px;
padding:15px;
line-height:18px;
margin:12px 0 12px 0 ;}

span.titre {
font-size:14px;
font-weight:bold;
background:url(../img/puce2.jpg) no-repeat;
padding:0 0 0 18px;
}

#gauche2 #formulaire tr td {
height:22px;} 
.env {
margin:0 0 0 520px;}

.video {
background: url(../img/bg_video.jpg) no-repeat;
width:385px;
height:222px;
padding:8px;
}

.video2 {
background: url(../img/img_air_air.jpg) no-repeat;
width:307px;
height:415px;
padding:8px;
position:absolute;
left:365px;
top:50px;
}

table.partenaire {
margin:10px 0 30px 0px;}

span.vert {
color:#93b444;
font-size:22px;}

span.bleu {
color:#0792b8;
font-size:22px;}

span.orange {
color:#f18d1d;
font-size:22px;}





#menu_gauche ul li a.a1 {

background: url(../img/puce_verte.jpg) no-repeat;}

#menu_gauche ul li a:hover.a1, #menu_gauche ul li  a.a1#actif {
color:#93b444;
background:url(../img/puce_verte_h.jpg) no-repeat;}


#menu_gauche ul li  a.a2 {

background:url(../img/puce_bleue.jpg) no-repeat;}

#menu_gauche ul li  a:hover.a2, #menu_gauche ul li  a.a2#actif {
color:#0792b8;
background:url(../img/puce_bleue_h.jpg) no-repeat;}

#menu_gauche ul li a.a3 {
background: url(../img/puce_orange.jpg) no-repeat;}


#menu_gauche ul li a:hover.a3, #menu_gauche ul li a.a3#actif {
color:#f39c35;
background:url(../img/puce_orange_h.jpg) no-repeat;}

h2.no_puce a {
text-decoration:none;
color:#4f5052;}

h2.no_puce a:hover {
text-decoration:none;
color: #CCCCCC;}

h3.plan a {
text-decoration:none;
color:#0792b8;
font-weight:normal;}

a.mail {
color:#0792b8;
font-size:13px;
margin-top:3px;
text-decoration:none;
}

a:hover.mail {
color:#0792b8;
font-size:13px;
text-decoration:none;
}

#droite p.adresse {
font-size:13px;
line-height:13px;
margin-top:3px;
}

img.credit {
position:absolute;
left:816px;
top:250px;
width:184px;
height:184px;}

img.garantie {
position:absolute;
left:816px;
top:250px;
width:185px;
height:185px;}

img.maison {
position:absolute;
left:728px;
top:250px;
width:266px;
height:118px;}

img.economie {
position:absolute;
left:564px;
top:260px;
width:432px;
height:108px;}

a.facebook {
position:absolute;
left:940px;
top:25px;}

.titre_prod {
margin-top:50px;}

p.p5#p5 {
margin-top:0px;}

p.p4#p4 {
height:27px;}

a.info {
	background: url(../img/info.png) no-repeat;
	position:absolute;
	top:252px;
	left:655px;
	width:327px;
	height:77px;
	}