@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
html{
	min-height: 100%;
	height: auto;
}
body{
	background: #50b814 url(../images/commun/grass.gif) center 102% repeat-x!important;
	background: #50b814 url(../images/commun/grass.gif) center bottom repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595b58;
}
a{
	text-decoration: none;
	color: #64bf12;
}
a:hover{
	text-decoration: underline;
}
.gradiant{
	background: url(../images/commun/gradiant.gif) 0 0 repeat-x;
}
.fullWidth{
	width: 100%;
	height: 420px;
}
.corps{
	background: url(../images/commun/rightBg.gif) 309px bottom no-repeat;
	margin: 0 auto;
	padding: 0 0 9px 0;
	width: 810px;
}
#header{
	width: 810px;
	height: 299px;
}
.contenu{
	float: left;
	padding: 0 13px 0 36px;
}
ul{
	list-style: none;
}
h2{
	background: url(../images/commun/greyBar.gif) left bottom no-repeat;
	margin: 0 0 30px 0;
	font-size: 20px;
	font-weight: normal;
	color: #ed7800;
}
h3{
	margin: 0 0 6px 20px;
	font-size: 11px;
}
marquee{
	/*position: absolute;
	top: 200px;
	left: 30px;
	width: 580px;*/
	font-size: 18px;
	/*font-weight: bold;*/
	color: #64bf12;
}
marquee a{
	color: #64bf12;
	text-decoration: underline;
}
marquee a:hover{
	text-decoration: none;
}
marquee span{
	font-size: 12px;
}
.leftHalf{
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 32px 24px 0 27px;
	width: 215px;
}
#index{
	position: relative;
	background-image: url(../images/commun/indexLeftBg.gif);
	height: 551px;
}
#index h2{
}
#index p{
	margin: 0 0 30px 0;
}
.vitafruit{
	text-transform: uppercase;
	color: #64bf12;
}
#adresse{
	position: absolute;
	top: 572px;
	left: 12px;
	width: 250px;
	font-size: 10px;
	color: #fff;
}
#adresse h4{
	margin: 0 0 10px 0;
	font-size: 12px;
}
#adresse h4 span{
	font-weight: normal;
}
#adresse h4 span.bigger{
	font-size: 16px;
	font-weight: bold;
}
#adresse p{
	background: url(../images/commun/logo.gif) 0 2px no-repeat;
	margin: 0;
	padding: 0 0 0 62px;
	width: 200px;
	height: 64px;
}
#adresse a{
	color: #fff;
}
#bookmark{
	/*background: url(../images/commun/bookmarks.gif) right 0 no-repeat;*/
	cursor: pointer;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #64bf12;
}
#bookmark:hover{
	text-decoration: underline;
}

#viewArchives{
	position: absolute;
	background: url(../images/commun/icons/archiver.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
	top: 5px;
	right: 0;
	font-size: 13px;
}

.rightHalf{
	position: relative;
	float: left;
	background: #fff;
	margin: 0 0 0 7px;
	padding: 33px 16px 0 17px;
	width: 455px;
}
#communique{
	position: absolute;
	top: 3px;
	padding: 0 0 5px 18px;
	font-size: 12px;
	font-weight: bold;
	right: 30px;
	background: url(../images/commun/news.gif) 0 0 no-repeat;
	color: #ed7800;
	text-decoration: underline;
}
#showLink, #hideLink{
	float: right;
}
#showLink{
}
#newsArchives{
	clear: both;
	margin-top: 20px;
}
#newsArchives p{
	margin-bottom: 5px;
}
.goToArchive{
	position: absolute;
	right: 30px;
}

.box{
	margin: 0 0 10px 0;
	padding: 0 15px 15px;
}
.smallGrass{
	background: url(../images/commun/smallGrass.gif) left bottom no-repeat;
	padding-bottom: 50px;
}
.smallGrass p{
	margin: 0 0 20px 0;
}
.gradiantBox{
	background: url(../images/commun/gradiantBox.gif) left top no-repeat;
	margin: 0 0 20px 0;
	padding: 30px 15px 0;
}
.gradiantBox p{
	margin: 0 0 16px 0;
}
.gradiantBox img{
	float: left;
	margin: 0 8px 20px 0;
}
.gradiantBox img.last{
	margin: 0 0 20px 0;
}

/*--------------	produits		--------------*/
#produits{
	position: relative;
	background-image: url(../images/commun/produitsLeftBg.jpg);
	height: 551px;
}
#top{
	height: 225px;
}
.blue{
	color: #000;
}
#first, #second, #third{
	background: url(../images/commun/puce-orange.jpg) right 6px no-repeat;
	display: block;
	/*height: 15px;*/
	margin: 0 0 5px 0;
	padding: 0 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	color: #595b58;
}
#first{
}
#second{
	margin: 0 0 5px 0;
}
#ttl-compotes{
	/*background-position: 125px 20px;*/
}
.indent{
	text-indent: 36px;
}
.orange, #produits a.orange{
	color: #ed7800;
}
#compotes{
}
#compotes li, #vitameal li{
	float: left;
	margin-bottom: 13px;
	padding-top: 100px;
	width: 136px;
	height: 18px;
	text-align: center;
}
#compotes li span, #gammes li span, #formats li span, #gamme-jus li span, #vitameal li span{
	display: block;
	background: url(../images/commun/arrow.gif) 10px 0 no-repeat;
	padding: 0 0 0 17px;
	font-weight: bold;
	color: #67bc17;
}
#pommeNature{
	background: url(../images/commun/pommeNature.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#pommeBanane{
	background: url(../images/commun/pommeBanane.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#pommePoire{
	background: url(../images/commun/pommePoire.gif) 0 0 no-repeat;
}
#compotes li#pommePoire span{
	background-position: 20px 0;
}
#pommeFraise{
	background: url(../images/commun/pommeFraise.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#compotes li#pommeFraise span{
	background-position: 10px 0;
}
#poire{
	background: url(../images/commun/poire.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#pommeMiel{
	background: url(../images/commun/pommeMiel.gif) 0 0 no-repeat;
}
#compotes li#poire span{
	background-position: 20px 0;
}
#compotes li#pommeMiel span{
	background-position: 20px 0;
}

#gammes li{
	float: left;
	margin-bottom: 13px;
	padding-top: 172px;
	width: 186px;
	height: 18px;
	text-align: center;
}
#classique{
	background: url(../images/commun/classique.gif) 0 0 no-repeat;
	margin-right: 40px;
}
#gammes li#classique span{
	background-position: 45px 0;
}
#allege{
	background: url(../images/commun/allege.gif) 0 0 no-repeat;
}
#gammes li#allege span{
	background-position: 10px 0;
}

#formats{
	margin-bottom: 20px;
}
#formats li{
	float: left;
	margin-bottom: 13px;
	padding-top: 140px;
	height: 18px;
	text-align: center;
	color: #ed7800;
}
#potUn{
	background: url(../images/commun/potUn.gif) 0 54px no-repeat;
	margin-right: 150px;
	margin-left: 20px;
	padding-top: 140px;
	width: 109px;
	height: 100px;
}
#formats li#potUn span{
	background-position: 2px 0;
}
#potDeux{
	background: url(../images/commun/potDeux.gif) 0 30px no-repeat;
	margin-right: 0;
	width: 116px;
}
#formats li#potDeux span{
	background-position: 10px 0;
}
#potTrois{
	background: url(../images/commun/potTrois.gif) 0 0 no-repeat;
	width: 147px;
}
#formats li#potTrois span{
	background-position: 34px 0;
}

#ttl-compotes a, #ttl-jus a{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	color: #67bc17;
}
#goToFirst, #goToSecond{
	position: absolute;
	right: 30px;
	background: url(../images/commun/arrow.gif) 0 1px no-repeat;
	padding: 0 0 0 20px;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #67bc17;
}
#goToFirst{
	top: 0;
}
#goToSecond{
	top: 30px;
}
#goToSecond:hover, #goToSecond:hover{
	text-decoration: underline;
}
#ttl-jus{
	/*background-position: 146px 20px;*/
}
#gamme-jus li{
	float: left;
	margin-bottom: 13px;
	padding-top: 256px;
	width: 186px;
	height: 18px;
	text-align: center;
}
#nectar-orange{
	background: url(../images/commun/nectar-orange.jpg) 0 0 no-repeat;
	margin-right: 40px;
}
#gamme-jus li#nectar-orange span{
	background-position: 35px 0;
}
#nectar-abricot{
	background: url(../images/commun/nectar-abricot.jpg) 0 0 no-repeat;
}
#gamme-jus li#nectar-abricot span{
	background-position: 25px 0;
}

#ttl-vitameal{
	background-position: 0px 25px;
}
#vitameal li  span{
	background-position: 35px 0;
}
#mealBanane{
	background: url(../images/commun/mealBanane.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#mealVanille{
	background: url(../images/commun/mealVanille.gif) 0 0 no-repeat;
	margin-right: 8px;
}
#mealCocktail{
	background: url(../images/commun/mealCocktail.gif) 0 0 no-repeat;
	/*margin-right: 8px;*/
}
#vitameal li#mealPomme, #vitameal li#mealPoire, #vitameal li#mealAbricot{
	padding-top: 140px;
}
#mealPomme{
	background: url(../images/commun/mealPomme.gif) 0 0 no-repeat;
	margin-right: 8px;
	padding-top: 100px;
}
#mealPoire{
	background: url(../images/commun/mealPoire.gif) 0 0 no-repeat;
}
#mealAbricot{
	background: url(../images/commun/mealAbricot.gif) 0 0 no-repeat;
}
#vitameal li#mealVanille span{
	background-position: 15px 0;
}
#vitameal li#mealCocktail span{
	background-position: 10px 0;
}
.list3 .vitameal-pomme-peche, .list4 .vitameal-colin-riz{
	right:295px;
}
/*--------------	sante		--------------*/
#sante{
	position: relative;
	background-image: url(../images/commun/santeLeftBg.jpg);
	height: 551px;
}
#ttl-sante{
	/*background-position: 70px 24px;*/
	font-size: 26px;
}
.green{
	color: #64bf12;
}
.ladyGrass{
	background: url(../images/commun/ladyGrass.jpg) left bottom no-repeat;
	padding-bottom: 211px;
}
.ladyGrass p{
	margin: 0 0 30px 0;
}
/*--------------	recettes	--------------*/
#recettes{
	position: relative;
	background-image: url(../images/commun/recettesLeftBg.jpg);
	height: 551px;
}
#recettes p{
	margin: 0 0 15px 0;
}
#ttl-gateauPommes{
	/*background-position: 244px 24px;*/
	font-size: 26px;
}
#ttl-tartePommes{
	/*background-position: 220px 24px;*/
	margin-top: 20px;
	font-size: 26px;
}
.recettes p{
	margin: 0 0 10px 0;
}
.recettes ul, .recettes ol{
	margin: 0 0 10px 0;
}
.recettes ol{
	list-style-type: decimal;
	padding: 0 0 0 20px;
}
.sousTitre{
	color: #64bf12;
	font-size: 14px;
	font-weight:bold;
}
h2.recette{
	background: none;
	border-bottom: 1px solid #999999;
}
/*--------------	professionnels	--------------*/
#professionnels{
	position: relative;
	background-image: url(../images/commun/recettesLeftBg.jpg);
	height: 551px;
}
#professionnels h3{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 12px;
	color: #ed7800;
}
#professionnels p{
	margin: 0 0 15px 0;
}
#ttl-points{
	/*background-position: 122px 20px;*/
}
#ttl-professionnels{
	/*background-position: 195px 20px;*/
}
#conforme{
	background: url(../images/commun/conformeBg.jpg) top right no-repeat;
	margin: 0 0 30px 0;
	padding: 0 194px 0 0;
	text-align: justify;
}
.professionnels{
	padding-bottom: 120px;
}
.professionnels h2{
	margin-bottom: 55px;
}
.professionnels p{
	margin-bottom: 45px;
}
/*--------------	contact		--------------*/
#contact{
	position: relative;
	background-image: url(../images/commun/indexLeftBg.gif);
	padding: 20px 24px 0 27px;
	height: 563px;
}
#contact h3{
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 12px;
}
#contact a{
	color: #ed7800;
}
#contact p{
	margin: 0 0 5px 0;
}
#ttl-contact{
	/*background-position: 250px 24px;*/
}
.contact form{
	padding: 20px 0 50px;
	height: 480px;
}
.contact p{
	clear: both;
	margin-bottom: 20px;
}
.contact label{
	display: block;
	width: 100px;
	font-weight: bold;
	color: #595b58;
}
.contact input, .contact textarea, .contact select{
	float: left;
	border: 1px solid #dddddc;
	width: 320px;
}
.contact textarea{
	height: 120px;
}
#send, #reset{
	padding: 1px;
	width: 79px;
	height: 19px;
	font-size: 11px;
	color: #fff;
}
#send{
	background: #fff url(../images/commun/sendBg.gif) 0 0 no-repeat;
}
#reset{
	background: #fff url(../images/commun/resetBg.gif) 0 0 no-repeat;
}
/*--------------	presse		--------------*/
#presse, #contact a#presse{
	display: block;
	background: url(../images/commun/arrow2.gif) 0 2px no-repeat;
	padding: 0 0 10px 18px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
#tablePresse{
	display: block;
	/*border-bottom:1px solid #97975E;*/
	width:425px;
	margin:0px auto;
	height: auto !important;
	height: 450px;
	min-height: 450px;

}
.dossier{
	float: left;
	margin: 0 10px 10px 0;
}
.titre-table{
	font-size:12px;
	color:#707B09;
}
.thb-presse{
	width:200px;
	padding-top:25px;
}
.noborder{
	border:0px;
}
.bold{
	font-weight:bold;
}
.vtop {
	vertical-align:text-top;
}
.bordernoir{
	border:1px solid #000000;
}
.font-12 {
	font-size:12px;
}
.font-14 {
	font-size:14px;
}

.popup{
	background: #50b814 url(../images/commun/grass.gif) left bottom repeat-x;
	padding: 10px;
}	
.popup a{
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}	
.pressImg{
	background: #fff;
	border: 1px solid #ed7800;
	margin: 10px 0 0;
	padding: 1px;
}


/*--------------	classes communes		--------------*/
.relative{
	position: relative;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fnone{
	float: none;
}
.clear{
	clear: both;
}
.lclear{
	clear: left;
}
.rclear{
	clear: right;
}
.no-height{
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.block{
	display: block;
}
.nomargin{
	margin: 0;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.autoWidth{
	width: auto;
}
.big{
	font-size: 24px;
}
.noborder{
	border: none;
}
.upcase, p.upcase{
	text-transform: uppercase;
}
.bigger, h4.bigger{
	font-size: 18px;
}
.medium{
	font-size: 14px;
}
.underlined{
	text-decoration: underline;
}
.noDisplay{
	display: none;
}
/*--------------	spry related		--------------*/
#requiredName span, #requiredEmail span{
	position: absolute;
	left: 90px !important;
	left: 93px;
	padding: 2px 10px;
	width: 310px;
}
#requiredName span{
	top: 40px;
}
#requiredEmail span{
	top: 160px;
}

