@charset "UTF-8";
/* CSS Document */

/* GENERAL */
body { background:#FFFFFF; color:#595858; text-align:center; line-height:14px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6,p,form,ul,li,fieldset { margin:0; padding:0; border:none; }

a { color:#6BA628; text-decoration:underline; }
a:hover { color:#A52C5F; text-decoration:underline; }

h1 { color:#6BA628; font-size:14px; font-weight:bold; margin-bottom:12px; text-transform:uppercase; }


/* PAGE */

#page { width:767px; display:block; background:#FFFFFF url(../_images/coeur_ruban.png) left top repeat-y; margin:0 auto; text-align:left; }
.masque { position: absolute; left: -5000px; }
#coeurpage { width:619px; float:right; display:block; }

#blocgauche { margin-left:13px; float:left; padding:10px; border:1px solid #EDEDED; width:391px; }
#bloctout { margin-left:13px; float:left; padding:10px; border:1px solid #EDEDED; width:571px; }
#blocdroite { margin-left:10px; float:left; padding:10px; border:1px solid #EDEDED; background:#EDEDED; width:148px; }
#blocimage { margin-left:10px; float:left; width:168px; text-align:center; }

.photoright { margin-left:10px; float:right; }
.photoleft { margin-right:10px; float:left; }

a.lien { padding-left:8px; background:url(../_images/puce1.png) left no-repeat; }
a.lien:hover { padding-left:8px; background:url(../_images/puce2.png) left no-repeat; }

ul.liste { padding-top:5px; }
ul.liste li { list-style:none; margin-left:20px; padding-left:20px; background:#ffffff url(../_images/puce6.png) left no-repeat; margin-top:5px; }



/* GAUCHE */

#gauche { float:left; width:145px; }
#logo { display:block; width:145px; height:148px; background:#FFFFFF url(../_images/logo_pere_dudu.jpg) 0 15px no-repeat; padding-bottom:5px; padding-top:15px }
#logo a { display:block; width:145px; height:148px; background:none; }
#domaine { display:block; width:145px; height:52px; background:#FFFFFF url(../_images/domaine_du_pere_dudu.png) left top no-repeat; padding-bottom:17px; }
#recoltant { display:block; width:145px; height:45px; background:#FFFFFF url(../_images/katy_et_david_duthel.png) left top no-repeat; padding-bottom:21px; }
#coupure { display:block; width:145px; height:10px;  background:url(../_images/haut_ruban.png) left top no-repeat; }


/* BAS DE PAGE*/

#baspage { clear:both; background:url(../_images/bas_ruban.png) left bottom no-repeat; height:40px; padding-top:10px; }
#bas { width:619px; float:right; height:48px; background:url(../_images/feuille.jpg) right top no-repeat; font-size:10px; color:#9B9B9B; }
#bas a { color:#9B9B9B; text-decoration:none; background:none; }
#bas a:hover { color:#A52C5F; text-decoration:none; background:none; }
#bas ul li { float:left; list-style:none; }
#copyright { clear:both; margin-top:20px; }


/* HAUT PAGE */

#en { float:right; width:23px; height:18px; display:block; background:url(../_images/fr.png); margin-top:4px; }
#fr { float:right; width:23px; height:18px; display:block; background:url(../_images/en.png); margin-top:4px; }
#en a, #fr a { width:23px; height:18px; display:block; background:none; }
#cheminpage { width:596px; float:right; font-size:12px; color:#A52C5F; margin-top:8px; margin-bottom:7px; }
#cheminpage ul li { float:left; list-style:none; margin-right:7px; }
#cheminpage ul li.vide { width:7px; height:12px; background:#FFFFFF url(../_images/puce2.png) left no-repeat; }


/* FICHE VIN */

#fichevin p { padding-left:25px; margin-bottom:10px; }
#fichevin p strong { color:#A52C5F; }

/* CONTACT */

.forms { float:left; margin-bottom:10px; width:387px; }
.forms input, .forms textarea { width:387px; }
.forms .box { width:387px; height:60px; }
.forms .boxin { width:387px; }
.forms .check { width:auto; border:none; }
.forms .button_env { width:112px; border:none; height:36px; }
.info { padding:4px 0 4px 25px; background:url(../_images/puce4.png) 4px 4px no-repeat; margin-bottom:13px; font-size:12px; }

.erreur { padding:4px 0 4px 25px; background:#FFFFCC url(../_images/puce5.png) 4px 4px no-repeat; margin-bottom:13px; border: 1px solid #A52C5F; color:#A52C5F; }
input, textarea, select { border:1px solid #6BA628; font:12px Arial, Helvetica, sans-serif; color: #333333; padding:1px }
.red { color:#A52C5F; }



/* MENTIONS */

strong.mention { color:#A52C5F; padding-left:10px; background:#ffffff url(../_images/puce2.png) left no-repeat; }


/* PLAN DU SITE*/

ul.plansite { padding-top:5px; }
ul.plansite li { list-style:none; margin-left:20px; padding-left:20px; background:#ffffff url(../_images/puce1.png) left no-repeat; margin-top:5px; font-weight:bold; }
ul.plansite2 li { list-style:none; margin-left:40px; padding-left:20px; background:#ffffff url(../_images/puce7.png) left no-repeat; margin-top:0px; font-weight:normal; }


/* ##### ACTUALITES #### */

.liste_actu h2 { font-size:13px; padding-left:8px; background:url(../_images/puce1.png) left no-repeat }
.liste_actu h2 a { font-size:12px; text-decoration:none; color:#595858; }
.liste_actu h2 a:hover { font-size:12px; text-decoration:none; color:#6BA628; }
.liste_actu p.date_actu { font-size:10px; color:#A52C5F; }
.liste_actu table { margin-left:10px; }
.hautpage { float:right; margin-top:15px; background:#FFFFFF url(../_images/puce3.png) left no-repeat; padding-left:10px; }
#navigation_actu { text-align:center; margin-top:30px; }
.titre_entete .off { color:#CCCCCC; }
.liste_accueil { text-align:center; }
.liste_accueil h2 { font-size:10px; padding-left:8px; background:url(../_images/puce1.png) left no-repeat; text-align:left; }
.liste_accueil h2 a { font-size:10px; text-decoration:none; color:#595858; }
.liste_accueil h2 a:hover { font-size:10px; text-decoration:none; color:#6BA628; }
.flluxrss a { position:absolute; width:200px; margin:0 0 0 350px; top:95px; text-align:right; background:url(../_images/rss.png) right no-repeat; padding-right:20px; display:block; }
.boxfluxrss_off { visibility:hidden; position:absolute; }
.boxfluxrss_on { position:absolute; top:110px; margin-left:160px; width:400px; height:325px; background:#ffffff; border:1px solid black; padding:5px; }
.boxfluxrss_on h2 { font-size:12px; margin-bottom:5px; }
.boxfluxrss_on input { width:395px; position:absolute; }