@charset "utf-8";

/* STRUCTURE ----------------------------------------------------- */

* {margin: 0; padding: 0;}

body {
	background-color: #CEC2AC;
}
#global {
	margin-left: auto;
	margin-right: auto;
	width: 925px;
	text-align: left;
  }
#global-band1 {
	width: 925px;
	height: 100px;
	background-image: url(pict/band1-fond.png);
	background-repeat: repeat-x;
}
#logo {
	width: 225px;
	height: 100px;
}
#presentation {
	position: absolute;
	width: 670px;
	height: 60px;
	margin-left: 225px;
	top: 25px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	color: #EAEAEA;
	font-weight: normal;
	line-height: 1.2;
	text-transform: none;
}
#global-band2 {
	width: 925px;
	height: 200px;
	background-color: #B8A685;
}

#menu {
 position: relative;
 width: 925px;
 height: 40px;
 margin-top: 8px;
 background: url(pict/menu-jardinerie.png);
}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#menu li, #menu a {height: 40px; display: block;}

#menu11 {left: 225px; width: 120px;}
#menu12 {left: 345px; width: 130px;}
#menu13 {left: 475px; width: 150px;}
#menu14 {left: 625px; width: 130px;}
#menu15 {left: 755px; width: 170px;}

#menu11 a:hover {background: url(pict/menu-jardinerie.png) -225px -40px no-repeat;}
#menu12 a:hover {background: url(pict/menu-jardinerie.png) -345px -40px no-repeat;}
#menu13 a:hover {background: url(pict/menu-jardinerie.png) -475px -40px no-repeat;}
#menu14 a:hover {background: url(pict/menu-jardinerie.png) -625px -40px no-repeat;}
#menu15 a:hover {background: url(pict/menu-jardinerie.png) -755px -40px no-repeat;}

#menu11a {left: 225px; width: 120px; background: url(pict/menu-jardinerie.png) -225px -40px no-repeat;}
#menu12a {left: 345px; width: 130px; background: url(pict/menu-jardinerie.png) -345px -40px no-repeat;}
#menu13a {left: 475px; width: 150px; background: url(pict/menu-jardinerie.png) -475px -40px no-repeat;}
#menu14a {left: 625px; width: 130px; background: url(pict/menu-jardinerie.png) -625px -40px no-repeat;}
#menu15a {left: 755px; width: 170px; background: url(pict/menu-jardinerie.png) -755px -40px no-repeat;}


#page {
	position:relative;
	width: 685px;
	padding-left:240px;
	background-color: #FFFFFF;
	background-image: url(pict/page-backline.gif);
	background-position:234px 0;
	background-repeat: repeat-y;

}
#rayons {
	position:absolute;
	top: 0;
	left:0;
	width: 235px;
}
#pageright {
	float: right;
	width: 686px;
	border-top:4px solid #cec2ac;
}

#rayons img{
border:none;
}

.menu-rayon {
	position: relative;
	width: 225px;
	height: 70px;
	display: block;
}
.menu-rayon11 {background: url(pict/menu-rayons.png) 0 0;}
.menu-rayon12 {background: url(pict/menu-rayons.png) 0 -70px;}
.menu-rayon13 {background: url(pict/menu-rayons.png) 0 -140px;}
.menu-rayon14 {background: url(pict/menu-rayons.png) 0 -210px;}

.menu-rayon11:hover {background-position: -225px 0;}
.menu-rayon12:hover {background-position: -225px -70px;}
.menu-rayon13:hover {background-position: -225px -140px;}
.menu-rayon14:hover {background-position: -225px -210px;}

.menu-rayon11a {background: url(pict/menu-rayons.png) -225px 0;}
.menu-rayon12a {background: url(pict/menu-rayons.png) -225px -70px;}
.menu-rayon13a {background: url(pict/menu-rayons.png) -225px -140px;}
.menu-rayon14a {background: url(pict/menu-rayons.png) -225px -210px;}

.menu-rayonfin {background: url(pict/menu-rayons.png) 0 -280px no-repeat;}




#pied {
	position: relative;
	width: 910px;
	height: 160px;
	margin-top: 10px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #A0895F;
	padding-top: 15px;
	background-image: url(pict/pied-fond.jpg);
	background-repeat: repeat-y;
}
.pied-titre {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #e8e8c4;
	text-decoration: none;
	}
#pied-1 {
	position: absolute;
	top: 10px; left: 360px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #A0895F;
	line-height: 28px;
	text-decoration: none;
	}
#pied-2 {
	position: absolute;
	top: 10px; left: 540px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #A0895F;
	text-decoration: none;
	line-height: 28px;
	}
#pied-3 {
	position: absolute;
	top: 10px;
	left: 720px;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #A0895F;
	text-decoration: none;
	line-height: 28px;
	}
.mp
{
position: absolute;
bottom: 0;
right: 3px;
}
	
/******** Newsletter ***********/
#newsletter{
position:absolute;
left:500px;
top:-20px;
width:200px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
}

.newstitre{

font-size:18px;
color:#84B20D;
}


.champmail{
font-size:9px;
}