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

a, a:visited {
	text-decoration: none;
	color: #88ff11;
}

a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #dd0022;
	font-weight: bold;
}

.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;
}
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: 3px;
	color: white;
	font-weight: bold;
	text-align: center;
}
h5{
	font-family: "comic";
	font-size: 14px;
	margin: 3px;
	color: #88ff11;
	font-weight: bold;
	text-align: center;
}


.baccueil {
	background: url('../bouton/accueil1.png') no-repeat top center;
	position: absolute;
	top: 160px;
	left: 660px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.baccueil:hover {
	background: url('../bouton/accueil2.png');
	text-decoration: none; 
} 
.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/produits1.png') no-repeat top center;
	position: absolute;
	top: 220px;
	right: 135px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bproduits:hover {
	background: url('../bouton/produits2.png');
	text-decoration: none; 
} 
.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/evenements1.png') no-repeat top center;
	position: absolute;
	top: 280px;
	right: 145px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bevenements:hover {
	background: url('../bouton/evenements2.png');
	text-decoration: none; 
} 
.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/coordonnees1.png') no-repeat top center;
	position: absolute;
	top: 340px;
	right: 175px;
	width: 166px;
	height: 30px;
	z-index: 10;
}
.bcoordonnees:hover {
	background: url('../bouton/coordonnees2.png');
	text-decoration: none; 
} 
.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/geo1.png') no-repeat top center;
	position: absolute;
	top: 510px;
	left: 88px;
	width: 131px;
	height: 18px;
	z-index: 50;
}
.bgeo:hover {
	background: url('../bouton/geo2.png');
	text-decoration: none; 
} 
.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_credits1.png') no-repeat top center;
	position: absolute;
	bottom: 11px;
	left: 400px;
	width: 147px;
	height: 37px;
	z-index: 50;
}
.bcredit:hover {
	background: url('../bouton/pp_credits2.png');
	text-decoration: none; 
} 

.nom {
	background: url('../bouton/emmanuel_seguin.png') no-repeat top center;
	position: absolute;
	top: 450px;
	left: 10px;
	width: 146px;
	height: 81px;
	z-index: 50;
}
.nom:hover {
	background: url('../bouton/emmanuel_seguin2.png');
	text-decoration: none; 
} 

.carafe-XO {
	background: url('../raisin_pineau_cognac_vins/XO1.png') no-repeat top center;
	position: absolute;
	top: 78px;
	left: 50px;
	width: 203px;
	height: 246px;
	z-index: 15;
}
.carafe-XO:hover {
	background: url('../raisin_pineau_cognac_vins/XO2.png');
	text-decoration: none; 
}

.cognac {
	background: url('../bouton/cognac_pineau_des_charentes.png') no-repeat top center;
	position: absolute;
	top: 20px;
	left: 25px;
	width: 300px;
	height: 88px;
	z-index: 50;
}

.cognac:hover {
	background: url('../bouton/cognac_pineau_des_charentes2.png');
	text-decoration: none; 
}

.tonneauC{
	background: url('../raisin_pineau_cognac_vins/tonneau-cognac2.png');
	position: absolute;
	top: 180px;
	left: 380px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauC:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-cognac.png');
	text-decoration: none; 
} 

.tonneauP{
	background: url('../raisin_pineau_cognac_vins/tonneau-pineau2.png');
	position: absolute;
	top: 180px;
	left: 500px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauP:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-pineau.png');
	text-decoration: none; 
} 

.tonneauV{
	background: url('../raisin_pineau_cognac_vins/tonneau-vin2.png');
	position: absolute;
	top: 300px;
	left: 442px;
	width: 85px;
	height: 108px;
	z-index: 50;
}
.tonneauV:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-vin.png');
	text-decoration: none; 
} 

.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 */
	display: inline-block;
	background: transparent url('../raisin_pineau_cognac_vins/tonneau-cognac2.png') no-repeat top center;
	text-decoration: none;
	width: 85px;
	height: 108px;
	z-index: 200;
} 
.fancybox1:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-cognac.png') no-repeat top center;
	text-decoration: none; 
} 


.fancybox2 { /* page produits */
	display: inline-block;
	background: transparent url('../raisin_pineau_cognac_vins/tonneau-pineau2.png') no-repeat top center;
	text-decoration: none;
	width: 85px;
	height: 108px;
	z-index: 200;

} 
.fancybox2:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-pineau.png') no-repeat top center;
	text-decoration: none; 
} 
.fancybox3 { /* page produits */
	display: inline-block;
	background: transparent url('../raisin_pineau_cognac_vins/tonneau-vin2.png') no-repeat top center;
	text-decoration: none;
	width: 85px;
	height: 108px;

} 
.fancybox3:hover {
	background: url('../raisin_pineau_cognac_vins/tonneau-vin.png') no-repeat top center;
	text-decoration: none; 
} 
.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 */
}