/* *** ####################################### *** */

/* *** couleurs *** */
/*
BG colonne gauche haut : 31575a
BG colonne gauche bas : 96a9ab
Ligne menu haut : 277e58
ligne menu bas : 356722
Jaune survol : ffb800
BG entete actulité : 91ab90
BG corps actualite : 004a96

cartouche bleu : 004a96
cartouche jaune : ffb800
cartouche vert : 356722	


PAGE TYPE :
BG bleu : 000875
BG jaune : ffb800
BG gris : b9b9b9

Typo titre vert : 356722
Typo titre : 000875
*/

@import url(_generique.css);
@import url(_menu.css);

/* ###########################################################
		LES STYLES POUR TOUTES LES PAGES
########################################################### */

/* ##### HEADER ##### */
#header {
	padding-left : 25px;
	position : relative;
	z-index : 0;
	overflow:hidden;
	height : 200px;
}

#header h1 {
	position : absolute;
	width : 175px;
	/*height : 175px => 200px pour flash*/
	height : 216px; /*height logo = 113px*/
	padding-top : 14px; /*height+padding-top = hauteur totale (200px)*/
	overflow : hidden;
	background-color : #305659;
	z-index : 2;
}

#header #flashID, #header .imagesHeader {
	width : 800px;
	height : 200px;
	position : absolute;
	left : 200px;
	
	background : #fff url(images/diaporama/01.jpg) no-repeat top left;
}
h3{height : 30px;line-height : 30px;color : #fff;padding-left : 10px}

/* ##### CONTENU ##### */

#centre {
	background : #fff url(images/BG_page.png) repeat-y top left;
	position : relative;
	z-index : 1;
	zoom : 1;
	
	/* hauteur mini pour le bottom de la colonne gauche */
	min-height : 337px;
	height : auto !important;
	height : 337px;
}

#colGauche {
	/*width : 200px; */ 
	/*width : 175px;*/
	width : 155px;
	/*padding-left : 25px;*/
	padding : 10px 10px 80px 35px;
	
	color : #fff;
	
	font-size : 0.9em;
}
#colGauche a{color : #fff;font-size : 0.9em;}

#colDroite {
	/*width : 800px;*/
	width : 790px;
	padding : 10px 0 0 10px;
	overflow : hidden;
}

#colGauche_bottom { /* Simule le bloc en bas de la colonne de gauche */
	/*width : 175px;*/
	float : left;
	width : 155px;
	padding :10px;
	
	position : absolute;
	z-index : 10;
	
	bottom : 0px;
	left : 25px;
	
	color : #fff;
	font-size : 0.9em;
}
#colGauche_bottom a{color : #fff;font-size : 0.9em;}


/* ##### FOOTER ##### */
#footer {
	margin : 10px 25px;
	padding-top : 10px;
	border-top : 2px solid #96A9AB;
	text-align : center;
	color : #96A9AB;
}

/* ##### AUTRES ##### */
a.readMore{color:#ffb800;text-transform : uppercase;font-weight:bold;}
img.imgLeft{float : left;margin : 0 10px 10px 0;}
img.imgRight{float : right;margin : 0 0 10px 10px;}
p.date{font-weight:bold;margin-bottom:10px;}
/* ###########################################################
		LES STYLES POUR LA PAGE D'ACCUEIL
########################################################### */
h3.pro {background-color:#004a96;position:absolute;bottom:0;width : 232px;height:50px;line-height:20px;padding-top:10px;}
h3.bio {background-color:#ffb800;position:absolute;bottom:0;width : 232px;height:50px;line-height:20px;padding-top:10px;}
h3.jardinage {background-color:#356722;position:absolute;bottom:0;width : 232px;height:50px;line-height:20px;padding-top:10px;}
h3 a{color : #fff;text-decoration:none;}

#colDroite .blocTheme {
	width : 242px;
	margin-right : 20px;
	margin-bottom : 18px;
	float : left;
	overflow : hidden;
}

#colDroite .blocTheme .titreTheme{
	position : relative;
	/*height : 237px;*/
	height : 267px;
}
#blocBasHome{clear : both;/*margin-top:18px;*/}

#colDroite #mea {
	width : 504px;
	float : left;
}

#colDroite #mea h3.zoom{background-color : #91ab90;text-transform:uppercase;margin:0 0 10px 0;}

#colDroite #mea #contentMea h3 {color:#000;}
#colDroite #mea #contentMea {
	/*width : 254px;*/
	width : 244px;
	padding-right : 10px;
	float : left;
}
#colDroite #mea #imgMea {
	width : 250px;
	float : left;
	text-align : center;
}
#colDroite #mea #contentMea div{margin : 10px 0;}

.seeFiche {
	display : block;
	text-align : left;
	text-decoration : underline;
	text-transform : uppercase;
}

#colDroite #homeActus {
	width : 242px;
	padding-left : 20px;
	float : left;
}
#colDroite #homeActus h3.actus{background-color : #91ab90;text-transform:uppercase;margin:0;}
#colDroite #homeActus #contentActus {
	background-color : #004a96;
	color : #fff;
	padding : 10px;
	padding-top : 0;
	width : auto;
}
#colDroite #homeActus #contentActus h4{padding:4px 0;}
#colDroite #homeActus #contentActus a{color : #fff;}
#colDroite #homeActus #contentActus a.readMore{color:#ffb800;text-transform : uppercase;font-weight:bold;}



/* ###########################################################
		LES STYLES POUR LES LISTING DE PRODUITS
########################################################### */
#colDroite .blocThemeProduits.pro {background-color:#004a96;}
#colDroite .blocThemeProduits.bio {background-color:#ffb800;}
#colDroite .blocThemeProduits.jardinage {background-color:#356722;}

#colDroite .blocThemeProduits {
	/*width : 242px;*/
	width : 222px;
	padding : 10px;
	float : left;
	
	height: 80px;
	
	margin-right : 20px;
	margin-bottom : 18px;
	overflow : hidden;
	
	color : #fff;
	position : relative;
}

/*#colDroite .blocThemeProduits h3 {
	margin : 0px;
	padding : 0px;
	
	font-size : 1.2em;
	height : auto;
	line-height : normal;
	
	margin-bottom : 5px;
}*/
#colDroite .blocThemeProduits h4 {
	margin : 0px;
	padding : 0px;
	
	font-size : 1.2em;
	height : auto;
	line-height : normal;
	
	margin-bottom : 5px;
	color : #fff;
}
#colDroite .blocThemeProduits h4 a{color:#fff;}


#colDroite .blocThemeProduits .blocThemeProduits_accroche a{color:#fff;text-decoration:none;font-size:0.85em;}

#colDroite .blocThemeProduits .blocThemeProduits_lien {
	position : absolute;
	right : 5px;
	bottom : 5px;
}
#colDroite .blocThemeProduits .blocThemeProduits_lien a{color:#fff; font-size : 0.9em;text-decoration:underline;}
#colDroite .blocThemeProduits .blocThemeProduits_lien a:hover{color:#ffb800;}

#colDroite .blocThemeProduits.bio .blocThemeProduits_lien a:hover{color:#004a96;}

/** listing sous categories */
ul#categoriesListing{margin-left:10px;}
ul#categoriesListing li{margin:0 4px;}
ul#categoriesListing li a
{
	font-size:1.4em;
	background:url(images/puce-categoriesListing.png) no-repeat 0 4px;
	padding-left:20px;
}
ul#categoriesListing li.pro a{color:#004a96}
ul#categoriesListing li.bio a{color:#ffb800}
ul#categoriesListing li.jardinage a{color:#356722}

table#produitsListing
{
	border-collapse:collapse;
	border-color:#CCCCCC rgb(255, 255, 255) rgb(255, 255, 255);
	border-style:solid none none;
	border-top:2px solid #CCCCCC;
	margin:0pt 30px 6px 10px;
	text-align:left;
	width:auto;
}
table#produitsListing tr{border-bottom:2px solid #CCCCCC;}
table#produitsListing tr td
{
	border-bottom:2px solid #CCCCCC;
	border-style:none none solid;
	padding:6px;
}
table#produitsListing tr td.produitsListingTitre{width:300px;font-size:1.2em}

table#produitsListing tr.pro td.produitsListingTitre a{color:#004a96}
table#produitsListing tr.bio td.produitsListingTitre a{color:#ffb800}
table#produitsListing tr.jardinage td.produitsListingTitre a{color:#356722}

/* ###########################################################
		LES STYLES POUR LA FICHE PRODUIT
########################################################### */
#fiche{width : 766px;}
#fiche p{padding:0 20px;margin-top:15px;}
#actus{width : 590px;}

h5.sousTitre{font-size:1.2em;color:#000875;padding:0 20px;}

div#libs,
div#libsGamme,
div#libsCulture {
	background : transparent url(images/fond-bleu-orange.png) repeat-y 0 0;
	height: auto !important;
	height: 46px;
	min-height: 46px;
}
div#libsCulture,
div#libsGamme {
	margin-bottom:18px;
}

/*h3.libProduit,
h3.libCat {
	width : 373px;
	height : 66px;
	float : left;
	line-height : 66px;
	font-size : 2.6em;
	overflow : hidden;
	font-weight : lighter;
}

h3.libProduit{background-color : #000875;}
h3.libCat{background-color : #ffb700;text-align:right;color:#000875;}*/
h3.libProduit,
h3.libCat,
p.libCat {
	/*width : 383px;*/
	width : 363px;
	padding : 10px;
	float : left;
	
	height: auto !important;
	/*height: 66px;
	min-height: 66px;*/
	height: 46px;
	min-height: 46px;
	
	line-height : normal;
}

h3.libProduit{
	background-color : #000875;
	font-size : 1.5em;
}
h3.libCat{
	background-color : #ffb700;
	text-align:right;color:#000875;
	font-size : 1.2em;
}
p.libCat{
	background-color : #ffb700;
	text-align:left;color:#000875;
}

h4.accroche,
h4.presentation {
	clear : both;
	font-size : 1.4em;
	padding : 6px 10px;
	
	color:#fff;
	margin : 18px 0;
	
	overflow : hidden;
}
h4.accroche{background-color : #b9b9b9;color:#000;margin-top:0;}
h4.presentation{background-color : #000875;}

#descriptionProduit ul,
#compositionProduit ul{
	margin-left:10px;
	padding:0 20px;
}
#descriptionProduit ul li,
#compositionProduit ul li{
	background : transparent url(images/petit_puce.png) no-repeat 0 4px;
	padding-left : 6px;
}

#visuProduit {
	width : 250px;
	float : left;
	text-align : center;
	overflow : hidden;
}

#descriptionProduit {
	/*width : 516px;*/
	width : 500px;
	padding-left : 16px;
	float : left;
}
#descriptionProduit p {
	padding:0;
}

#compositionProduit {
	width : 580px;
	float : left;
}

#pdfProduit {
	/*width : 186px;*/
	width : 161px;
	padding-left : 25px;
	float : left;
}

#blocPdf {
	background-color : #000875;
	color : #fff;
	padding : 8px;
}
#blocPdf a{color:#fff;text-decoration:underline;}
#blocPdf h5 {color:#fff; font-weight: normal;text-align : center;text-transform : uppercase;margin : 0 0 8px 0;}

#blocPdf ul li a {
	display : block;
	min-height : 17px;
	height : auto !important;
	height : 17px;
	
	color : #fff;
	background : transparent url(images/pdficon_small.gif) no-repeat top left;
	padding-left : 22px;
	margin-bottom : 8px;
	text-decoration : none;
}

a.getAdobe {
	display : block;
	text-align :center;
	
	margin-top : 18px;
}

/** ancienne liste des cultures */
table#listingCultures {
	width : 100%;
	text-align : center;
	border-collapse : collapse;
}

table#listingCultures td {
	padding : 3px 0;
}

table#listingCultures tr.th{
	border-bottom : 2px solid #444;
}

table#listingCultures tr {
	border-bottom : 2px solid #ccc;
}

table#listingCultures tr td.culture {
	width : 130px;
	padding : 3px 20px;
	border-right : 2px solid #ccc;
}

/** le tableau des compositions */
#compositionProduit table {
	width : 100%;
	width:400px;
	margin:0 20px;
	text-align : left;
	border-color:#fff;
	border-style:none;
	border-collapse : collapse;
	border-top:2px solid #ccc;
}


#compositionProduit table tr {
	border-bottom : 2px solid #ccc;
}

#compositionProduit table tr td{
	border-style:none;
	padding : 3px 6px;
	border-bottom : 2px solid #ccc;
}
#compositionProduit table tr td p{margin:0;padding:0}

/** liste des cultures */
ul#listingCultures{margin:0 20px;}
ul#listingCultures li a
{
	background:url(images/puce-bleu.png) no-repeat 0px 5px;
	padding-left:8px; 
}

/* ###########################################################
						CONTACT
########################################################### */
#bt_envoyer{
	width : 173px;
	height : 35px;
	border : none;
	cursor : pointer;
}

.fr #bt_envoyer {
	background : transparent url(images/fr_envoyer.png) no-repeat 0 0;
}
.en #bt_envoyer {
	background : transparent url(images/en_envoyer.png) no-repeat 0 0;
}
.es #bt_envoyer {
	background : transparent url(images/es_envoyer.png) no-repeat 0 0;
}

#bt_envoyer:hover {
	background-position : 0 -35px;
}

/* ###########################################################
		LES STYLES POUR LA PAGE D'ACTUALITES
########################################################### */
h3.actus {background-color : #91ab90;margin :0 0 18px 0;text-transform:uppercase;clear:both;}

#content p{margin-bottom : 20px;padding-right : 40px;text-align:justify;}


.ml10{margin-left : 10px;}

/* ###########################################################
		LES STYLES POUR SITEMAP - MENTIONS LEGALES
########################################################### */
#pageDefault{width : 766px;}
#pageDefault p{padding:0 20px;margin-top:15px;}

#pageDefault h4.mentionsTitre{
	color:#277E58;
	text-decoration:underline;
}


p.conditionnement{text-align:left;}