body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: right ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: url(images/bandeau.jpg) ;
	background-repeat: repeat-xy ;
	overflow:scroll ;
}

div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #ab4 ;
	background: #fff ;
}
div#haut1
{
	float: left;
	width: 300px;
   	height: 240px;
   	background-image: url("images/violon2.jpg");
   	background-repeat: no-repeat;


}
div#haut2
{
   	height: 240px;
	margin-left: 300px;
   	

}
div#banniere
{

   	height: 60px;
 	text-align: right ;
}
div#logo
{
	
   	height: 140px;
   	background-image: url("images/titreneon.jpg");
   	background-repeat: no-repeat;
   	margin-bottom: 5px;
	text-align: right ;
}

div#drapeaux
{
	float : left;
	height: 30px;
	text-align: right ;
}
div#design
{
	float: right;
	height: 30px;
 	text-align: right ;
}
	

ul#menu
{
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: url(images/menu2.jpg) repeat-x 0 -30px ;
	list-style-type: none ;
}
ul#menu li
{
	float: left ;
	text-align: left ;
}
ul#menu li a
{
	width: 152px ;
	line-height: 30px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #A52A2A ;
	display: block ;
	text-decoration: none ;
	border: 1px solid #A52A2A ;
}
ul#menu li a:hover
{
	background: url(images/menu2.jpg) repeat-x 0 0 ;
}
div#contenu
{
	padding: 0 25px 0 25px ;

}
div#contenu h2
{
	padding-left: 78px ;
	line-height: 25px ;
	font-size: 2.0em ;
	background: url(images/cheville.jpg) no-repeat left bottom ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 40px ;
	background: url(images/talon2.gif) no-repeat left bottom ;
	color: #f00 ;
}
div#contenu h4
{
	margin-left: 15px ;
	padding-left: 40px ;
	background: url(images/talon2.gif) no-repeat left bottom ;
	color: #000 ;
}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2;
}
div#foto
{
 width: 500px ;
 height: 350px ;
 background: #ddd ;
 overflow:auto ;
 padding: 10px ;
 font: 1.2em "Trebuchet MS", helvetica, sans-serif ;
 color: #A52A2A ;
 }
div#bulgarie, #hongrie, #matyusfold, #macedoine, #pologne, #rzeszow, #nowysacz, #podhale, #zywiec, #roumanie, #russie, #slovaquie, #tchequie, #saris, #raslavice, #beskide, #slask

{
position : absolute ;
margin-top : -218px ;
margin-left : 420px ;  
 width: 300px ;
 height: 268px ;
 visibility: hidden ;

}
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	font-size: 0.8em ;
	color: #483D8B ;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.photo {width:635px; height:550px; text-align:left; position:relative; margin:0 auto;}

.photo ul.onglet {padding:0; margin:5; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.onglet li {display:block; width:125px; height:31px; float:left;}
.photo ul.onglet li a.set {display:block; font-size:15px; font-weight: bold; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:2px solid #bbb; border-width:1px 1px 0 1px; background:#fff; font-family:verdana, arial, sans-serif;}

.photo ul.onglet li a ul, 
.photo ul.onglet li ul 
{display:none;}

.photo ul.onglet li.active a
{color:#000; background:#fff;}

.photo ul.onglet li a:hover,
.photo ul.onglet li:hover a
{color:#fff; background:#ccc;}

.photo ul.onglet li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.onglet li a:hover ul, 
.photo ul.onglet li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.onglet li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.onglet li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.onglet li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.onglet li a:hover ul li a:hover, 
.photo ul.onglet li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.onglet li a:hover ul li a:hover img, 
.photo ul.onglet li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}