* {
	margin:0;
	padding:0;
}

img, a img {border:none}
p {margin:7px 0 7px 0}
p.intro {color:#1570b3}
.cl {clear:both}
ul li {list-style:none}

#left p {line-height:18px}
strong {color:#1570b3}


h1{display:none}
h2{font-size:24px;font-weight:normal;text-transform:uppercase;color:#1570b3}
h3{}
h4{}
h5{}


a {color:#1570b3;text-decoration:underline}
a:hover {color:#1570b3;text-decoration:none }
a:visited {color:#1570b3;text-decoration:underline }
a:visited:hover {color:#1570b3;text-decoration:none  }
a:active, a:focus{outline:none; }

/* formulaires ***********************************************************/

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:180px;
	padding:4px 6px 2px 6px;
	margin: 3px 0px 3px 0;
	background:url(../img/bg_input.gif) no-repeat left top;
	border-width:0 1px 1px 0;
	border-color:#bdbbba;
	border-style:solid;
}

input:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; }

select { padding-right:1px }
select option { background-color:#FBFBFB; padding:0 13px 0 0; }

input.fradio, input.fcheckbox, input.fimage {
	background:none;
	border:none;
	margin:0;
	padding:0 5px;
}

#submit, button {
	display:block;
	font-size:11px;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}

.fcheckbox, .fradio { margin-top:4px; float:left;}
.lcheckbox, .lradio { width:50px; padding:0 5px}

label {
	text-align: left;
	float: left;
	width: 100px;
	padding: 3px 4px 3px 0;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}
input[type=file].formError {
	color:#ff0000
}
input[type=file] {
	background-color:#f4f9ee;
}

form br { clear:both; }
.fcheckbox, .fradio { padding:0 10px 0 5px; }

/* styles général ************************************************************/

.error {
	clear:both;
	margin:20px;
	margin-top:15px;
	width:553px;
	height:80px;
	padding:10px 10px 10px 20px;
	background-image:url(../img/contact_error.jpg);
	color:#FFFFFF;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:20px;
	margin-top:15px;
	width:553px;
	height:80px;
	padding:10px 10px 10px 20px;
	background-image:url(../img/contact_ok.jpg);
	color:#FFFFFF;
	font-weight:bold;
}


.read {
	vertical-align:middle;
	white-space:nowrap;
	padding:4px 5px 5px 15px;
	float:right;
}

span.sW { background:#FFCC00; color:#000 }
.cl { clear:both; }	
.imageZ { cursor: pointer; cursor:-moz-zoom-in; cursor: url(img/z.ani) }

/* structure ******************************************* */


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b2b2a;
	background-color:#6eb1d5;
}

#ct2 {
	width:100%;
	background:url(../img/bg.jpg) top no-repeat scroll #c8c8c8;
}

#ct1 {
	width:100%;
	height:800px;
}

#container {
	width:950px;
	margin:0 auto;
}

#header {
	height:287px;
	width:950px;
	background:url(../img/header.jpg)
}

#header #left #top {
	width:740px;
	height:225px;
	float:left
}

#header #left {
	width:740px;
	height:287px;
	float:left
}

#header #left #top ul {display:none}

#header #left #top a.logo {
	width:310px;
	height:225px;
	float:left
}

#header #right {
	width:210px;
	height:287px;
	float:left
}

#header #right #top{
	width:175px;
	color:#FFF;
	padding-left:35px;
	padding-top:40px;
	height:35px;
	float:left
}

#actu{
	width:180px;
	text-align:right;
	padding:10px 20px 10px 10px;
	height:202px;
	float:left
}

#actu h4 {
	color:#1570b3;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase
}

#actu a {color:#1570b3}

#header #left #menu {
	width:660px;
	height:49px;
	float:left;
	color:#fff;
}

#header #left #menu a:link, #header #left #menu a:visited,  #header #left #menu a:active {color:#fff;text-decoration:none}
#header #left #menu a:hover {color:#fff;text-decoration:underlinetext-decoration:none}

#header #left #menu ul {
	width:660px;
	height:47px;
}


/* MENU ******************************************* */
#menu ul {margin:0; list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;padding-left:5px; }
#menu ul li { margin:0; list-style-image:none; font-size:12px;float:left }
#menu ul li a {
	display:inline;
	float:left;
	background:url(../img/sep_menu.jpg) right bottom no-repeat;
	color:#fff;
	text-decoration:none;
	padding:25px 15px 0px 15px;
	height:22px;
}

#content {
	width:950px;
	float:left;
}

#content #top {
	width:950px;
	height:20px;
	float:left;
	background:url(../img/content_top.jpg)
}

#content #middle {
	width:950px;
	padding-top:10px;
	float:left;
	background:url(../img/content_mid.jpg)
}

#content #middle #left {
	width:643px;
	padding:0 5px 0 25px;
	float:left;
}

#content #middle #right {
	width:232px;
	float:right;
	background:url(../img/right_top.jpg) top right no-repeat;
	padding:0 20px 10px 20px;
	color:#fff;
}

#content #middle #right .info {
	margin-top:10px;	height:60px;
	float:left
}

#content #middle #right h2 {font-size:24px;color:#fff}
#content #middle #left h2 {font-size:24px;color:#1570b3}

/* 6 BLOC accueil ******************************************* */

	#content #middle #left #bloc ul {margin-right:8px;margin-top:-10px;}
	#content #middle #left #bloc ul li {
		width:67px;
		height:68px;
		list-style:none;
		margin:5px;
		display:block;
		float:right
	}
	
		#content #middle #left #bloc ul li:hover {
		cursor:help
	}
	#content #middle #left #bloc ul li span {display:none}
	#content #middle #left #bloc ul li.item1 {background:url(../img/bloc1.jpg)}
	#content #middle #left #bloc ul li.item2 {background:url(../img/bloc2.jpg)}
	#content #middle #left #bloc ul li.item3 {background:url(../img/bloc3.jpg)}
	#content #middle #left #bloc ul li.item4 {background:url(../img/bloc4.jpg)}
	#content #middle #left #bloc ul li.item5 {background:url(../img/bloc5.jpg)}
	#content #middle #left #bloc ul li.item6 {background:url(../img/bloc6.jpg)}

ul.produit, h3.produit {display:none}

#content #bottom {
	width:950px;
	height:26px;
	float:left;
	background:url(../img/content_bottom.jpg)
}

#content #left #avantage {
	margin:5px 0 5px 0;
	background:url(../img/sep_avantage.jpg) no-repeat right bottom;
	float:left;
	width:620px;
}

#content #left #schema {
	background:url(../img/schema_maison.jpg);
	width:385px;
	position:absolute;
	z-index:5;
	height:380px;
	margin-left:258px;
	margin-top:-380px;
}

#content #middle #left #bloc {
	float:right;
	width:250px;
	position:absolute;
	z-index:10;
	height:250px;
	margin-left:390px;
}

#content #left #left_schema h3 {
	font-size:16px;
	height:25px;
	margin-bottom:2px;
	padding-top:7px;
	text-transform:uppercase;
	color:#1570B3
}

#content #left #left_schema p {
margin-top:2px;
margin-bottom:10px;}

#content #left #left_schema img {margin-right:5px}

#left_schema {width:260px}

#content #left #avantage h3{
	color:#1570B3;
	font-size:16px;
	text-transform:uppercase;
	height:24px;
	background:url(../img/h3_avantage.jpg) right no-repeat;
	padding-left:30px
}

#footer a:link, #footer a:visited, #footer a:active {color:#222;text-decoration:none} 
#footer a:hover {text-decoration:underline;color:#666} 

/* FOOTER ******************************************* */
#footer {
	height:84px;
	background:url(../img/footer.jpg)
}

#footer #copyright {
	width:950px;
	margin:0 auto;
	height:100px;
	color:#222
}

#footerLeft {
	width:290px;
	padding-left:10px;
	float:left
}

#footerRight {
	width:550px;
	float:right;
	padding-right:100px;
	text-align:right
}

#img_left {
	height:343px;
	margin-top:-270px;
	background:url(../img/aspirateur.png);
	margin-left:850px;
	position:absolute;
	width:160px;
	z-index:1;
}

#footerLeft {float:left}
#footerRight {float:right}


/* FORMULAIRE CONTACT******************************************* */
.formLeft {
	float:left;
	margin-right:12px;
	width:297px
}

.formRight {
	float:left;
	padding-left:12px;
	border-left:1px dashed #0099CC;
	width:297px
}

.fradio {width:15px;height:15px}

.contact input[type="submit"] {
	float:right;
	margin-right:15px;
	border:0;
	margin-left:-25px;
	color::#fff;
	height:30px;
	width:100px;
}


#txt {
width:620px;
padding-bottom:15px;
float:left;
}

#txt.bouton {margin-bottom:10px;}

#right a.devis {
	width:162px;
	margin-top:10px;
	padding:10px 10px 10px 70px;
	height:52px;
	text-decoration:none;
	float:left;
	background:url(../img/dem_devis.jpg) top;
	color:#fff
}

#right a.recrut {
	width:151px;
	margin-top:10px;
	padding:40px 10px 15px 55px;
	height:51px;
	text-decoration:none;
	float:left;
	background:url(../img/recrut.jpg) top;
	color:#fff
}

#right a.recrut:hover {
	background:url(../img/recrut.jpg) bottom;
	color:#fff
}

#right a.contact {
	width:162px;
	padding:10px 10px 10px 70px;
	height:52px;
	text-decoration:none;
	margin-top:8px;
	float:left;
	background:url(../img/dem_contact.jpg) top;
	color:#fff
}

#right a.contact:hover {
	background:url(../img/dem_contact.jpg) bottom;
	color:#fff
}

a.m5 {
display:none}

a.devis span, a.contact span {
	font-size:14px;
	font-weight:bold
}

.contact #submit {
	background:url(../img/submit_contact.jpg) top;
	height:30px;
	border:none;
	width:119px;
	margin-right:20px;
}

.contact #submit:hover {
	background:url(../img/submit_contact.jpg) bottom;
	font-weight:bold;
}



.contact textarea {width:180px;height:100px}
.contact select {width:193px;}

#map {width: 627px; height: 300px;margin-bottom:15px;margin-top:15px; clear:both; color:#000000;text-align:center }
#map strong {color:#1470b3}
#map .gmapDirButton  { background-image:none; padding:3px; border:none; background-color:#01628d; border:1px outset #CCCCCC; color:#FFFFFF; font-weight:bold; cursor:pointer }



/* Bubble pop-up */
        .bubbleInfo {
            position: relative;

        }
        .trigger {
            position: absolute;
			width:67px;
			height:68px;
        }
		

        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
			width:150px;
			margin-left:-20px;
			height:100px;
        	z-index: 50;
			font-size:11px;
			color:#333333;
			padding:5px;
        	border-collapse: collapse;
        }

        .popup .top {
		height:12px;
		background:url(../img/top_popup.png) no-repeat}		
		
        .popup .mid {
		height:auto;
		color:#333;
		padding:14px;
		background:url(../img/mid_popup.png)
		}
		
		#left .popup .mid p{line-height:14px;text-align:center}
				
		.popup .bot {
		height:21px;
		background:url(../img/bot_popup.png)
		}


#left.produit img {
	margin-top:15px;
	float:right;
	margin-bottom:1px;
}

a.kit {
	width:119px;
	height:30px;
	float:left;
	background:url(../img/rub_kit.jpg) top
}
a.kit:hover {background:url(../img/rub_kit.jpg) bottom}

a.kit_pose {
	width:119px;
	height:30px;
	float:left;
	background:url(../img/rub_kit_pose.jpg) top
}
a.kit_pose:hover {background:url(../img/rub_kit_pose.jpg) bottom}


a.prise {
	width:119px;
	height:30px;
	float:left;
	background:url(../img/rub_prise.jpg) top
}
a.prise:hover {background:url(../img/rub_prise.jpg) bottom}

a.option {
	width:119px;
	height:30px;
	float:left;
	background:url(../img/rub_option.jpg) top
}
a.option:hover {background:url(../img/rub_option.jpg) bottom}

a.caract {
	width:119px;
	height:30px;
	float:left;
	background:url(../img/caract.jpg) top
}
a.caract:hover {background:url(../img/caract.jpg) bottom}

#presentation {
	width:622px;
	font-size:11px;
	color:#333;
	height:374px;
	background:url(../img/presentation.jpg) bottom no-repeat;
	float:left
}

#presentation  p{line-height:14px;}
#presentation p.garantie {
	width:230px;
	text-align:right;
	height:100px;
	padding-top:80px;
	float:left
}

#presentation p.filtration {
	width:190px;
	text-align:left;
	height:120px;
	padding-top:60px;
	float:right
}

#presentation p.extension {
	width:210px;
	height:40px;
	padding-top:35px;
	text-align:right;
	margin-top:20px;
	float:left
}

#presentation p.sav {
	width:250px;
	height:40px;
	padding-top:35px;
	margin-right:40px;
	text-align:left;
	margin-top:0px;
	float:right
}

table {text-align:center}

.b, .c ,.d, .e , .f{
	width:80px;
	background-color:#CCC;
	height:25px
}

#presentation h3 {display:none}

.listing {
	float:left;
	width:620px;
}

.listingContent {width:620px}

.listing h3{font-size:14px;width:500px;
padding-top:10px;float:left}
.listingLeft {width:500px;float:left}
.listingRight{width:100px;float:right;padding-top:10px;}
.listingRight em {
	background:url(../img/date.jpg);
	width:108px;
	color:#fff;
	display:block;
	text-align:center;
	padding-top:2px;
	height:16px;
}

.listingContent {
	border-bottom:1px dotted #1570b3;
	margin:15px 0 15px 0;
	padding:5px;
	background:url(../img/bg_listing.jpg) bottom left no-repeat;
	float:left
}

.result {
	width:621px;
	padding:2px;
	margin-top:15px;
	height:21px;
	color:#fff;
	background:url(../img/result.jpg)
}
.result a {color:#fff}

.resultNavInfos {
	width:260px;height:19px;
	padding-right:10px;
	padding-top:2px;
	text-align:right;
	float:right
}

.resultNav{
	width:315px;height:19px;
	padding-left:10px;
	padding-top:2px;
	float:left
}


.pageNav {
	width:620px;
	height:30px;
	margin-bottom:20px;
	float:left
}

.pageNavSearch {
	float:left;
	width:280px;
	border-right:1px dotted #1570b3
}

.pageNavCats {
	float:left;
	padding-left:15px;
	width:300px
}


.pageNavCats select, .pageNavCats input[type="text"]  {float:left;}
.pageNavSearch input[type="text"] {width:200px;float:left}
.pageNavCats input[type="submit"], .pageNavSearch input[type="submit"]  {
	background:url(../img/actu_submit.jpg);	width:45px;
	margin-left:5px;
	margin-bottom:2px;
	padding-bottom:5px;
	float:left;
	border:0;
	height:25px
}

.carte {
float:left;
width:170px;
background:#CCCCFF;
padding:200px 0px 0 450px;
margin-right:10px;
height:274px;
background:url(../img/carte.jpg) left no-repeat
}

.carte p {
line-height:12px;}