body{
	behavior: url(/portail/css/csshover.htc);
	font-family: "Helvetica neue", arial, sans-serif;
	font-size: 10px;
	text-align:center;
	margin: 0;
}

#page{  
	position: relative;
	margin-left: auto;
   	margin-right: auto;
	width:905px;
	text-align: left;
}
   
.email{
	font-family: "Helvetica neue", arial, sans-serif;
	font-size: 10pt;	
}

.formulaire{
 margin:0;
 padding:0;
}

.center{
text-align:center;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.colonneGauche{
	width:150px;
}

.colonneCentre{
	width:570px;
}

.colonneDouble{
	width:755px;
}

.colonneDroite{
	width:185px;
}

.pageContent{
	padding-left:10px;
	padding-right:5px;
}

.corpsActuSimple{
color:#680f43;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
}

.push{
	background-image:url(/portail/images/push_image.gif); background-repeat:repeat-x;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.titreBox{
background-image:url(/portail/images/bandeaux_fenetre.gif); background-repeat:repeat-x;
background-color:#680f43;
color:white;
font-weight:bold;
text-decoration: none;
font-size: 11pt;
border: 1px solid black;
}

.corpsBox{
color:black;
font-weight:normal;
text-decoration: none;
font-size: 11pt;
border: 1px solid black;
}


.footer{
color:#680f43;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
text-align: center;
}

.footerLiens{
color:#888888;
font-weight:normal;
text-decoration: underline;
font-size: 10pt;
text-align: center;
}

.inputClass{
color:black;
font-weight:normal;
text-decoration: none;
font-size: 8pt;
}

.buttonClass{
background-color:#680f43;
color:white;
font-weight:bold;
text-decoration: none;
font-size: 8pt;
text-align : center;
}

.buttonClassSansCouleur{
color:white;
font-weight:bold;
text-decoration: none;
font-size: 8pt;
text-align : center;
}

.titreActu{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size: 11pt;
}

.titreActuMax{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size: 16pt;
}

.titreActuLien{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size: 11pt;
cursor: pointer;
cursor: hand; /* pour IE */
}

.titreActu2{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size: 10pt;
text-align:justify;
}

.titreColonne{
color:white;
background-color:#680f43;
font-weight:bold;
text-decoration: none;
font-size: 10pt;
text-align:justify;
}

.titreLigne{
color:white;
background-color:#680f43;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
text-align:center;
}

.texteTab{
color:white;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
text-align:center;
}

.corpsActu{
color:#680f43;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
text-align:justify;
}

.labelSaisie{
color:#680f43;
text-decoration: none;
font-size: 10pt;
}

.titrePartie{
text-align:left;
background-image:url(/portail/images/bandeaux_fenetre.gif); background-repeat:repeat-x;
background-color:#680f43;
color:white;
text-decoration: none;
font-weight:bold;
font-size: 14pt;
padding-bottom:2px;
padding-left:20px;
}

.lienMenu{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size:11px;
}
a.lienMenu:hover{
color:#bc87a6;
text-decoration: underline;
}

.liensCom{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size:11px;
}
a.liensCom:hover{
color:#bc87a6;
text-decoration: underline;
}

.lien{
color:#680f43;
font-weight:bold;
text-decoration: underline;
font-size:11px;
}

.lienWhite{
color:white;
font-weight:bold;
text-decoration: underline;
font-size:11px;
}

.lienPink{
color:#FF6AEA;
font-weight:bold;
text-decoration: underline;
font-size:11px;
}

.lienRed{
color:red;
font-weight:bold;
text-decoration: underline;
font-size:11px;
}

.lienInner{
color:#680f43;
text-decoration: underline;
font-size:10px;
}

.lienPage{
color:#680f43;
font-weight:bold;
text-decoration: underline;
font-size: 10pt;
text-align:justify;
}

.lienInput{
background-color:white;
color:#680f43;
font-weight:bold;
text-decoration: underline;
font-size:11px;
border:0px;
cursor: pointer;
cursor: hand; /* pour IE */
}

.lienGlossaire{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size:13px;
}

.lienRes{
color:#680f43;
font-weight:bold;
text-decoration: underline;
font-size:13px;
}
.lienSubRes{
color:#680f43;
font-weight:bold;
text-decoration: none;
font-size:13px;
}

.lienActuSimple{
color:#680f43;
font-weight:bold;
text-decoration: underline;
font-size: 10pt;
}

.lignePair{
background-color:#8f2664;
color:white;
font-size:10pt;
}

.ligneImpair{
background-color:#bc87a6;
color:white;
font-size:10pt;
}

.ligneOver{
background-color:#a7156b;
color:white;
font-size:10pt;
}

.titreColonne{
background-color:#680f43;
color:white;
font-size:10pt;
font-weight:bold;
}

.nota{
color:#680f43;
font-weight:normal;
font-style: italic;
font-size: 9pt;
}

.legende{
color:#680f43;
text-align:left;
font-size:10px;
font-style: italic;
}

.legendeRight{
color:#680f43;
text-align:right;
font-size:10px;
font-style: italic;
}

.annonceCorps, .annonceDate, .annonceContact{
color:#680f43;
font-weight:normal;
text-decoration: none;
font-size: 10pt;
}

.erreurMsg{
color:red;
font-weight:bold;
text-decoration: none;
font-size: 12pt;
}

.content,.contentRecherche{
	width:520px;
	height:440px;
	overflow:auto;
}

.contentDossier{
	width:550px;
	height:600px;
	overflow:auto;	
}

.contentMillesimes{
	width:740px;
	height:400px;
	overflow:auto;	
}

.note1{
background: url(/portail/images/degrade1.png);
}

.note2{
background: url(/portail/images/degrade2.png);
}

.note3{
background: url(/portail/images/degrade3.png);
}

.note4{
background: url(/portail/images/degrade4.png);
}

.note5{
background: url(/portail/images/degrade5.png);
}

.vigneron{
	color:#680f43;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	font-size: 16pt;
}float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:5px; 
width: 100px;
height : 150px;

/************************/
/* vignette Arome index */
/************************/

.NomCepageouArome{
	color:white;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	font-size: 12pt;
}


.vignette_1{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#CCFECC;
}

.vignette_2{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#9CF89C;
}

.vignette_3{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#FFCC99;
}



.vignette_5{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#FF99CC;
}

.vignette_6{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#C4508A;
}

.vignette_7{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FF69B4;
}


.vignette_8{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FFE04E;
}

.vignette_9{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FFFF99;
}

.vignette_10{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FF7200;
}

.vignette_11{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#C69874;
}

.vignette_12{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FD913A;
}

/* Herbes condimentaire */
.vignette_14{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#84BA88;
}

/* Végétal vert */
.vignette_15{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#54CA41;
}

/* Garigue */
.vignette_16{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#C8E333;
}

/* Herbes sauvages */
.vignette_17{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#91E172;
}

/* Herbes séchées */
.vignette_18{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#D0E172;
}

/* Bois */
.vignette_19{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#CA8E41;
}

/* Sous-bois */
.vignette_20{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#CAB541;
}

/* Champignons */
.vignette_21{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#E3AB33;
}

/* Légumes verts */
.vignette_22{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#B5F955;
}

/* Balsamiques */
.vignette_23{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#ECED82;
}

/* Epices */
.vignette_24{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#C2485F;
}

/* Nobles */
.vignette_25{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#F9FAB2;
}

/* Indésirable */
.vignette_26{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
	background-color:#FDFF51;
}

/* Empyreumatique */
.vignette_27{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#B1B1AB;
}

/* Minéraux */
.vignette_28{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#F5F6A0;
}


/* Marin */
.vignette_29{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#969DFB;
}

/* Patisserie */
.vignette_30{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#F7DC44;
}


/* Lactés */
.vignette_31{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#D7D7D7;
}

/* Oxydation */
.vignette_32{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#7DC8CB;
}

/* Réduction */
.vignette_33{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#B19C5C;
}

/* Défauts */
.vignette_34{
float: left; 
margin:1px 1px 0px 0px; 
border-width: 0px; 
padding:0px; 
width: 128px;
height : 150px;
background-color:#C9CA99;
}

.cat_aromes {
	padding-left : 5px;
	position : relative;
	text-align : left;
	z-index:0;	
	top:5px;
	left:5px;
  	color : black;
	float:left;
}
	
.vignette_image{
position:relative;
margin-top:0px;
marging-right:auto;
margin-left:auto;
}

.vignette_over{
  float: left; 
  margin:1px 1px 0px 0px; 
  border-width: 0px; 
  padding:0px; 
  width: 128px;
  text-align: center;
  height : 150px;
  background-color : #680f43; 
  color:white;
  font-size:8pt;
  cursor:pointer;
}



#conteneur { 
  position: relative;
  margin-left:auto; 
  margin-right:auto;
  width: 540px; 
  height: 470px; 
  overflow-x: none; 
  overflow-y: scroll;
  text-align:center;
  color: #333;
  text-decoration: none;
  font-size: 8pt;
  text-align : center;
}

/**********************/
/* Vignette miniature */
/**********************/

.vignette_mini{
	float: left; 
	margin:0px 0px 0px 0px; 
	border-width: 0px; 
	padding:0px; 
	width: 100px;
	height : 75px;
}

.vignette_mini_1{
	background-color:#CCFECC;
}

.vignette_mini_2{
background-color:#9CF89C;
}

.vignette_mini_3{
background-color:#FFCC99;
}



.vignette_mini_5{
background-color:#FF99CC;
}

.vignette_mini_6{
background-color:#C4508A;
}

.vignette_mini_7{
	background-color:#FF69B4;
}


.vignette_mini_8{
	background-color:#FFE04E;
}

.vignette_mini_9{
	background-color:#FFFF99;
}

.vignette_mini_10{
	background-color:#FF7200;
}

.vignette_mini_11{
	background-color:#C69874;
}

.vignette_mini_12{
	background-color:#FD913A;
}

/* Herbes condimentaire */
.vignette_mini_14{
	background-color:#84BA88;
}

/* Végétal vert */
.vignette_mini_15{
	background-color:#54CA41;
}

/* Garigue */
.vignette_mini_16{
	background-color:#C8E333;
}

/* Herbes sauvages */
.vignette_mini_17{
	background-color:#91E172;
}

/* Herbes séchées */
.vignette_mini_18{
	background-color:#D0E172;
}

/* Bois */
.vignette_mini_19{
	background-color:#CA8E41;
}

/* Sous-bois */
.vignette_mini_20{
	background-color:#CAB541;
}

/* Champignons */
.vignette_mini_21{
	background-color:#E3AB33;
}

/* Légumes verts */
.vignette_mini_22{
	background-color:#B5F955;
}

/* Balsamiques */
.vignette_mini_23{
	background-color:#ECED82;
}

/* Epices */
.vignette_mini_24{
	background-color:#C2485F;
}

/* Nobles */
.vignette_mini_25{
	background-color:#F9FAB2;
}

/* Indésirable */
.vignette_mini_26{
	background-color:#FDFF51;
}

/* Empyreumatique */
.vignette_mini_27{
background-color:#B1B1AB;
}

/* Minéraux */
.vignette_mini_28{
background-color:#F5F6A0;
}


/* Marin */
.vignette_mini_29{
background-color:#969DFB;
}

/* Patisserie */
.vignette_mini_30{
background-color:#F7DC44;
}


/* Lactés */
.vignette_mini_31{
background-color:#D7D7D7;
}

/* Oxydation */
.vignette_mini_32{
background-color:#7DC8CB;
}

/* Réduction */
.vignette_mini_33{
background-color:#B19C5C;
}

/* Défauts */
.vignette_mini_34{
background-color:#C9CA99;
}

.vignette_mini_over{
  float: left; 
  margin:0px 0px 0px 0px; 
  border-width: 0px; 
  padding:0px; 
  width: 100px;
  text-align: center;
  height : 75px;
  background-color : #680f43; 
  color:white;
  font-size:8pt;
  cursor:pointer;
}

/*height: 470px;*/

#conteneur_mini { 
  position: relative;
  margin-left:auto; 
  margin-right:auto;
  width: 300px; 
   
  overflow-x: none; 
  overflow-y: none;
  text-align:center;
  color: #333;
  text-decoration: none;
  font-size: 8pt;
  text-align : center;
}

/***********************************************************/
/****************      BLOC INFO    ************************/
/***********************************************************/
.news {
	margin-bottom: 0px;
}

.info {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.date {
	float: left;
	font-family: Georgia;
	font-size: 9pt;
	font-weight: bold;
	width: 40px;
	margin: 4px;
	line-height:0.9em;
	padding: 2px 0 2px 0;
	text-align: center;
	background-color: #680f43;
	color: white;
}

.info h2 {	
	padding: 0 0 0 0;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	border: solid #680f43;
	border-width: 0 0 1px 0;
	margin: 0 2px 3px 48px;
	color: #680f43;
}

.info{
	margin-top:0px;
	font-size: 10pt;
	text-align: left;
	color: #680f43;
}

.info p {
	padding: 0 0 12px 48px;
	margin-top:0px;
}
.info ul {
	padding: 0 0 12px 68px;
}

/********************************************************************/
/***************    MENU         ************************************/
/********************************************************************/
 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
	    width:100%;
         }

div#menu a{
            color:#680f43;
	    font-weight:bold;
	    text-decoration: none;
	    font-size:11px;
}

div#menu ul {
             padding: 0;
             margin:0px;             
            }

div#menu a:hover {
		color:#bc87a6;
		text-decoration: underline;
		}
div#menu a.sousmenu:hover {
		color:#bc87a6;
		text-decoration: none;
		} 

/*On positionne les elements du menu */
div#menu ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                float:left;
               }
div#menu ul ul {position: absolute;display:none; width:150px;}  
 
div#menu li a {
	text-decoration: none; 
	padding: 1px 1px 3px /*8px*/;
	display:block; 
	width:135px;
	cursor: pointer;
	cursor: hand; /* pour IE */
}               

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
	z-index: 100;
	background:white;
	margin-top:-20px;
	margin-left:135px;
	display:block;
	border: 1px solid gray;
}


/********************************************************************/
/***************    MENU         ************************************/
/********************************************************************/
.detourColonneCentre{
 width:570px;
 padding-top:10px;
 padding-right:5px;
}

.detourColonneDroite{
 width:185px;
 padding-top:10px;
}

.detourColonneDouble{
 width:705px;
 padding-top:10px;
}

.lienInner{
 color: brown;
 font-size:10px;
}

.ongletActif{
font-size:14px;
font-weight:bold;
border: 1px solid black;
background-color:#ac3d7e;
color:white;
text-align:center;
cursor: pointer;
cursor: hand; /* pour IE */
}

.ongletInactif{
font-size:14px;
font-weight:bold;
border: 1px solid white;
background-color:#792883;
color:#AAAAAA;
text-align:center;
cursor: pointer;
cursor: hand; /* pour IE */
}

.divImage{
}

.legendeImage{
 color:#680f43;
 font-family: Arial;
 margin-left: 0px;
 font-size: 10pt;
}

.titreLegendeImage{
 color:#680f43;
 font-size:14pt;
 font-family: Arial;
 font-weight: bold;
 text-align:center;
}

.tableau{
 text-align: left;
 width: 100%;
 border-style:solid;
 border-width:2px;
 border-color:black;
 cellpadding: 0;
 cellspacing: 0;
}

.texteMajeur{
 text-align: center;
 font-family: Arial;
 color: #680f43;
 font-weight: bold;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.texteMineur{
 width: 258px;
 font-family: Arial;
 color: #680f43;
 font-size: 10pt;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.couleurArbois{
 background-color: rgb(255, 255, 153);
 width: 29px;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.couleurChateauChalon{
 background-color: rgb(255, 0, 255);
 width: 30px;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.couleurCotesJura{
 background-color: rgb(204, 153, 255);
 width: 30px;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.couleurEtoile{
 background-color: rgb(255, 153, 204); 
 width: 30px;
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.couleurBlanc{
 background-color: white; 
 border-style:solid;
 border-width:1px;
 border-color:black;
}

.titreCepages{
 color:#680f43;
 width: 396px;
 font-size:14pt;
 font-family: Arial;
 font-weight: bold;
 text-align:center;
}

.imageCepages{
 text-align:center;
}

.texteCepages{
 color:#680f43;
 width: 396px;
 font-size:10pt;
 font-family: Arial;
}