/******PNG fix**************/
/*ul, img{behavior: url("css/iepngfix.htc")}*/
/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{color:#000000;  margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; outline:none;13px}
body			{font-size:11px;}
a				{text-decoration:none; color:#000000;}
a:hover			{text-decoration:underline}
select			{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px}
input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#666; padding:2px; font-size:11px;}
input{ height:14px}
img, fieldset{border:0}
/***********/
li{ list-style:none}
caption{ display:none}
.clear{ clear:both; height:1%}

/*****************************TREE CSS*****************************/
#container{ width:955px; margin:0 auto; padding:20px 0 0 0; }
	/*L E V*/
	#lev{ width:167px; float:left; text-align:right;}
		#lev h1{ padding:0 10px 20px 0}
		/*L E V 1*/
		.lev1{ padding:10px 0}
		.lev1 li{ display:block; padding:8px 10px; border-bottom:1px solid #dddddd;}
		/**/
		.blocTele li{ display:block; padding:5px 0 0 0; overflow:hidden; text-align:left}
		.blocTele li img{ float:left; vertical-align:text-bottom; margin:0 0 0 20px}
		.blocTele li a{ width:70px; display:block; float:left; background:url(../images/ico_arow.gif) 0 0 no-repeat; padding:0 0 0 25px; margin:20px 0 0 0; font-weight:bold}
		
		.blocTeleRecette li{ display:block; padding:5px 0 0 0; overflow:hidden; text-align:left}
		.blocTeleRecette li img{ float:left; vertical-align:text-bottom; margin:0 0 0 0px}
		.blocTeleRecette li a{ width:140px; display:block; float:left; background:url(../images/ico_arow.gif) 0 0 no-repeat; padding:3px 0 0 25px; margin:20px 0 0 0; font-weight:bold}
		.blocTeleRecette li div{float:left;}		
		.blocTeleRecette li div img{padding:18px 0px 0 }
	/*M A I N*/
	#main{ width:787px; float:left; overflow:hidden; background:url(../images/bgd_btt_main.gif) bottom left no-repeat; padding:20px 0 10px 0; overflow:hidden}
		#mainUnwrap{ width:761px; overflow:hidden; background:url(../images/bgd_top_main.gif) top left no-repeat; padding:12px 12px 8px 14px;}
		
		/*H O M E*/
		.contHome{ background:url(../images/bgd_home.gif) top right no-repeat; padding:100px 0 0 0}
		.contHome h2{ padding:0 0 0 50px;}
			/*Main Menu Tab*/
			.linkItems {height:162px; overflow:hidden; position:relative; margin:7px 0 0 0 }			
			.linkItems li{display:inline; padding:0 0 0 10px; float:left; margin-top:53px; position:relative; }
			.linkItems li.current{margin-top:0;}
			.linkItems li a{ padding:0 0 0 5px; display:block}
			.linkItems li.last{ padding:0; margin-top:0;	}
			.linkItems li#mask { height:12px;  position:absolute; bottom:0; left:0; width:542px; margin-top:0!important}
			.linkItems li#mask  span.current{background:none!important}
			.linkItems li#mask  span.first{background: #FFF url(../images/bgd_first.png) 5px 0 no-repeat; height:12px; width:145px; margin:0 0 0 2px; display:block; float:left }
			* html .linkItems li#mask  span.first{background:#FFF url(../images/bgd_first.png) 0 0 no-repeat; margin:0 0 0 2px; }
			.linkItems li#mask  span.second { height:12px; background:#FFF; width:150px; margin:0 0 0 3px; display:block; float:left }
			.linkItems li#mask  span.third {background: #FFF url(../images/bgd_third.png) 4px 0 no-repeat;   height:12px; width:160px; margin:0 10px 0 0; display:block; float:left}
			
			.linkItems li.fruits {width:92px; height:113px; background:url(../images/btn_fruits.png) 0 0 no-repeat; padding:54px 0 0 52px; margin-left:5px; overflow:hidden}
				.linkItems li.fruits a {background: url(../images/ico_bullet_fruits.gif) 0 0 no-repeat;  padding:0 0 0 10px; }
			
			.linkItems li.maree {width:136px; height:113px; background:url(../images/btn_maree.png) 0 0 no-repeat; padding:54px 0 0 11px; margin-left:5px; overflow:hidden}
				.linkItems li.maree a {background: url(../images/ico_bullet_maree.gif) 0 3px no-repeat;  padding:0 0 0 10px;}
			
			.linkItems li.importExport {width:147px; height:113px; background:url(../images/bgd_import.png) 0 0 no-repeat; padding:54px 0 0 7px; margin-left:5px; overflow:hidden}
				.linkItems li.importExport a {display:block}
				.linkItems li.importExport a.french { background: url(../images/ico_bullet_menu_fr.gif) 0 0 no-repeat;  padding:0 0 30px 10px; }
				.linkItems li.importExport a.english { background:url(../images/ico_bullet_menu.gif) 0 0 no-repeat; padding:2px 0 0 18px;}
			
			.contHome .messageInfo{margin: 10px 0 0; padding: 10px 5px 5px 10px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px;font-weight:bold}
			.threeBlock{ width:746px; overflow:hidden; background:#e3006c; padding:10px 5px 5px 10px; margin:20px 0 0 0}
			.itemBlock{ width:230px; float:left; overflow:hidden; background: url(../images/bgd_line.gif) top right no-repeat; padding:0 10px 0 0; margin:0 10px 0 0}
			.itemBlock p{ color:#FFFFFF; padding:5px 0}
			.itemBlock ul{ padding:5px 0 0 0}
			.itemBlock li{ background:url(../images/bullet_01.gif) 0 5px no-repeat; padding:0 0 0 10px; display:block; margin:5px 0; color:#FFFFFF; font-weight:bold;}
			.itemBlock a{ background: url(../images/icon_toutes.gif) 0 0 no-repeat; padding:0 0 0 20px; color:#FFFFFF; font-weight:bold;}
				.threeBlock .last{ width:240px; padding:0; margin:0; background: url(../images/bgd_nos_implantations.gif) top right no-repeat;}
				.threeBlock .last p {width:165px;}
			.itemlBlockBio {background:url(../images/visu_certifie_2logos.gif) no-repeat bottom right;}	
				
		/*M A R E E*/
		.contMaree{ background:url(../images/bgd_maree.jpg) 100% 30% no-repeat; color:#707173; font-size:12px}
			.contMaree .blockHtml h3{ font-size:18px; color:#e3006c; font-weight:bold;}
			.contMaree .blockHtml h4{font-size:16px; color:#e3006c; font-weight:bold;}
			.contMaree .blockHtml ul{ padding:10px 0}
			.contMaree .viewPhoto p {float:left; padding:86px 0 0 0; width:13px}
			
		/*I M P O R T - E X P O R T*/
		.contActivitesImport {background:url(../images/bgd_actives_import.jpg) 100% 80% no-repeat; color:#707173; font-size:12px}
		.blockHtml {padding:20px 0 0 13px; width:447px}
		.blockHtml ul {padding:5px 0 0 0}
		.blockHtml li {background:url(../images/bullet_import.gif) 0 5px no-repeat; padding:0 0 3px 9px}
		.contActivitesImport .blockHtml h3 {color:#1388c8; font-size:12px; padding:3px 0 0 0}
		.blockHtml p {padding:9px 0}
		
		.viewPhoto {overflow:hidden; width:447px; padding:26px 0}
		.viewPhoto p {float:left; padding:81px 0 0 0; width:13px}
		.viewPhoto ul {width:25000px; float:left}
		.viewPhoto ul li {width:377px;  background:none; float:left; padding:0;}
		.viewPhotoWrapper {margin:0 9px 0 9px; width:377px; float:left; overflow:hidden}
			
		/*F R U I T S - L E G U M E S*/
		.contActivitesFruits {background:url(../images/bgd_activites_fruits_legumes.jpg) 100% 80% no-repeat; color:#707173; font-size:12px; overflow:hidden; width:761px}
			.contActivitesFruits .blockHtml {padding:20px 0 0 13px; width:447px; float:left}
			.contActivitesFruits .blockHtml h3 {color:#bdcd00; font-size:18px; padding:5px 0 0 0}
			.contActivitesFruits .blockHtml h4 {color:#bdcd00; font-size:16px; padding:7px 0 2px 0}
			
			.contextDecouvrez { margin: 0 0 0 567px;}
			.decouvrez {float:left; background:url(../images/bgd_bottom_decouvrez.gif) 0 100% no-repeat; padding:0 0 10px 0; margin:5px 0 0 52px} 
			.decouvrez div {background:url(../images/bgd_top_decouvrez.jpg) 0 0 no-repeat; width:218px; padding:0px 9px 12px 22px; overflow:hidden}
			.decouvrez img {float:right}
			.decouvrez a {background:url(../images/ico_arow_01.gif) 0 22px no-repeat; color:#fff; font-size:12px; font-weight:bold; padding:20px 0 0 20px; display:block; margin:0 75px 0 0; line-height:18px}
           .decouvrez .txt { color: #FFFFFF; display: block; font-size: 12px;line-height: 18px; margin: 0 ; padding: 20px 0 0 20px;}
           .decouvrez .title { color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 ; padding: 10px 0 0 20px;}
           		
		/*Q U I - S O M E S - N O U S*/
		.contQuiSomeNous{ width:751px; overflow:hidden; background:url(../images/bgd_qui_sommes_nous.jpg) top right no-repeat; padding:0 0 0 10px; font-size:12px}
			.blocQuiNous{ width:455px; float:left; margin:70px 0 0 0}
			.blocQuiNous .linkItems2 { margin:20px 0 0 0;}
			.blocQuiNous .linkItems2 li{ display:inline; padding:0 0 0 5px}
			.blocQuiNous .linkItems2 li.last{padding:0}
			.innerQuiSomeNous{ width:380px;}
			.innerQuiSomeNous h3{ font-size:25px; color:#bdcd00;}
			.innerQuiSomeNous h4{ font-size:16px; color:#bdcd00;}
			.innerQuiSomeNous p{ padding:10px 0}
			.innerQuiSomeNous ul {padding:0 0 5px 0}
			.innerQuiSomeNous li {background:url(../images/bullet_import.gif) 0 5px no-repeat; padding:0 0 3px 9px}
			
			.contextNous{ width:295px; float:right; overflow:hidden; background:url(../images/bgd_bottom_all_fresh.gif) bottom left no-repeat; padding:0 0 10px 0; margin:70px 0 0 0;}
				.contextUnwrap{width:255px; overflow:hidden; background:url(../images/bgd_top_all_fresh.png) top left no-repeat; padding:20px 10px 0 30px}
				.contextUnwrap ul{ margin:20px 0; background:url(../images/bgd_bottom_nos.gif) bottom left repeat-x; padding:10px 0 10px 0}
				.contextUnwrap li{ background:url(../images/bullet_01.gif) 0 5px no-repeat; padding:0 0 0 10px; color:#FFFFFF; display:block; margin:10px 0}
					.contextUnwrap ul ul{ background:none; padding:0; margin:0}
					.contextUnwrap li li{ padding:2px 0; background:none; margin:0}
				.contextUnwrap ul.last{ background:none; padding:0; margin:0}
				
		/*N O S - E N G A G E M E N T S*/
		.contNosEngagements {background:url(../images/bgd_engagement.jpg) 100% 0 no-repeat; color:#707173; font-size:12px; overflow:hidden; width:761px}
			.contNosEngagements .blockHtml {padding:70px 0 0 14px; width:332px; float:left}
			.contNosEngagements .blockHtml h3 {color:#bdcd00; font-size:20px}
			.contNosEngagements .blockHtml h4 {color:#e3006c; font-size:16px; padding:5px 0 3px 0}
			.contNosEngagements .blockHtml h4 img {padding:0 0 0 5px}
			.contNosEngagements .blockHtml h4.first {padding:4px 0 2px 0}
			
			.contextJdp{margin:249px 0 0 540px}
			.contextEngagements {float:left; background:url(../images/bgd_bottom_engagement.gif) 0 100% no-repeat; padding:0 0 9px 0; margin:0px 0 0 119px} 
			.contextEngagements .innerContext {background:url(../images/bgd_top_engagement.gif) 0 0 no-repeat; width:276px; padding:19px 0 0 20px}
			.contextEngagements .innerContext div {width:276px; overflow:hidden}
			.contextEngagements img {float:right}
			.contextEngagements img.titUne {float:left}
			.innerContext p, .innerContext p strong {color:#fff}
			.innerContext div.blockTitle {padding:0 11px 22px 0; width:265px}
		
		
		/*N O S  - I M P L A N T A T I O N S*/
		.contImplement{ width:751px; overflow:hidden; background:url(../images/bgd_implement.jpg) top right no-repeat; padding:0 0 0 10px; font-size:12px}
			.blocImplement{ width:350px; float:left; margin:70px 0 0 0}
			.blocImplement h2{ font-size:22px; color:#e3006c;}
			.blocImplement h3{ font-size:12px; color:#e3006c; padding:15px 0}
			.blocImplement p{ padding:15px 0 0 0}
			.blocImplement span{ display:block}
			
			.office{color:#e3006c; font-weight:bold}
			
			.contextImplement{ width:295px; float:right; background:url(../images/bgd_bottom_all_fresh.gif) bottom left no-repeat; padding:0 0 10px 0; margin:70px 0 0 0;}
			.contextUnwrapImplement{width:255px; background:url(../images/bgd_top_all_fresh.png) top left no-repeat; padding:20px 10px 0 30px; position:relative}
			.contextUnwrapImplement p{ padding:10px 0; color:#FFFFFF}
			.contextUnwrapImplement strong{ color:#FFFFFF}
			.contextUnwrapImplement p a{ background:url(../images/icon_toutes.gif) 0 0 no-repeat; padding:0 0 0 20px; color:#FFFFFF}
			.absolute{ margin:70px 0 200px 0}
			.absolute img{ margin:0 0 0 0; position:absolute; z-index:999; top:60px; left:-14px}
		
		/*N O S - A C T U A L I T E S*/
		.contActualites {width:761px; background:url(../images/bgd_actualite.jpg) top right no-repeat; padding:60px 0 0 0; font-size:12px; overflow:hidden}
			.contActualites .blocHTML01{ width:420px; overflow:hidden; padding:0 0 0 13px;}
			.blocHTML01 h3{ width:400px; display:block; overflow:hidden; clear:both; font-size:16px; color:#e41075; padding:30px 0 0 0}
			.blocHTML01 .jardin{text-align:center;}
			.blocHTML01 p{ padding:2px 0}
			.blocHTML01 dl{overflow:hidden; width:363px;  float:left }
			.blocHTML01 dd{ width:290px; float:left; display:block; padding:0 5px 0 0; overflow:hidden} 
			.blocHTML01 dt{ float:left; margin:0 0 0 0}
				.telecharge img{vertical-align:text-bottom}
				.telecharge a{ background:url(../images/ico_arow.gif) 0 0 no-repeat; padding:3px 0 0 22px; font-weight:bold}
			.blocHTML01 strong{ display:block; background:url(../images/bullet_import.gif) 0 5px no-repeat; padding:0 0 0 10px;}
			.blocHTML01 form{ width:363px; overflow:hidden; padding:5px 0 0 0;}
			.blocHTML01 .boxType label{ display:block;}
			.blocHTML01 .boxType input{ width:301px; float:left; border:1px solid #e42474; border-right:0; padding:0 2px 2px 2px}
			.blocHTML01 .boxType span{ width:306px; display:block; float:left;}
			.blocHTML01 .boxType a{width:21px; float:left; margin:0 10px 0 0; border:0; height:18px}
			.blocHTML01 .boxType input.btnOK{ width:21px; padding:0; border:0; height:18px}
			.blocHTML01 p .infoDateLieu{font-weight:bold}
			
			#article, #article01 {display:none}
			#article, #article02 {display:none}
			
			/* scroller */
			.smScrollContent{float:left; overflow:hidden}
			.smScroller {width:13px; text-align:center; float:left}
				.smScroller p {margin:0; padding:0}
				.smScroller a {text-decoration:none; display:block}
				.smScroller span {display:none}
			.smScrollUp, .smScrollUp p, .smScrollUp a {width:13px; height:13px; background:url(../images/btn_up.gif) 0 0 no-repeat; padding:0; margin:0 0 -1px 0}
				.smScrollUp a:hover {}
			.smScrollDn, .smScrollDn p,.smScrollDn a {width:13px; height:13px; background:url(../images/btn_down.gif) 0 0 no-repeat}
				.smScrollDn a:hover {}
			.smScrollDx {width:13px; background:#cdcdcd}
				.smScrollDx a {width:13px; height:50px; background:url(../images/btn_slider.gif) 0 0 no-repeat}
				.smScrollDx a:hover {}
				.smScrollContent p{padding:0 0 10px 0}
				#content #overview .smScroller p{padding:0}	
				
			/*select content*/
			.selScrollContent{background:#fff; float:left; overflow:hidden; margin:0 0 0 15px;}	
				.selScrollContent .selected{width:301px; background:none}
					.selScrollContent .selected li{background:none; padding:0; margin:0; text-align:left; cursor: pointer}
					.selScrollContent .selected li a{display:block; padding:2px 5px; color:#2d2d2d; background:#fff; font-weight:normal}
					.selScrollContent .selected li a:hover{text-decoration:none; color:#2d2d2d; background:#f3f3f3}
			
/*F O O T E R*/	
#footer{width:765px; clear:both; padding:0 0 20px 190px;}

.blocFooter{ width:761px; overflow:hidden; margin:15px 0 0 0}
	.number{ width:600px; float:left; background:#e3006c; padding:5px 10px}
	.number p{ color:#FFFFFF; font-size:12px; font-weight:bold}
	.number img{margin:0 10px; vertical-align:middle}
		
	.contactnous{ width:122px; float:right; background:#e3006c; padding:8px 5px 5px 5px;}	
	.contactnous p {margin:3px 0 0 0;}
	.contactnous a{ color:#FFFFFF; background:url(../images/icon_contact.gif) 0 0 no-repeat; padding:0 0 0 30px; font-weight:bold; height:20px; display:block;}
	
/* M E N T I O N S */
.mentions {background:none; font-family:Arial, Helvetica, sans-serif; padding:10px 0 0 0;}
	.mentions p {padding:0 10px 5px 10px;}
	.mentions h4 {padding:0 10px 0 10px; font-size:11px; color:#E3006C;}
	.mentions h3 {padding:10px 10px 5px 10px; color:#E3006C; font-size:16px;}
	.mentions h2 {padding: 0 0 10px 10px; color:#E3006C; font-size:25px;}
	.mentions .link {color:#E3006C;}

.contextEngagements .innerContext .textEtiqueDurable{width:271px;}
.contextEngagements .innerContext .textEtiqueDurable div.title {width:271px;;float:left;background:url(../images/logo_bio_duo.png) 100% 0 no-repeat}
.contextEngagements .innerContext .textEtiqueDurable div.logocertif {width:52px;;float:left}
.contextEngagements .innerContext .textEtiqueDurable div.logocertif .logo1{width:52px;;float:left;height:67px}
.contextEngagements .innerContext .textEtiqueDurable div.logocertif .logo2{width:52px;;float:left}