/* @override http://ideva-hamel/application/lib/css/all.css */

html{
	font-size: 100.01%;
	background:#8bc53f;
}

body{
	margin: 0;
	font: 64% Arial, Verdana, sans-serif;
	background:url(../images/bg.jpg) no-repeat 50% 0;
	min-width:950px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;	
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
fieldset{
	margin:0;
	padding:0;
	border:none;
}
img{border: none;}
a{text-decoration: none;}
a:active, a:focus{outline:none;}
/* main container */
#main{
	margin: 0 auto;
	width: 950px;
	padding: 0 19px 0 0;
}
/* header */
#header{
	margin:0 0 0 19px;
	position:relative;
	width: 931px;
	height:408px;
}
/* logotype */
.logo{
	position:absolute;
	top:36px;
	left:-19px;
	z-index:10;
}
.logo a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	width: 301px;
	height: 302px;
	cursor:pointer;
}
/* paper-box */
#header .paper-box{
	width: 100%;
	z-index:5;
	position:relative;
}
#header .paper-box:after{
	content:'';
	clear:both;
	height:0;
	display:block;
}
* html #header .paper-box a{position:relative}
#header .paper-box .inner-content{
	background:url(../images/bg-paper-box.png) no-repeat;
	height:195px;
	padding:12px 0 0;
}
/* left part */
#header .paper-box .left{
	float:left;
	width: 300px;
	margin: 0 0 0 -17px;
	display:inline;
	position:relative;
}
#header .paper-box .left p{
	margin:0;
	font: 12px/14px Arial, Helvetica, sans-serif;
}
#header .paper-box .left a{color:#609f0e;}
#header .paper-box .left a:hover{text-decoration:underline}
/* right part */
#header .paper-box .right{
	float:left;
	width:645px;
}
/* top menu */
#header .paper-box .top-menu{
	list-style:none;
	margin:0 0 0 -15px;
	padding:0;
}
#header .paper-box .top-menu li{
	display:inline;
	font: 12px/14px Arial, Helvetica, sans-serif;
	padding:0 12px 0 17px;
	background:url(../images/top-menu-separator.gif) no-repeat 0 50%;
}
#header .paper-box .top-menu li:first-child{background:none}
#header .paper-box .top-menu a{color:#609f0e;}
#header .paper-box .top-menu a:hover{text-decoration:underline}
/* header main menu */
#menu{
	list-style:none;
	margin:19px 0 0;
	padding:0;
	position:relative;
	width: 100%;
}
#menu:after{
	content:'';
	clear:both;
	height:0;
	display:block;
}
#menu li{
	float:left;
	padding: 0 7px 0 0;
}
#menu a{
	font: 11px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	float:left;
	height:41px;
	cursor:pointer;
	background:url(../images/menu-left.gif) no-repeat;
}
#menu .active a{background-position:0 100%;}
#menu a span{
	float:left;
	height:31px;
	background:url(../images/menu-right.gif) no-repeat 100% 0;
	position:relative;
	right:-3px;
	padding: 0 13px;
}
#menu .active span{background-position:100% 100%}
#menu p{
	display:none;
	position:absolute;
	top:38px;
	left:3px;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#609f0e;
	width:500px;
}
#menu .active p{display:block}
/* header background */
#header-bg{
	height:273px;
	position:absolute;
	top:135px;
	left:0;
	width: 931px;
}
/*#header .photo1{background:url(../images/header-bg-1.jpg) no-repeat;}
#header .photo2{background:url(../images/header-bg-2.jpg) no-repeat;}
#header .photo3{background:url(../images/header-bg-3.jpg) no-repeat;}
#header .photo4{background:url(../images/header-bg-4.jpg) no-repeat;}
#header .photo5{background:url(../images/header-bg-5.jpg) no-repeat;}
#header .photo6{background:url(../images/header-bg-6.jpg) no-repeat;}
*/
/* content */
#content{
	background:#fff;
	margin: 0 0 0 19px;
	overflow:hidden;
	padding: 0 0 14px;
}
* html #content{
	overflow:visible;
	height:1%;
}
/* side-bar */
.side-bar{
	float:left;
	width:249px;
	margin:64px 16px 0 14px;
	display:inline;
}
/* side navigation */
.side-nav{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom: 16px;
}
.side-nav li{border-bottom: 1px solid #fff;}
.side-nav a{
	font:bold 11px/30px Arial, Helvetica, sans-serif;
	color:#609f0e;
	display:block;
	background:#ececec;
	padding: 0 0 0 12px;
	text-transform:uppercase;
}
.side-nav li:first-child a{
	padding-top:4px;
}
.side-nav a:hover,
.side-nav .active a{
	background:#8ccb39;
	color:#fff;
}
/* sub menu */
.side-nav ul{
	list-style:none;
	margin:0;
	padding:0 0 7px;
}
.side-nav ul li{
	border-top: 1px solid #e2f2cd;
	border-bottom:0;
}
.side-nav ul li:first-child{border:0}
.side-nav ul a{
	font: 11px/21px Arial, Helvetica, sans-serif;
	color:#609f0e;
	background:none;
	text-transform:none;
}
.side-nav li ul li a:hover,
.side-nav li ul li.active a{
	font-weight:bold;
	color:#fff !important;
	background: #a3a3a3 !important;
}

.side-nav li.active ul li a {
	background: white;
	color: #549119;
}

/* login-box */
.login-box{
	background:#f3f3f3;
	padding: 15px 12px 20px;
	margin-bottom: 16px;
}
.login-box h2{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#609f0e;
	margin:0 0 0 3px;
}
.login-box fieldset{
	overflow:hidden;
	width:100%;
	display:block;
	margin: 13px 0 0;
}
.login-box fieldset div input{
	width:99px;
	padding:2px 5px;
	border: 1px solid #d3d3d3;
	border-top-color:#8e8e8e;
	font: 11px Arial, Helvetica, sans-serif;
	color:#666;
}
.login-box fieldset .btn{margin:8px 0 0;}
.login-box p{
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#609f0e;
	margin:14px 0 0 3px;
}
.login-box p a{
	color:#609f0e;
	text-decoration:underline;
}
.login-box p a:hover{text-decoration:none;}
/* newsletter box */
.newsletter{
	background:#f3f3f3;
	padding: 13px 12px 9px;
	margin-bottom: 16px;
}
.newsletter h2{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#609f0e;
	margin:0;
}
.newsletter p{
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#606562;
	margin:9px 0 13px;
}
.newsletter fieldset{
	overflow:hidden;
	width:100%;
	display:block;
}
.newsletter fieldset .fld-mail{
	width:216px;
	padding:2px 3px;
	border: 1px solid #d3d3d3;
	border-top-color:#8e8e8e;
	font: 11px Arial, Helvetica, sans-serif;
	color:#666;
}
.newsletter fieldset .btn{
	margin:9px 0 0;
	display:block;
}
/* main content */
.main-content{
	float:left;
	width:630px;
	margin: 14px 0 0;
}
.main-content h1{
	margin:0;
	font: 21px/25px Arial, Helvetica, sans-serif;
	color:#005a83;
	text-transform: uppercase;
}
/* product-box */
.main-content .product-box{
	margin: 25px 0 0;
}
.main-content .product-box h2{
	border-top: 7px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin:0;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#609f0e;
	padding: 4px 0 5px 7px;
}
.main-content .product-box .inner-content{padding:0 5px 0 7px;}
.main-content .product-box h3{
	margin:19px 0 0;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#005a83;
	text-transform:uppercase;
}
.main-content .product-box p{
	margin:10px 0;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#000;
}
.main-content .product-box p a{
	text-decoration:underline;
	color:#83be36;
}
.main-content .product-box p a:hover{text-decoration:none}
.main-content .product-box p strong{color:#609f0e}
/* image holder */
.main-content .product-box .image-box{
	margin:14px 0 0;
}
.main-content .product-box .image-box .description{width: 100%;}
.main-content .product-box .image-box .description:after{
	content:'';
	clear:both;
	height:0;
	display:block;
}
.main-content .product-box .image-box .description .left{
	float:left;
	margin:6px 0 0;
	width: 370px;
}
.main-content .product-box .image-box .description .left p{
	font:italic 10px/11px Arial, Helvetica, sans-serif;
	color:#77797b;
	margin:0;
}
.main-content .product-box .image-box .description .right{
	float:right;
	width: 130px;
	margin: 0 19px 0 0;
	display:inline;
}
.main-content .product-box .image-box .description .eco{
	background:url(../images/prod-img-eco.gif) no-repeat;
	height:22px;
	padding: 12px 0 0 38px;
	margin: -15px 0 0;
	position:relative;
	font:italic 9px/10px Arial, Helvetica, sans-serif;
	color:#fff;
}
.main-content .product-box .image-box .description .right p{
	font:italic 9px/10px Arial, Helvetica, sans-serif;
	color:#8bc53f;
	margin:0 0 0 39px;
}
/* cost box */
.main-content .product-box .cost{
	width:450px;
	margin:7px 0 0;
}
.main-content .product-box .cost div{
	overflow:hidden;
	width: 100%;
}
.main-content .product-box .cost div strong{
	float:left;
	background:#98d045;
	font:bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 8px;
}
.main-content .product-box .cost p{
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#7bb82e;
	margin:8px 0;
}
.main-content .product-box .back{
	margin:28px 0 0;
	font: 11px/13px Arial, Helvetica, sans-serif;
}
.main-content .product-box .back a{
	text-decoration:underline;
	color:#000;
}
.main-content .product-box .back a:hover{text-decoration:none}
/* short-news */
.main-content .short-news{
	margin: 47px 0 0;
}
.main-content .short-news h2{
	border-top: 7px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin:0;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#609f0e;
	padding: 4px 0 5px 7px;
}
.main-content .short-news ul{
	list-style:none;
	margin:14px 0 0 6px;
	padding:0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
.main-content .short-news li{
	background:url(../images/bullet.gif) no-repeat 0 6px;
	padding:0 0 0 13px;
}
.main-content .short-news a{
	text-decoration:underline;
	color:#626363;
}
.main-content .short-news a:hover{
	color:#609f0e;
	text-decoration:none;
}
/* news box */
.main-content .news{
	margin: 0;
}
.main-content .news h2{
	border-top: 7px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin:0;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#609f0e;
	padding: 4px 0 5px 7px;
}
.main-content .news .inner-content{
	overflow:hidden;
	width: 100%;
	margin: 0px 0 0;
}
/* news image */
.main-content .news .image{
	float:left;
	margin:0 22px 0 6px;
	display:inline;
}
/* text content */
.main-content .news .text{
	float:left;
	width: 400px;
	margin: 8px 0 0;
}
.main-content .news .text h3{
	margin:0;
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#005a83;
}
.main-content .news .text p{
	margin:10px 0;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
.main-content .news .text p a{
	text-decoration:underline;
	color:#83be36;
}
.main-content .news .text p a:hover{text-decoration:none}
.main-content .news .text .cost{margin:24px 0 0}
.main-content .news .text .cost div{
	overflow:hidden;
	width: 100%;
}
.main-content .news .text .cost div strong{
	float:left;
	background:#98d045;
	font:bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 8px;
}
.main-content .news .text .cost p{
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#7bb82e;
	margin:8px 0;
}

.news-item {
	margin-bottom: 16px;
}
/* footer */
#footer{
	background:url(../images/bg-footer.jpg) no-repeat;
	overflow:hidden;
	padding: 89px 0 25px;
	margin: 0 0 0 19px;
	position:relative;
}
* html #footer{
	overflow:visible;
	height:1%;
}
/* copyright column */
#footer .copy-col{
	float:left;
	width: 120px;
	display:inline;
	margin:2px 111px 0 49px;
}
#footer .copy-col a{margin:0 0 0 20px}
#footer .copy-col p{
	margin:13px 0 0;
	font: 11px/13px Arial, Helvetica, sans-serif;
	color:#cfe6b1;
}
/* links column */
#footer .link-col{
	float:left;
	width:186px;
	list-style:none;
	margin:0 27px 0 0;
	padding:0;
	font: 12px/23px Arial, Helvetica, sans-serif;
}
#footer .link-col li{
	background:url(../images/footer-list-separator.gif) no-repeat;
}
#footer .link-col li:first-child{background:none}
#footer .link-col a{color:#e6f1d7}
#footer .link-col a:hover{
	text-decoration:underline;
	color:#41690c;
}
/* logo bleu */
#footer .logo-bleu{
	position:absolute;
	right:19px;
	top:192px;
}




.main-content .maincontent{
	margin: 25px 0 0;
}

.maincontent h2{
	border-top: 7px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin:0;
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color:#609f0e;
	padding: 4px 0 5px 7px;
}

.maincontent h3 {
	margin:0;
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#005a83;
}

.maincontent p {
	margin:10px 0;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.maincontent ul{
	list-style:none;
	margin: 0 0 0 6px;
	padding:0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

.maincontent li{
	background:url(/application/lib/images/bullet.gif) no-repeat 0 6px;
	padding:0 0 0 13px;
}

.maincontent a{
	text-decoration:underline;
	color:#626363;
}

.maincontent a:hover{
	color:#609f0e;
	text-decoration:none;
}

.maincontent strong {
	color:#609f0e;
}



/* forms */

.form {
	margin: 0 0 5px 0;
}

.side-bar .form {
	padding: 15px 12px 20px;
	background-color: #f3f3f3;
	margin: 0 0 10px 0;
}

.form h2 {
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#609f0e;
	margin:0;
}

div#form_1 hr {
	border: 0;
}

.form ol,
.form ol li {
	list-style: none !important;
	padding: 0;
	margin: 0;
	background: none;
}

.form ol li {
}

div#form_1 form ol li label {
	display: none;
}

.form .form_input_text {
	width:200px;
	padding:2px 5px;
	border: 1px solid #d3d3d3;
	border-top-color:#8e8e8e;
	font: 11px Arial, Helvetica, sans-serif;
	color:#666;
}

hr {
	border: 0;
	border-bottom: 1px solid #b4b4b4;
}



/* Formulaires */

form ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
form ol li {
	margin-bottom: 10px;
}
form ol li em {
	display: block;
	float: left;
	font-size: 14px;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #13bff1;
	font-weight: bold;
}

form hr {
	margin-bottom: 20px;
	border: 0;
	clear: both;
	border-bottom: 1px solid grey;
}

span.form-error {
	display: block;
	width: 250px;
	position: absolute;
	background-color: #ffec54;
	margin-left: 350px;
	padding: 5px;
}

span .pointer {
	background-image: url(../images/arrow.png);
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top:0px;
	left: -16px;
}





/* search box */

#box-search input#search-term {
	border: 1px solid #609f0e;
	padding: 3px;
	color: #6c6a5f;
}

#box-search a img {
	vertical-align: middle;
}


/* search results */

body.recherche div.maincontent h3 {
	font-size: 9px;
	line-height: 13px;
}

body.recherche div.maincontent h3 a {
	font-size: 13px;
}


body.recherche div.maincontent p {
	margin: 0;
	padding: 0 0 10px 0;
}



/* kids menu */

#menu li.espace-enfant a span {
	background-image: url(../images/menu-right-kids.gif);
	margin-right: -34px;
	width: 109px;
}





/* galcat */


#galcat {  
    width:  618px;  
    height:   160px;  
    padding: 0;  
    margin:  0 0 10px 0;
} 
 
#galcat img {  
    padding: 0;  
    border:  0;  
    width:  618px; 
    height: 160px; 
    top:  0; 
    left: 0;
} 

body.accueil .side-bar{
	width:231px;
	margin: 14px 16px 0 14px;
	display:inline;
}

.mini-news {
	border: 2px solid #8bc94b;
	margin: 10px 0 10px 0;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #5fa123;
	padding: 10px;
}

.mini-news h3 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

.mini-news ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 16px;
	list-style-image: url(../images/bullet-mini.png);
}

.mini-news ul {
	
}

.mini-news a {
	color: #5fa123;
}

.mini-news a:hover {
	color: #626363;
	font-size: 12px;
	text-decoration: underline;
}

#promo{  
	width: 443px;
	height: 334px;
    position:relative;  
    background:#fff;  
    margin: 0;
    padding: 0;
}  

.ui-tabs-hide {
	display: none;
}

.ui-tabs-nav {
	position: absolute;
	top: 290px;
	right: 15px;
}

ul.ui-tabs-nav {
	list-style:none;  
    padding:0; margin:0;
}

ul.ui-tabs-nav li {
	float: left
}

ul.ui-tabs-nav li a {
	display: block;
	padding: 6px 8px;
	background-color: white;
	color: #89c848;
	margin: 5px;
}

ul.ui-tabs-nav li.ui-tabs-selected a {
	background: #89c848;
	color: white;
}



.ui-tabs-panel span {
	display: block;
	position: absolute;
	top: 205px;
	left: 26px;
	font-size: 12px;
}

.ui-tabs-panel span a {
	display: block;
	padding: 10px;
	color: #89c848;
	background-color: white;
}

.ui-tabs-panel span a:hover {
	background-color: #89c848;
	color: white;
}

.ui-tabs-panel span a b {
	font-weight: normal;
	text-decoration: underline;
}


div#central-block {
	position: relative;
	margin: 10px 0 10px 0;
}

div#design {
	position: absolute;
	top: 210px;
	left: 22px;
}

div#calendrier {
	position: absolute;
	top: 210px;
	left: 251px;
}

div#pepiniere {
	position: absolute;
	top: 494px;
	left: 22px;
}

div#garantie {
	position: absolute;
	top: 494px;
	left: 251px;
}

div#design a,
div#calendrier a,
div#pepiniere a,
div#garantie a {
	padding: 10px;
	background-color: #89c848;
	width: 80px;
	display: block;
	color: white;
	font-size: 12px;
}

div#design a:hover,
div#calendrier a:hover,
div#pepiniere a:hover,
div#garantie a:hover {
	color: #89c848;
	background-color: white;
}

div#design a b,
div#calendrier a b,
div#pepiniere a b,
div#garantie a b {
	font-weight: normal;
	text-decoration: underline;
}


div.right-column {
	float: right;
}

div.right-column p {
	margin: 0 0 10px;
}

div.middle-column {
	float: left;
}

a img {
	border: 0;
}



ul.addresses-col {
	position: absolute;
	top: 70px;
	right: 60px;
	list-style: none;
	padding: 10px;
	margin: 0;
	border: 1px solid #a3d270;
	text-transform: uppercase;
}

ul.addresses-col li {
	margin: 4px 4px 4px 17px;
	list-style-image: url(../images/bullet-mini.gif);
}

ul.addresses-col li a {
	color: #fff;
}