#lstImg{ position: relative; left: -20px; z-index: 1500; }

#langSwitch {  position: absolute; top: 0; z-index: 10000; margin: 0; padding: 0; border-width: 0; }
#langSwitch a{ margin: 0; padding: 0; border-width: 0; }
#langSwitch a img{ position: absolute; top: 0; z-index: 10000; margin: 9px 0 0 8px; padding: 0; border-width: 0; }

html, body{ margin: 0; padding: 0; }
body.normal{ height: 100%; }
html{ height: 100%;}
body{font: 90% "Trebuchet MS", sans-serif; background-image: url(v3/fond.png);}
#main{ background-image: url(v3/colones.png); position: relative; width: 750px; min-height: 100%; margin: 0 auto; padding: 0 10px; }
#topMenu{ background-image: url(v3/topMenu3.png); background-repeat: no-repeat; background-position: 0 -151px; position: relative; float: right; margin: 0; padding: 29px 0 0 10px; border-width: 0; }
#topMenu ul{ background-image: url(v3/topMenu2.png); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 0 0 5px 10px; }
#topMenu ul li{ margin: 0; padding: 0; display: inline; }
#topMenu ul li a{ color: #ccc; font-weight: bold; background-color: #000; text-decoration: none; margin: 0; padding: 0; }
#topMenu ul li a:hover{ color: #feda00; }
#topMenu ul li a.active{ color: #feda00 !important; text-decoration: overline; }
#topMenu ul li span{ color: #ccc; }
#topMenu ul li.last span{ color: #ef403d; visibility: hidden; }
#header{ background: #000 url(v3/img1.jpg) no-repeat 0 29px; position: relative; height: 220px; margin: 0; padding: 0; }
#header h1{ color: #fff; margin: 0; padding: 0; }
#header img{ position: absolute; top: 0; z-index: 10; margin: 0; padding: 0; }
#mainMenu{ background-image: url(v3/rondInverse2.png); background-repeat: no-repeat; background-position: right bottom; position: absolute; bottom: 0; padding-right: 10px; }
#mainMenu ul{ background-image: url(v3/mainMenu2.png); background-repeat: no-repeat; background-position: right 0; margin: 0; padding: 5px 0 5px 10px; }
#mainMenu ul li{ margin: 0; padding: 0; display: inline; }
#mainMenu ul li a{ color: #ccc; font-weight: bold; background-color: #000; text-decoration: none; }
#mainMenu ul li a:hover{color: #feda00;}
#mainMenu ul li a.active{ color: #feda00 !important; text-decoration: underline; }
#mainMenu ul li span{ color: #ccc; }
#mainMenu ul li.last span{ color: #ef403d; visibility: hidden; }
#middle{ background-image: url(v3/middleTop.png); background-repeat: no-repeat; overflow:auto; margin: 0; padding-top: 15px; padding-bottom: 60px    ; }
#content{ width: 515px; float: left; padding-left: 20px; padding-right: 10px;}
#content h2, #sideBar h2{ margin: 0 0 1em; padding: 15px 0 0; border-bottom: 1px solid #b5d7db; }
#content p{ text-align: justify; }
#content .evidence{ background-color: #feda00; text-align: center; padding: 10px; border: solid 2px #fd9562; }
#content .evidence h3{ margin: 0 0 10px; }
#content .evidence p{ margin: 0; }
.img1, .img2L, .img2R /*couleur et cadre des images*/{background-color: #fff; padding: 5px; border: solid 1px #000;}
.img1 /* images normales */ {  margin-left: 50px;  }
.img2L /* petites images */{ float: left; clear: left; margin-right: 10px; margin-top: 10px;}
.img2R /* petites images */{ float: right; clear: right; margin-left: 10px; margin-top: 10px;}
#sideBar{ width: 180px; float: right; padding-right: 10px; }

/*
ul#sideMenu { margin: 0 0 10px; padding: 0; }
ul#sideMenu li{ margin: 5px 0 0; padding: 0; list-style-type: none; }
ul#sideMenu li a{ background-image: url(v3/bullet_17x17_gris.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin: 0; padding: 0 0 0 17px; }

ul#sideMenu li.active a {background-image: url(v3/bullet_17x17_vert.png)}
ul#sideMenu li ul li a{ background-position: 10px 0; padding-left: 27px; }
ul#sideMenu li ul li a, ul#sideMenu li.active ul li a{ background-image: url(v3/bullet_17x17_gris.png); }
ul#sideMenu li ul li.active a { background-image: url(v3/bullet_17x17_vert.png) !important; }
ul#sideMenu li a:hover{ background-image: url(v3/bullet_17x17_jaune.png) !important; text-decoration: underline; }
ul#sideMenu .folder{ font-weight: bold; }
*/

#sideBar ul { margin: 0 0 10px; padding: 0; }
#sideBar ul li{ margin: 5px 0 0; padding: 0; list-style-type: none; }
#sideBar ul li a{ background-image: url(v3/bullet_17x17_gris.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin: 0; padding: 0 0 0 17px; }

#sideBar ul li.active a {background-image: url(v3/bullet_17x17_vert.png)}
#sideBar ul li ul li a{ background-position: 10px 0; padding-left: 27px; }
#sideBar ul li ul li a, #sideBar ul li.active ul li a{ background-image: url(v3/bullet_17x17_gris.png); }
#sideBar ul li ul li.active a { background-image: url(v3/bullet_17x17_vert.png) !important; }
#sideBar ul li a:hover{ background-image: url(v3/bullet_17x17_jaune.png) !important; text-decoration: underline; }
#sideBar ul .folder{ font-weight: bold; }





#footer{ background: #000 url(v3/footerTop.png) no-repeat; position: absolute; bottom: 0; width: 730px; padding-top: 15px; padding-right: 10px; padding-left: 10px; }
#footer p { color: #ccc; margin: 2px 0; font-size: 0.9em; }
#footer a{ color: #ccc; }
#footer a:hover{ color: #feda00; }
/*styles pour les tableaux d'horaires des spectacles*/
div#horaires {  }
div#horaires table{ width: 100%; margin: 0 0 25px; padding: 5px; border: dotted 1px #000; }
div#horaires table caption{ font-weight: bold; }
div#horaires table tr{ border-width: 0;}
div#horaires table tr.active{ background-color: #b5d7db; }
div#horaires table th{ text-align: left; border-bottom: 1px solid #000; }
div#horaires table td{ margin: 0; padding: 0; border-bottom: 1px dotted #989898; }

/*styles pour le formulaire de contact*/
#ContactForm{ padding: 15px; border-width: 0; }
#ContactForm fieldset{ margin: 0; padding: 15px; border-color: #29388f; border-width: 1px; }
#ContactForm label{ font-weight: bold; font-style: italic; display: block; }
#ContactForm input, #ContactForm textarea{ width: 100%; margin-bottom: 15px; border: solid 1px #29388f; display: block; }
#ContactForm #cfContact{ width: 7em; }
#ContactForm #cfContact:hover{ background-color: #ed1846; }
.error{ color: #f00; margin: 15px; }


.hidden{ color: #f00; position: absolute; top: 0; left: -5000px; visibility: hidden; }

#firstPopupBackground
{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	z-index: 20000;
	background-color: black;
}

#firstPopupContainer
{
	position: absolute;
	z-index: 20001;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#firstPopup
{
	position:relative;
	margin: 60px auto 0 auto;
	z-index: 20001;
	background-color: white;
	height: 462px;
	width: 710px;
	border: 3px solid #ccc;
	background-image: url(ambleteuse.jpg);
}

#firstPopup.mtBlanc
{
	background-image: url(mtblanc.jpg);
}

#firstPopup #close
{
    position: absolute;
    top: -20px;
    right: 0;

}

#firstPopup #close a
{
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

#firstPopup #close a:hover
{
	color: white;
}

#firstPopup p
{
    color: white;
    margin: 20px;
    font-weight: bold;
    font-size: 1.3em;
}

#firstPopup p a
{
	color: white;
}


#firstPopup object{
    position: absolute;
    bottom: -60px;
    right: 15px;
}

#firstPopup.mtBlanc object{
    bottom: -60px;
    right: 60px;
}


p.alert, #firstPopup p.alert, p.alert a, #firstPopup p.alert a{ color: red;}

#firstPopup p.alert{ font-size: 1.6em; font-weight: bold;}