html,body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	color:#767676;
	background:url("../layout_img/body_bg.png") repeat fixed center top #FFFFFF;
	background:url("../layout_img/etefond100.gif") scroll center -102px #FFFFFF;
	margin:0;
	padding:0;
}







html {
	height:100%;
}

.bgBody{
	
}

#page{
	margin:0 auto 0px;
}


#header{
		background:url(../layout_img/header.png);
	background-position:center top;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:191px;
}

#top{
	height:186px;
	margin:0 auto;
	width:1024px;
	
	

	
}

#logo{
float:left;
top:9px;
width:241px;

}

#accroche{
width:596px;
float:right;

}

#h1{
float:left;
height:25px;
width:1024px;
text-align:right;
font-size:11px;

}

#newsletter{
float:left;
height:161px;
width:571px;

}


#formulairenewsletter{
position:absolute;
margin-top:-72px;
margin-left:90px;
}

#boutonnewsletter{
margin-top:8px;
}

#borders {
	width:1024px;
	position:relative;
	margin:0 auto;
}

#contenu {
	float: left;
    width: 725px;
}



#left{
	float:left;
	width:220px;
	height:auto;
	
}

#typedecommerce{
background:url(../layout_img/typedecommerce.png);
width:220px;
height:195px;
background-repeat:no-repeat;
}

#typedecommercechoix{
padding-left: 19px;
padding-top: 142px;
}


.typedecommercechoix{
width:187px;
}


#nomducommerce{
background:url(../layout_img/nomducommerce.png);
width:220px;
height:120px;
background-repeat:no-repeat;
}

#nomducommercechoix{
padding-left: 12px;
padding-top: 48px;
}


.nomducommercechoix{
width:187px;
}


#espacepartenaire{
background:url(../layout_img/espacepartenaire.png);
width:220px;
height:175px;
background-repeat:no-repeat;
}

#nomducommercechoix{
padding-left: 12px;
padding-top: 48px;
}


.nomducommercechoix{
width:187px;
}


#zoomsur{
background:url(../layout_img/zoomsur.png);
width:219px;
height:249px;
}

#zoomsurimage{
padding-left: 12px;
padding-top: 50px;
}

#videoyoutube{
margin-top:20px;
}

#liensutiles{
background:url(../layout_img/lienutile.png);
width:219px;
height:268px;
background-repeat:no-repeat;
}

#liensutilestexte{
font-size: 80%;
padding-left: 15px;
padding-top: 70px;
width: 190px;
}

#liensutilestexte a{
color:#FFFFFF;
text-decoration:none;
font-size:165%;
font-weight:bold;
}

#liensutilestexte a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:165%;
font-weight:bold;
}

#liensutilestexte a:visited:hover{
color:#FFFFFF;
text-decoration:none;
font-size:165%;
font-weight:bold;
}


#box01 {
padding-left: 15px;
padding-top: 88px;
width: 160px;
float:left
}

#box01 a{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}

#box01 a:hover{
color:#FFFFFF;
text-decoration:underline;

font-weight:bold;
}

#box01 a:visited:hover{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}

#box02 {
padding-top: 80px;
width: 355px;
float:left
}

#box02 a{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}

#box02 a:hover{
color:#FFFFFF;
text-decoration:underline;

font-weight:bold;
}

#box02 a:visited:hover{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}

#box03 {
padding-left: 25px;
padding-top: 80px;
width: 240px;
float:left
}

#box03 a{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}

#box03 a:hover{
color:#FFFFFF;
text-decoration:underline;

font-weight:bold;
}

#box03 a:visited:hover{
color:#FFFFFF;
text-decoration:none;

font-weight:bold;
}


#box_titre{
color:#000000;
font-size:14px;
font-weight:bold;
padding-bottom:8px;
}

#box04{
 float: left;
    padding-left: 60px;
    padding-top: 50px;
}


#menu {
    float: left;
    height: 120px;
    margin-top: -30px;
    width: 1024px;
    z-index: 2;
	
    margin-bottom: 200px;
}


#menu  ul{  
    margin:0;  
    padding:0;  
}  
  
#menu  li{  
    
    height:145px;  
    float:left;  
    color:#191919;  
    text-align:center;  
    overflow:hidden;  

	
}  
  
#menu  a{  
	color: #000000;
    font-weight: bold;
    text-decoration: none;
}  
  
#menu  p{  
    padding:0px 0px;  
}  
  
#menu     .subtext{  
        padding-top:0px;  
    }  

.c01{
background-image: url(../layout_img/me1.png);
 width:170px; 
}

.c02{
background-image: url(../layout_img/me2.png);
 width:160px; 
 margin-left:5px;
 background-repeat:no-repeat;
}

.c03{
background-image: url(../layout_img/me3.png);
 width:160px; 
}

.c04{
background-image: url(../layout_img/me4.png);
 width:170px; 
}

.c05{
background-image: url(../layout_img/me5.png);
 width:184px; 
}

.c06{
background-image: url(../layout_img/me6.png);
 width:152px; 
}

#taille{
width:243px;
float:right;
}


























#newsletter_block01{
margin-left:160px;
}


#navigation{
float:left;
width: 790px;
height:160px;

}


#content  {
	padding-left: 204px;
	padding-top: 134px;
	width: 570px;
	}

#content ul {
list-style-type:none;
margin:0 0 0 -40px;
}
#content ul li{
margin:0;
list-style-type:none;
float:left;
}









#middle {
	float:left;
	width:564px;
}

#middlepage {

    float: left;
    width: 725px;
}

.topAcc {
    background-image: url(../layout_img/hautContenuAccueil.png);
    float: left;
    height: 47px;
    width: 706px;
}

.miAcc {
    background-image: url(../layout_img/miContenuAccueil.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.miTexte {
    float: left;
    padding-left: 10px;
    text-align: justify;
    width: 627px;
	margin-left: 23px;
}

.basAcc {
    background-image: url(../layout_img/accactu.png);
	background-repeat:no-repeat;
    float: left;
    height: 20px;
    margin-left: 0;
    position: relative;
    width: 698px;
}


.topAcc2 {
    background-image: url(../layout_img/hautAccueil.png);
    float: left;
    height: 47px;
    width: 706px;
}

.miAcc2 {
    background-image: url(../layout_img/milieuAccueil.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.miTexte2 {
    float: left;
    padding-left: 10px;
    text-align: justify;
    width: 627px;
	margin-left: 23px;
}

.basAcc2 {
    background-image: url(../layout_img/basAccueil.png);
    float: left;
    height: 45px;
    margin-left: 0;
    position: relative;
    width: 698px;
}

a:link {
    color: #699826;
}

a:hover{
    color: #699826;
}

a:visited{
    color: #699826;
}

.colAcc {
    float: left;
    height: 200px;
}

.col {
    float: left;
    font-size: 11px;
    margin-left: 27px;
    margin-top: 7px;
    text-align: left;
    width: 173px;
}

.topMonEnergie {
    background-image: url(../layout_img/hautContenuMonEnergie.png);
    float: left;
    height: 47px;
    width: 706px;
}

.miMonEnergie {
    background-image: url(../layout_img/miContenuMonEnergie.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.miTexte {
    float: left;
    padding-left: 10px;
    text-align: justify;
    width: 627px;
}

.basMonEnergie {
    background-image: url(../layout_img/basContenuMonEnergie.png);
    float: left;
    height: 42px;
    width: 706px;
}


.topVotreEnergie {
    background-image: url(../layout_img/votreNRJHaut.png);
    float: left;
    height: 315px;
    position: relative;
    width: 706px;
}

.topVotreEnergieEau {
    background-image: url(../layout_img/votreNRJHautO.png);
    float: left;
    height: 315px;
    position: relative;
    width: 706px;
}

.topVotreEnergieGaz {
    background-image: url(../layout_img/votreNRJHautG.png);
    float: left;
    height: 315px;
    position: relative;
    width: 706px;
}

.topVotreEnergieElec {
    background-image: url(../layout_img/votreNRJHautE.png);
    float: left;
    height: 315px;
    position: relative;
    width: 706px;
}

.miVotreEnergie {
    background-image: url(../layout_img/votreNRJmi.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.basVotreEnergie {
    float: left;
    height: 294px;
    width: 706px;
}


.topPlanet {
    background-image: url(../layout_img/hautPlanet.png);
    float: left;
    font-size: 13px;
    font-style: italic;
    height: 315px;
    position: relative;
    width: 706px;
}

.miPlanet {
    background-image: url(../layout_img/miPlanet.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.basPlanet {
    background-image: url(../layout_img/basPlanet);
    float: left;
    height: 47px;
    width: 706px;
}

.topInstall {
    background-image: url(../layout_img/topInstal.png);
    float: left;
    height: 250px;
    width: 697px;
}

.miInstall {
    background-image: url(../layout_img/miInstall.png);
    background-repeat: repeat-y;
    float: left;
    width: 697px;
}

.basInstall {
    background-image: url(../layout_img/installBas.png);
    float: left;
    height: 118px;
    width: 697px;
}

.topEmprunt {
    background-image: url(../layout_img/emprunt.png);
    float: left;
    height: 47px;
    width: 706px;
}

.miMonEnergie {
    background-image: url(../layout_img/miContenuMonEnergie.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.basMonEnergie {
    background-image: url(../layout_img/basContenuMonEnergie.png);
    float: left;
    height: 42px;
    width: 706px;
}

.topGesteEco {
    background-image: url(../layout_img/consoTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topLeMotDuPresident {
    background-image: url(../layout_img/LeMotDuPresidentTITRE.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topIdeeA {
    background-image: url(../layout_img/ideeAlsace.png);
    float: left;
    height: 47px;
    width: 706px;
}


.topDomeo {
    background-image: url(../layout_img/TitreDomeo.png);
    float: left;
    height: 47px;
    width: 706px;
}

.miMonEnergie {
    background-image: url(../layout_img/miContenuMonEnergie.png);
    background-repeat: repeat-y;
    float: left;
    width: 704px;
}

.basMonEnergie {
    background-image: url(../layout_img/basContenuMonEnergie.png);
    float: left;
    height: 42px;
    width: 706px;
}

.topCreditImpot {
    background-image: url(../layout_img/creditImpotTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topPrimes {
    background-image: url(../layout_img/lesPrimesTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topAstucePret {
    background-image: url(../layout_img/pret.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topTauxZero {
    background-image: url(../layout_img/tauxZero.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topCalcul {
    background-image: url(../layout_img/ConsoChauffageTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}

.form4 input {
    width: 70px;
}

.form1 input {
    width: 100px;
}

.topMaConso {
    background-image: url(../layout_img/maConsoTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topMentionLegale {
    background-image: url(../layout_img/TitreMentionLegale.png);
    float: left;
    height: 47px;
    width: 706px;
}

.topContact {
    background-image: url(../layout_img/ContactTitre.png);
    float: left;
    height: 47px;
    width: 706px;
}


#logochamp{
	height:120px;
	position:absolute;
	margin-top:-95px;
	margin-left:5px;
	background-image:url(../layout_img/logoinst.png);
	width:345px;
	z-index:-1;
	clear:both;
}

#logomarcelin{
	height:120px;
	position:absolute;
	margin-top:-95px;
	margin-left:5px;
	background-image:url(../layout_img/logomarcelin.png);
	width:140px;
	z-index:0;
	clear:both;
}

#resumev{
	padding:5px;
	width:335px;
	height:100px;
	margin-left:615px;
	margin-top:-135px;
	color:#FFF;
	overflow:hidden;
}

#enspl{
	text-align:right;
	padding:5px;
	padding-right:15px;
}

#enspl a{
	font-weight:bold;
	text-decoration:none;
	color:#A1C330;
}





#contenu2 {
width: 790px;
}

#footer {


	background: url(../layout_img/baseline.png) no-repeat;
    background-repeat: repeat-x;
      clear: both;
    color: white;
    height: 357px;

	}
	
	
#piedDePage {


    float: left;
    margin-bottom: 0;
    margin-top: 18px;
    width: 100%;
}	

.piedDePagePara {
    height: 351px;
    margin-left: 70%;
    margin-top: -69px;
    width: 319px;
}

.divPiedDepage {
    margin-left: auto;
    margin-right: auto;
    margin-top: -90px;
    position: relative;
    width: 910px;
}

.mentionEtc {
    color: #000000;
    left: -3px;
    position: absolute;
    text-align: center;
    top: 112px;
}
.divPiedDepage p {
    color: #FFFFFF;
    float: left;
    margin-right: 26px;
    text-align: justify;
    width: 200px;
}
	
	
	
	
	
#footertext{
margin:auto;
width:1024px;
text-align:right;
}	

#footer a {
	color:white;
}

#footerdiv01{
float:left;
width:273px;
height:200px;
margin-left:22px;
margin-top:22px;
}
#footerdiv02{
float:left;
width:341px;
height:200px;
margin-left:48px;
margin-top:22px;
text-align:left;
}
#footerdiv03{
float:left;
width:273px;
height:200px;
margin-left:44px;
margin-top:22px;
}
.titrefooter{
color:#bba300;
font-size:16px;
}






#right{
	float:left;
	width:298px;
}

#edenLien {
    background-image: url(../layout_img/Egen.png);
    height: 273px;
    width: 356px;
}



#liensacc{
	float:left;
	margin-left:-70px;
	margin-right:5px;
	margin-top:25px;
}

#textacc1{
	float:left;
	
}

#photoacc{
	width:100px;
	clear:both;
}

#lastnews{
 padding-bottom: 10px;
    padding-top: 10px;
	
	
	
}

#lastevenem{
	width:730px;
	margin-left:110px;
	padding:5px;
	border:1px solid #4aa6c0;
	margin-bottom:20px;
}

#otrevenem{
	width: 195px;
	margin-left: -90px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: rgb(161, 195, 48);
}

#lstevenem{
	font-size:10px;
	color:#000;
	font-weight:lighter;
	margin-left:15px;
}

#lstevenem a{
	font-size:10px;
	color:#000;
	font-weight:lighter;
}

#postle{
	margin-top:5px;
	color:#AAA;
	font-style:italic;
	font-size:9px;
}

#otrnews{
	text-align:right;
}

#otrnews a{
	font-weight:bold;
	text-decoration:none;
	color:#A1C330;
}

#arianne{
	margin-bottom: 5px;
	color:#ffffff;
	float:left;
	width:1024px;
}

#middlebl{
	width:160px;
	background-color:#fff;
}

#middlebl2{
	width:160px;
	background-color:#fff;
}

#middlebl div{
	padding:2px;
	color:#91655f;
	font-weight:bold;
	width:146px;
	text-align:center;
	margin-left:5px;
	border-bottom:1px solid;
	cursor:pointer;
}

#middlebl2 .titleactu{
	padding:2px;
	color:#91655f;
	font-weight:bold;
	width:146px;
	text-align:center;
	margin-left:5px;
	border-bottom:1px solid;
}

#middlebl span{
	padding-left:2px;
	color:#a09499;
	width:141px;
	text-align:left;
	margin-left:10px;
	display:none;
	text-decoration:none;

}

#middlebl span a{
	color:#a09499;
	text-decoration:none;
}

#middlebl span a:hover{
	color:#a09499;
	text-decoration:underline;
}



#featured{ 
background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    height: 305px;
    margin-top: 10px;
    position: relative;
    width: 780px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:515px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;

}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url(images/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#bb235d; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}