body {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#FBFBFB;
margin:0;
padding:0;
}

html,body {
height:100%;
margin:0;
}

img {
text-decoration:none;
border-width:0;
}

span {
	text-indent:-5000px;
	position:absolute;
	left: 189px;
	top: 640px;
	height: 80;
}

#distri_soleil {
height:100%;
background:#FFF url(../images/bg.jpg) no-repeat left top;
}

#conteneur {
width:804px;
position:relative;
bottom:0;
min-height:100%;
background:url(../images/logo.jpg) no-repeat left 20px;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
margin:0 auto;
padding:0;
}

#center {
padding-bottom:50px;
overflow:auto;
}

h3 {
color:#9C0001;
font-family:"Trebuchet MS", Verdana;
font-size:22px;
margin:0;
}

#centre1 {
margin-top:75px;
color:#333;
padding-bottom:50px;
margin-left:155px;
font:12px Verdana, Arial, Helvetica, sans-serif;
margin-right:2px;
}

#centre1 h3 {
margin-top:20px;
font-size:18px;
}

#annonce1 {
background:#666;
font-size:12px;
font-weight:700;
color:#FFF;
height:30px;
}

#header_soleil {
height:120px;
}

#header_soleil h1,#header_soleil h2,h3 span {
font-size:1px;
text-indent:-5000px;
margin-left:-5000px;
}

/*      I-----------------------------------I
		I									I
		I			MENU tout en haut		I
		I-----------------------------------I*/
#evitement_liens {
text-align:right;
width:380px;
}

#evitement_soleil {
position:absolute;
top:3px;
text-align:right;
width:385px;
height:15px;
margin-right:10px;
right:16px;
}

#evitement_soleil ul {
margin:0;
padding:0 20px 2px 0;
}

#evitement_soleil li {
list-style-type:none;
font-size:0.9em;
display:inline;
color:#FFF;
line-height:1.5em;
padding:0;
}

#evitement_soleil li a {
color:#F60;
font-size:11px;
}

/*      I-----------------------------------I
		I									I
		I			MENU haut gris			I
		I-----------------------------------I*/
#menuh ul {
text-align:left;
width:760px;
text-indent:40px;
padding-right:20px;
padding-bottom:2px;
padding-left:0;
margin-top:5px;
margin-bottom:5px;
height:30px;
}

#menuh {
background:#666;
position:absolute;
top:150px;
text-align:left;
width:100%;
height:30px;
}

#menuh li {
list-style-type:none;
font-size:0.9em;
display:inline;
line-height:1.5em;
margin-right:15px;
margin-left:15px;
padding:0;
}

#menuh li a {
color:#FFF;
font-size:11px;
font-weight:700;
margin-right:5px;
margin-left:10px;
}

/*      I-----------------------------------I
		I									I
		I			MENU GAUCHE				I
		I-----------------------------------I*/
#menus h3 {
width:130px;
height:35px;
margin:0;
padding:0;
}

#menus h3 span {
display:none;
position:absolute;
}

#menus {
width:130px;
float:left;
clear:both;
margin-top:75px;
margin-left:5px;
padding:0;
}

#menusg {
width:130px;
top:100px;
font-family:"Trebuchet MS", Verdana;
font-size:10px;
background:#F1D40E url(../fabrication/fondmenujaune.png) no-repeat left bottom;
padding-top:0;
}

#menusg ul {
list-style:none;
margin:0;
padding:0 0 10px;
}

#menusg ul li,#menud ul li {
margin:0;
padding:1px 0;
}

.solaire {
color:#283E7A;
font:italic bold 12px/2em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
text-transform:lowercase;
background:#EB9401;
top:0;
margin:0;
padding:0;
}

.chauffe_eau {
background:url(../fabrication/menujaune.png) no-repeat center top;
height:50px;
margin-top:0;
}

.principe {
background:#EB9401 url(../fabrication/principe.png) no-repeat center center;
}

.produits {
background:#EB9401 url(../fabrication/produits.png) no-repeat center center;
}

.realisations {
background:#EB9401 url(../fabrication/realisations.png) no-repeat center center;
}

.chiffres {
background:#EB9401 url(../fabrication/chiffres.png) no-repeat center center;
}

.savoir {
background:#EB9401 url(../fabrication/savoir.png) no-repeat center center;
}

.conditions {
background:#EB9401 url(../fabrication/conditions.png) no-repeat center center;
}

.charte_plan {
background:#EB9401 url(../fabrication/charte_plan.png) no-repeat center center;
}

#capteur ul li a {
font:bold normal 12px "Trebuchet MS", Arial, sans-serif;
text-transform:lowercase;
color:#283E7A;
display:block;
margin-left:5px;
text-decoration:none;
border:1px none #F60;
}

#capteur ul {
margin:10px 0 5px;
padding:0;
}

#capteur ul li:hover {
background:#666;
color:#FFF;
font-weight:700;
}

#capteur h5 {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#relation {
background:#666;
color:#FFF;
width:130px;
}

#relation h6 {
font-size:12px;
text-align:justify;
margin-left:5px;
margin-right:5px;
}

/*      I-----------------------------------I
		I									I
		I			milieu             		I
		I-----------------------------------I*/
#centre_index {
margin-top:70px;
width:100%;
color:#283E7A;
font:12px Verdana, Arial, Helvetica, sans-serif;
padding-bottom:50px;
}

#distributeur h3 {
background:url(../images/soluce.png) no-repeat left top;
}

.soluce {
height:30px;
}

.soleil {
font-size:12px;
color:#FFF;
font-weight:700;
text-align:center;
}

h3 span {
font-size:1px;
margin-left:-5000px;
position:absolute;
}

#menu4 {
float:left;
position:absolute;
clear:both;
width:200px;
left:470px;
top:40px;
}

#promo1 {
width:100%;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
}

#promo1 p {
width:190px;
text-align:justify;
top:0;
}

#promo1 a {
font-size:10px;
color:#FFF;
font-weight:700;
}

#promo1 img {
border-width:0;
}

#promo1 .photo-contour {
border:5px solid #666;
}

#centre1 .photo {
height:180px;
width:25%;
text-align:center;
}

.photov {
height:220px;
width:22%;
text-align:center;
}

#chauffage .imgseule {
margin-left:75px;
}

#promo1 h3 a {
color:#F60;
font-size:18px;
font-weight:700;
}

.comment {
text-align:center;
background:#EB9401;
font-weight:700;
width:190px;
height:30px;
}

#centre_index #news {
width:100%;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
font-size:12px;
font-weight:700;
color:#283E7A;
}

#centre_index a {
font-weight:700;
color:#666;
}

#news a {
color:#283E7A;
}

dt {
font-weight:700;
text-decoration:underline;
}

dd {
margin:0;
}

#chauffage {
border-left:none;
border-bottom:none;
border-top:none;
border-right:none;
float:left;
margin:0 5px 0 0;
}

#chauffage hr {
width:60%;
margin-right:auto;
margin-left:auto;
color:#F60;
}

#chauffage p {
margin-left:10px;
text-indent:10px;
text-align:justify;
margin-right:10px;
}

#chauffage h4 {
color:#F60;
font-size:14px;
text-indent:10px;
}

#chauffage h5 {
color:#F60;
font-size:12px;
}

#chauffage h3 {
text-align:center;
color:#F60;
}

#chauffage h2 {
text-align:center;
font-size:18px;
color:#F60;
}

#chauffage strong {
color:#F60;
}

#chauffage li {
margin-right:10px;
}

h4 span {
color:#900;
}

#chauffage .solar {
font-style:italic;
color:#F30;
}

#chauffage .liste {
list-style:url(../images/h3.png);
}

#chauffage .milieu {
margin-right:22px;
margin-left:22px;
border:2px solid #F90;
}

#chauffage .cgv {
font-size:10px;
}

#chauffage .letter {
list-style:upper-alpha;
}

#chauffage .energies {
margin-bottom:1.2em;
}

#chauffage .capteurs {
margin-bottom:2.4em;
}

.comment2 {
text-align:center;
background:#EB9401;
font-weight:700;
height:30px;
}

#promo2 {
width:100%;
}

#promo3,#promo5,#promo6 {
border:1px solid #EB9401;
}

#promo3 .photo,#promo5 .photo,#promo6 .photo {
border:1px solid #EB9401;
background:#FFF;
}

#promo4 {
border:1px solid #EB9401;
width:100%;
margin-left:0;
}
#promo7 {
	width: 100%;
}


#promo4 .photo {
border:1px solid #EB9401;
background:#A4D5F6;
}

#formulaire {
width:620px;
background:#FFF;
color:#333;
font-weight:700;
border:2px solid #F60;
}

.newssolaire {
background:url(../images/jaunenews.jpg) no-repeat left top;
}

.newsphoto {
background:url(../images/rougenews.jpg) no-repeat left top;
}

.newseclairage {
background:url(../images/vertnews.jpg) no-repeat left top;
}

.newseau {
background:url(../images/eaunews.jpg) no-repeat left top;
}

#promo1 .newseau,#promo1 .newssolaire,#promo1 .newseclairage,#promo1 .newsphoto {
padding-left:52px;
vertical-align:top;
text-align:center;
}

#promo1 .newsmois {
color:#FFF;
background:#666;
text-align:center;
}

#promo1 .newssolaire .image_news {
float:left;
}

#promo1 .newseau h5,#promo1 .newssolaire h5,#promo1 .newseclairage h5,#promo1 .newsphoto h5 {
vertical-align:top;
text-align:left;
}

#centre4 {
margin-top:75px;
color:#333;
padding-bottom:50px;
margin-left:160px;
font:12px Verdana, Arial, Helvetica, sans-serif;
margin-right:2px;
}

#centre4 h3 {
color:red;
text-decoration:underline;
}

#centre4 #chauffage em {
font-weight:700;
color:red;
}

/*      I-----------------------------------I
		I									I
		I			bas             		I
		I-----------------------------------I*/
#pied {
height:125px;
position:relative;
bottom:0;
font-size:10px;
width:100%;
margin:0 auto;
}

#menu_bas {
list-style-type:none;
text-align:center;
font-weight:700;
color:#FFF;
margin:20px 0 0;
padding:0;
}

#menu_bas li {
display:inline;
margin-right:1px;
color:#113180;
line-height:2em;
}

#menu_bas li a {
font-weight:700;
color:#FFF;
padding-right:20px;
font-size:1em;
line-height:1em;
border:1px solid #666;
padding-left:4px;
text-align:center;
text-decoration:none;
background:#666;
}

#eXTReMe {
	text-indent:-5000px;
	margin-left: -5000px;
	position: absolute;
}

.centrer,#promo1 .photo,#promo2 td,#pied .mb {
text-align:center;
}

#current,#formulaire input {
background:#EB9401;
}

#capteur a:hover,#promo1 .newsmois h3 {
color:#FFF;
}

#promo1 .newseau a,#promo1 .newssolaire a,#promo1 .newseclairage a,#promo1 .newsphoto a,#centre4 h2 {
color:#333;
}
#promo7 .sarl {
	background: url(../images/sarl.png) no-repeat left top;
	padding-left: 60px;
	height: 300px;
	border-right: 4px solid #FD6804;
	width: 50%;
}
