@charset "utf-8";
/* CSS Document */

/* Hacks ----

!important;			Ignorer par IE6 et moins, si une autre declaration apres
!important!;		Ignorer par IE7 et moins, si une autre declaration apres
_					IE6 et moins
-					IE6 et moins
*					IE7 et moins
>					IE7 seulement

----fin hacks */


/*****************/
/* Index */
/*****************/

body{ font-family:Helvetica, Verdana, Arial, sans-serif; margin: 0px; background-image: url(../img/back.jpg); background-position:center top; background-repeat:no-repeat; background-color:#1056b3; text-align: left; behavior: url("css/csshover3.htc");}

#wrap{ margin: 0 auto; padding: 0px; border:0; width: 1024px;}

#header { position:relative; display:block; height:187px; width:1000px; }

#flash { position:relative; display:block; height:199px; padding-top:44px; width:1024px; }

#backcontainer {background-image:url(../img/back-bottom.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#FFFFFF; margin-top:10px; width:985px; padding-bottom:10px; }

#container{ float: left; width: 985px; height:auto; background-image:url(../img/back-main.png); background-repeat:no-repeat; padding-top:30px; margin-top:-10px;}

#container2{ float: left; width: 985px; height:auto; background-image:url(../img/back-main.png); background-repeat:no-repeat; padding-top:10px; margin-top:-10px;}

#menu-g { position:relative; float: left; margin-top:20px;}

.clear { clear: both; }

#spacer { height:35px; }

/*****************/
/* Entete */
/*****************/

#logo { float:left; }

#textetop { color:#000000; font-size:10px; font-weight:bold; left:15px; position:relative; top:40px; width:500px; float:left;}

#top_left {float:right; margin: 20px 0 0; }

#topmenu { color:#293786; font-size:12px; }

#topmenu a { color:#293786; font-size:12px; text-decoration:none; }
#topmenu a:hover{ color:#293786; font-size:12px; text-decoration:underline; }

#obt_assi { display: block; width: 140px; height: 43px; background: url(../img/obtenir_assi.png) no-repeat 0 0; float:right; margin-top:5px; }
#obt_assi:hover { background-position: 0 -43px; }
#obt_assi span { display:none; }

#enfant-tube { position:absolute; top:47px; left:-122px; z-index:2; }

#chauffe-piscines { position:absolute; left:660px; bottom:-187px; z-index:2; }

.clearh2 { font-size:18px; font-weight:normal; margin:0 0 0 10px; padding:0;}

.clearh1 {margin:0; padding:0; font-size:36px; color:#283685;}

/*****************/
/* Menu Gauche */
/*****************/

#menu { position:absolute; z-index:1; }

a.menuitem_off { position:absolute; display: block; width: 111px; background:url(../img/back_menu.png) no-repeat 0 0; font-size:12px; color:#FFFFFF; text-decoration:none; text-align:center;}
a:hover.menuitem_off { background-position:0 -39px; z-index:10; color:#FF0000; }

a.menuitem_on { position:absolute; display: block; width: 111px; background:url(../img/back_menu.png) no-repeat 0 -39px; font-size:12px; color:#FF0000; text-decoration:none; text-align:center; z-index:9;}

#accueil { left:0px; padding:10px 10px 0 0; height: 29px; }
#chauffe { left:106px; padding:5px 10px 0 0; height: 34px; }
#faq { left:212px; padding:10px 10px 0 0; height: 29px;}
#detaillant { left:318px; padding:5px 10px 0 0; height: 34px;}
#distributeur { left:424px; padding:5px 10px 0 0; height: 34px;}
#contact { left:530px; padding:10px 10px 0 0; height: 29px;}

/*****************/
/* Contenu */
/*****************/


#nouvelles { float:left; padding:20px; width:300px; margin-left:24px; background-image:url(../img/back-nouvelle.jpg); background-repeat:no-repeat; }

#main { float:left; width:280px; margin-left:20px; }

#main2 { float:left; width:656px; padding: 5px 20px; margin-left:20px; background-image:url(../img/backmain2.jpg); background-repeat:no-repeat;  }

#main3 { float:left; width:925px; padding: 5px 20px; margin-left:20px; background-image:url(../img/backmain3.jpg); background-repeat:no-repeat;  }

.titre1 { font-size:25px; font-style:italic; color:#012790; margin:0; padding:0; font-weight:normal; }

.titre2 { font-size:30px; font-style:italic; color:#012790; margin:0; padding:0; font-weight:normal; }

.stitre1 { font-size:15px; color:#000000; margin:5px 0 0; padding:0; font-weight:bold; }

.stitre2 { font-size:18px; color:#000000; margin:5px 0 0; padding:0; font-style:italic; }

.main_text { text-indent:35px; font-size:15px; margin:0; padding:0;}

.main_text2 { font-size:15px; margin:0; padding:0; width:500px;}

.main_text3 { font-size:15px; margin:0; padding:0; width:650px;}

a.lien{ text-decoration:none; color:#000000; font-weight:bold; font-size:15px; }
a.lien:hover{ text-decoration:underline; }

a.lien2{ text-decoration:underline; color:#000000; }
a.lien2:hover{ text-decoration:none; }

a.hautpage{ float:right; text-decoration:underline; color:#000000;}
a:hover.hautpage{ text-decoration:none;}

#leftcol { float:left; }

#choisir { display: block; width: 281px; height: 43px; background: url(../img/choisir.png) no-repeat 0 0; float:right; margin-top:10px; }
#choisir:hover { background-position: 0 -43px; }
#choisir span { display:none; }

#menud { float:right; width:320px; }

#voir_chauffe { display: block; width: 281px; height: 43px; background: url(../img/voir_chauffe.png) no-repeat 0 0; float:right; margin-top:5px; }
#voir_chauffe:hover { background-position: 0 -43px; }
#voir_chauffe span { display:none; }

#garanties { display: block; width: 281px; height: 43px; background: url(../img/garanties.png) no-repeat 0 0; float:right; margin-top:5px; }
#garanties:hover { background-position: 0 -43px; }
#garanties span { display:none; }

#documentation { display: block; width: 281px; height: 43px; background: url(../img/documentation.png) no-repeat 0 0; float:right; margin-top:5px; }
#documentation:hover { background-position: 0 -43px; }
#documentation span { display:none; }

#installateur { background-image:url(../img/installateur.png); background-repeat:no-repeat; width:301px; height:245px; float:right; margin-right:15px; }

#installateur2 { background-image:url(../img/installateur.png); background-repeat:no-repeat; width:301px; height:245px; margin-left:-40px; float:left; }

#devenir { display: block; width: 140px; height: 43px; background: url(../img/devenir.png) no-repeat 0 0; float:right; margin-top:170px; }
#devenir:hover { background-position: 0 -43px; }
#devenir span { display:none; }

.input { width: 437px; border:#a8abae 1px solid; }

.input2 { width: 200px; border:#a8abae 1px solid; }

table#formulaire { font-size:12px; font-weight:bold; }
table#formulaire tr td { vertical-align:top; }

#send_btn { display: block; width: 86px; height: 21px; background: url(../img/send_btn.jpg) no-repeat 0 0; float:right; }
#send_btn:hover { background-position: 0 -21px; }
#send_btn span { display:none; }

/*****************/
/* Side menu */
/*****************/

a.side_btn_off { display: block; width: 237px; background:url(../img/side-btn.png) no-repeat 0 0; font-size:13px; line-height:25px; color:#FFFFFF; text-decoration:none; height:25px; padding-left:10px; margin-bottom:8px; margin-left:10px;}
a:hover.side_btn_off { background-position:0 -25px; z-index:10; color:#FF0000; }

a.side_btn_on { display: block; width: 237px; background:url(../img/side-btn.png) no-repeat 0 -25px; font-size:13px; line-height:25px; color:#FF0000; text-decoration:none; height:25px; padding-left:10px; margin-bottom:8px; margin-left:10px;}

/*****************/
/* Nouvelles */
/*****************/

#news_top { color:#012790; font-size:20px; font-style:italic; }

.news { margin-bottom:20px; margin-top:10px; }
.news_date { font-size:14px; }
.news_title { font-size:14px; font-weight:bold; }
.news_resume { font-size:14px; }
a.news_more { float:right; color:#000000; text-decoration:none; }
a:hover.news_more { text-decoration:underline; }

/*****************/
/* Foot */
/*****************/

#foot { height:120px; width:985px;}

#footmenu{ margin: 0 auto; width:985px;}

#footc { color:#b3cfed; font-size:11px; line-height:15px; margin:20px 0; text-align:center; letter-spacing:1px;}

#footc a{ color:#b3cfed; text-decoration:none;}
#footc a:hover{ text-decoration:underline; }

#footg { float:left; font-size:11px; color:#b3cfed;}
#footd {float:right; font-size:13px; color:#b3cfed;}

#foot_webit { clear:both; margin: 0 auto; width:120px; padding: 10px 0}

#hautdepage { position:fixed; left:50%; margin-left:-114px; bottom:0; width:228px; height:46px; }

#haut_but { display: block; width: 228px; height: 46px; background: url(../img/hautpage.png) no-repeat 0 0; }
#haut_but:hover { background-position: 0 -46px; }
#haut_but span { display:none; }



/*****************/
/* General */
/*****************/

img { border: 0} 

/* Hack IE6 pour transparence png */
img, div, a, input { behavior: url(css/iepngfix.htc) }

/* Hack IE6 pour inline du menu */
.item { display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word; margin-right: -5px; }  
* html .item { display:inline; }  
* + html .item { display:inline; }  
.item > * { display:table; table-layout:fixed; overflow:hidden;}