/**** --- Musée de la Vigne et du Vin RB --- **** */

html, 
body { 

	margin:0px; padding:0px;


background: url("sources/fond.jpg") fixed no-repeat top;
background-color:#eef2cd; /* F1F5CE */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;

}


/*
{
	-webkit-box-shadow: 1px 22px 20px rgba(50, 50, 50, 0.95);
	-moz-box-shadow:    1px 22px 20px rgba(50, 50, 50, 0.95);
	box-shadow:         10px 22px 20px rgba(50, 50, 50, 0.95);

}	
*/
/* --- LINK --- */
A:link {text-decoration: none; color: #376477;
	text-align: center;
}
A:visited {text-decoration: none; color: #9a0e33; }
A:active {text-decoration: none; }
A:hover {text-decoration: underline; color: #003300; /* 99CC00 */
/*
-moz-box-shadow: 0 0 60px 5px #ff9900;
 -webkit-box-shadow: 0 0 60px 5px #ff9900;
 box-shadow: 0 0 60px 5px #9a0e33;
*/
}


#template
{
margin-left: auto;
margin-right: auto;
border:2px solid #a1a1a1;
padding:10px 10px; 
background:#FFFFFF; /* E6E6E6 */
width:1024px;
/*
height: 1860px;
*/
border-radius:8px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
-moz-box-shadow: 0 0 12px 1px #888;
 -webkit-box-shadow: 0 0 12px 1px#888;
 box-shadow: 0 0 12px 1px #888;

	text-align: center;
}


h1 { font-family: Trebuchet MS, Arial, Georgia, Delicious, sans-serif; font-size:130%;  }
h2 { font-family: Trebuchet MS, Arial, sans-serif; font-size:130%;}
h3 { text-align:center; font-family: Trebuchet MS, Arial, sans-serif; font-size:120%;}

p { 
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
	margin-left: 5px;
	margin-right: 6px;
	text-align: center;
}

#banner { border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:1011px; 
height: 210px;
background-image:url('sources/banner.jpg'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;

	/* background: #E6E6E6; */
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}

/*
#banner img {
	border: solid 5px #1dafe4;
	background: #E6E6E6;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
}
*/

/* ---- Cellule index ---- */
#centre { border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:1011px; 
/* height: 990px; */


	background: #E6E6E6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}
/* ---- Cellule index ---- */
#centre_historique { border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:1011px; 
/* height: 1070px; */


	background: #DDEEFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}
/* ---- Cellule Lods village ---- */
#centre_lods { 

background: #FFFFFF;  /* FFDBB7 */
border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;
width:1011px; 
/* height: 1100px; */

	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}

#centre_lods_contact {
background: #E6E6E6;
border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;
width:1011px; 
/* height: 1100px; */

	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}
#centre_lods2 { border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:1011px; 
/* height: 1190px; */


	background: #DDEEFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}

#centre_lods_village { border: solid 3px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:1011px; 
height: 960px;


	background: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	text-align: justify;
}

/* ---- Cellule Lods Localisation Plan ---- */
#centre_lods_localisation { border: solid 2px #9a0e33; /* CC3300 - 1DAFE4 */
margin-left: auto;
margin-right: auto;

width:990px; 
/* height: 770px; */

	background: #FFFFFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	
}


/* --- Grappe verte --- */
#grappe_verte {
width: 303px; height: 425px;
background-image:url('images_deco/grappe_verte.jpg'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;
}
#grappe_verte:hover {

width: 303px; height: 425px;
background-image:url('images_deco/grappe_verte-2.jpg'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;
}
/* --- Grappe Automne --- */
#grappe_automne {
width: 303px; height: 425px;
background-image:url('images_deco/grappe_automne.jpg'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;
}
#grappe_automne:hover {

width: 303px; height: 425px;
background-image:url('images_deco/grappe_automne-2.jpg'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;
}



#milieu_page { /* milieu fond de page */

width: 979px; height: 500px;
background-image:url('images_deco/dessin_vendangeur.jpg'); background-repeat:no-repeat; 
background-position:center; 
 	/* background-repeat:repeat-x; */
	text-align: center;
}

#milieu_page_vigne {
width: 979px; height: 529px;
/* background-image:url('images_deco/historique_vin_pays.jpg'); background-repeat:no-repeat; */
background-position:center; 
 	/* background-repeat:repeat-x; */
	text-align: center;
}

/* --- Logo --- */
#logo_musee_vigne {

margin-left: auto;
margin-right: auto;
width: 277px; height: 409px;
/* background: #E6E6E6; */
background-image:url('images_deco/logo_musee_vigne-2.png'); background-repeat:no-repeat; 
 	/* background-repeat:repeat-x; */
/* background: #E6E6E6; */
}

#cave_musee {
width: 669px; height: 446px;
background-image:url('images_deco/cave_musee.png'); background-repeat:no-repeat; 
 	background-repeat:repeat-x;
	
}
#cellule
{
margin-left: auto;
margin-right: 10px;
border:8px solid #FF9900; /* a1a1a1 */
padding:5px 5px; 
background:#FFFFFF;
width:1011px;
border-radius:12px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align:center;	

}

/* --- Ombre + couleur cellule Hover --- */
#cellule:hover {
 border:8px solid #FFC46A;
 -moz-box-shadow: 0 0 5px 5px #888;
 -webkit-box-shadow: 0 0 5px 5px#888;
 box-shadow: 0 10 60px 5px #FF0000;
 
 }


/* --- PETITES CELLULES - GAUCHE DROITE --- */
#cellule_gauche_droite
{
margin-left: auto;
margin-right: auto;
border:1px solid #9a0e33; /* a1a1a1 */
padding: 6px;
/* padding:2px 2px; */
background:#FFFFFF;
width:260px; height: 160px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #FFFFFF;
/* margin: 5px 5px 5px 5px; */
text-align:justify;
}

#cellule_gauche_droite:hover
{
margin-left: auto;
margin-right: auto;
border:1px solid #999999; /* 9a0e33 - a1a1a1 */
padding: 6px;
/* padding:2px 2px; */
background:#FFFFFF;
width:260px; height: 160px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.75);

box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.75);
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #FFFFFF;
/* margin: 5px 5px 5px 5px; */
text-align:justify;
}

/* ---- SUR PETITES CELLULES - GAUCHE DROITE ---- */
#cellule_gauche_droite_2
{
margin-left: auto;
margin-right: auto;

border:1px solid #a1a1a1;
/* padding:2px 2px; */
/* background:#E6E6E6; */
	background-image:url('sources/fond_cellule.png'); background-repeat:no-repeat; 
	background-repeat:repeat-x;
width:260px; height: 25px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #FFFFFF;
text-align:justify;

}



/* --- PETITES CELLULES - GAUCHE DROITE --- */
#cellule_gauche_droite_3
{
margin-left: auto;
margin-right: auto;
border:1px solid #9a0e33; /* a1a1a1 */
padding: 6px;
/* padding:2px 2px; */
background:#E6E6E6;
width:260px; height: 430px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #FFFFFF;
/* margin: 5px 5px 5px 5px; */
text-align:justify;
}
/* --- PETITES CELLULES - GAUCHE DROITE --- */
#cellule_gauche_droite_4
{
margin-left: auto;
margin-right: auto;
border:1px solid #9a0e33; /* a1a1a1 */
padding: 6px;
/* padding:2px 2px; */
background:#FFFFFF;
width:260px; height: 300px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #FFFFFF;
/* margin: 5px 5px 5px 5px; */
text-align:justify;
}


/* --- CENTRE --- */

#cellule_centre
{
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:5px 5px; 
background:#FFFFFF;
width:1011px;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: center;	
}

#cellule_centre2
{
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:5px 5px; 
background:#FFFFFF;
width:1011px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;	
}


/* --- Ombre + couleur cellule Hover --- */
#cellule_centre:hover {
 
 -moz-box-shadow: 0 0 5px 5px #888;
 -webkit-box-shadow: 0 0 5px 5px#888;
 box-shadow: 0 0 5px 5px #888F;
 }
/* --- TROIS COLONNES --- */
.clear {clear:both;display:block;height:0;margin:0;padding:0;border:0;visibility:hidden;}
*:first-child+html .clear{margin:-8px 0;} * html .clear{margin:-8px 0;}

/* -- CELLULE STATUTS -- */
#cellule_statuts {
margin-left: auto;
margin-right: auto;
border:5px solid #CCCCCC;
padding:5px 5px; 
background:#FFFFFF;
width:1000px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;	
}

#conteneur {
	/* position:relative; */
	margin-left: auto;
  	margin-right: auto;

	width:998px;
	/*margin-left:0px;
 	margin-right:0px;
 	*/
  /* width:100%; */
 background-color:#E6E6E6;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	height: 236px;
}
 /*
 #global {
  margin-left: auto;
  margin-right: auto;
  width: ...; /* largeur et centrage conteneur obligatoire pour être centré */
}
 */
 /*
#header {
	background-color:#5a7fa9; /* 
}
*/

/* --- CELLULE CENTRE --- */
#center {
	/* background:#FFFFFF url(images/fond_gauche.gif) left repeat-y;  */ /* A9bbd1 */
/* width:100%; */  width:910px;
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:1px 1px; 
background:#FFFFFF;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;
}

#center_bis {
	/* background:url(images/fond_droit.gif) right repeat-y; */
	
}

#left, #right, 
#content { float:center; }
#left {	width:910px; 
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:1px 1px; 
background:#FFFFFF;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;
}

#right { width:210px; 
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:2px 2px; 
background:#FFFFFF;

border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;

}


/* --- CONTENT --- */
#content { 
width:990px; 
margin-left: auto;
margin-right: auto;
border:1px solid #a1a1a1;
padding:5px 5px;  
background:#FFFFFF;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */ 

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  
color: #000000;
text-align: justify;

}


/* --- CONTENT BLEU --- */
#content_bleu { 
width:950px; 
margin-left: auto;
margin-right: auto;

padding:0 10px;
  border:6px double #FFFFFF;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background: #000066;

}


#footer {
	/* width:100%; */
	background-color:#3399FF;
}

#image_cellule_pied_page {
border: solid 5px #339933;
width:1008px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
	box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
}

#cellule_pied_page
{
margin-left: auto;
margin-right: auto;
border:4px solid #a1a1a1;
padding:20px 5px; 
background:#dddddd;
width:990px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */

font-family: Trebuchet MS, Verdana, Geneva, sans-serif;
font-size: 14px;  color: #000000;
text-align: justify;

}

/* --- INFO BULLE ---  */

.tooltip {
			border-bottom: 1px dotted #000000; color: #053b9e; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
			
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
			color:#000000;
	top: 741px;
	width: 1166px;
}
		.tooltip:hover span {
			border-radius: 8px 8px; -moz-border-radius: 5px; 
			-webkit-border-radius: 8px; 
			box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.6);  /* 	
			box-shadow: 5px 15px 5px rgba(0, 0, 0, 0.6);  */
			-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.6); 
			-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.6);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 3px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
	{
	font-size: 14px;
}
#center {
	height: 57px;
}

/* -------------------  IMAGES ZOOM  ------------------------ */

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/* ------------------- CELLULE MOVE ------------------------- */

/* -------------------------------------------- */
/* ####################### BOX GRID GREEN ########################### */

/* -- Cellule MOVE -- */
.boxgrid{background-image:none;

background-repeat:repeat;
background-attachment:scroll;
background-position:0 auto 0 auto;width:392px;height:197px;float:left;border:solid 6px #597484; /* e2d9c0 - fd59b2 */
overflow:hidden;position:relative;margin-right:10px;margin-bottom:24px;margin-left:70px; /* margin-left:80px; */

font-size:16px; color:#666666;
text-align : left;
  border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 2px 2px 20px #888; 
 box-align:center;

}

.boxgrid:hover{background-image:none;
background: #FFF000; /* FFE8FF */
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;width:392px;height:197px;border:solid 6px #b7c9d4; /* e2d9c0 GREEN e2017b */
  overflow:hidden;position:relative;margin-right:10px;margin-bottom:24px;margin-left:70px;

font-size:16px;  color:#000000; /* DB5093 */
text-align : left;
  border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 2px 2px 10px #888; 
 box-align:center;

}

 /* ################################################## COULEUR SCROLL MOUSE TRANSPARANT ROSE ################################## */                
.boxgrid img{position:absolute;top:0;left:0;border:0}
 .boxcaption{color:#fff;float:left;position:relative; background:rgb(51,152,182);background:rgba(60,113,4,.7);height:170px;width:374px;
                        padding-top:12px;padding-left:18px}

.boxcaption { 
-moz-box-shadow: 5px 5px 5px #888;
 -webkit-box-shadow: 5px 5px 5px #888;
 box-shadow: 2px 2px 30px #00FF00; 
}
/* ################################################## COULEUR FIN ########################################## */        






/* -------------------------------------------- */