@charset "utf-8";
/* CSS Document */

.maClass{
 color:red;
!color:green; /* tous les IE */
_color:blue; /* tous les IE sauf le 7 */}

*{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.5pt;
	color: #333333;
}
body{
	background-repeat:repeat;
	background-image:url(fond/body.jpg);
	margin-top:60px;
	margin-left:100px;
	margin-right:100px!important;
	margin-right:auto;
	}
	
#haut{
	position:relative;
	width:931px;
	height:158px;	
	top:0;
	left:0;	
}
#bando{
background-image:url(fond/bandovert.png);
width:675px;
height:158px;
position:absolute;
left:256px;
top:0;

}

#haut h1{
text-align:center;
	left:110px;
	top:50px;
	font-size:36px;
	color: #FFFFFF;
	position:absolute;
	z-index:30;
}

#logo{
background-image:url(fond/logo.png);
	position:absolute;
	width:256px;
	height:158px;
	left:-256px;
}
#encartblc{

background-image:url(fond/encartblc.png);
width:235px;
	height:58px;
	position:absolute;
	left:450px;
	top:95px;
	z-index:40;

}
#encartblc h2{
	text-align:center;
	color: #b1cc1a;
	padding:5px;
	font-size: 13px;

}
#neige{
background-image:url(fond/neige.png);
	position:relative;
	width:200px;
	height:200px;
	left:200px;
	top:-120px;
	z-index:20;	
}

#menthe{
background-image:url(fond/menthe.png);	
	position:absolute;
	width:190px;
	height:137px;
	z-index:10;	
	
}

#partiemenu{
	background-image:url(fond/ombredroite.png);
	background-repeat: repeat-y;
	background-position: right;
	position:absolute;
	width:263px;
	left:0;
	top:-200px;
	z-index:5;
	float:left;



	
}
#partiemenu2{
	background-image:url(fond/ombredroite.png);
	background-repeat: repeat-y;
	background-position: right;
	position:absolute;
	width:263px;
	left:0;
	top:-200px;
	z-index:5;
	float:left;
	height:562px;
}
#partiemenu3{
	background-image:url(fond/ombredroite.png);
	background-repeat: repeat-y;
	background-position: right;
	position:absolute;
	width:263px;
	left:0;
	top:-200px;
	z-index:5;
	float:left;
	height:620px;
}
#menu{
	background-color: #FFFFFF;
	left:15px;
	top:15px;
	width:256px;
	text-align:center;
}


#menu li {
	width:222px;
	height:32px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #e1e1df;
	margin-left:15px;
	list-style-image: none;
	list-style-type: none;
	}
	
#menu[id] li+li {
	
}

#menu li#active,#menu li:hover  {
	background-color: #f3f3f1;		
}

#menu li a {
	font-size: 14px;
	color:#333333;
	vertical-align: middle;
	padding-top:10px;
}

#menu li a:hover {
	color:#b2cd1e;
	color: #b2cd1e;
}

#menu li#active  a {
	font-size: 14px;
	color: #b2cd1e;
	
}

#pomme{
background-image:url(fond/pomme.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-40px;
margin-top:-30px;
position:relative;


}

#cerise{
background-image:url(fond/cerise.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-40px;
margin-top:-30px;
position:relative;
z-index:50


}
#framboise{
background-image:url(fond/framboise.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-40px;
margin-top:-25px;
position:relative;


}
#aubergine{
background-image:url(fond/aubergine.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-40px;
margin-top:-25px;
position:relative;


}
#orange{
background-image:url(fond/orange.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-40px;
margin-top:-25px;
position:relative;


}
#fraise{
background-image:url(fond/fraise.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-45px;
margin-top:-22px;
position:relative;
}
#kiwi{
background-image:url(fond/kiwi.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-45px;
margin-top:-22px;
position:relative;
}
#ardoise{
background-image:url(fond/ardoise.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-45px;
margin-top:-22px;
position:relative;
}
#banane{
background-image:url(fond/banane.png);
width:142px;
height:152px;
z-index:40;
float:right;
margin-right:-50px;
margin-top:-22px;
position:relative;
}
#tomates{
background-image:url(fond/tomates.png);
background-repeat:no-repeat;
width:160px;
height:100px;
z-index:40;
float:right;
margin-right:-60px;
margin-top:22px;
position:relative;
}
.rougefraise{
	color: #da3f3e;
	font-size: 16px;
	font-weight: bold;
}

.encartfraise{
	background-color: #da3f3e;

}
#contenu{
	position:absolute;
	background-color: #FFFFFF;
	width:675px;
	height:521px;
	_height:530px;
	!height:532px;
	float:left;
	top:-200px;
	left:255px;
}
#contenu2{
	position:absolute;
	background-color: #FFFFFF;
	width:675px;
	float:left;
	top:-196px;
	left:246px;
	height:521px;
	_height:530px;









	!height:532px;
	overflow:auto;
}

#texte{
	float:left;
	width:370px;
	margin-top:15px;
	text-align: left;
	margin-right:0;
	margin-left: 35px!important;
	margin-left:15px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom:40px!important;
	padding-bottom:30px;
	
	
	
}
#textesport{
	float:left;
	width:350px;
	margin-top:15px;
	text-align: left;
	margin-right:20px;
	margin-left: 35px!important;
	margin-left:15px;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom:40px!important;
	padding-bottom:30px;
	
	
	
}
#texte2{
	float:left;
	width:570px;
	margin-top:45px;
	text-align: left;
	margin-right:0;
	margin-left: 25px;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom:40px!important;
	padding-bottom:30px;
}

#texte h1{
	font-size: 16px;
	color: #7e7e7d;
	font-weight: bold;
}

#texte h2{
	font-size: 14px;
	color: #712f8f;
	font-weight: bold;
	padding-top: 15px;
}
#texte h3{
	font-size: 14px;
	color: #d31f41;
	font-weight: bold;
	padding-top:15px;
}
#texte h4{
	font-size: 14px;
	color: #ff7e07;
	font-weight: bold;
	padding-top:15px;
}

p{


}

#photo{
	
	right:150px;
	padding:15px;
}
#photoqui{
	
	right:150px;
	padding-top:33px;
	float:none!important;
	float:left;
}

#transpa{
	background-image:url(fond/transpa.png);
	position:relative;
	height:48px;
	width:167px;
	float:left;
	margin-top:-48px;
	font-size: 10px;
	color: #FFFFFF;
	text-align:center;
}


#pied{
	background-color:#712f90;
	height:35px!important;
	height:33px;
	position:relative;
	clear:both;
	color: #FFFFFF;
	text-align:center;
}


#tout{
	width:938px;
	
}

#coinbas{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fond/coinbas.png', sizingMethod='scale');
	background-repeat:no-repeat;
	width:256px;
	height:158px;
	float:left;
	left:0px;


}
#coinbas[id]{

	background-image:url(fond/coinbas.png)!important;
	background-repeat:no-repeat;
	width:256px;
	height:158px;
	float:left;



}

#bas{
	float:left;
	position:relative;
	width:938px;
	background-color: #FFFFFF;
	top:0;
	left:0;
	
	
}

#encartvert{
position:absolute;
	background-color:#b1cc1a;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:-80px;
	width:190px;
}
#encartvert2{
	position:absolute;
	background-color:#b1cc1a;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:165px;
	width:190px;
}
#encartrose{
position:absolute;
	background-color:#d31f41;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;
}
#encartrose2{
	position:absolute;
	background-color:#d31f41;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:265px;
	width:190px;
}
#encartorange{
position:absolute;
	background-color:#ff7e07;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;
}
#encartorange2{
	position:absolute;
	background-color:#ff7e07;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:265px;
	width:190px;
}

#encartvert h1{
	font-size:16px;
	color: #FFFFFF;
	text-align:center;
}

#encartvert2 h2{
	font-size:16px;
	color: #333333;
	text-align:center;
}
#encartvert2 h1{
	font-size:16px;
	color: #FFFFFF;
	text-align:center;
}

#encartvert h2{
	font-size:16px;
	color: #333333;
	text-align:center;
}
#encartrose h1{
	font-size:16px;
	color: #FFFFFF;
}
#encartrose h2{
	font-size:16px;
	color:  #333333;
}
#encartrose2 h2{
	font-size:16px;
	color: #333333;
	
	
}
#encartrose2 h1{
	font-size:16px;
	color: #FFFFFF;
	text-align:center;
}

#encartorange h1{
	font-size:16px;
	color: #FFFFFF;
}
#encartorange h2{
	font-size:16px;
	color:  #333333;
}
#encartorange2 h2{
	font-size:16px;
	color: #333333;
	text-align:center;
	
	
}
#encartorange2 h1{
	font-size:16px;
	color: #FFFFFF;
	text-align:center;
}

#compteur{
	position: relative;
	clear:both;
	margin-top:380px;
	margin-left:500px;

}
#compteur2{
	position: relative;
	clear:both;
	margin-top:500px;
	margin-left:500px;

}

#raisonsociale{
	width:160px;
	height:71px;
	float:left;
	font-size: 9px;
	text-align:left;
margin-top:-120px;
margin-left:20px;
}
#raisonsociale h3{
	color: #b5cf25;
}
#bouton1{
position:absolute;
top:100px;
left:430px!important;
left:460px;
background-image:url(fond/bouton.jpg);
background-repeat:no-repeat;
width:135px;
height:64px;

}
#bouton33{
position:absolute;
top:130px;
left:430px!important;
left:460px;
background-image:url(fond/bouton33.jpg);
background-repeat:no-repeat;
width:135px;
height:64px;
}

#bouton1 h1{text-align:center;
padding:15px;

}

#bouton2{
background-image:url(fond/bouton1.jpg);
background-repeat:no-repeat;
position:absolute;
top:220px;
left:430px!important;
left:460px;
width:135px;
height:64px;
}

#bouton2 h1{
text-align:center;
padding:15px;
}

#boutonbas{
background-image:url(fond/boutonbas.jpg);
position:absolute;
top:100px;
left:430px!important;
left:460px;
background-repeat:no-repeat;
width:135px;
height:64px;
}

#boutonbas3{
background-image:url(fond/bouton3.jpg);
position:absolute;
top:130px;
left:430px!important;
left:460px;
background-repeat:no-repeat;
width:135px;
height:64px;
}
#boutonbas2{
background-image:url(fond/boutonbas2.jpg);
position:absolute;
top:220px;
left:430px!important;
left:460px;
background-repeat:no-repeat;
width:135px;
height:64px;
}

.center{
text-align:center;
padding:15px;
}
#boutonbas h1{
text-align:center;
padding:15px;
}



.image{
margin-left:50px;
}

#volute{
background-image:url(fond/volute.png);
position:absolute;
height:300px;
width:142px;
left:480px;
top:120px;
}

#fleur{
background-image:url(fond/fleur.png);
position:absolute;
height:78px;
width:71px;
left:210px;
top:330px;
_top:310px;
!top:290px;
}
.textor{
	font-size: 14px;
	font-weight: bold;
	color: #ff7e07;



}
.fraise2{
	font-size: 14px;
	font-weight: bold;
	color: #da3f3e;

}
#recette{
background-image:url(fond/recette.jpg);
width:150px;
height:150px;
position:absolute;
top:220px;
left:430px!important;
left:480px;

}
.kiwi{
	color: #8c5736;
	font-size: 14px;
	font-weight: bold;

}

.kiwiencart{
	position:absolute;
	background-color:#aab64a;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:892px;
	top:80px;
	width:190px;

}
.kiwiencart2{
	position:absolute;
	background-color:#aab64a;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:250px;
	width:190px;

}
.ardoise{
	color: #27363b;
	font-size: 14px;
	font-weight: bold;

}

.encartardoise{
	background-color: #27363b;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;

}

.encartardoise2{
	background-color: #27363b;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:250px;
	width:190px;

}
.encartjaune{
	background-color:#f7db33;
	position:absolute;
	color: #333333;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;
}
.encartjaune2{
	background-color:#f7db33;
	position:absolute;
	color: #333333;
	padding:5px;
	z-index: 30;
	left:890px;
	top:250px;
	width:190px;
}

.rougetomate{
	color: #c81906;
	font-size: 14px;
	font-weight: bold;

}


.encartrougetomate{
background-color: #c81906;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;
}
.encartrougetomate2{
background-color: #c81906;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:250px;
	width:190px;
}
.banane{
	color: #f7db33;
	font-size: 12px;
	font-weight: bold;
}
.banane2{
	background-color: #f7db33;
	width:220px;
	

}

input{
	background-color: #ffffff;

}
table{
	background-color: #CCCCFF;

}

.aubergine{
	color: #31002c;
	font-size: 14px;
	font-weight: bold;
}
.encartaubergine{
	background-color:#31002c;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:80px;
	width:190px;
}
.encartaubergine2{
	background-color:#31002c;
	position:absolute;
	color: #FFFFFF;
	padding:5px;
	z-index: 30;
	left:890px;
	top:250px;
	width:190px;
}
.contact{
	font-size: 16px;
	padding-left:80px;
}

.contact2{
	font-size: 14px;
	padding-left:30px;
	
}


#petit{
	position:absolute;

	top:740px;
	left:837px;
}
#petit a{
	
	font-size: 10px;
	
}