@charset "utf-8";

body {
	background-image: url(../images/modele/fond.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a img {
	border: none;
	}

#haut_site {
	background-image: url(../images/modele/head.jpg);
	height: 246px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	height: 107px;
	width: 392px;
	margin-top: 10px;
	text-align: center;
	float: left;
}
#flash {
	margin-left: 442px;
	height: 246px;
	width: 210px;
}
#menu_body {
	width: 100%;
	padding: 0;
	background-image: url(../images/modele/menu/header-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	margin: 0;
	height: 65px;
	}

#menu {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	
}

#menu_head {
	width: 590px;
	float: left;
}

#div_newsletter{
	width: 383px;
	height: 60px;
	float: right;
	margin-top: 5px;
}

#form_newsletter{
	margin-top: 5px;
	height: 45px;
}

html>body #nav a:hover {
	background-color: transparent;
	background-image: url(../images/modele/menu/nhov-bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

#nav {
	width: 100%;
	font-family: "Trebuchet MS", Verdana;
	font-size: 115%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
	}
#nav a {
	float: left;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #6CA300;
	border: none;
	}
	
#nav li {
	list-style: none;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
	}

#nav li:hover {
	background-color: #E0E8B9;
	background-image: url(../images/modele/menu/nhov-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#nav a:hover { /* a backup for IE's lack of li:hover support */
	background-color: #E0E8B9;
	color: #F09;
	}
	
/* active state */

#nav li.active {
	background-image: url(../images/modele/menu/nav-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#nav li.active a {
	color: #333;
	background-image: url(../images/modele/menu/nav-bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

#contenants {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	clear: both;
	margin-top: 10px;
	position: relative;
}
#div_gauche {
	float: left;
	width: 660px;
}

#div_droite {
	margin-left: 19px;
	float: left;
}
#footer_body {
	width: 100%;
	background-image: url(../images/footer_body.jpg);
	height: 341px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
}
#footer_menu {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 145px;
	padding-top: 15px;
}
.gras {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #155738;
}
#footer_div1 {
	float: left;
	width: 237px;
	margin-top: 5px;
	height: 135px;
	padding-right: 5px;
}
#footer_body #footer_menu #footer_div1 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#footer_div2 {
	width: 237px;
	margin-top: 5px;
	float: left;
	height: 135px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer_body #footer_menu #footer_div2 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#footer_div3 {
	float: left;
	width: 237px;
	margin-top: 5px;
	height: 135px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer_body #footer_menu #footer_div3 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#footer_div4 {
	width: 237px;
	margin-top: 5px;
	float: left;
	height: 135px;
	padding-left: 5px;
}
#footer_body #footer_menu #footer_div4 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#footer_final {
	height: 179px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/footer.jpg);
	margin-top: 2px;
}
#footer_copyright {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
#footer_copyright a {
	font-size: 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-serif;
}
#footer_copyright a:visited {
	color: #333;
	text-decoration: none;
}
#footer_copyright a:hover {
	color: #FF6600;
	text-decoration: none;
}



#contenu .content #stylized #form1 #civilite1 {
	width: 15px;
	overflow: hidden;
}

.mini-rouge {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight: normal;
	color: #ED0F69;
}

.mini-vert {
	font-family: "Trebuchet MS";
	font-size: 36px;
	font-weight: normal;
	color: #009C9E;
}

.mini-vertmoyen {
	font-family: "Trebuchet MS";
	font-size: 30px;
	font-weight: normal;
	color: #009C9E;
}

.gros-rouge {
	font-family: "Trebuchet MS";
	font-size: 34px;
	font-weight: bold;
	color: #ED0F69;
}

.gros-rouge-titre {
	font-family: "Trebuchet MS";
	font-size: 23px;
	font-weight: bold;
	color: #ED0F69;
}

.mini-vert-sous-titre {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #009C9E;
}

.mini-rouge-text {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #F34B8E;
	text-align: left;
	line-height: 12px;
}

.separator  {
	background-image: url(../images/separateur2.jpg);
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	width: 660px;
	background-position: center center;
	margin-bottom: 15px;
	margin-top: 10px;
}

#separator_event1 {
	background-image: url(../images/evenementiel.jpg);
	height: 30px;
	width: 660px;
	background-position: center center;
	margin-bottom: 15px;
	margin-top: 10px;
	float: left;
}

#separator_event2 {
	background-image: url(../images/separateur_bayer.jpg);
	margin-right: auto;
	margin-left: auto;
	width: 660px;
	background-position: center top;
	margin-bottom: 15px;
	margin-top: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background-repeat: no-repeat;
	height: 80px;
}
.separatorbayer2 {
	background-image: url(../images/separateur_bayer.jpg);
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	width: 660px;
	background-position: center center;
	margin-bottom: 8px;
	margin-top: 10px;
}
#blo6 table {
}




#conteneur {
	float: left;
	width: 99%;
	text-align: justify;
}

#conteneur p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#conteneur p a {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #060;
}
#conteneur p a:hover {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #F06;
}


#CAT  {
	float: left;
	margin-right: 20px;
}

.article_titre {
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #006D50;
}

.article_ref {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #999;
}

.article_prix_gros {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
}

.article_prix_mini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.article_prix_mini_promobarre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: line-through;
}

#promo1 {
	overflow: auto;
	width: 650px;
	
}

#promo2 {
	overflow: auto;
	width: 650px;
	
}

#blo1 {
	width: 214px;
	float: left;
}
#blo1 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#blo1 p img {
	float: left;
}
#promo1 p img  {
	float: left;
	margin-right: 5px;
}
#promo2  p img {
	float: left;
	margin-right: 5px;
}




#blo2 {
	width: 214px;
	margin-left: 5px;
	float: left;
}
#blo2 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#blo2 p img {
	float: left;
}

#blo3 {
	width: 214px;
	margin-left: 436px;
}
#blo3 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#blo3 p img {
	float: left;
}

#blo4 {
	width: 318px;
	float: left;
	height: 290px;
}

#blo4 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#blo4 p img {
	margin-right: 15px;
	float: left;

}

#blo5 {
	width: 318px;
	height: 290px;
	margin-left: 330px;
}
#blo5 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#blo5 p img {
	float: left;
	margin-right: 10px;
}

#blo6 {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: justify;
}
#blo6 p img {
	float: left;
	margin-right: 20px;
}

#blo7 {
	width: 214px;
	float: left;
}
.lucinda {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#blo7 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

#blo7 p img {
	float: left;
}


#blo8 {
	width: 214px;
	margin-left: 5px;
	float: left;
}
#blo8 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#blo8 p img {
	float: left;
}

#blo9 {
	width: 214px;
	margin-left: 436px;
}
#blo9 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#blo9 p img {
	float: left;
}

#evenementiel {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
#evenementiel p img {
	float: right;
	margin-right: 10px;
}

#menu_G1 {
	width: 300px;
	margin-right: 0px;
	position: relative;
	padding-top: 0px;
}

#menu_G1 p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

#menu_G1 p img {
	float: left;
}

#menu_g1_conteneur {
	width: 290px;
	margin-right: auto;
	margin-left: auto;
}
#menu_g1_conteneur p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

#menu_G2 {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#menu_G2 p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu_G2 p img {
	margin-left: 7px;
}

#menu_G2 a:link {
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #00484A;
	font-size: 12px;
}
#menu_G2 a:visited {
	color: #00484A;
	text-decoration: none;
}
#menu_G2 a:hover {
	color: #ED0F69;
	text-decoration: none;
}
.rouge_text {
	color: #900;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.obligatoire_red {
	color: #900;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#p_blanc a {
	color: #060;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#menu_G3 {
	width: 300px;
	float: none;
	margin-right: 0px;
	position: relative;
	padding-top: 0px;
}
#menu_G3 p .article_titre img {
	float: left;
	padding-right: 10px;
}

#menu_G3 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align: justify;
	padding-left: 8px;
	padding-right: 5px;
}
#menu_G3 p a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #0F5435;
	font-weight: bold;
}
#menu_G3 ul {
	list-style-type: circle;
	list-style-position: inside;
}
.titre_jardins {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #0E5533;
	text-align: center;
}
#menu_G3 p a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #0F5435;
	font-weight: bold;
}
#menu_G3 p a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #F06;
	font-weight: bold;
}
#menu_G3 ul li a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #0E5533;
	font-weight: bold;
	text-decoration: none;
}
#menu_G3 ul li a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #005100;
	font-weight: bold;
}
#menu_G3 ul li a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #C01D8A;
	font-weight: bold;
}

#logo_newsletter{
	text-align: center;
}

#mini_menu_newsletter {
	font-family: "Trebuchet MS";
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}

#mini_footer_newsletter {
	text-align: center;
	vertical-align: middle;
	margin-top: 95px;
}

#mini_footer_newsletter a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-serif;
}
#mini_footer_newsletter a:visited {
	color: #000;
	text-decoration: none;
}
#mini_footer_newsletter a:hover {
	color: #006C4D;
	text-decoration: none;
}
table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 594px;
}
td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 40px;
	padding: 10px;
	width: 198px;
	margin: 0px;
	text-align: center;
}
#separator_event3 {
	background-image: url(../images/separateur_PISCINE.jpg);
	margin-right: auto;
	margin-left: auto;
	width: 660px;
	background-position: center top;
	margin-bottom: 15px;
	margin-top: 10px;
	background-repeat: no-repeat;
}
#separator_event3 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#separator_standart {
	background-image: url(../images/separateur2.jpg);
	height: 30px;
	width: 660px;
	background-position: center center;
	margin-bottom: 15px;
	margin-top: 10px;
	float: left;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 1;
}

.toggleopacity img{
	border: 1px none #ccc;
}


.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}