/* CSS Document */
.image-2{background:url("../design/images/image-2_100831.jpg") no-repeat;}

#urlhere{ display:none;}
#contentWrap-2{margin-left:190px; padding:0;}
#contentWrap-3{padding:0;}

#header h1{ position:absolute; left:320px; top:28px;background-position:left -144px; text-indent:-9999px; text-align:left; font-size:0.8em; width:670px; height:45px; padding:0; margin:0; border:0;}

#top{ position:relative; height:210px;}
#bottom{position:relative; height:440px;background-position:left top; margin-top:10px;}

/* === Promo === */
#promoWrapp{ width:255px; height:210px; float:left; margin-left:14px;}
#promoWrapp li{ width:255px; height:210px; margin:0; padding:0; position:relative; color:#fff;}
#promoWrapp li a{color:#fff;}
#promoWrapp li.default{background-position:left -460px;}
#promoWrapp li.promo{background-position:left -680px;}
#promoWrapp li.promo .thumbWrapp{ width:90px; height:75px; border:3px solid #fff; position:absolute; top:10px; right:14px;}
#promoWrapp li.promo .thumb{ width:90px; height:75px; overflow:hidden;}
#promo-anim{position:absolute; left:13px; top:-8px; width:110px; height:110px;}
#promoWrapp li.promo .text{ padding:100px 10px 0 10px;}
#promoWrapp h2,#promoWrapp h3{ color:#fff; font-weight:normal;}
#promoWrapp h2{ font-size:1.2em;padding:5px 0; line-height:1;}
#promoWrapp h3{ font-size:0.9em;padding:0;}
#promoWrapp .bt_savoirplus { position:absolute; bottom:10px; right:14px;width:87px;}
#promoWrapp .bt_savoirplus a{ display:block; background-position:left -895px; width:87px; height:22px; text-indent:-9999px;}
#promoWrapp .bt_savoirplus a:hover{background-position:-87px -895px;}


/* === Les plus === */
#lesplus{ width:255px; height:210px; float:left; margin-left:9px; }
#lesplus a{ display:block;width:255px; height:105px;text-indent:-9999px;}
#lesplus a.plus{ background-position:-265px -460px;}
#lesplus a.engagements{ background-position:-265px -565px;}
#lesplus a:hover{opacity:0.9; filter:alpha(opacity=90);}

/* === Trois boutons === */
#top #boutons{ position:absolute; top:0; right:13px; width:255px;}
#top #boutons li{ margin:0; padding:0; background:none;}
#top #boutons li a{width:255px; display:block; text-indent:-9999px;background:url("../design/images/image-2_100831.jpg") no-repeat;}
#top #boutons li a:hover{ opacity:0.8; filter:alpha(opacity=80);}
#top #boutons li.devis a{height:54px; background-position:-528px -460px;}
#top #boutons li.simulateur a{height:72px; background-position:-528px -520px; margin:6px 0;}
#top #boutons li.calculatrice a{height:72px; background-position:-528px -598px;}


/* === Trois rubriques principales === */
#bottom #rubriques li{ background:none; margin:0; padding:0; position:absolute;}
#bottom #rubriques li a{ display:block;width:250px; height:150px; text-indent:-9999px;}
#bottom #rubriques li.photovoltaique{top:29px;left:274px;width:270px;}
#bottom #rubriques li.chauffe-eau{top:99px;left:25px;}
#bottom #rubriques li.pompe{top:260px;left:19px;}

/* Animation cercle */
.cercle{ position:absolute; width:100px; height:100px;}
#cercle-1{left:213px;top:165px;}
#cercle-2{left:400px;top:175px;}
#cercle-3{left:380px;top:310px;}


/* === Actualités === */
#actus{position:absolute;top:234px;right:20px; width:190px; font-size:13px;}
#actus li{ margin:0; padding:0; background:none;}
#actus h4 a{ color:#481e4f; text-decoration:none; font-size:14px;}
#actus a{ color:#603c66}
#actus .bouton{ text-align:right; padding-top:10px;}


/* === Footer === */
.footerText{ width:1000px; margin:0 auto; padding-top:30px; background-position:-260px -680px; color:#fff; font-size:0.9em;}
.footerText a{ color:#fff;}
.footerText ul{ margin:0; padding:0;}
.footerText ul li{ float:left; width:310px; margin:0; padding:0 10px; background:none;}
.footerText ul ul{ padding:0 0 0 10px;}
.footerText ul li li{padding:0 0 0 15px;background:url("../design/images/image-3.gif") no-repeat -290px 5px;}
.footerText ul li.element-1{width:280px; padding-right:15px;}
.footerText h3{ color:#fff; margin:0; padding:0 0 5px 0; font-size:1em; font-weight:bold;}
.footerText p{ margin:0; padding:0;}


/* === Jeu concours === */
#jeuWrapper{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:none; z-index:1000;}
#jeu{ background:url("../design/jeu/fond.png") no-repeat left top; width:619px; height:643px; padding:52px 0 0 36px; margin:50px auto 0 auto; position:relative; text-align:left;}
#close{ position:absolute; top:28px; right:38px;}
#close img{ cursor:pointer;}