/* Styles du site web de Tatry */

/*..................... CONTENU GENERAL ..........................................*/

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2;
	color: rgb(131,02,02);
	background-color: rgb(250,230,180);
	margin-top: 0px;
	margin-bottom: 0px;}

#OmbreGauche {
	background-image: url(images/bg-ombre-g.jpg);
	background-repeat:repeat-y;
	background-position:top;
}


/*..................... LIENS ....................................................*/

a:link
{
	font-family:sans-serif;
	color: rgb(131,02,02);
  font-weight: bold;}

a:visited
{
	font-family:sans-serif;
	color: rgb(131,50,02);
  font-weight: bold;} 

a:hover {
	color: rgb(131,02,02);
	text-decoration:underline;}
	

a:active 
{
	font-family:sans-serif;
	color: rgb(131,02,50);
  font-weight: bold;
  text-decoration: none
}


/*..................... TABLEAUX ..................................................*/

table
{
	table-border-color-light: rgb(255,102,153);
	table-border-color-dark: rgb(102,51,153); 
	font-family:sans-serif;
	font-size:12;}

td.inner_cell
{
  padding-left: 10px}

td#ombregauche
{
	background-image: url(images/bg-ombre-g.jpg);
	background-repeat:repeat-y;}

td#ombredroite
{
	background-image: url(images/bg-ombre-d.jpg);
	background-repeat:repeat-y;}

td#centre
{
	background-color: #ffffff;}

/*..................... NAVIGATION ................................................*/


/* premier niveau */

#MenuNav {
	background-image:url(images/bg-menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:30px;
	padding: 3px 0 0 10px;}


#MenuNav ul {
	margin:0; 
	padding:0; 
	float:left;
	list-style:none;}	

#MenuNav ul li{
	margin:0; 
	padding:0; 
	float: left;
	display: block;
	text-align: center;}
	
#MenuNav a, #MenuNav a:visited{
	padding:4px 10 0;
	color: #ffffff;
	font-weight:bold;
	letter-spacing:2px;
	font-size:15px;
	text-decoration: none;
	display: block;
	width: 110px;
	height:24px;}


#MenuNav a:hover, #MenuNav a.active, #MenuNav a.activeTwo {
	color: #ffffff;
	text-decoration:underline;}


/* sous-menu */

#MenuNav ul ul {
	margin:0px; padding: 7px 10px;
	position: absolute;
	left:-999em;
	list-style:none;
	background:#fff;
	border:solid #afaca6 1px;
	border-width:0 1px 1px;
	background-image:url(../img/bg-top-menu-drop.gif);
	background-repeat:repeat-x;
	}

#MenuNav ul ul#last { margin:0 0 0 -3px;}

#MenuNav ul ul li {
	margin:0; padding:0; float:none;
	border-right:none;
	border-bottom: none;
	background-image:url(../img/divider-g.gif);
	background-repeat:repeat-x;
	background: #FFFFFF;
	color:#444242;
	text-align:left;
	}

#MenuNav ul ul li.first{
	background-image:url(../bg-top-menu-drop.gif);
	background-repeat:repeat-x;}


#MenuNav ul ul a, #topNav ul ul a:visited {
	color:#444242;
	font-weight:bold;
	font-size:12px;
	padding:5px 7px 0 7px;
	width:90px;
	height:18px;
	border:none;
	letter-spacing:normal;
	}

#MenuNav ul ul a:hover {
	color:#FFF;
	font-weight:bold;
	border:none;
	}

/* styles à utiliser quand le sous-menu se déploie */
#MenuNav ul li:hover ul, #MenuNav ul li.hover ul {left:auto; }
#MenuNav ul li:hover a, #MenuNav ul li.hover a {background: none; color:#ffffff; text-decoration:underline;}
#MenuNav ul li:hover ul a, #MenuNav ul li.hover ul a {border-bottom:none; color:#444242; background:#FFF; background-image:url(../img/divider-g.gif); background-repeat:repeat-x; text-decoration:none;}
#MenuNav ul li:hover ul li.first a, #MenuNav ul li.hover ul li.first a {border-bottom:none; color:#444242; background:#FFF; background-image:none; text-decoration:none;}
#MenuNav ul li:hover ul a:hover, #MenuNav ul li.hover ul a:hover {color:#bd322f; background-color:#fffaf2;}
#MenuNav ul li:hover ul li.first a:hover, #MenuNav ul li.hover ul li.first a:hover {color:#bd322f; background-color:#fffaf2;}

/*..................... PIED DE PAGE ..................................................................*/

#footer {
	background-image:url(images/bg-pied.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:60px;
	padding: 21px 81px 0 30px;
	color:#ffffff;
	font-size:9px;
	line-height:11px;}

#footer a:link , #footer a:visited {
	color:#ffffff;
	text-align:right;
	float:right;
	text-decoration:none;
	background-image:url(images/icon-email.jpg);
	padding-left:20px;
	padding-top:1px;
	background-repeat:no-repeat;
	background-position:top left;}