@import url(contents.css);
@import url(forms.css);
/* ----------------------------------------------------- */
/* ------------------------- GENERAL ------------------- */
/* ----------------------------------------------------- */
body, html { 
   margin: 0; padding: 0;
}
body { 
   font: 11px Verdana,Georgia,Tahoma,sans-serif; 
   color: #000;
   
   background : url(images/eau-2-pluie-background-jean.gif);	
}
div {
   margin: 0; padding: 0;  
}
h1, h2, h3, h4, h5, h6, p {
   margin: 0; padding: 0;
   margin-bottom: 8px;
}
h1 {
	font-size: 15px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4, h5, h6 {
	font-size: 12px;
}
hr{
	border: 1px #ACE410 solid;
}
ul,dl,dt,dd,li {
	padding:0;
	margin:0;
}
p {
	display:block;
}
li {
	list-style:none;
}

img {
	border:0;
}

a {
	color: #0880D6;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

form {
	margin:0;
	padding:0;
}

input,select {
	font-size: 11px;
}
legend {
	padding:0;
	margin:0;
	color:#790102;
	font-weight:bold;
	font-size:10px;
	display:none;
}

.messageStackWarning{
	background:#790102;
	color:#fff;
	padding:5px;
}
#index {
	clear:right;
}
.messageStackSuccess{
	background:#FF9000;
	color:#fff;
	padding:5px;
	text-align:center;
	float:right;
	width:500px;
}
.messageStackError{
	background:#DC0404;
	color:white;
	font-weight:bold;
	margin-bottom:3px;
}
.labelLeftInputRight {width:100%;text-align:center;}
			.labelLeftInputRight p {
				display:block;
				clear:both;
				border: 1px #318ED2 solid;
			}
			#Page_contact_us p {
				width:445px;
			}
			.labelLeftInputRight label {display:block;float:left;}
			.labelLeftInputRight input, .labelLeftInputRight select {display:block;float:right;border:1px red solid;}
			.notIn label {display:inline;float:none;}
			.notIn input, .notIn select {display:inline;float:none;}

/* ----------------------------------------------------- */
/* ------------------------- LAYOUT -------------------- */
/* ----------------------------------------------------- */

#page{
	position: relative;
	width : 961px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#bandeau-liens {
	height:14px;
	padding-top:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:white;
	float:left;
}
		#bandeau-liens a {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color:white;
			text-decoration:none; 
			margin-right:10px;
			margin-left:5px;
		}
		#bandeau-liens a:hover {
			text-decoration: underline;
		}
		#bandeau-liens #bd-ln-accueil {
			background: url(images/eau-2-pluie-bd-ln-accueil.gif); 
			padding-left:15px;
			background-repeat: no-repeat;
			background-position: left; 
		}
		#bandeau-liens #bd-ln-plan {
			background: url(images/eau-2-pluie-bd-ln-plan.gif); 
			padding-left:15px;
			background-repeat: no-repeat;
			background-position: left;
			
		}
		#bandeau-liens #bd-ln-contact {
			background: url(images/eau-2-pluie-bd-ln-contact.gif); 
			padding-left:15px;
			background-repeat: no-repeat;
			background-position: left;
		}

#bandeau-logo {
	height: 126px;
	background: url(images/eau-2-pluie-autre-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;
	clear:both;
}
		#bandeau-logo #bd-lg-logo{
			margin-left:14px;
			padding-top:20px;
			width:200px;
			display:block;
		}
		#bandeau-logo #bd-lg-panier-container {
			position: absolute;
			right: 18px;
			top:87px;
		}
		#bandeau-logo #bd-lg-panier{
			
		}
		#bandeau-logo  #mn-gc-promotion {

			}
		#bandeau-logo  #mn-gc-nouveaute{

			}
#Page_index #bandeau-logo {
	height: 126px;
	background: url(images/eau-2-pluie-accueil-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;
	clear:both;
}
		#Page_index #bandeau-logo #bd-lg-logo{
			margin-left:19px;
			padding-top:25px;
			width:200px;
			display:block;
		}

		
#mainContent{	
	background: url(images/eau-2-pluie-main-background.gif);
	background-repeat: repeat-y;
	background-position: top left;

}
			#mainContent-in{
				
				margin-left:7px;
				margin-right:6px;
				background: url(images/eau-2-pluie-menu-bottom.jpg);
				background-repeat: no-repeat;
				background-position: bottom left;
				padding-bottom:60px;
			}
			#Page_index #mainContent-in{
				background: url(images/eau-2-pluie-accueil-mbg.gif);
				background-repeat: no-repeat;
				background-position: top left;
				height:483px;
				
			}
#menu-gauche { 
	float: left;
	width: 260px; 
	background: url(images/eau-2-pluie-menu-background.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
	#menu-gauche #bandeau-onglets {
				padding-right:5px;
				min-height: 0px;
				height: auto; 
	}		
		#menu-gauche #bandeau-onglets  ul {
				margin-left: 5px;
				
			}
			#menu-gauche #bandeau-onglets  ul ul {
				margin:0;
				padding:0;
				margin-left:27px;
			}
			#menu-gauche #bandeau-onglets  ul li a {
				font-size:11px;
				color: #ff9000;
				font-weight:bold;
				text-decoration: none;
				margin:0;
				padding:0;
				padding-left:15px;
				background: url(images/eau-2-pluie-onglets-puce.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			#menu-gauche #bandeau-onglets  ul ul li a {
				background: none;
				font-size:10px;
				font-weight:normal;
				margin:0;
				padding:0;
			}
			#menu-gauche #bandeau-onglets  a:hover {
				text-decoration: underline;
			}
			#menu-gauche #bandeau-onglets  ul li {
				margin-top:5px;
				padding-bottom: 10px;
				background: url(images/eau-2-pluie-mn-gc-border.gif);
				background-repeat: no-repeat;
				background-position: left bottom;
			}
			#menu-gauche #bandeau-onglets  ul ul li {
				list-style: none;
				background: none;
				padding:0;
				margin:0;
				margin-bottom:8px;
				margin-top:2px;
			}
		

#Page_index #menu-gauche { 
	float: left;
	width: 220px; 
	background: none;
}
			#menu-gauche #mn-gc-categories {
				padding-right:5px;
				min-height: 220px;
				height: auto !important;
				height: 220px; 
			}
			#Page_index #mn-gc-categories {
				padding-right:5px;
				min-height: 0px;
				height: auto; 
			}
			#menu-gauche #mn-gc-categories h4 {
				display:none;
			}
			#menu-gauche #mn-gc-categories ul {
				margin-left: 5px;
				
			}
			#menu-gauche #mn-gc-categories ul ul {
				margin:0;
				padding:0;
				margin-left:27px;
			}
			#menu-gauche #mn-gc-categories ul li a {
				font-size:11px;
				color: #0780cf;
				font-weight:bold;
				text-decoration: none;
				margin:0;
				padding:0;
				padding-left:15px;
				background: url(images/eau-2-pluie-mn-gc-puce.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			#menu-gauche #mn-gc-categories ul ul li a {
				background: none;
				font-size:10px;
				font-weight:normal;
				margin:0;
				padding:0;
			}
			#menu-gauche #mn-gc-categories a:hover {
				text-decoration: underline;
			}
			#menu-gauche #mn-gc-categories ul li {
				margin-top:5px;
				padding-bottom: 10px;
				background: url(images/eau-2-pluie-mn-gc-border.gif);
				background-repeat: no-repeat;
				background-position: left bottom;
			}
			#menu-gauche #mn-gc-	 ul ul li {
				list-style: none;
				background: none;
				padding:0;
				margin:0;
				margin-bottom:8px;
				margin-top:2px;
			}
			
			
#pageContent {
	float: left;
	width: 665px;
	padding:5px;
	padding-left:15px;
	/*background:#fff;*/
}
#Page_index #pageContent {
	float: left;
	width: 718px;
	padding:5px;
	background:transparent;
}
#Page_product_info #pageContent {
	float: left;
	width: 680px;
	padding:0px;
	padding-left:0px;

}
			
				
#bottom-tools{
	font-size:10px;
	font-weight:bold;
	color:#ff7e00;
	height:24px;
}
#bottom-tools-index {
	font-size:10px;
	font-weight:bold;
	color:#ff7e00;
	height:26px;
	padding-top:30px;
	background: url(images/eau-2-pluie-footer.gif) top no-repeat;
}
			
			#bottom-tools  input, #bottom-tools-index  input{
				border:1px solid #ff7e00;
			}
			#bottom-tools .btOk, #bottom-tools-index .btOk
			{
				border:0px;
			}

			#bottom-tools h4, #bottom-tools-index h4 {
				display:none;
			}
			#bottom-tools ul, #bottom-tools-index ul {
				text-align:right;
			}
			#bottom-tools li, #bottom-tools-index li {
				display:inline;
				
			}
			#bottom-tools li a, #bottom-tools-index li a {
				font-size:10px;
				font-weight:bold;
				color:#ff7e00;
				text-decoration:none;
				padding-right:10px;
				padding-left:10px;
			}
			#bottom-tools li a:hover, #bottom-tools-index li a:hover {
				text-decoration:underline;
			}

#bg-bottom {
	height:14px;
	background: url(images/eau-2-pluie-bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
#footer{
	clear: both;
	height:16px;  
	font-size:10px;
	color:white; 
	text-align:left;
}
			#footer  #ft-left {
				float:left;
			}
			#footer  #ft-right {
				float:right;
			}
			#footer  a{
			 color:#a4da03; 
			 font-size:10px;
			 text-decoration:underline;
			}
			#footer a:hover{
			 color:white; 
			}

/* ----------------------------------------------------- */
/* ----------------------- MENU BOXES ------------------ */
/* ----------------------------------------------------- */


#menu-gauche .box {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom:1px #ccc solid;
}

#menu-gauche .box h4 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

#menu-gauche .box ul {
	padding: 0px;
	margin: 0px;
}

#menu-gauche .box li {
	list-style-type: none;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}




/* Page spillers *************************************/

#splitPageTop, #splitPageBottom {
	display:block;
	font-size:9px;
	clear:both;
}

#splitPageTop .sP1, #splitPageBottom .sP1{
	float:left;
}
#splitPageTop .sP2, #splitPageBottom .sP2{
	float:right;
}


/* Footer ********************************************/





/* ------- forms --------- */

input#search {
  width:130px;
  border: 1px solid #16495C; 
  padding: 1px; 
  font-size: 0.9em;
}


/* ------- Buttons ------- */

.navBt {
	color:#000;
	
}
			.navBt a{
				color:#fff;
			}
.addCart {
	background:url(images/boutons/eau-2-pluie-ajouter-panier.gif) no-repeat;
	display:block;
	float:left;
	width:207px;
	height:28px;
}


/* ------- original --------- */

SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


.sitemap_sscategories {
	margin:0;
	margin-left:10px;
}
.sitemap_products{
	margin:0;
	margin-left:20px;
}

.address {
	margin-left:25px;
	color: #5A4E5C;
}
