/* 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 }


.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;
  }