/*-------------------------------------------------------------------------------- Menu bleu ----------------------------------------------------------------------------------*/
#CadreMenu                    {BORDER-RIGHT: #3399CC 0px solid; BORDER-TOP: #3399CC 0px solid; FONT-SIZE: 0.7em; BACKGROUND: url(../images/_fondbleuemenu.gif); MARGIN: 0px auto; BORDER-LEFT: #3399CC 0px solid; WIDTH: 180px; BORDER-BOTTOM: #3399CC 0px solid; FONT-FAMILY: Verdana,  Arial, Helvetica, sans-serif; TEXT-ALIGN: left; Top: 0px;}
#MenuBar                      {DISPLAY: inline; FONT-SIZE: 1em; FLOAT: left; MARGIN: 0px 0px 0px 0px; WIDTH: 180px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; POSITION: relative; TEXT-ALIGN: left; PADDING-LEFT: 5px; FONT-color: #3399CC;}
#MenuBar UL                   {POSITION: relative}
#MenuBar UL LI                {LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none}
#MenuBar UL                   {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#MenuBar UL LI                {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#MenuBar UL LI UL             {PADDING-RIGHT: 10px; PADDING-LEFT: 5px; BACKGROUND: url(../images/_fondbleumenu.gif); PADDING-BOTTOM: 15px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 10px;}
#MenuBar UL LI UL LI          {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none; PADDING-BOTTOM: 2px; MARGIN: 4px 5px; PADDING-TOP: 0px; FONT-color: #287BA4;}
#MenuBar UL LI UL LI A        {DISPLAY: block; HEIGHT: 1%; COLOR: #1A4F68; TEXT-DECORATION: none; FONT-color: #1A4F68;}
#MenuBar UL LI UL LI A:hover  {BACKGROUND: #FFE8E8; TEXT-DECORATION: none; font-weight: normal; COLOR: #1A4F68; TEXT-DECORATION: none;}
#MenuBar UL LI UL LI UL       {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}

/*---------------------------------------------------------------------------------- Defaut -----------------------------------------------------------------------------------*/
.Titre		                  {font-family: Verdana; font-size: 11px; line-height: 16px; font-weight: Bold; color: #000000; text-decoration: none; text-align: left; vertical-align: center; height: 17px;}
.Titrebleu                        {font-family: Verdana; font-size: 11px; line-height: 16px; font-weight: Bold; color: #1A4F68; text-decoration: none; text-align: left; vertical-align: center; height: 17px;}

.Texte         		          {font-family: Verdana; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-align: left;}
.Textebleu   		          {font-family: Verdana; font-size: 10px; font-weight: normal; color: #1A4F68; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; text-align: left;}

H3                                {PADDING-TOP: 6px; PADDING-LEFT: 5px; FONT-SIZE: 1.1em; MARGIN: 10px 0px 0px 0px; COLOR: #1A4F68; FONT-FAMILY: Arial, Helvetica, sans-serif; height: 21}
H4                                {PADDING-TOP: 0px; PADDING-LEFT: 5px; FONT-SIZE: 0.8em; MARGIN: 0px 0px 0px 0px; COLOR: ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; height: 5}

h1 		             	  {text-align: center; font-size: 250%; color: #000000; font-weight: bold;}
#tild		          	  {position: absolute; top:40px; left: 55%; padding-top: 2.5%; text-align: center; font-size: 500%; color: #3399CC; font-weight: bold;}

A       		     	  {COLOR: #1A4F68; TEXT-DECORATION: none}
A:hover 		          {COLOR: #1A4F68; TEXT-DECORATION: underline}
top A   		          {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none}

/*----------------------------------------------------------------------- Galerie Photo Bleu ----------------------------------------------------------------------------------*/
div#galerie_3col	     							{display: block; background: white; border: 4px double #E3E2A8; text-align: center; overflow:hidden; padding:10px; width=530px; height=320px;}
div.liste1, div.liste2								{display: block;position: relative;height: 292px;top: 0;left: 0;float: left;}
#defaut										{position: relative;width: 340px;float: left;top: 0;left: 0;padding: 0;background-color:#E3E2A8;border: 1px dotted gray;background-image: url("auberge.png");background-position: 90% 90%;background-repeat: no-repeat;margin: 2px;margin-top:2px;margin-right: 10px;height: 292px;}
#defaut h3									{padding-top: 14%;}
a.vignette, a.vignette:visited				    			{display: block;color: #1A4F68;text-decoration: none;border: 1px solid;width: 70px;height: 70px;background-repeat: no-repeat;background-position: 50% 50%;margin: 2px;z-index: 50;}
a.vignette span									{display: block;position: absolute;width: 1px;height: 1px;text-align: center;background: white;color: #1A4F68;overflow: hidden;z-index: 100;}
div.liste1 a.vignette span							{right: 85px;}
div.liste2 a.vignette span							{right: 161px;}
a.vignette:hover								{white-space: normal;border: 0px;padding: 1px;}
a.vignette:hover img								{border: 1px solid black;position: relative;z-index: 100;}
a.vignette:active img, a.vignette:focus img					{border: 1px solid black;position: relative;z-index: 50;}
a.vignette:hover span, a.vignette:active span, a.vignette:focus span		{display: block;position: absolute;float:left;top: 0;width: 345px;height: 300px;line-height: 1.5em;overflow:auto;
a.vignette:hover span								{z-index: 100;}
a.vignette:active span, a.vignette:focus span					{z-index: 50;}