@CHARSET "UTF-8";

*{margin:0px auto 0px auto;
}
	
body {
background : url(../images/degrade.jpg) repeat-x ;
margin:0px auto 0px auto;
text-align: center;
}

#wrapper {
font-family : arial ; font-size : 16px ; color : #FFFFFF ;
font-weight: bold ;
text-align : center ;
border : none ;
position:relative;
left:50%; /*pour centrer un site quelque soit la taille de l'ecran*/
width:1325px;
margin:0px 0px 0px -662px;
}

	#banner {
	position:relative;
	border : none ;
	width : 1325px ;
	}
	#menu{
		z-index :80 ;
		position :absolute;
		width:680px;
		height:42px;
		margin:-55px 0px 0px 314px;
		text-align:center;
	}
	#menu ul{
			list-style:none;
			text-align:center;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				text-align:center;
				width:157px;
				margin:0px auto 0px auto;
				padding:0px auto 0px auto;
			}
				#menu li a{
					display:block;
					float:left;
					text-decoration:none;
					width:157px;
					margin:0px auto 0px auto;
					padding:0px auto 0px auto;
				}
					a:link {
					color: #FFFFFF;
					text-decoration: none;
					font-family: Arial;
					font-size : 12px ;
					}
					a:visited {
					color: #FFFFFF;
					text-decoration: none;
					font-family: Arial;
					font-size : 12px ;
					}
					a:visited#active {
					color: #98A9FF;
					text-decoration: none;
					font-family: Arial;
					font-size : 12px ;
					}
					a:hover {
					color: #98A9FF;
					text-decoration: none;
					font-family: Arial;
					font-size : 12px ;
					}
							a:hover.ref1{
							background:url(../images/nosproduits.gif) no-repeat;
							}
							a:hover.ref2{
							background:url(../images/nosspecialites.gif) no-repeat;
							}
							a:hover.ref3{
							background:url(../images/nosclients.gif) no-repeat;
							}
							a:hover.ref4{
							background:url(../images/alimentsnaturels.gif) no-repeat;
							}
							a:hover.ref5{
							background:url(../images/comdeslivraisons.gif) no-repeat;
							}
							a:hover.ref6{
							background:url(../images/nosrecettes.gif) no-repeat;
							}	
							a:hover.cde{
							background:url(../images/boutoncom2.png) no-repeat;
							}
							
					a:focus {
					color: #FFFFFF;
					text-decoration: none;
					font-family: Arial;
					font-size : 12px ;
					}
					
	#contenu{
	font-family : arial ; font-size : 16px ; color : #FFFFFF ;
	border : none ;
	margin: -5px 0px 0px 52px;
	position :absolute;
	width:1226px;
	height:500px;
	}
	
	#vitrine{
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#societe{
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#plan{
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#produits{
	background-color : #FFF6E1 ;
	border : none ;
	margin: -4px 0px 0px 211px;
	position :absolute;
	width:802px;
	height:405px;
	}
	
	#specialites{
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#clients{
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#naturels{
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#livraisons{
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#mentions{
	color : #4E0101 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -70px 0px 0px 37px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#commande{
	margin: 0px 0px 0px 450px;
	}
	
	.cde {
	background-image: url("../images/boutoncom1.png");
	z-index :70 ;
    display: block;
    position: absolute;
    height: 99px;
    width: 99px;
}
	
	a.textnone{
	font-family : arial ; font-size : 11px ; color : #4E0101 ;
	text-decoration:none;
	}
	
	#clicompo{
	color : #4E0101 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -70px 0px 0px 680px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	#sysdec{
	color : #4E0101 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	border : none ;
	margin: -50px 0px 0px 680px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	a.clicompo{
	font-family : arial ; font-size : 11px ; color : #4E0101 ;
	text-decoration:none;
	}
	
	a.sysdec{
	font-family : arial ; font-size : 11px ; color : #4E0101 ;
	text-decoration:none;
	}

	#recette{
	border : none ;
	margin: -500px 0px 0px 322px;
	position :absolute;
	width:578px;
	height:370px;
	}
	
	.ref1 {
	background-image : url(../images/nosproduits.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-501px 0px 0px 222px;
	padding:0px 0px 0px 0px;
	}
	
	.ref2 {
	background-image : url(../images/nosspecialites.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-357px 0px 0px 222px;
	padding:0px 0px 0px 0px;
	}
	
	.ref3 {
	background-image : url(../images/nosclients.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-215px 0px 0px 222px;
	padding:0px 0px 0px 0px;
	}
	
	.ref4 {
	background-image : url(../images/alimentsnaturels.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-501px 0px 0px 911px;
	padding:0px 0px 0px 0px;
	}
	
	.ref5 {
	background-image : url(../images/comdeslivraisons.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-357px 0px 0px 911px;
	padding:0px 0px 0px 0px;
	}
	
	.ref6 {
	background-image : url(../images/nosrecettes.jpg) ;
	display:block;
	text-decoration:none;
	border-style :none;
	width : 89px;
	height: 127px;
	position : absolute;
	margin:-215px 0px 0px 911px;
	padding:0px 0px 0px 0px;
	}
	

	#par1 {
	color : #1B1C20 ;
	z-index :50 ;
	line-height:18px;
	font-size : 12px ;
	font-weight:bold ;
	font-family : arial ;
	text-indent: 25px;
	text-align: justify;
	border-width: thick;
	position : absolute;
	width : 430px ;
	height:200px ;
	margin:-770px 0px 0px 435px;
	padding:290px 35px 20px 20px;
	}
	
	big {
	color : #4E0101;
	font-size : 16px;
	}
	
	strong {
	color : #1B1C20;
	font-size : 16px;
	font-weight:bold ;
	}
	
	#par2 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: center;
	border-width: thick;
	position : absolute;
	width: 430px ;
	height:290px ;
	margin:-400px 0px 0px 370px;
	padding:290px 35px 20px 20px;
	}
	
	#par2 a {
	color: blue;
	}
	
	#par3 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: justify;
	border-width: thick;
	position : absolute;
	width: 430px ;
	height:290px ;
	margin:-380px 0px 0px 370px;
	padding:290px 35px 20px 20px;
	}
	
	#par4 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: center;
	border-width: thick;
	position : absolute;
	width: 430px ;
	height:290px ;
	margin:-400px 0px 0px 370px;
	padding:290px 35px 20px 20px;
	}
	
	#par5 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: center;
	border-width: thick;
	position : absolute;
	width: 430px ;
	height:290px ;
	margin:-278px 0px 0px 60px;
	padding:290px 35px 20px 20px;
	}

	.introduction {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: justify;
	border-width: thick;
	position : absolute;
	width: 530px ;
	height:110px ;
	margin:-500px 0px 0px 140px;
	padding:0px 0px 0px 0px;
	}
	
.bloctexte1 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-weight: bold ;
	font-family : arial ;
	text-align: justify;
	border-width: thick;
	width: 350px;
	position : absolute;
	margin:-400px 0px 0px 140px;
}

.blocimage1 {
	margin: -240px 0px 0px 340px;
	float: none;
}

.bloctexte2 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-family : arial ;
	font-weight : 800 ;
	text-align: justify;
	border-width: thick;
	width: 350px;
	position : absolute;
	margin:-120px 0px 0px 330px;
}

.blocimage2 {
	margin: -140px 0px 0px -190px;
	float: none;

}

.bloctexte3 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-family : arial ;
	font-weight : 800 ;
	text-align: justify;
	border-width: thick;
	width: 350px;
	position : absolute;
	margin:50px 0px 0px 140px;
}

.blocimage3 {
	margin: -140px 0px 0px 340px;
	float: none;

}

.bloctexte4 {
	color : #1B1C20 ;
	z-index :60 ;
	line-height:18px;
	font-size : 12px ;
	font-family : arial ;
	font-weight : 800 ;
	text-align: justify;
	border-width: thick;
	width: 530px;
	position : absolute;
	margin:250px 0px 0px 135px;
}

#shadowing
 {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: gray;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}
        
    #div_mailing
        {
	        display: none;
	        position: fixed;
	        text-align:center;
	        font-size:15px;
	        width: 300px;
	        height: 70px;
	        overflow:hidden;
	        padding: 10px;
	        margin:0;
			background:#FEF6E1;
	        border: 1px solid black;
	        border-radius:25px;
	        background-color: white;
	        z-index:101;
    }

	#div_mailing button{
		text-align:center;
		text-shadow:0px -1px 0px #000;
		margin-top:15px;
		font-size:0.95em;
		font-weight:bold;
		border:none;
		color:white;
		background:#007667;
		background:-moz-linear-gradient(top,#007667,#19A08E);
		background:-webkit-gradient(linear,left top,left bottom,from(#007667),to(#19A08E));
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
				border-radius:5px;
		-webkit-box-shadow:0px 0px 1px #000;
		   -moz-box-shadow:0px 0px 1px #000;
				box-shadow:0px 0px 1px #000;
	}
	#div_mailing button:hover{
background:#006C5E;
background:-moz-linear-gradient(top,#006C5E,#008C7A);
background:-webkit-gradient(linear,left top,left bottom,from(#006C5E),to(#008C7A));
}


#retourac{
background:#B94E06;
width:150px;
border: 2px outset white;
}

#bubulle {
	background:white;
	border: 1px solid #aaf;
	border-radius:5px;
	z-index:100;
	width:400px;
}

#cont {
  margin-left:auto;
  position: relative;
  background: #FFF6E1;
  border:1px solid black;
  border-radius: 25px;
  padding: 20px;
  width: 450px;
}


#cont fieldset {
  border: groove;
  margin-bottom: 10px;
}
#cont fieldset:last-of-type {
  margin-bottom: 0;
}

#cont legend {
  color: #0E6BAD;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  text-shadow: 0 1px 1px #c0d576;
}

#cont label{
	display:block;
	width:150px;
	vertical-align:top;
	float:left;
}

#cont input,#cont select,#cont textarea{
	margin-top:5px;
	width:260px;
}

#cont input[type="submit"]{
width:80px;
}


#footercont{
position:fixed;
bottom:0;
background:#B94E06;
width:100%;
height:110px;
border-top: 2px inset white;
/* Anciens navigateurs */
	background: #B94E06 url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#B94E06),
		to(#B94E06),
		color-stop(0.5, chocolate)
	);
	background: -webkit-linear-gradient(
		top,
		#B94E06,
		chocolate 50%,
		#B94E06
	);
	background: -moz-linear-gradient(
		top,
		#B94E06,
		chocolate 50%,
		#B94E06
	);
	background: -o-linear-gradient(
		top,
		#B94E06,
		chocolate 50%,
		#B94E06
	);
	background: linear-gradient(
		top,
		#B94E06,
		chocolate 50%,
		#B94E06
	);

}

#footercont a {
color: black;
position:absolute;
left:15%;
top:40%;
}

#footercont p{
text-align:center;
margin-top:10px;
}
	
	#footer {
	width : 1325px ;
	height:119px ;
	position : absolute;
	margin:495px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	#footerproduits {
	width : 1325px ;
	height:119px ;
	position : absolute;
	margin:900px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}