/*=====================================  Common styles =================================*/
body {
	background-color:#fff;
	margin:0px;
}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	
}

a
{
color:#D2A98B;
}

.page {
	text-align:left;
	margin: 0 auto;
	width:938px;
	height:556px;
	background-color:#FFFFFF;
	position:relative;
	display:table;
	margin-top:20px;
}
a{outline:none;}

.header {
	position:relative;

}
.logo {
	position:absolute;	
	width:220px;
	top:0px;
	left:0px;
	float:left;
	z-index:2;
}

.banniere {
	float:left;   
	position:absolute;	
	right:0px;	
	top:9px;
	
}
/* Menu haut */ 

.BlocMenu {
	position:relative;
	z-index:5;
}

.menu {
   float:left;position:absolute;left:270px;top:127px;width:600px;			
}
.menu a{
	font-size:12px;
	color:#053C64;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0 14px 0 14px;
}

.menu a:hover{
	font-size:12px;
	font-weight:bold;
	color:#446D8B;
	margin:0px;
	padding:0 14px 0 14px;
}


.menu ul{
	list-style-type:none;	
	margin:0px;
	padding:0px;
}

.menu li{
	list-style-type:none;	
	margin:0px;
	padding:0px;
	float:left;
	padding-top:3px;
}

/* Viseul Gauche */

.GrandVisuelGauche {
	position:relative;
	z-index:20px;
}
.ViseulGauche  {
	float:left;
	position:absolute;
	width:206px;
	/*height:301px;*/
	background-color:#FFF;
	top:218px;
	left:24px;
	z-index:0;
}

.trait {
 	position:relative;
	height:1px;
	top:156px;	
	float:right;
	z-index:4;
}

.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	width:500px;
	background-color:#FFFFFF;
	left:343px;
	display:block;	
	top:180px;
	min-height:340px;
	_height:340px;
}

.contenu h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#245E3B;
	margin:0 0 13px 0;	
}
.contenu h2 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#245E3B;
	margin:0px 0px 13px 0px;
	padding:0;	
}

.contenu h3 {
   font: 12px Arial, Helvetica, sans-serif ;
	font-weight:bold;
	margin:0px 0px 13px 0px;
	padding:0;	
}

.contenu h4 {
   font: 12px Arial, Helvetica, sans-serif ;
	font-weight:bold;
	text-decoration:underline;
	margin:0px 0px 13px 0px;
	padding:0;	
}

.contenu p {	
	margin:0 0 8px 0;
	font: 12px Arial, Helvetica, sans-serif ;
}
.contenu span {
	font-size:12px;
	font-weight:bold;
	color:#919BA3;
}

/* Page About */

.vert {
	color:#225E36;
	margin:0 0 6px 0;
}
.BlocVert {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:280px;
	margin-top:18px;
}

.fond_vert
{
	background-color:#9BDE6D;
	padding:0 6px;
	vertical-align:top;
}

.fond_vert table td
{
	padding:5px 0 5px 0;
	border-bottom:1px solid #225E36;
}

.fond_vert table td.fin
{
	padding:5px 0 0 0;
	border-bottom:none;
}

.BlocVert ul{
	margin:10px 0 0 14px;
	padding:0;
}

.BlocVert li{
	margin:0;
	padding:0 0 0 27px;
	list-style-type:square;
}

.PetitViseul {
	float:right;
	margin:0 0 6px 6px;
}

 .bulle {
 background:url(../images/PuceBlue.jpg) 0% 0% no-repeat;
 padding-left:20px;
 }

/* Menu Footer */ 
.TraitBas {
	margin:20px 0 0 0;
	position:relative;	
	top:180px;
}

.BlocContenuFooter {
	position:absolute;
	display:table;
}

.MenuFooter {	
	top:180px;
	position:relative;
	padding:8px 0 30px 0;
	width:920px;
	font-size:10px;
}

.MenuFooter a{
	font-size:10px;
	color:#053C64;
	text-decoration:none;
	margin:0px;
	padding:0 5px 0 5px;
}

.MenuFooter a:hover{
	font-size:10px;
	color:#446D8B;
	margin:0px;
	padding:0 5px 0 5px;
}

.MenuFooter dl{
	margin: 0px;
	padding: 0px;
}
.MenuFooter dd{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.MenuFooter ul{
	list-style-type:none;	
	margin:0px;
	padding:0px;
}

.MenuFooter li{
	list-style-type:none;	
	margin:0px;
	padding:0px;
	float:left;
}

/* Page Instructions */
.VisuelInstruction {
	margin:10px 0 20px 10px;

}
.AquaticPlant {
	padding:30px 40px 0 140px;
	display:block;
}

/* Pge Shop */
.GTitreRub {
	background-color:#96B88A;
	color:#fff;
	padding:0 0 0 21px;
	font-weight:bold;
}

.gris {
	background-color:#BFBFBF;
}

.colour {
	padding:5px 0 0  10px;
	font-weight:bold;
}

.size {
	padding:5px 0 0  10px;
	font-weight:bold;
}

.pack {
	padding:5px 0 0  10px;
	font-weight:bold;
}

.volume {
	padding:5px 0 0  16px;
	font-weight:bold;
}

.rep {
	padding:5px 0 0 10px;
	font-weight:bold;
}

.buy {
	font-weight:bold;
	color:#E20808;
}

/* Page Products */
table.product
{
margin:30px 0 100px 0;
}

.PuceProducts {
	margin:0 10px 0 0;
	vertical-align:middle;
}

/*---------PAGE CONTACT---------------*/
form
{
	margin:0px;
}

table#contact
{
	width:490px;
	margin-bottom:20px;
	float:left;
}

table#contact td
{
	font: 12px Arial, Helvetica, sans-serif ;
	font-weight:bold;
	vertical-align:top;
}

table#contact td.adresse
{
	font: 12px Arial, Helvetica, sans-serif ;
	font-weight:normal;
	vertical-align:top;
}

table#contact td.have_question
{
	font: 11px Arial, Helvetica, sans-serif ;
	font-weight:normal;
	vertical-align:top;
	padding-top:20px;
}

table#contact input
{
	border:1px solid #AFAEAE;
	margin:4px 10px 8px 0;
	padding:2px;
}

table#contact input.bouton
{
	border:none;
	margin-top:8px;
	margin-right:20px;
	border:1px solid #AFAEAE;
	background-color:#84B975;
}

table#contact textarea
{
	border:1px solid #AFAEAE;
	margin-top:4px;
	margin-bottom:8px;
	width:225px !important;
	width:224px;
	height:64px !important;
	height:68px;
	padding:2px;
}

.cadre_noir
{
	border:2px solid #000;
}

.copyright
{
	float:right;
}

ul.presse li{ line-height:20px;}