*{margin: 0; padding: 0;}
body {background-color: 99ccff; text-align: center; font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #003399;}

#site {
	width: 1020px;
	margin: auto;
	text-align: left;
	position: relative;
	border:#0066CC 2px solid;
}

#main {
	width: 1020px;
}

#container {
	width: 800px;
	margin-left:210px;
	position: absolute; top:172px; 
}

#header {
	width: 1020px;
}

#header a img {display: block;} /* Pb d'espace entre le bandeau et le menu gauche*/

#datesaison {left:10px; position:absolute; top:10px; text-align:left; font-family:Verdana,Arial; font-size:12pt; color:#FFFFFF;}
#ponton {right:0px; position:absolute; top:3px; text-align:right;}

#sidebar {
	width: 200px;
	background-image:url(../img/index/theatre_europe_menuGcheBG.jpg); 
}

#contenu {
	padding-left:10px; 
	padding-right:10px; 
	border:#0066CC 3px solid; 
	background-color:#fff; 
	color:#003399; 
	text-align:justify;}

#menuaccueil {width:200px; height:30px; padding-top:10px; background-color:#0066cc; color:#fff; font-weight:normal;}
#menutheatreTP {width:200px; height:46px; padding-top:10px; background-color:#003366; color:#fff; font-weight:normal; margin-top:35px;}
#menutheatreJP {width:200px; height:46px; padding-top:10px; background-color:#003366; color:#fff; font-weight:normal; margin-top:15px;}
#menucirque {width:200px; height:46px; padding-top:10px; background-color:#003366; color:#fff; font-weight:normal; margin-top:15px;}
#menupresse {width:200px; height:30px; padding-top:10px; background-color:#0066cc; color:#fff; font-weight:normal; margin-top:35px;}
#menutheatre {width:200px; height:30px; padding-top:10px; background-color:#0066cc; color:#fff; font-weight:normal; margin-top:15px;}
#menucontact {width:200px; height:30px; padding-top:10px; background-color:#0066cc; color:#fff; font-weight:normal; margin-top:30px;}









.pt10 {font-family:Verdana,Arial; font-size:10pt; color:#003399; text-decoration:none;}
.infospect10 {font-family:Verdana,Arial; font-size:10pt; text-decoration:none;}
h1 {font-family:Verdana, Arial; font-size:14pt; color:#003399; font-weight:bold;}
h5 {font-family:Verdana, Arial; font-size:8pt; color:#003399;}
p {font-family:Verdana, Arial; font-size:8pt; color:#003399;}

a:active, a:link, a:visited {font-family:Verdana,Arial; font-size:10pt; color:#FFFFFF; text-decoration:none; font-weight:bold;}
a:hover {font-family:Verdana,Arial; font-size:10pt; color:#99CCFF; text-decoration:none; font-weight:bold;}
a.hrefspectacle:active, a.hrefspectacle:link, a.hrefspectacle:visited {font-family:Verdana,Arial; font-size:10pt; color:#FF9933; text-decoration:none; font-weight:bold;}
a.hrefspectacle:hover {font-family:Verdana,Arial; font-size:10pt; color:#99CCFF; text-decoration:none; font-weight:bold;}
a.rouge:active, a.rouge:link, a.rouge:visited {font-family:Verdana,Arial; font-size:10pt; color:#990000; text-decoration:none; font-weight:bold;}
a.rouge:hover {font-family:Verdana,Arial; font-size:10pt; color:#ff0000; text-decoration:none; font-weight:bold;}
a.bleu:active, a.bleu:link, a.bleu:visited {font-family:Verdana,Arial; font-size:10pt; color:#0066cc; text-decoration:none; font-weight:bold;}
a.bleu:hover {font-family:Verdana,Arial; font-size:10pt; color:#99CCFF; text-decoration:none; font-weight:bold;}
a.archiveslink:active, a.archiveslink:link, a.archiveslink:visited {font-family:Verdana,Arial; font-size:10pt; color:#993300; text-decoration:none;}
a.archiveslink:hover {font-family:Verdana,Arial; font-size:10pt; color:#ff9933; text-decoration:none; font-weight:bold;}
a.copyright:active, a.copyright:link, a.copyright:visited {font-family:Verdana,Arial; font-size:8pt; color:#FF9933; text-decoration:none; font-weight:bold;}
a.copyright:hover {font-family:Verdana,Arial; font-size:8pt; color:#0066cc; text-decoration:none; font-weight:bold;}



.left {text-align:left;}

#contenumodif {margin-left:210px; margin-right:10px; margin-top:10px; padding-left:10px; padding-right:10px; border:#0066CC 3px solid; background-color:#fff; margin-bottom:10px; color:#003399; text-align:justify;}


#news {width:350px; background-image: url(../img/index/news_theatre_europeBG.png); background-repeat: repeat-x; border:#99CCFF 1px solid; float:left; margin-top:20px; margin-right:10px; margin-bottom:30px;}
#spectacleindex {width:350px; background-image: url(../img/index/spectacle_theatre_europeBG.png); background-repeat: repeat-x; border:#99ccff 1px solid;margin-top:20px;  margin-bottom:30px; float:left;}
#cirque {width:350px; background-image: url(../img/index/news_theatre_europeBG.png); background-repeat: repeat-x; border:#99CCFF 1px solid; margin-top:300px; margin-bottom:10px;}

#spectaclecadre {padding:10px; border:#99ccff 1px solid;}

#txtindex {border:#99ccff 1px solid; margin-bottom:30px; margin-top:200px; padding:10px; margin-right:10px;}
#archives {width:162px; height:59px; background-image: url(img/divers/boutonArchives.jpg); background-repeat: no-repeat; padding:18 0 0 17;}

#spectaclecadre {padding-left:10px;}
#txtindex {width:850px; padding-left:10px; padding-right:5px;}*/

#titrespectacle {background-color:#0066CC; color:#FFFFFF; margin-left:-10px;}
.spectaclerouge {color:#FF9933; font-size:14px;}
.spectacledispo {color:#FFFFFF; font-size:12px;}
.orange {color:#FF9933;}
#gdh {float:right; text-align:left; padding-left:20px; padding-right:20px; clear:right; background-color:#0066cc; padding-bottom:10px; color:#FFFFFF;}
#tarif {float:right; text-align:left; padding-right:20px; clear:right;}
#photo1 {float:right; text-align:left; clear:right; margin-top:20px; margin-left:30px; margin-bottom:30px; border:#003366 2px solid}

#pied {position: relative; width:1020px; float:left bottom; clear:both; HEIGHT: 19px; BACKGROUND-COLOR: #968689;}

td.commerce {font-family:Verdana,Arial; color:#000099; font-size:10pt;}
form {font-family:Verdana,Arial; font-size:12px; font-weight:bold; color:#0000cc;}
input, textarea {font-family:Verdana,Arial; font-size:12px; color:#0000cc;}
.boutonform {width:50%;}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton { top: 5px; right: 5px; }

#lightboxCaption { float: left; }

#keyboardMsg { float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay { background-image: url(../img/divers/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Img/divers/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/