* {
	font-family: "arial";
	font-size: 12px;
	font-weight: bold;
}

a, a:visited {
	text-decoration: none;
	color: #88ff11;
	text-shadow: 0.1em 0.08em 0.3em black;
	font-size:12px;
}

a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #dd0022;
	font-weight: bold;
	text-shadow: 0.08em 0.05em 0.2em black;
}

.index{
	position: relative;
	width: 950px;
	height: 555px;
	margin: auto;
	background: url('../raisin_pineau_cognac_vins/index.jpg') no-repeat 0px 0px;
}

.bloc {
	position: absolute;
	z-index: 5;
	background: transparent;
	width: 950px;
	height: 555px;
}

.index1{
	position: relative;
	width: 950px;
	height: 555px;
	margin: auto;
	background: url('../raisin_pineau_cognac_vins/avertissement.jpg') no-repeat 0px 0px;
}

.index2{
	position: relative;
	width: 950px;
	height: 555px;
	margin: auto;
	background: url('../raisin_pineau_cognac_vins/fond1.jpg') no-repeat 0px 0px;
}

.footer {
	position: absolute;
	left : 42%;
	text-decoration: none;
	color: black;
	font-family: "arial";
	font-size: 11px;
	font-weight: normal;
	top:575px;
}


h1{
	font-family: "comic";
	font-size: 18px;
	margin: 0px;
	color: #221111;
	font-weight: bold;
	text-shadow: 0.1em 0.08em 0.3em #777777;
	text-align: center;
}
h2{
	font-family: "comic";
	font-size: 15px;
	color: white;
	font-weight: normal;
	text-align: center;
	margin: 0px;
}
h2 a:hover{
	color: #dd0022;
	font-weight: bold;
	text-shadow: 0.08em 0.05em 0.2em black;
}
h3{
	font-family: "comic";
	font-size: 15px;
	color: #88ff11;
	font-weight: normal;
	text-align: center;
	margin: 0px;
}

h4{
	font-family: "comic";
	font-size: 14px;
	margin: 0px;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-top:6px;
}
h5{
	font-family: "comic";
	font-size: 14px;
	margin: 1px;
	color: #88ff11;
	font-weight: bold;
	text-align: center;
}

.baccueil {
	background:url('../bouton/accueil.png') no-repeat top center;
	position: absolute;
	top: 160px;
	left: 660px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.baccueil:hover,
.baccueil:active,
.baccueil:focus{
	background-position: 0px 100%;
	z-index: 501;
}
.baccueilfix {
	background: url('../bouton/accueil2.png') no-repeat top center;
	position: absolute;
	top: 160px;
	left: 660px;
	width: 166px;
	height: 30px;
	z-index: 10;
}

.bproduits {
	background:url('../bouton/produits.png') no-repeat top center;
	position: absolute;
	top: 220px;
	right: 135px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bproduits:hover,
.bproduits:active,
.bproduits:focus{
	background-position: 0px 100%;
	z-index: 501;
}
.bproduitsfix{
	background: url('../bouton/produits2.png') no-repeat top center;
	position: absolute;
	top: 220px;
	right: 135px;
	width: 166px;
	height: 30px;
	z-index: 10;
}

.bevenements {
	background: url('../bouton/evenements.png') no-repeat top center;
	position: absolute;
	top: 280px;
	right: 145px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bevenements:hover,
.bevenements:active,
.bevenements:focus{
	background-position: 0px 100%;
	z-index: 501;
}
.bevenementsfix{
	background: url('../bouton/evenements2.png') no-repeat top center;
	position: absolute;
	top: 280px;
	right: 145px;
	width: 166px;
	height: 30px;
	z-index: 10;
}

.bcoordonnees {
	background: url('../bouton/coordonnees.png') no-repeat top center;
	position: absolute;
	top: 340px;
	right: 175px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bcoordonnees:hover,
.bcoordonnees:active,
.bcoordonnees:focus{
	background-position: 0px 100%;
	z-index: 501;
}
.bcoordonneesfix {
	background: url('../bouton/coordonnees2.png') no-repeat top center;
	position: absolute;
	top: 340px;
	right: 175px;
	width: 166px;
	height: 30px;
	z-index: 10;
}

.bgeo {
	background: url('../bouton/geo.png') no-repeat top center;
	position: absolute;
	top: 510px;
	left: 88px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bgeo:hover,
.bgeo:active,
.bgeo:focus{
	background-position: 0px 100%;
	z-index: 501;
}
.bgeofix{
	background: url('../bouton/geo2.png') no-repeat top center;
	position: absolute;
	top: 510px;
	left: 88px;
	width: 131px;
	height: 18px;
	z-index: 50;
}

.bcredit {
	background: url('../bouton/pp_credits.png') no-repeat top center;
	position: absolute;
	bottom: 11px;
	left: 400px;
	width: 147px;
	height: 37px;
	z-index: 50;
}
.bcredit:hover,
.bcredit:active,
.bcredit:focus{
	background-position: 0px 100%;
	z-index: 501;
}

.nom {
	background: url('../bouton/emmanuel_seguin0.png') no-repeat top center;
	position: absolute;
	top: 450px;
	left: 10px;
	width: 146px;
	height: 81px;
	z-index: 50;
}
.nom:hover,
.nom:active,
.nom:focus{
	background-position: 0px 100%;
	z-index: 15;
}

.carafe-XO {
	background: url('../raisin_pineau_cognac_vins/XO_cognac.png') no-repeat top center;
	position: absolute;
	top: 78px;
	left: 50px;
	width: 203px;
	height: 246px;
	z-index: 15;
}
.carafe-XO:hover,
.carafe-XO:active,
.carafe-XO:focus{
	background-position: 0px 100%;
	z-index: 15;
}
.cognac{
	background: url('../bouton/cognac_pineau_des_charentes0.png') no-repeat top center;
	position: absolute;
	top: 17px;
	left: 25px;
	width: 300px;
	height: 88px;
	z-index: 50;
	z-index: 15;
}
.cognac:hover,
.cognac:active,
.cognac:focus{
	background-position: 0px 100%;
}	

.tonneauC{
	background: url('../raisin_pineau_cognac_vins/tonneau-cognac0.png');
	position: absolute;
	top: 180px;
	left: 380px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauC :hover,
.tonneauC  :active,
.tonneauC  :focus{
	background-position: 0px 100%;
}	

.tonneauP{
	background: url('../raisin_pineau_cognac_vins/tonneau-pineau0.png');
	position: absolute;
	top: 180px;
	left: 500px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauP :hover,
.tonneauP  :active,
.tonneauP  :focus{
	background-position: 0px 100%;
}	

.tonneauV{
	background: url('../raisin_pineau_cognac_vins/tonneau-vin0.png');
	position: absolute;
	top: 300px;
	left: 442px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauV:hover,
.tonneauV:active,
.tonneauV:focus{
	background-position: 0px 100%;
}	

.menu-bttles {
	position: absolute;
	top: 275px;
	left: 0px;
}

.invisible {
	display: none;
}
.centre {
	position: absolute;
	top: 180px;
	left: 380px;
}
.centre2 {
	position: absolute;
	top: 180px;
	left: 530px;
}
.centre3 {
	position: absolute;
	top: 300px;
	left: 460px;
}

.fancybox0 { /* page produits */
	display: inline-block;
	background: note;
	text-decoration: none;
} 


.fancybox1{/* page produits */
	background: url('../raisin_pineau_cognac_vins/tonneau-cognac0.png');
	display: inline-block;
	text-decoration: none;
	position: absolute;
	width: 85px;
	height: 108px;
	z-index: 200;
}
.fancybox1:hover,
.fancybox1:active,
.fancybox1:focus{
	background-position: 0px 100%;
}

.fancybox2 {
	background: url('../raisin_pineau_cognac_vins/tonneau-pineau0.png');
	display: inline-block;
	position: absolute;
	width: 85px;
	height: 108px;
	z-index: 200;
}
.fancybox2:hover,
.fancybox2:active,
.fancybox2:focus{
	background-position: 0px 100%;
}	

.fancybox3{
	background: url('../raisin_pineau_cognac_vins/tonneau-vin0.png');
	display: inline-block;
	position: absolute;
	text-decoration: none;
	width: 85px;
	height: 108px;
}
.fancybox3:hover,
.fancybox3:active,
.fancybox3:focus{
	background-position: 0px 100%;
}	
.fancybox0{ /* page coordonnées */
	display: inline-block;
	background: transparent url('../raisin_pineau_cognac_vins/petitecarte.png') no-repeat top center;
	text-decoration: none;
	width: 142px;
	height: 133px;
} 
.x {
	background: url('../images/vitrine1.png') no-repeat top center;
	position: absolute;
	bottom: 120px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.x:hover {
	background: url('../images/vitrine2.png');
	text-decoration: none; 
} 
.x {
	background: url('../images/vitrine2.png') no-repeat top center;
	position: absolute;
	bottom: 120px;
	width: 177px;
	height: 28px;
	z-index: 50;
}

.x {
	background: url('../images/sur_mesure1.png') no-repeat top center;
	position: absolute;
	bottom: 100px;
	width: 177px;
	height: 28px;
	z-index: 50;
}
.x:hover {
	background: url('../images/sur_mesure2.png');
	text-decoration: none; 
} 




.map { /* carte en coin gauche decalé de 30 px */
	left: 410px;
	top: 310px;
	position: absolute;
	z-index: 90;
}


.sites {
	text-align: left;
	background: none;
	display: absolute;
	text-decoration: none;	
	z-index: 16;

}
.sites a {
	margin-left: 20px;
	margin-right: 20px;
}
.sites:hover {
	background: none;
}

	
.center {
	text-align: center;
}


.anim1 {
	position: absolute;
	left: 327px;
	top: 123px;
	z-index: 2;
}
.anim2 {
	position: absolute;
	left: 57px;
	top: 0px;
	z-index: 2;
}
.anim3 {
	position: absolute;
	right: 211px;
	top: 30px;
}
.animcontact {
	position: absolute;
	left: 230px;
	top: 32px;
}

.milieu {
	position: absolute;
	left: 390px;
	top: 170px;
	text-align: center;
}


a.bulle1 { /* bulle pour texte sur texte : on souligne le texte, marque point d'interrogation */
   position: absolute; /* absolute : a coté du texte, de l'image */
   color: none; /* couleur du texte apparent */
   /*font-weight: italic;  style ecriture (gras > bold, fin, italic >> italic... */
   /*font-family: Script MT Bold;
   font-size: 17px*/
   right: -3px;
   bottom: 2px;
   background: transparent url('..images/cagouille-b.png') no-repeat top center;
   width: 49px;
   height: 52px;
}


a.bulle1 span {
   display: none; /* on masque l'infobulle */
}
a.bulle1:hover {
   background: none; /* correction d'un bug IE */
   z-index: 12; /* on définit une valeur pour l'ordre d'affichage   */
}

a.bulle1:hover span { /* la bulle */
	z-index: 11;
	display: inline; /* on affiche l'infobulle */
	position: absolute;
	white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	bottom: 30px; /* on positionne notre infobulle */
	left: 50px;
	background: white; /* couleur dans la bulle */
	
	/* bordures de bulle */ 
	-moz-border-radius: 10px; /* bords arrondis */
	border-radius: 10px; /* bords arrondis */
	border:1px solid #0055bb;
	border-left: 1px solid #0055bb;
	border-right: 1px solid #0055bb;
	
    /*Éléments pour positionner le texte dans la bulle*/
    padding-left: 3px;
    padding-top: 3px; 
    padding-bottom: 3px;
    padding-right: 3px;
	
	/* Style du character dans la bulle */ 
	font-family: comic;  
	font-weight: normal;  
	font-style: boldc;  
	font-size: 13px;  
	color: #0055bb;
	text-shadow: 0.065em 0.045em 0.25em white; 
	text-align: center;  /*center, justify */
}	

.ref {
	display:none;
}