/* -------------------------------------------------------------------
   B A L I S E S   G E N E R A L E S
   ------------------------------------------------------------------- */
body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
}
a {
	color: Maroon;	
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
h1, h2,h3, h4 {
	color: #173F1D;
}

h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.3em;
	margin-bottom: .4em;
}
h3 {
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: .1em;
}
h4 {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0;
	text-decoration: underline;
}
hr {
	border: none 0; /* enleve toute bordure */
	border-bottom: 1px dashed silver; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
}

p {
	margin: 0 .3em;
}

q {
	font-style: italic;
	font-size: 95%;
}
abbr {
	cursor:help
}
fieldset {
	border : 2px outset Maroon;
	background-color: #EEE;
}
fieldset legend {
	color: Maroon;
	font-weight: bold;
}
fieldset div {
	margin-top: 0.1em;
}

label {
	width: 14ex;
	display: block;
	float: left;
	white-space: nowrap;
}
input, textarea {
	border : 1px solid dimgray;
	color: Maroon;
	background-color: white;
	padding: 0 0.5ex;
}
input.bouton {
	border : 2px outset Maroon;
	color: white;
	font-weight: bold;
	background-color: Maroon;
}
ul {
	margin : 0.3em;
}
span.oblig {
	color: red;
	font-weight: bold;
	font-size: 80%;
}

.msgError {
	color: red;
	font-size: 80%;
	margin: 0 0.5ex;
}
/* -------------------------------------------------------------------
   S T Y L E S   G E N E R A U X
   ------------------------------------------------------------------- */

.left {
	float: left;
}
.right {
	float: right;
}

.centerText {
	text-align: center;
}
.spacer {
	clear: both;
	margin: 0;
	padding: 0;
}

/* E N T E T E ------------------------------------------------------ */
#content {
	width: 90%;
	margin: auto;
}
#head {
	background-image: url(../img/fond_graines.jpg);
	background-repeat: repeat;
	margin-bottom:-15px;
}

#head .right {
	font-size: 80%;
}
#head .logo {
}

/* L I E N S   D ' E V I T E M E N T -------------------------------- */
#outils {
    font-size: 70%;
    list-style-type: none;
    text-align: right;
    margin: 0 1em -1.3em 0;
}
#outils li {
    display: inline;
    text-align: right;
    padding: 0.3em;
    background-color: #68A070;
}

#outils li a {
    white-space: nowrap;
}

/* M E N U ---------------------------------------------------------- */
#menu {
	background-color: Silver;
	background-image: url(../img/menu.gif);
	background-repeat: repeat-x;
	color: White;
	font-weight: bold;
	text-align: right;
	width: 100%;
}
#menu .onglets{
    margin: 0;
    list-style: none; 
    padding: 0px; 
    display: inline;
}
.onglets li {
    margin: 0;
	 padding: 0;
    list-style: none;
    display: inline;
}
.onglets li ul{
	display: none;
}
.onglets a {
	margin: 0;
   padding:0px 5px; 
   display: compact; 
	color: White;
   text-decoration: none;
}
.onglets a:hover {
	background-image: url(../img/menu.gif);
	background-repeat: repeat-x;
	background-color: Gray;
}
.onglets a.entraineur:hover {
	background-image: url(../img/entraineur/menu.gif);
	background-repeat: repeat-x;
	background-color: Maroon;
}
.onglets a.particulier:hover {
	background-image: url(../img/particulier/menu.gif);
	background-repeat: repeat-x;
	background-color: Navy;
}
.onglets a.distributeur:hover {
	background-image: url(../img/distributeur/menu.gif);
	background-repeat: repeat-x;
	background-color: Green;
}
.onglets a.presse:hover {
	background-image: url(../img/presse/menu.gif);
	background-repeat: repeat-x;
	background-color: Black;
}
.leftAnim {
	margin: 1em 0;
	text-align: center;
}

/* P I E D   D E  P A G E ------------------------------------------- */
#foot {
	font-size: 70%;
	color: white;
	border: none;
	background-color: Silver;
	background-image: url(../img/menu.gif);

	padding: 0.5em; 
	
}

#foot a {
	color: Gray;
color: white;
}

.cnil {
	font-size: 70%;
	font-style  : italic;
}

/* C O L O N N E ---------------------------------------------------- */
.colonne {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
	border-right: 1px dashed Silver;
}
.colonne hr {
	border: 0;
	margin: 0;
	border-bottom: 1px Silver dashed;
}
.colonne ul.menu {
	list-style: none;
	padding: 10px;
	margin: 0;
	background-color: #315937;
	color: Black;
	font-weight: bold;
}
.colonne ul.menu li {
	list-style: none;
	padding: 0;
	margin: 0;
	color: White;
	background-color: #545454;
	background-image: url(../img/menu.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	border: none;
}
.colonne ul.menu li div {
	padding: 0.2em;
	text-align: center;
}
.colonne ul.menu li ul {
	padding: 0;
	margin: 0;
}
.colonne ul.menu li ul li{
	background-color: Silver;
	margin: 0;
}
.colonne ul.menu li ul li a,
.colonne ul.menu li ul.sousMenu li a{
	padding: 2px 0 0 0;
	margin: 0;
	display: block;
	background-color: #588D60;
	padding-left: 28px;
	color: Maroon;
	text-decoration: none;
	border-bottom: 1px solid #83AF89;
}
.colonne ul.menu li ul.sousMenu li a {
	padding-left: 38px;
	color: #333;
	font-size: 85%;
}

.colonne ul.menu li ul li a:hover, .colonne ul.menu li ul li a.active  {
	background: #DEEFD1;
	background-image: url(../img/item.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: Black;
}
/* C O N T E N U ---------------------------------------------------- */
	
#contenu {
	padding: 0px;
	margin-left: 220px;
	border-left: 1px dashed Silver;
	background-color: white;
}

#contenu h1, #contenu h2, #contenu h3, #contenu h4, #contenu p, #contenu table, #contenu ul, #contenu address {
	padding: 0 10px;
}

#contenu p {
	padding-top: 0.5em;
}
#contenu ul {
	list-style: none;
}

#contenu ul li {
	padding-left: 25px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.4em;
}
#contenu ul li ul{
	padding-left: 15px;
}

.content {
	margin-left: 10px;
}

.process {
	max-width:800px;
	margin:0.5em 1em;
	padding-top: 200px;
	font-style: italic;
	font-weight: bold;
	background-color: #9F948B;
   background-image: url("../img/avoine.jpg");
   background-repeat: no-repeat;
   background-position: 0 -50px;
	color: #800000;
	color: black;
}
.text {
   background-image: url("../img/transp-75.png");
   padding-bottom: 0.5em;
}
.process .important {
	font-size: 110%;
	font-weight: bold;
}
.process h2, .process .important {
	text-align: center;
	color: #833;
}


table.utilisation {
	border-collapse: collapse;
	empty-cells: show;
	width: 90%;
	margin: auto;

}

table.constituants {
	border-collapse: collapse;
	empty-cells: show;
	font-size: 90%
}
table.constituants caption{
	font-style: italic;
	font-size: 90%;
	font-weight: bold;
	color: white;
	background-color: gray;
}
table.constituants th, table.constituants td {
	white-space: nowrap;
}
table.constituants th {
	text-align: left;
	padding-right: 1em;
}
table.constituants td {
	text-align: right;
}

table.utilisation caption {
	caption-side: top;
	padding-top: 1em;
	padding-bottom: 0.4em;
}
table.utilisation th, table.utilisation td{
	border: 1px solid silver;
}
table.utilisation th {
	background-color: #EBEBEB;
}table.utilisation td {
	text-align: center;
	vertical-align: middle;
}
table.utilisation td.vide {
	border: none;
}

#contenu address {
	margin-left: 2em;
	font-style: normal;
}

.modeEmploi {
	margin: 0 6%;
	background-color: #EEE;
	border-left: 4px groove Maroon;
	clear: right;
}

.modeEmploi .rappel {
	text-align: center;
	font-style: italic;
	padding: .5em 0;
}

.equivalence {
	color: gray;
	font-style: italic;
	font-size: 0.6em;
	text-align: right;
	padding-right: 0.2em;
}

.produit {
	float:none;
	display:block;
	background-color: #38572E;
	color: white;
	margin : 0.5em 0;
	border: 3px solid #A61F1B;
}
.produit .illustration{
	float: left;
	padding-right: 1em;
}
.produit .description {
	padding: 0.2em;
}
.produit h3 {
	color: white;
	margin-bottom: 0.5em;
}
.produit img {
	border: 0;
}
.produit .prix {
}
.produit .ht {
	color: #BBCFB5;
	font-size: 80%;
	font-style: italic;
}
.produit .ttc {
	font-size: 120%;
	font-weight: bold;
	color: yellow;
	padding : 0.1em;
}
.produit .addBasket{
	margin-top: 0.5em;
}
.produit .addBasket input{
	background-color: transparent;
	border: 0; 
}
.produit .spacer {
	clear:left;
}
.tab_indications {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.5em;
	border: 2px solid #315937;
}
.tab_indications thead td, .tab_indications thead th {
	background-image:url("../img/fond_graines.jpg");
	background-color: #315937;
	color: #FFF;
	border: 1px solid #FFF;
}
.tab_indications td, .tab_indications th{
	padding: 0.5em;
}
.tab_indications tbody th {
	text-align: right;
}
.tab_indications tr.lg1 {
	background-color: #E6EFE0;
}

.infoPanel {
	background-color: #E6EFE0;
	padding: 0.3em;
	margin: 0 auto;
	width: 20em;
	text-align: center;
	font-style: italic;
	color: Maroon;
	font-weight: bold;
}

.cadreInfos {
	border: 2px outset grey;
	margin: 1em;
	padding: 0.5em;
	background-color: #960016;
	color: silver;
	font-family: times, verdana, sans-serif;
	font-size: 110%;
	-moz-border-radius: 20px;
}

.cadreInfos a {
	color: white;
}

.acheterBouton {
	border: 2px outset #960016;
	display: inline;
	padding: 0 0.2em;
	background-color: #960016;
	font-weight: normal;
	color: white;
	font-weight: bold;
}
.acheterBouton a {
	color: white;
	text-decoration: none;
}

/* A C T U A L I E E S ---------------------------------------------- */ 
dl.actus dt {
	font-size: 120%;
	margin-left: 10px;
	background-color: #E6EFE0;
}

/* G A L E R I E S   P H O T O S ------------------------------------ */
.galerie {
	margin: 0.5em 0;
}
.vignette, .vignette150 {
	margin: 2px;
	display: inline;
}
.vignette150 {
	width: 150px;
}

/* L A N G U E S ---------------------------------------------------- */

.francais, .anglais {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.francais {
	background-image: url(../img/lang_fr.gif);
}
.anglais {
	background-image: url(../img/lang_en.gif);
}
.espagnol {
	background-image: url(../img/lang_es.gif);
}
/* T E M O I G N A G E ---------------------------------------------- */
.temoignage {
	margin: 1em;
	padding: 0.2em;
	border: 1px solid silver;
	background-color: #FAFAFA;
	font-size:80%;
	padding-bottom: 1em;
}
.temoignage .emphase {
	float: right;
	width: 40%;
	font-size:150%;
	background-color: #EEE;
	padding: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}