/*
Equip Jardin Direct
Designed by Stéphane Bergero http://www.punktitude.com
*/


/* couleurs du site */
/*
Vert : #00aa4e
Bleu : #007cbb
Jaune : #fabd46 < #f3bb48
*/


* {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;
	margin: 0;
}
body {
	font-family: "Gill Sans", sans-serif, Arial, Helvetica;
	font-size:76%;
	font-style:normal;
	font-weight:normal;
	background:url(../images/bg-container3.jpg) repeat-y top;
}
a {
	color:#000;
	text-decoration: underline;
}
a:visited {
	color:#000;
	text-decoration: underline;
}
a:hover {
	color:#000;
	outline: none;
	text-decoration:none;
}
hr {
	clear:both;
	visibility:hidden;
}




/*-------------------- CONTENEURS --------------------*/

#container {
	background:url(../images/bg-carrelage.jpg) repeat;
	margin: 0 auto;
	padding:0 0 30px;
	position: relative;
	text-align: left;
	width: 957px;
}
#header {
	height: 300px;
	overflow: hidden;
	margin-bottom: 1em;
	position: relative;
	z-index: 500;
}
	#header h1 {
		background: url(../images/ejd-logo-png24.png) no-repeat center top;
		left: 5px;
		position: absolute;
		top: 170px;
		z-index: 1001;
	}
	#header h1 a, #header h1 {
		display: block;
		height: 130px;
		text-decoration: none;
		width: 340px;
	}
	#header a {
		height:100px;
	}
	#header span, #header h2 {
		display:none;
	}
#footer {
	background:url(../images/bg-footer.jpg) no-repeat center top;
	border-top: #fff 0px solid;
	color: #fff;
	margin: 0 auto;
	padding: 25px 0px;
	text-align: center;
	width: 977px;
}
	#footer p {
		margin-bottom: 10px;
	}
	#footer ul li {
		display:inline;
		list-style: none;
		padding:0 10px;
	}
	#footer img {
		vertical-align: middle;
	}
	#footer a {
		color: #fff;
	}
.paginator {
    clear: both;
    text-align: center;
}



/*-------------------- HEADER SLIDESHOW --------------------*/
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
	ul.crossfade img {
		width: 957px;
	}
#fade li {
	position: absolute;
	top: 0;
	left: 0;
	width: 957px;
	height: 280px;
	visibility: hidden;
}


/*-------------------- MENUS --------------------*/

#nav1 {
	background: url(../images/menu-bg.png) repeat-x 0 0;
	font-size: 1.25em;
	font-style: italic;
	height: 30px;
	padding: 0 0 0 340px;
	position: absolute;
	top: 270px;
	width: 617px;
	z-index: 1000;
}
	#nav1 ul.dropdown li {
		background-color: transparent;
		border-color: #FFFFFF #D9D9D9 #D9D9D9;
		border-style: solid;
		border-width: 0 1px 0 0;
		color: #fff;
		height: 17px;
		list-style: none;
		padding: 5px 10px;
	}
	#nav1 ul.dropdown li.boutique {
		background: url(../images/bg-menu-clignote.gif) repeat-x;
	}
	#nav1 ul.dropdown li.last {
		border-width: 0;
	}
	#nav1 ul.dropdown li.hover,
	#nav1 ul.dropdown li:hover {
		background-color: #ffaa00;
		background-image: none;
		color: #007cbb;
	}
	#nav1 ul.dropdown li.hover,
	#nav1 ul.dropdown li:hover {
		cursor:default;
		position:relative;
		z-index:599;
	}
	#nav1 a {
		color:#fff;
/*		background:url(../images/menu-bg.jpg) no-repeat right top;*/
		text-decoration:none;
		padding:5px 20px 2px 15px;
		border:none;
	}
	#nav1 a:hover {
		color: #007cbb;
/*		background: url(../images/menu-bg.jpg) no-repeat right bottom;*/
		text-decoration: none;
	}





/*-------------------- CONTENUS --------------------*/

#content {
	padding: 0px 10px;
	font-size:1.2em;
	float: left;
	min-height: 500px;
	height: auto;
	width: 536px; 
}
/*	#content a {
		color:#007cbb;
		text-decoration:none;
		border-bottom:#fabd46 2px solid;
	}*/
	#content a:hover {
		color:#00aa4e;
		text-decoration: none;
	}
	
	#content #accueil {
	}
		#content h1,
		#content #accueil h1,
		#content #produits h1,
		#content h1#notre-selection,
		#content h1#terrasse-et-balcon,
		#content h1#le-jardin {
			height: 42px;
			margin-bottom: 15px;
			text-indent: -9999px;
		}
		#content h1.display {
			text-indent: 0px;
		}
		#content #accueil h1,
		#content h1#notre-selection {
			background: url(../images/notre_selection-titre.png) no-repeat 0 0;
		}
		#content h1#terrasse-et-balcon {
			background: url(../images/terrasse-titre.png) no-repeat 0 0;
		}
		#content h1#le-jardin {
			background: url(../images/jardin-titre.png) no-repeat 0 0;
		}
		#content h1#actualites {
			background: url(../images/actualites-titre.png) no-repeat 0 0;
		}
		#content h1#conditions_vente {
			background: url(../images/conditions_vente-titre.png) no-repeat 0 0;
		}
		#content h1#garanties {
			background: url(../images/garanties-titre.png) no-repeat 0 0;
		}
		#content h1#livraison {
			background: url(../images/livraison-titre.png) no-repeat 0 0;
		}
		#content h1#societe {
			background: url(../images/societe-titre.png) no-repeat 0 0;
		}
		#content h1#contact {
			background: url(../images/contact-titre.png) no-repeat 0 0;
		}
		#content h1#liens {
			background: url(../images/liens-titre.png) no-repeat 0 0;
		}
		#content #accueil a,
		#content #produits a {
			color:#007cbb;
			text-decoration: none;
		}
		#content #accueil a:hover,
		#content #produits a:hover {
			color:#00aa4e;
			text-decoration: none;
		}
		#content #accueil img,
		#content #produits img {
			border: 1px solid #ddd;
		}
		#content #accueil img:hover,
		#content #produits img:hover {
			border: 1px solid #00aa4e;
		}
		#content #accueil div.newslist_item,
		#content #accueil div.accroche,
		#content #produits div.newslist_item,
		#content #produits div.accroche {
			background-color: #fff;
			border: #ccc 2px solid;
			float: left;
			margin: 0 10px 10px 0;
			padding: 5px;
			position:relative;
			width: 112px;
		}
			#content #accueil div.newslist_item h2,
			#content #produits div.newslist_item h2 {
				color: #007cbb;
				font-size: 1.25em;
				line-height: 1em;
				text-align: left;
			}
			#content #accueil div.newslist_item p.newsdate,
			#content #produits div.newslist_item p.newsdate {
				display: none;
			}
			#content #accueil div.newslist_item .newsheader,
			#content #produits div.newslist_item .newsheader {
				background: transparent url(/assets/images/bg-accroche-blanc.png) repeat 0 0;
				bottom: 5px;
				padding: 0px;
				position: absolute;
				text-align: left;
				width: 237px;
			}
			#content #accueil div.newslist_item .photo_item,
			#content #produits div.newslist_item .photo_item {
				margin: 0 auto;
			}
				#content #accueil div.newslist_item img,
				#content #produits div.newslist_item img {
					margin: 0 auto;
				}
		#content #accueil div.accroche,
		#content #produits div.accroche {
			height: 208px;/* 211*/
			width: 249px;
		}
			#content #accueil div.accroche .photo_item,
			#content #produits div.accroche .photo_item {
				clip: rect(0px 249px 151px 0px);
				clip: rect(0px, 249px, 151px, 0px);
				overflow: hidden;
				position: absolute;
				text-align: center;
				width: 249px;
			}
			#content #accueil div.accroche .photo_item img,
			#content #produits div.accroche .photo_item img {
				width: 247px;
			}
			#content #accueil div.accroche h2 {
			}
			#content #accueil div.accroche p {
				display: none;
			}
		#content #accueil div.newslist_bloc,
		#content #produits div.newslist_bloc {
			clear: both;
			position: relative;
		}
			#content #accueil div.newslist_bloc .newslist_item,
			#content #produits div.newslist_bloc .newslist_item {
				height: 102px;/* 97 */
				width: 112px;
			}
			#content #accueil div.newslist_bloc .newslist_item .photo_item,
			#content #produits div.newslist_bloc .newslist_item .photo_item {
				clip: rect(0px 112px 68px 0px);
				clip: rect(0px, 112px, 68px, 0px);
				overflow: hidden;
				position: absolute;
				width: 112px;
			}
				#content #accueil div.newslist_bloc .newslist_item .newsheader,
				#content #produits div.newslist_bloc .newslist_item .newsheader {
					width: 112px;
				}
				#content #accueil div.newslist_bloc h2,
				#content #produits div.newslist_bloc h2 {
					font-size: 0.80em;
					letter-spacing: -0.05em;
				}
				#content #accueil div.newslist_bloc p,
				#content #produits div.newslist_bloc p {
					display: none;
					font-size: 0.85em;
				}
				#content #accueil div.newslist_bloc img,
				#content #produits div.newslist_bloc img {
					width: 110px;
				}
		#content #accueil div.last,
		#content #produits div.last {
			margin-right: 0px;
		}


#content .post {
	background-color: #fff;
	margin-bottom: 15px;
	padding: 10px 10px 2em;
}
	#content .post h1 {
		background: url(../images/bg-article-h1.png) repeat-x left bottom;
		height: 1.4em;
		font-size: 3em;
		font-weight: normal;
		text-align: center;
		margin: 0.5em 0 1em 0;
	}
/*	#content .post h2 {
		font-size: 2.5em;
		font-style: italic;
		font-weight: normal;
		text-align: center;
		margin: 0em 0 1em 0;
	}*/
	#content .post h2 {
		color: #009946;
		background: url(../images/bg-article-h3.png) repeat-x 0 18px;
		border-bottom: #fabd46 2px solid;
		font-family: "Gill Sans", sans-serif, Arial, Helvetica;
		font-style: italic;
		font-size: 2em;
		font-weight: normal;
		letter-spacing: 0.1em;
		margin: 0;
	}
	#content .post h3 {
		color:#007cbb;
		font-style:italic;
		font-size:1.5em;
		font-weight:normal;
		border-bottom:#fabd46 1px solid;
		margin:2em 0 0em 0;
	}
	#content .post h3.error {
		color:#F55C00;
		font-style:italic;
		font-size:1.5em;
		font-weight:normal;
		margin:2em 0 0em 0;
		border-bottom:#fabd46 0px solid;
	}
	#content .post p {
		margin:1em 0 0em 0;
	}
	#content .post ul, #content .post ol {
	}
	#content .post ul li {
		list-style: square;
		margin:0 0 0 2em;
	}
	#content .post ol li {
		list-style: decimal;
		margin:0 0 0 2em;
		padding:0 0 0.5em 0;
	}
	#content .backlink {
		margin:10px;
		text-align:right;
	}
	#content #accueil .backlink {
		clear: both;
		margin:10px;
		text-align:right;
	}
		#content .backlink a,
		#content #accueil .backlink a {
			color: #000;
			text-decoration: none;
		}
		#content .backlink a:hover,
		#content #accueil .backlink a:hover {
			color: #000;
			text-decoration: underline;
		}
	
	
	

	
/*-------------------- SIDEBAR --------------------*/

#sidebar,
#sidebar-right {
	float: left;
	width: 190px;
	margin:0 0 0 10px;
}
#sidebar-right {
	margin-left: 0;
}
	#sidebar h2,
	#sidebar-right h2 {
		height: 31px;
		margin-left: 0px;
		/*position: absolute;*/
		text-indent: -9999px;
		width: 190px;
		z-index: 1;
	}
	.sidebarbloc {
		background: #fabd46 url(../images/sidebar-bg-jaune.png) repeat-x center top;
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 0 2px 2px;
		color: #fff;
		font-size: 1.25em;
		font-style: italic;
		margin: 0px 0 10px;
		padding: 20px 0 10px;
		width: 186px;
		z-index: 0;
	}
		#sidebar .sidebarbloc p,
		#sidebar .sidebarbloc  ul,
		#sidebar-right .sidebarbloc p,
		#sidebar-right .sidebarbloc ul {
			font-weight: normal;
			padding: 0 5px 10px;
		}
	#engagements,
	#actus,
	#terrasse,
	#jardin,
	#newsletter,
	#presentation {
		overflow: hidden;
	}
		#engagements h2 {
			background: url(../images/engagements-h2.png) no-repeat 0 0;
		}
		#sidebar ul.dropdown {
			float: none;
		}
		#actus ul li,
		#engagements ul.dropdown li {
			background: url(../images/puce-bg_jaune.png) no-repeat 0 3px;
			background-color: transparent;
			border-width: 0;
			color: #000;
			list-style: none;
			padding: 0 0 0 16px;
		}
		#actus ul li {
			background: none;
			background-color: transparent;
			clear: both;
			margin: 0 0 10px;
			padding: 0;
		}
			#actus ul li img {
				border: 1px solid #fff;
				float: left;
				margin-right: 5px;
				width: 35px;
			}
		#actus a,
		#engagements a {
			color: #000;
			text-decoration: none;
		}
		#actus a:hover,
		#engagements a:hover {
			color: #fff;
		}
	#actus {
		}
		#actus h2{
			background: url(../images/actualites-h2.png) no-repeat 0 0;
			}
	#terrasse .sidebarbloc {
		background: #007cbb url(../images/bloc-terrasse.jpg) repeat-x center top;
		height: 160px;
	}
		#terrasse h2 {
			background: url(../images/terrasses-h2.png) no-repeat 0 0;
		}
		#terrasse ul li {
			background: url(../images/puce-bg_bleu.png) no-repeat 0 3px;
			list-style: none;
			padding: 0 0 0 16px;
		}
		#terrasse a {
			color: #fff;
			text-decoration: none;
		}
		#terrasse a:hover {
			text-decoration: underline;
		}
	#jardin .sidebarbloc {
		background: #00aa4e url(../images/bloc-jardin.jpg) repeat-x center top;
		height: 160px;
	}
		#jardin h2 {
			background: url(../images/jardin-h2.png) no-repeat 0 0;
		}
		#jardin ul li {
			background: url(../images/puce-bg_vert.png) no-repeat 0 3px;
			list-style: none;
			padding: 0 0 0 16px;
		}
		#jardin a {
			color: #fff;
			text-decoration: none;
		}
		#jardin a:hover {
			text-decoration: underline;
		}
		#terrasse p,
		#jardin p {
			text-indent: -9999px;
		}
		#sidebar-right #jardin a,
		#sidebar-right #terrasse a {
			display: block;
			height: 160px;
			width: 180px;
		}
	#newsletter .sidebarbloc {
/*		background: #fabd46 url(../images/sidebar-bg-jaune.png) repeat-x center top;*/
		background: #007cbb url(../images/sidebar-bg-bleu.png) repeat-x center top;
		color: #fff;
		font-style: normal;
	}
		#newsletter h2 {
			background: url(../images/newsletter-h2.png) no-repeat -2px 0;
		}
		#newsletter a {
			color: #000;
			text-decoration: none;
		}
		#newsletter a:hover {
			text-decoration: underline;
		}
	#presentation .sidebarbloc {
		background: #00aa4e url(../images/sidebar-bg-vert.png) repeat-x center top;
	}
	#presentation {
	}
		#presentation h2 {
			background: url(../images/societe-h2.png) no-repeat 0 0;
		}
		#presentation p {
			font-size: 0.8em;
		}
		
	#sidebar-right span.newscat,
	#sidebar-right span.newsdate {
		display: none;
	}
	#sidebar-right .allnews-link {
		font-size: 0.8em;
		font-style: normal;
		padding: 0 5px 0 0;
		text-align: right;
	}
	
	
	
/*-------------------- TABLEAUX --------------------*/

table {
	background: url(../images/bg-table.png) repeat-x left top;
	font-family: "Gill Sans MT", Geneva, Arial, sans-serif;
	border: 1px solid #80bddd;
	border-collapse: collapse;
	margin: 1em auto;
}
thead, tfoot {
}
tbody {
}
th {
	color: #007cbb;
	font-family: "Gill Sans MT", Geneva, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	border-left: 1px solid #80bddd;
	border-right: 1px solid #80bddd;
	border-bottom: #80bddd 1px solid;
	padding: 5px;
}
td {
/*	background:url(img/bg-table.png) repeat-x left top;*/
	font-family: sans-serif;
	font-size: 1em;
	border-bottom: #80bddd 1px dotted;
	border-left: 1px solid #80bddd;
	border-right: 1px solid #80bddd;
	border-collapse: collapse;
	padding: 5px;
	text-align: left;
}
caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1em 0;
}


/* --------------------------- FORMULAIRES --------------------------- */
/*
Vert : #00aa4e
Bleu : #007cbb
Jaune : #fabd46 < #f3bb48
*/

form {
}
form label {
	display: block;
}
input,
textarea {
	font-family: courier,monospace;
	font-size: 1em;
	width: 503px;
}
input#id_name,
input#id_email {
	border: 1px solid #fabd46;
	color: #007cbb;
	padding: 5px;
}
textarea#id_msg {
	border: 1px solid #fabd46;
	color: #007cbb;
	padding: 5px;
}
input#id_submit {
	background-color: #00aa4e;
	border: 0;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	padding:2px 25px;
	width: auto;
}
input#id_submit:hover {
	background-color: #007cbb;
}

input#inputtext {
	width: 135px;
}
input#submit {
	background-color: #fabd46;
	border: 1px solid #fff;
	font-family: "Gill Sans",sans-serif,Arial,Helvetica;
	font-size: 0.85em;
	margin-left:3px;
	padding:1px;
	text-transform:uppercase;
	width: auto;
}