
body, html {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #193700;
	background: #f9f0e2 url(images/fond_site.jpg);
	margin: 0px;
	padding: 0px;
}

p,td{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #193700;
	text-align: justify;
}

input, textarea, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:  #edf3ce;
	border: #576506 solid 1px;
	font-size: 11px;
	color: #737373;
	vertical-align: middle;
        margin:5px 5px 5px 0px;
}
input.text {
                height:15px;
}

.saisonOn {
        background-color:#009900;
        color:#FFFFFF;
}
.boutonradio{
	border:0;
	color: #737373;
	vertical-align: middle;
        margin:5px 5px 5px 0px;
}
.titretd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #193700;
        font-weight:bold;
}

.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #193700;
        font-weight:bold;
}

a{
	text-decoration: none;
	color: #193700;
}

h1{
	font-size: 12px;
	color: #193700;
}
li {
        margin-left:35px;
}
.bold{
	font-weight: bold;
}

.spacer{
	clear: both;
	visibility:hidden;
}

.credit{
	font-size: 10px;
	padding: 0px 20px 0px 0px;
	margin: 4px 20px 0px 0px;
	background: url(images/fond_credit.gif) no-repeat right;
	float: right;
}

.credit:hover{
	color: #8ca404;
}

.mention{
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 20px;
	float: left;
}

.mention:hover{
	color: #8ca404;
}

/**********  haut   ***********/

#frise{
	background: #214800 url(images/frise_fond.jpg) 239px;
	/*height: 41px;*/
	font-size:2px;
}

#haut_vert{
	background: #214800 url(images/haut_vert.jpg) ;
	height: 87px;
        color:#FFF;
        vertical-align:top;
	/*font-size:2px;*/
	/*border: #ff0 solid 1px;*/
}
.moteurRecherche{
	font-size:12px;
	/*border: #ff0 solid 1px;*/
}

#haut_menu{
	background: #efe8cb url(images/fond_bande_menu.gif) bottom;
	height: 36px;
        /*border: #ff0 solid 1px;*/
}

#bloc_haut_menu{
	/*border: #ff0 solid 1px;*/
	width: 100%;
	height: 35px;
	/*border-bottom: #193700 solid 1px;*/
}
#bloc_haut_menu a{
	color: #193700;
	font-weight: bold;
	display: block;
	float: left;
	border-right: #1e3e00 solid 1px;
	/*border-bottom: #1e3e00 solid 1px;*/
	height: 30px;
	padding: 5px 8px 0px 8px;
	text-align: center;
}
#bloc_haut_menu a:hover{
	color: #193700;
	background: #c5df34;
}

/**********  structure   ***********/
#conteneur{
position: absolute;
width: 100%;
	/*border: #00f solid 1px;*/
}

#colonne_gauche{
	position: absolute;
	left: 0px;
	width:212px;
        height:100%;
	/*border: #f00 solid 1px;*/
}

#colonne_droite{
	position: absolute;
	right: 0px;
	top: 0px;
	width:220px;
	/*border: #00f solid 1px;*/
	background: url(images/fond_colonne_droite.jpg) repeat-y 0px 7px;
}
#colonne_droite img{
	float: right;
}

#colonne_milieu{
	margin: 0px 222px 0px 214px;
	/*border: #0ff solid 1px;*/
	padding: 5px 0px 5px 0px;
}

#bas{
	/*border: #0f0 solid 1px;*/
}

/**********  menu - colonne gauche  ***********/

#bloc_menu{
	background: url(images/fond_menu.jpg) repeat-y 0px 73px;
	padding: 0px 0px 0px 0px;
	/*border: #FF0000 solid 1px;*/
}

.rubrik1{
	color: #193700;
	font-weight: bold;
	display:block;
	width: 160px;
	padding: 6px 0px 6px 32px;
	margin: 1px 0px 0px 0px;
	background: url(images/menu1_off.jpg) repeat-y;
	/*border: #FF0000 solid 1px;*/
}

.rubrik1:hover{
	background: url(images/menu1_on.jpg) repeat-y;
}
.rubrik1_actif{
	color: #193700;
	font-weight: bold;
	display:block;
	width: 160px;
	padding: 6px 0px 6px 32px;
	margin: 1px 0px 0px 0px;
	background: url(images/menu1_off.jpg) repeat-y;
	/*border: #FF0000 solid 1px;*/
}


.rubrik2{
	color: #193700;
	font-weight: lighter;
	display:block;
	width: 145px;
	padding: 0px 0px 6px 45px;
	margin: 0px 0px 0px 0px;
	background: url(images/sous_menu1_off.jpg) repeat-y;
	/*border: #FF0000 solid 1px;*/
}

.rubrik2:hover{
	color: #a68a00;
}

/**********  colonne droite  ***********/
.sous_colonne{
	background:  #fef8ef;
	clear: both;
	float:right;
	width: 181px;
	padding: 4px 4px 4px 6px;
	margin: 0px 0px 1px 0px;
}
.sous_colonne a:hover{
	color: #ce7d00;
}

.lune{
	float: right;
	display:block;
	width: 191px;
	height: 34px;
	margin: 0px 0px 1px 0px;
	background: url(images/cal_lunaire.jpg) no-repeat;
}
.lune:hover{
	background: url(images/cal_lunaire.jpg) no-repeat 0px -34px;
}

.conseil_mois{
	float: right;
	display:block;
	width: 191px;
	height: 30px;
	margin: 0px 0px 1px 0px;
	background: url(images/conseil_mois.jpg) no-repeat;
}
.conseil_mois:hover{
	background: url(images/conseil_mois.jpg) no-repeat 0px -30px;
}

.titre_conseil_mois{
	font-weight: bold;
	margin-top: 8px;
}

.conseil_direct_tel{
	font-size:14px;
	font-weight: bold;
	color: #ee2f18;
	margin-bottom: 8px;
}
.conseil_direct_mention{
	font-size:9px;
	font-style: italic;
}

.sous_colonne_espace{
	background:  #fef8ef;
	clear: both;
	float:right;
	width: 181px;
	padding: 4px 4px 4px 6px;
	margin: 0px 0px 1px 0px;
}
.sous_colonne_espace input{
	margin: 4px 1px 4px 4px;
	height: 15px;	
}

.bout_espace{
	border: none;
	vertical-align: middle;
}

/**********  contenu   ***********/

.titre{
	height: 27px;
	background: url(images/fond_titre.jpg) repeat-x 372px;
	margin: 12px 0px 0px -8px;
}

.bloc_apercu{
	margin: 0px;
	padding: 0px;
	/*border: #FF0000 solid 1px;*/
	/*text-align: center;*/
	width: 520px;
	margin: auto;
}

.apercu{
	background: #fff url(images/apercu_fond_photo.gif);
	width: 112px;
	padding: 0px;
	margin: 12px 12px 0px 0px;
	text-align: center;
	border-bottom: #efefef solid 1px;
	float: left;
	overflow: hidden;
}
.apercu_img{
        height:100px;
	margin: 4px;
        padding: 0px;
}

.apercu_titre {
	background: url(images/apercu_fond_titre.jpg) repeat-y center top;
	padding: 4px;
        margin: 0px;
	height: 58px;
	overflow: hidden;
	text-align: center;
}
.apercu_prix {
	font-size:11px;
        font-weight:thin;
}
.apercu_titre_petit {
        font-size:10px;
	background: url(images/apercu_fond_titre.jpg) repeat-y center top;
	padding: 4px;
        margin: 0px;
	height: 58px;
	overflow: hidden;
	text-align: center;
}

#termineCommande{
        width:300px;
        height:100px;
        display:none;
        z-index:1000;
	position: absolute;
        color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/fond_cadre.jpg);
	background-color:#FFFFFF;
        text-align:center;
}
.texteCadre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #efe8cb;
}
a.lienCadre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #efe8cb;
        text-decoration:none;
}
a.lienCadre:hover {
        text-decoration:none;
        color:#FFFFFF;
}
/**********  footer   ***********/

#footer{
	clear: both;
	background: #efe8cb;
	border: #193700 solid 2px;
}
/****** ajout 12/12/2007 ******/

#bloc_recherche{
	position: absolute;
	top: 100px;
	right: 30px;
	font-size: 11px;
	color: #bccfac;
	font-weight: bold;
}

.bout_recherche{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #bccfac;
	background: none;
	border: none;
	font-size: 14px;
	font-weight: bold;
}

/***** detail produit *****/

#detail_produit{
	/*margin: 12px 0px 0px 0px;*/
	padding: 12px 15px 0px 30px;
	/*border: #00f solid 1px;*/
}

.description_detail{
	/*width: 520px;*/
	text-align: justify;
	line-height: 1.8em;
	/*border: #FF0000 solid 1px;*/
}

.ligne_detail{
	height: 6px;
	font-size: 1px;
	background: url(images/ligne_detail.gif) repeat-x;
	margin: 30px 0px 12px 0px;
}

.sous_titre{
	font-size: 16px;
	background: url(images/puce_sous_titre.gif) no-repeat 0px 7px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 12px;
}

.reference{
	font-size: 10px;
	/*padding: 0px 0px 0px 12px;*/
	margin: 12px 0px 0px 25px;
	float: left;
}

.img_detail{
	border: #fff solid 3px;
	float: right;
}

#bloc_prix{
	clear: both;
	/*border: #FF0000 solid 1px;*/
}

.prix{
	color: #cc2716;
	font-weight: bold;
	font-size:14px;
	height: 24px;
	display: block;
	float: left;
	background: url(images/puce_prix.jpg) no-repeat;
	padding: 3px 0px 0px 45px;
}

.bout_ajout{
	color: #cc2716;
	font-weight: bold;
	font-size:14px;
	height: 19px;
	float: right;
	background: no-repeat left top;
	padding: 5px 0px 0px 45px;
}
.bout_ajout:hover{
	color: #ff5442;
	background: no-repeat left bottom;
}
.bout_ajout2{
	color: #cc2716;
	font-weight: bold;
	font-size:14px;
	height: 19px;
	background: no-repeat left top;
	padding: 5px 0px 0px 45px;
}
.bout_ajout2:hover{
	color: #ff5442;
	background: no-repeat left bottom;
}


/***** calendrier *****/
#bloc_calendrier{
	width: 300px;
	height: 25px;
	background: #294610;
	padding: 1px 0px 0px 1px;
	/*padding-top: 1px;*/
}

.mois_off{
	float: left;
	width: 24px;
	height: 24px;
	margin: 0px 1px 0px 0px;
	background:no-repeat;
}

.mois_on{
	float: left;
	width: 24px;
	height: 24px;
	margin: 0px 1px 0px 0px;
	background-position: bottom;
}

.periode{
	font-weight: bold;
	font-size:11px;
	margin: 15px 0px 4px 0px;
}