/* CSS Layout */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	color: #333;
}
.clear {
	clear:both;
}

.logo {
	border: 0;
	margin: 0;
	padding: 0;
}
#conteneur-site {
    background: #008837 url(../images/bg_site.jpg) left top repeat-x;
}
#conteneur-main {
	width: 780px;
	margin: 0 auto;
	padding: 0 90px;
}
marquee {
	width: 445px;
	margin: 0 0 0 385px;
	padding: 5px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #008837;
}

/*========= Général ============*/
.rub-title {
	width: auto;
    color: #008837;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	float: left;
}
.content h2, .content h1 {
	font-size: 12px;
	/*text-transform: uppercase;*/
	margin: 20px 0 0 0;
	padding: 0;
	/*color: #164735;*/
	color: #008837;
}
.content h4 {
	font-size: 13px;
	margin: 30px 0 0 0;
	padding: 0;
	color: #333;
}
.bold {
	font-weight: bold;
}

.content a {
	color: #008837;
}
.content a:hover {
	color: #000;
}

/*========= colonne gauche ============*/
#left-col {
	float: left;
	width: 150px;
  background: url(../images/left_col_bg.jpg) left top no-repeat;
}
	#left-col h1 {
		margin: 15px 0 8px 0;
		padding: 5px 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 13px;
		color: #fff;
		background: #164735;
	}
	*+html #left-col h1 {
		margin-bottom: 0;
	}
	*html #left-col h1 {
		margin-bottom: 0;
	}
		#left-col h1 a {
			color: #fff;
			text-decoration: none;
		}
	#left-col ul.menu {
		margin: 0 0 0 8px;
		padding: 0;
		list-style: none;
		font-size: 12px;
	}
	#left-col ul.menu li {
		margin: 0;
		padding: 0;
	}
	#left-col ul.menu li a img {
		position: absolute;
		display: none;
		visibility: hidden;
		margin: 0;
		padding: 0;
		border: 0;
	}
		#left-col ul.menu li ul {
			margin: 0 10px 0 10px;
			padding: 0;
		}
		#left-col ul.menu li ul li {
			margin: 5px 0;
			padding: 0;
		}
		#left-col ul.menu li ul li a {
			color: #fff;
			text-decoration: none;
		}
		#left-col ul.menu ul li a:hover,
        #left-col ul.menu ul li .menu_item_activ
		{
			color: #164735;
		}
	
	#newsletter {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 10px;
	}
	#newsletter p {
		margin: 0 0 6px 0;
		padding: 0 0 0 34px;
		line-height: 100%;
		color: #000;
	}
	#newsletter div {
		margin: 0;
		padding: 0 0 0 10px;
	}
	#newsletter .inputbox {
		background: #fff;
		width: 103px;
		border: 0;
		margin: 0;
		padding: 2px;
		font-size: 10px;
		color: #000;
	}
	#newsletter .btn-ok {
		background: none;
		border: 0;
		margin: 0;
		padding: 0;
		font-size: 10px;
		color: #164735;
		font-weight: bold;
		cursor: pointer;
	}
	
/*========= zone principale ============*/
#main {
	width: 630px;
	float: right;
}

/*===== Navigation haut =========*/
#nav1 {
	height: 167px;
}
	#main ul.menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#main ul.menu li {
		margin: 0;
		padding: 0;
		display: inline;
	}
	#main ul.menu li a img {
		margin: 0;
		padding: 0;
		border: 0;
	}

.content-home {
	width: 590px;
    background: #fff;
    padding: 20px 20px 0 20px;
    min-height: 290px;
    height: auto !important;
    height: 290px;
    color: #333;
}
.content {
	width: 590px;
    background: #fff;
    padding: 20px 20px 0 20px;
    min-height: 350px;
    height: auto !important;
    height: 350px;
    color: #333;
}
	.content-sub-menu {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	.content-sub-menu li {
		list-style: none;
		display: inline;
		margin: 0 7px;
		font-size: 11px;
		text-transform: uppercase;
		color: #008837;
	}
	.content-sub-menu li a {
		color: #164735;
		text-decoration: none;
	}
	.content-sub-menu li a:hover {
		color: #000;
	}
	.content-sub-menu li.active a {
		color: #164735;
		text-decoration: underline;
	}

	/*==== Home page =====*/
	#edito {
		width: 150px;
		float: left;
	}
	#edito p {
		padding: 0;
		margin: 10px 0;
	}
	
	.home-actu {
		width: 420px;
		float: left;
		margin: 0 0 0 20px;
		color: #333;
	}
	.home-actu-inner {
		margin: 0 0 15px 0;
		color: #333;
	}
		.actu-img-title {
			display: block;
			margin: 0 0 15px 0;
		}
		.home-actu p {
			margin: 5px 0;
			padding: 0;
		}
		.actu-title {
			font-weight: bold;
		}
		.actu-title a {
			color: #333;
			text-decoration: none;
		}
		.actu-img {
			border: 0;
			float: left;
			padding: 0;
			margin: 0 20px 20px 0;
		}
		.actu-lire {
			background: url(../images/puce1.gif) left center no-repeat;
			color: #008837;
			text-decoration: none;
			padding: 0 0 0 8px;
		}
		.actu-lire:hover {
			color: #000;
		}

/*========== Lignes de produits =========*/
#content-left {
	width: 120px;
	float: left;
	font-size: 11px;
}
html > body #content-left {
	width: 130px;
}
	#content-left h3, #content-left h1 {
	    color: #008837;
		font-size: 12px;
		font-weight: bold;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	#content-left p {
		padding: 0;
		margin: 5px 0;
	}

#content-right {
	width: 440px;
	float: left;
	margin: 0 0 0 20px;
	font-size: 11px;
	color: #333;
}
	#content-right h3 {
		font-size: 11px;
		font-weight: bold;
		padding: 0;
		margin: 0 0 5px 0;
	}
	#content-right h2 {
		font-size: 11px;
		font-weight: bold;
		padding: 0;
		margin: 0 0 5px 0;
	}
	#content-right p {
		padding: 0;
		margin: 5px 0 0 0;
	}
	.list-gammes {
	    border-collapse: collapse;
	    width: 210px;
	    float: left;
		padding: 0;
		margin: 0 10px 20px 0;
	}
	.list-gammes td {
		vertical-align: top;
	}
	.list-gammes-img {
		width: 100px;
	}
	.list-gammes-img img {
		border: 1px solid #666;
	}
	.list-gammes-txt {
		width: 100px;
		padding: 0 0 0 10px;
		cursor: pointer;
	}

/*========== Liste de produits ========*/
.list-prod-intro {
	font-size: 12px;
	margin: 0 0 20px 0;
	text-align: justify;
}
	.list-prod-intro h4, .list-prod-intro h1 {
	    margin: 5px 0;
		font-size: 14px;
		color: #008837;
	}
	.list-prod-block {
		width: auto;
		border-collapse: collapse;
		margin: 5px 10px 20px 10px;;
	}
	.list-prod-block td {
		vertical-align: top;
		padding: 0 0 5px 0;
	}
		.prod-block-img {
            width: 100px;
          
		}
		.prod-block-img img {
            border: 1px solid #666;
            padding: 0;
            margin-bottom: 10px;
      
		}
		.prod-block-zoom {
			width:30px;
			text-align: center;
			vertical-align: middle !important;
		}
		.prod-block-zoom img {
			border: 0;
		}
		.prod-block-txt {
			border-bottom: 1px solid #666;
			padding-right: 20px !important;
		
		}
		.list-prod-block h3 {
			font-size: 12px;
			padding: 0;
			margin: 0 0 5px 0;
		}
		.list-prod-block h2 {
			font-size: 12px;
			padding: 0;
			margin: 0 0 5px 0;
		}
		.list-prod-block h2 a {
			text-decoration: none;
		}
		.prod-block-links {
			width: 135px;
			font-size: 10px;
			border-bottom: 1px solid #666;
			padding-top: 20px !important;
		}
		.prod-block-links a {
			display: block;
			line-height: 15px;
			color: #008837;
			text-decoration: none;
			padding-left: 20px;
			margin-bottom: 5px;
		}
		.prod-block-links a:hover {
			color: #000;
		}
		.prod-block-links .pdf {
            background: url(../images/ico_pdf.gif) 2px center no-repeat;
		}
		.prod-block-links .det {
		    background: url(../images/ico_fiche_detail.gif) left center no-repeat;
		}
		.prod-block-links .brochure {
            background: url(../images/ico_brochure.gif) left center no-repeat;
		}

/*============ Prod det ==========*/
.art-title {
	font-size: 20px;
	color: #008837;
}
.art-intro {
	font-weight: bold;
}
.no-border {
	border: 0 !important;
}

/*======== Actu ========*/
.actu-lk-retour {
	width: auto;
	margin: 20px 0 0 0;
	padding: 5px;
	background: #008837;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff !important;
}
	.actu-lk-retour a {
		color: #fff;
		text-decoration: none;
	}


/*===== Forms =========*/
#contact {
	margin: 0;
	padding: 10px 0;
}
	#contact .inputform {
		width: 130px;
		border: 1px solid #999;
		background: #fff;
		font-size: 11px;
		color: #333;
		padding: 6px 5px;
	}
	#contact .areaform {
		width: 417px;
		height: 140px;
		border: 1px solid #999;
		background: #fff;
		font-size: 11px;
		color: #333;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		overflow: auto;
	}
	#contact .btn-send {
		border: 0;
		background: #008837;
		font-size: 12px;
		padding: 0;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}
	.recommand_textarea {
		width: 350px;
		border: 1px solid #999;
		background: #fff;
		font-size: 11px;
		color: #333;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#contact .tab-contact,
	#contact .tab-contact table {
		margin: 0;
		border-collapse: collapse;
	}
	#contact .tab-contact td {
		padding: 0 0 8px 3px;
	}
		#contact .tab-contact td td {
			padding: 0 0 0 0;
		}
	.padding-left-8 {
		padding-left: 8px;
	}


/*===== Footer =========*/
#conteneur-footer {
	height: 229px;
    background: url(../images/footer_repeat.jpg) left top repeat-x;
}
#footer {
	width: 960px;
	height: 229px;
    background: url(../images/footer_home.jpg) center top no-repeat;
    margin: 0 auto;
    padding:  0;
	font-size: 11px;
}

	#footer a {
	    display: block;
	    float: left;
		color: #000;
		text-decoration: none;
	}
	#footer a:hover {
		color: #008837;
	}
	#footer img {
		border: 0;
	}
	
	#footer-nav1 {
		text-align: center;
		padding: 0 0 5px 0;
	}
	#footer-nav1 a {
		color: #999;
		text-decoration: none;
		padding: 0 10px;
	}
	#footer-nav1 a:hover {
		color: #008837;
	}
	
	.mentions {
	    margin: 92px 0 0 64px;
	}
	html > body .mentions {
	    margin: 92px 0 0 125px;
	}
	.recommand {
	    margin: 92px 0 0 288px;
	    background: url(../images/fleche_gris) left center no-repeat;
	    padding-left: 27px;
	}
	html > body .recommand {
	    margin: 92px 0 0 370px;
	}
	.advisa {
	    margin: 92px 0 0 110px;
	}
	.demande-doc {
		width: 365px;
		height: 89px;
		background: url(../images/home_doc_bg.gif) center top no-repeat;
		margin: 0 0 0 410px;
		padding: 10px 0 0 7px;
	}
	.demande-doc img {
		margin: 4px 0;
		padding: 0;
	}
	.demande-doc p {
		margin: 0;
		padding: 0;
		text-align: center;
		color: #666;
		font-size: 11px;
	}