/* Feuille de style pour le site Waterair | 24/06/2006
Si modification demander maxime.castanie@activis.net
/* import CSS  */
/* ------------------------------------------------------- */
@import url(typographie.css);
@import url(formulaire.css);
@import url(box.css);
/* Mise en place des Layout ( disposition et gabari ) */


/* ////////////////////////////////////////////////////////////////// */
/* ELEMENTS GENERAUX */
/* ////////////////////////////////////////////////////////////////// */

* {
	margin: 0; padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font: 62.5%; color: #555555;*/
	background: url('images/fond-site.gif') center repeat-y #fff;
}

img {
	border: 0 none;
}

#pop-produit-notification {
	z-index: 1; 
	width: 370px; 
	border: 1px solid #0099CC; 
	background-color: #fff; 
	position: absolute;
	padding: 7px; 
	font: 11px arial; color:#000000;
}
	#pop-produit-notification img { margin: 2px 0 5px 6px }

#inscription-nl {
	background: #fef9dd;
	font-size: 11px;
	padding: 3px;
	margin: 0 3px 0 3px;
	text-align: center;
}
	#inscription-nl input {
		cursor: pointer;
		margin: 5px 0;
	}
	
	#inscription-nl a {
		color: #dddddd;
		text-decoration: none;
	}
	#inscription-nl a:hover {
		text-decoration: underline;
	}

.clearboth {
	clear: both;
	visibility: hidden;
	height: 1%;
}

.invisible {
	display: none;
}

/* ////////////////////////////////////////////////////////////////// */
/* MISE EN FORME GENERALE */
/* ////////////////////////////////////////////////////////////////// */

div#menu {
	position: absolute;
	margin: 0 0 0 15px !important;
	clear:both;
}
#header { 
	margin: auto; 
	width: 878px; height: 114px; 
	background: url(images/header2.jpg) no-repeat;
}

#entete { position: relative; clear:both; height:72px; }
#entete #carouselConteneur { position: absolute; left: 250px; top: 2px; width: 360px; height: 65px; background: transparent; overflow: auto;}
#entete table { margin:0; float:right; }
#entete form { margin:0; float:right; }
#gauche-droite { /* gere l'ensemble */
	width: 878px;
	margin-left: auto; margin-right: auto;
	background: #fff; /* url('images/fond-bg-global.jpg') top no-repeat */
} 

#gauche-gauche { float:left; width: 463px; }
#gauche-pleinepage { float:left; width: 683px; }
	#gauche-pleinepage ul { list-style-position:inside; }
#gauche-centre { float:left; width:220px; }
	
	#gauche {  
		float:left; 
		width:688px;
	}
	#droite { 
		float:right;
		width:180px; 
		padding-right:3px;
		text-align:left;
	}
.logo-engagement img{ float: left }
#verisign { background:url(images/logo-verisign-2.gif) no-repeat; width: 100px; height: 72px; float: left; margin: 0 0 0 26px  }

#footer { /* gere le pied de page */
	/*margin: auto; margin-top:-6px !important; margin-top:0; padding: 10px 0 0 0;
	width:878px; */
	clear:both; height:50px;
	margin:50px 0 10px 0;
	/*background: url('images/degrade-footer.jpg') top repeat-x #fff;*/
	
}

	#footer ul { 
		list-style:none;
		margin-left:16px;
	}
	
	#footer li { 
		display:inline;
		margin:10px 10px 5px 10px;
	}
	
		#footer a { 
			text-decoration:none;
			color:#4977B6;
			font-weight:bold;
			font-size:11px;
		}
#li_footer a { color:#666; font-size:11px; font-weight: normal; }

.zone-contenu { margin:0 0 5px 10px;}
#chemin-panier { list-style:none; margin:10px 0 5px 10px;  }
#chemin-panier li { display:inline;  }
.chemin-panier-actif a { font-size:16px; color:#FF8F2C; text-decoration:none; font-weight:bold;}
.chemin-panier-non-actif a { font-size:16px; color:#666; text-decoration:none; }
.ajouter-table-210 { margin:0 0 0 55px !important; margin:0 0 0 0px; }	
.ajouter-table-427 { margin:0 0 0 175px !important; margin:0 0 0 0px; }	
	
	/* produits consult�s */
	#produitConsulte { clear:both; margin:50px 0 0 15px; width:660px; }
		#produitConsulte h4{ font-family: arial, helvetica, sans-serif; font-size:14px; color:#006DBC; text-transform:uppercase;  }
		#produitConsulte p { font-family: arial, helvetica, sans-serif; font-size:11px; color:#006DBC; margin:0;}
		.categorie { font-family: arial, helvetica, sans-serif; font-size:11px; color:#429385; font-weight:bold; }
		.produit { font-family: arial, helvetica, sans-serif; font-size:11px; color:#006DBC; font-weight:bold;}
		.bordure-bottom { border-bottom:1px dotted #6DB6DA; }
		hr.bordure-dotted {
			clear:both;
			border: none 0;
			border-top: 1px dotted #999;/*the border*/
			width: 80%;
			height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
			margin-left: auto; margin-right: auto;
			
		 }
		.prix-18pt { font-size:12px; color:#f00; font-weight:bold; letter-spacing: -1px }
		

	/* droite : votre panier, espace perso */		
	#panierVignette, #menu_droite { 
		float: right;
		width: 173px;
	}
	
	#menu_droite { 
		margin-top:10px;
		padding-top:0;
		background: url(images/menu-droite.gif) no-repeat;
	}
	
	#menu_droite_btm{ 
		float: right;
		width: 173px;
		height:21px;
		background: url(images/menu-droite-bottom.gif) no-repeat;
	}
	.cadi-img {margin-top:5px; vertical-align:middle; height:27px;}
		.panier-haut {
			float: left;
			width: 173px; height: 34px;
			background: url(images/fond-panier-haut.gif) no-repeat;
		}
		
		.panier-milieu {
			float: left;
			padding: 10px;
			width: 153px;
			background: url(images/fond-panier-milieu.gif) repeat-y;
		}
		
			img.panier-image {
				float: right;
			}
			
		.panier-bas {
			float: left;
			width: 173px; height: 23px;
			background: url(images/fond-panier-bas.gif) no-repeat;
		}
ul.erreur-mdp { list-style:none; clear:both; margin:10px 0 0 15px; color:#f00}
ul.liens210 { list-style:none; clear:both; margin:10px 0 0 15px;}
	ul.liens210 li { margin:0 0 10px 0;}
.liens210 a { text-decoration:none; font-size:11px; color:#666;}
/*select & input */
.selectdossier { 
	width:150px;
	margin:5px 0 0 25px;
	border:1px solid #D7BF6C;
 }
 .selectdossier option { 
	color: #A98D2E;;
 }
 .research { 
 	width:150px;
	margin:5px 0 0 14px; padding: 1px;
	border:1px solid #D7BF6C; color:#666666;
 }
 
  .research-index { 
 	width: 63px; height:17px;
	margin:0; padding: 0 3px 0 3px;
	border:1px solid #BCDCF3;
	color: #0878BA; font-size:10px;
 	}
  .ok { margin: 0 }
 
.customer-menu { 
	width:100px;
	margin:0;
	border:1px solid #BCDCF3;
	color: #0878BA;
	margin:5px 0 0 0; }
 
label.annonce { display: inline ; float: left ; width: 170px ; font-weight: bold ; margin-left: 75px ;  clear:both;}
input.annonce { background-color: #D7BF6C; border:1px solid #660000; width:220px; }
textarea.annonce { background-color: #D7BF6C; border:1px solid #660000;  width:220px; }
select.annonce { background-color: #D7BF6C; border:1px solid #660000;  width:220px; }
input.panier { background-color: #FF8F2C; border:1px solid #660000; width:150px; }
.codepromo {
	border:1px solid #53A700;
	height:15px;
	}

.recap { margin:5px; }
.contour-error { border:1px solid #FFEB12; background-color:#FFF7D2; padding: 5px; margin: 4px 8px 4px 12px }

/* Panda's super tooltip */
	#bubble {
		background: #fff; border:1px solid #000;
		position:absolute;
		display:none;
		padding:10px;
		filter:alpha(opacity=75);
		-moz-opacity:.75;
		opacity:.75;
	}
	.bubble {
		background: #fff; border:1px solid #000;
		position:absolute;
		display:none;
		padding:10px;
		filter:alpha(opacity=85);
		-moz-opacity:.85;
		opacity:.85;
	}
#specifications ul { list-style:none; clear:both;  }
#specifications li { }

.tablo-recap {
	border-style:solid; 
	border-width:1px; 
	border-color:#fff;
	border-collapse:collapse;
	margin:20px 0 0 15px;
 }

.tablo-recap td { 
	border-style:solid; 
	border-width:1px; 
	border-color: #F9F9F9;
	background:#fff;
	 }
	
	 .entete-recap th { border:none; background:#FFF1E6; }


/* divers */
.tableau_donnees td { padding: 2px 3px 2px 0 }
.tableau_commande { width: 96%; margin-top: 20px }

#stockLevel {
	cursor: pointer;
	position: relative; top: 10px;
}
* + html, * html #stockLevel {
	cursor: pointer;
	position: relative; top: 0;
}

/* Carousel */
#carouselText { padding: 5px; font-size: 11px; }

#CarouselWaterair { font-size: 12px; }

#CarouselWaterair li img { float: left; margin: 1px 20px 0 10px; }

.carouselItemLibelle { float: left; margin: 5px 0; font-weight: bold; height: 16px; }

.carouselItemLibelle a { display: block; height: 16px; float: left; background: url(images/carousel-r.gif) right no-repeat; padding: 0 10px; text-decoration: none; color: #fff; }

.carouselItemPrixMargin { margin-top: 28px; }

.carouselItemPrix { text-decoration: line-through !important; text-decoration: none; color: #f00; }

.carouselItemPrixReduit { text-decoration: none; color: #f00; font-weight: bold; font-size: 20px; }

.jcarousel-skin-waterair .jcarousel-container { width: 280px; height: 61px; background: transparent; overflow:hidden;}

.jcarousel-skin-waterair .jcarousel-container-horizontal {width: 280px; padding: 2px 40px;}

.jcarousel-skin-waterair .jcarousel-clip-horizontal { width: 280px;}

.jcarousel-skin-waterair .jcarousel-item { width: 280px; height: 61px;}

.jcarousel-skin-waterair .jcarousel-item-horizontal { margin-right: 10px;}

.jcarousel-skin-waterair .jcarousel-item-placeholder { background: #fff; color: #000;}

.jcarousel-skin-waterair .jcarousel-next-horizontal,
.jcarousel-skin-waterair .jcarousel-next-horizontal:hover,
.jcarousel-skin-waterair .jcarousel-next-horizontal:active {
    position: absolute;
    top: 25px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(images/next.png) no-repeat 0 0;
}

.jcarousel-skin-waterair .jcarousel-next-disabled-horizontal,
.jcarousel-skin-waterair .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-waterair .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}

.jcarousel-skin-waterair .jcarousel-prev-horizontal,
.jcarousel-skin-waterair .jcarousel-prev-horizontal:hover,
.jcarousel-skin-waterair .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(images/previous.png) no-repeat 0 0;
}

.jcarousel-skin-waterair .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-waterair .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-waterair .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}



/* Rappel du mail - compte client */
.errorRappelMail {
  padding: 5px 0 5px 3px; margin: -3px 3px 25px 3px !important;
  border: 1px solid #FFEB12; background-color: #FFF7D2; color: black !important;
  }
  .errorRappelMail strong {
    display: block;
    text-align: center;
    }

/* champs de saisies */
.margtop {
  margin-top: 10px;
}
.bloc-saisie {
  float: left; width: 100%;
}
  .code-client {
    width: 80px;
  }
  .ex-code-client {
    color: rgb(130,130,130); cursor: default;
}
/* COVERWAT */
.coverwatZoom:hover{
	cursor:url('/lib/js/facebox/zoom.cur'), pointer;
}

.coverwatPlan{
	text-align: center;
	margin:10px 0;
}

.coverwatPointer:hover{
	cursor:pointer;
}

.coverwatble{
	margin: 0px!important;
	padding: 0;
	width: 413px;
	border-collapse: collapse;
	background-color: white;
}


.checkYourPool .coverwatble{
width:403px;
}
.coverwatble td{
	padding:3px 5px;
	border: 1px #999 solid;
}
.covertwat_couleur td{
	text-align: center;
}

.checkYourPool{
	background-color : #FFF0E1;
	width:405px;
	margin-left:-6px;
	padding:10px;
}

.coverwatitle{
	width: 405px;
	padding:5px 10px;
	background-color: rgb(255, 153, 0);
	color: white;
	font-family: Arial;
	font-size: 1em;
	margin : 10px 0 10px -6px;
}

.checkYourPool .coverwatitle
{
	width: 405px;
	padding:5px 10px;
	background-color: rgb(255, 153, 0);
	color: white;
	font-family: Arial;
	font-size: 1em;
	margin : -10px 0 10px -10px;
}
.coverwat-inactif{
	background-color: #CCC;
}

.coverwatPointer{
	cursor: pointer;
}

p.right{
text-align:right;
}

p.degage{
font-size:14px;
text-align:center;
font-weight:bold;
}

input.yes{
background:url(images/btn-bck.gif) 0 0 no-repeat;
border:none;
color:#fff;
height:24px;
width:42px;
cursor:pointer;
}

input.no{
background:none;
border:none;
color:#000;
border-bottom:1px solid #000;
cursor:pointer;
font-size:11px;
}

.readonlyQty{
background-color: #C0C0C0;
text-align: right;
border:1px solid #C0C0C0;
}
#readme{
background:#FFF;
padding:10px;
width:405px;
margin-left:-10px;
margin-top:10px;
margin-bottom:-10px;
padding-bottom:0;
}

#readme .printbouton{
text-align:center;
display:block;
width:85px;
margin:10px auto;
margin-bottom:0;
}

/*** NEW SEARCH ENGINE ***/
#jquery-live-search {
	position: absolute; background: #fff; z-index: 1000;
	font-size: 0.8em;
}
#ajax_live_result {
	border: 4px solid #20a0e0;
}
#jquery-live-search ul { list-style: none }
	#jquery-live-search ul li { padding: 3px 5px }
	#jquery-live-search ul li a { text-decoration:none }
	#jquery-live-search ul li:hover { background: #f5f5f5 }
	.prod_title, .folder_title, .faq_title { color: #000 }
	.prod_ref { font-size: 0.9em }
	.prod_descr, .folder_descr, .faq_descr { font-size: 0.9em; color: #999 }
	.list_title { background: #98c8f8; padding: 3px 5px }
	.list_title a {
		color: #000; text-decoration: none;
	}
	.no_result { color: red; margin: 5px 0 }
	.suggest_word { margin: 5px 0 }


/* page de résultat de recherche */
.product_search { margin: 0 0 10px 0; padding: 6px 0 }
	.product_search:hover { background-color: #f5f5f5 }
.product_search_thumbnail { float: left; width: 72px; overflow:hidden; text-align: center; }
.product_search_desc { float: left; width: 328px }