/* >>>>>>>>>> Fichier CSS - Site web Irrigation Depot <<<<<<<<<< */


/* >>>>>>>>>> LIENS <<<<<<<<<< */
/*a:link {color:#45D1EB; text-decoration:underline;font-weight:normal;}
a:visited {color:#45D1EB; text-decoration:underline; font-weight:normal;}
a:hover {color:#5a90a6; text-decoration:none; font-weight:normal;}
a:active {color:#45D1EB; text-decoration:underline; font-weight:normal;}*/

a:link,a:visited,a:hover, a:active {font-weight:normal;}


input.recherche{width:95px; font-size:11px;}

 


/* >>>>>>>>>> HTML <<<<<<<<<< */
img {border:0px none;}
h1 {color:#225673; font-size:1.9em;}
h2 {color:#76aa55; font-size:1.6em;}
h3 {font-size:1.3em;}
h4 {color:#5a90a6; font-size:1em;}
ul {list-style-type: square;}

/* >>>>>>>>>> STRUCTURE <<<<<<<<<< */
html, body {
	height:100%;
}

html > body #contenant {
    height:auto;
}

body {
    background:#fff repeat scroll 0pt;
    color:#11303d;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    margin:0pt;
    padding:0pt;
    text-align:center;
}
#contenant {
	background:#fff none repeat scroll 0%;
    display:block;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    min-height:100%;
    overflow:visible;
    position:relative;
    text-align:left;
    width:996px;
}

#zoneContenu {
	position:relative;
	margin-top:147px;
	margin-bottom:35px !important;
	left:7px;_left:6px;
	text-align:left;
	width:740px;
	z-index:1;
}

/* >>>>>>>>>> ELEMENTS <<<<<<<<<< */
#banniere {
	position:absolute; 
	/*background:url(../images/banniere_irrigation.jpg) no-repeat;*/ 
	top:3px;
	left:3px;
	height:167px;
	width:990px;
}

#menuHaut {
	position:absolute;
	top:176px;
	left:3px;
	padding:0;
	margin:0;
	text-align:left;
	width:996px;
}
#menuHaut ul {
    margin:0;
    padding:0;
    list-style-type: none;
	display:inline;
}

#menuHaut ul li {
	height:40px !important;
	float:left;
}

#recherche {
    position:relative;
	background:#8bb8ca;
	width:220px;
	_width:228px;
	/*height:73px;*/
	top:223px;
	left:8px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	padding:23px 0px 15px 10px;
	z-index:3;
}

#menu {
    position:relative;
	width:235px;
	top:220px;
	left:3px;
	float:left;
	clear:left;
	z-index:2;
}

#menu ul {
    margin:0;
    padding:4px 8px;
    list-style-type: none;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}

#menu ul li a, #menu ul li a:link {color:#3a3f42; text-decoration:none;}
#menu ul li a:visited {color:#3a3f42; text-decoration:none;}
#menu ul li a:hover {color:#5a90a6; text-decoration:underline;}


#menu ul li {
    border-bottom:1px solid #d4d4d4;
	line-height:1.7em;
	background:url(../images/puce_menu.gif) no-repeat 0 45%;
	text-indent:20px; 
	margin:0; 
	padding:0;
	width:100%;
}

div.element ul li.derniere-ligne,
#menu ul li.derniere-ligne {
    border-bottom:0;
}

div.panier {
	height:36px;
	width:235px;
}
div.caisse {
	margin-top:5px;
	height:36px;
	width:235px;
}

div.titre {
	height:29px;
	width:235px;
	margin-top:10px;
}

#image {
    position:absolute;
	top:223px;
	left:246px;
	height:auto;
}


.titre-section {
    background:url(../images/section_contenu.gif) no-repeat 0 0;
	width:571px;
	height:29px;
	padding:0;
	margin:10px 0 0 0;
}


table td {vertical-align:top;}

.contenu {
	width:559px !important;
	_width:570px;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:10px 5px 10px 5px;
	min-height:500px; 
	_height:100%;
}


.contenu a:link {color:#3a3f42; text-decoration:none;}
.contenu a:visited {color:#3a3f42; text-decoration:none;}
.contenu a:hover {color:#5a90a6; text-decoration:underline;}

div.speciaux {margin-top:10px; margin-left:4px;}
table.speciaux {
    margin-top:-10px;_margin-top:-5px;
	left:-6px !important;_left:2px;
	position:relative;
	border-spacing:10px;_border-spacing:2em;
	width:187px;_width:171px;
}

table.speciaux td {
    border:1px solid #d4d4d4;
	text-align:center;
}

#spacer {
    height:1px;
}