﻿@charset "utf-8";
/* Elements de base */

body {
padding: 0;
margin: 0;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.pasdescroll {  overflow: hidden; clip:  rect(   );}

img {
border: 0;
}

table {
margin: 0;
}

.txtcourant, #contenu p, #contenu ul, #contenu li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px;}

h3 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 11px;
margin: 0 0 0 0;
padding: 0 0 0 0;

}

h4 {
text-indent: 0px;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:normal;
font-size: 10px;
color: #878c97;
line-height: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h5 {
text-indent: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 9px;
color: #676161;
line-height: 10px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* Conteneurs */

#global {
width: 990px;
height: 577px;
background: #ffffff url(../img/com/img_fd_raisins.jpg) left top no-repeat;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
text-align: left;
border-top: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
position: relative;
}


#BlocCentre {
/* border: 1px solid red; */
width: 570px;
height: 530px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 190px;
}

#BlocCentreAccueil {
position:absolute;
width: 275px;
height: 530px;
margin: 0;
padding: 0;
top: 0;
left: 210px;
}


#BlocGrisAccueil {
background: #ffffff url(../img/com/bloc_gris_droite.jpg) left top no-repeat;
width: 212px;
height: 550px;
left: 540px;
top: 0;
padding: 0;
margin: 0;
position:absolute;
}

#BlocDroiteAccueil {
position: absolute;
width: 224px;
height: 577px;
margin: 0;
top: 0;
left: 766px;
padding: 0;
}

#BlocCentre570px {
/* border: 1px solid red; */
width: 570px;
height: auto;
margin: 0;
padding: 0;
top: 0px;
float:left;
position:relative;
visibility:visible;
overflow:auto;
}

#BlocCentre480px {
/* border: 1px solid red; */
width: 480px;
height: auto;
margin: 0;
padding: 0;
top: 0px;
float:left;
position:relative;
visibility:visible;
overflow:auto;
}

#BlocCentre370px {
/* border: 1px solid red; */
width: 370px;
height: auto;
margin: 0;
padding: 0;
top: 0px;
float:left;
position:relative;
visibility:visible;
overflow:auto;
}



#BlocDroite {
/* border: 1px solid green; */
background: #ffffff url(../img/com/bloc_gris_droite.jpg) left top no-repeat;
width: 212px;
height: 550px;
top: 0;
left: 770px;
margin: 0;
padding: 0;
position: absolute;

}

#basdepage {
/* border: 1px solid blue; */
margin-left: auto;
margin-right: auto;
width: 990px;
height: 25px;
border-bottom: 1px solid #bfbfbf;
border-right: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
}

#diaporama {
	position: absolute;
	left: 0; 
	top: 36px;
	width: 575px;
	height: 450px;
	overflow: no;
	margin: 0;
	background-color:#ffffff;
	border: 1px solid #ffffff;
	padding: 0;
	visibility:hidden;
}


#AnimFlash {
position:absolute;
width: 765px;
height: 530px;
margin: 0;
padding: 0;
top: 5px;
left: -27px;
}
/* Menu IE */
#menuDomaine {
z-index: 1;
position: absolute;
top : 219px;
left: 157px;
width: 130px;
padding: 0;
margin: 0;
text-align: left;
background-color: #855998;
visibility: hidden;
}

/* MENU FIREFOX / MAC */
html>body #menuDomaine {
z-index: 1;
position: absolute;
top : 219px;
left: 157px;
width: 130px;
padding: 0;
margin: 0;
text-align: left;
background-color: #855998;
visibility: hidden;
}

#menuDegustation {
z-index: 1;
position: absolute;
top : 355px;
left: 157px;
width: 180px;
padding: 0;
margin: 0;
text-align: left;
background-color: #855998;
visibility: hidden;
}

/* MENU FIREFOX / MAC */
html>body #menuDegustation {
z-index: 1;
position: absolute;
top : 355px;
left: 157px;
width: 180px;
padding: 0;
margin: 0;
text-align: left;
background-color: #855998;
visibility: hidden;
}

a.lienMenu:link, a.lienMenu:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ffffff;
font-size: 10px;
font-weight: bold;
display: block;
padding: 2px 2px 2px 8px;
}
a.lienMenu:hover, a.lienMenu:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
font-size: 10px;
display: block;
font-weight: bold;
background-color: #3e1968;
padding: 2px 2px 2px 8px;
}



/* Txts / Elements divers */

.Adresse {
margin-left: 13px;
margin-top: 3px;
}

.Bleu {
color: #878c97;
}

.Gris {
color: #676161;
line-height: 12px;
}


.Gris9px {
color: #676161;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: auto;
}

.Noir {
color: #000000;
}

.Violet {
color: #855998;
}

.VioletFonce {
color: #3c145b;
}

.Vins {
color: #3c145b;
border-bottom: 1px dotted #676161;
width: 430px;

}

.VinFicheProduit {
color: #3c145b;
border-bottom: 1px dotted #676161;
width: 335px;

}

.VinCaracteristiques {
color: #3c145b;
border-bottom: 1px dotted #676161;
width: 215px;

}


.Actualites {
color: #3c145b;
border-bottom: 1px dotted #676161;
width: 550px;

}

.PaveBeige {
background: url(../img/com/fd_pave_beige.gif) left bottom repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 10px;
color: #7f648e;
}



/* Scrollbar */

div.divScroll {
scrollbar-face-color:#FFFFFF;
scrollbar-arrow-color:#DDDDDD;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

/* Positionnement */

.droite {
float: right;
}

.gauche {
float: left;
}

/* Liens */

a.lien:link, a.lien:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #855998;
font-size: 10px;
font-weight: bold;
}

a.lien:hover, a.lien:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3c145b;
text-decoration: underline;
font-size: 10px;
font-weight: bold;
}


a.lienRge:link, a.lienRge:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #cc3300;
font-size: 9px;
font-weight: bold;
}

a.lienRge:hover, a.lienRge:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #cc3300;
text-decoration: underline;
font-size: 9px;
font-weight: bold;
}
