/* CSS Document */

body 									{ background-color:#C0C0C0; margin:0; font-family:Arial, Helvetica, sans-serif; }

ul, li, img, table, td, tr, p			{ border:0px; margin:0px; padding:0px; border-collapse:collapse; list-style-type:none; border-spacing:0px; }

#global 								{ position:absolute; left:50%; top:50%; width:700px; height: 618px;  margin-top:-309px; margin-left:-350px; }
#global div								{ text-align: right; font-size:10px; color:#666666; vertical-align:top; margin-top:6px}
#global img								{ float:right}


/* Locations */

.locations 								{
	width:749px;
	position:absolute;
	left:50%;
	width:745px;
	margin-left:-350px;
}
.locations .menu						{ background:url(../images/locations/menu.jpg) no-repeat top}
.locations .menu td						{ padding-left:25px; padding-top:3px; font-size:12px; color:#FFFFFF; }
.locations .menu ul						{ padding-bottom:5px; }
.locations .menu ul a					{ color:#FFFFFF; text-decoration:none; }
.locations .menu ul a:hover				{ color:#FFFFFF; text-decoration:underline; }
.locations .menu li a					{ color:#FFFFFF; text-decoration:none; }
.locations .menu li a:hover				{ color:#FFFFFF; text-decoration:underline; }

.locations .content						{ background:url(../images/locations/05.jpg) no-repeat top #AC5861; }
.locations .content td					{ padding:15px; font-size:12px; }
.locations .content td a				{ color:#000000; text-decoration:underline;}
.locations .content td a:hover			{ color:#000000; text-decoration:none;}
.locations .content p					{ margin:10px 0px}

.locations .content ul				 	{ margin:10px 5px; color:#582627; }
.locations .content li				 	{ margin:0px 20px; list-style-type: square; color:#582627}
.locations .content li a				{ color:#582627; text-decoration:none}
.locations .content li a:hover			{ color:#000}

.locations .content h1					{ color:#582627; font-size:18px; font-weight:bold; margin-bottom:5px}
.locations .content h2					{ color:#582627; font-size:14px; font-weight:bold; margin-bottom:5px}

/* concept */

.concept 								{ width:749px; position:absolute; left:50%; width:700px; margin-left:-350px; }
.concept .menu							{ background:url(../images/concept/menu.jpg) no-repeat top}
.concept .menu td						{ padding-left:25px; padding-top:3px; font-size:12px; color:#FFFFFF; }
.concept .menu ul						{ padding-bottom:5px; }
.concept .menu ul a						{ color:#FFFFFF; text-decoration:none; }
.concept .menu ul a:hover				{ color:#FFFFFF; text-decoration:underline; }
.concept .menu li a						{ color:#FFFFFF; text-decoration:none; }
.concept .menu li a:hover				{ color:#FFFFFF; text-decoration:underline; }

.concept .content						{ background:url(../images/concept/05.jpg) no-repeat top #AB58A0; }
.concept .content td					{ padding:15px; font-size:12px; }
.concept .content td a					{ color:#000000; text-decoration:underline;}
.concept .content td a:hover			{ color:#000000; text-decoration:none;}
.concept .content p						{ margin:10px 0px}

.concept .content ul				 	{ margin:10px 5px; color:#592841; }
.concept .content li				 	{ margin:0px 20px; list-style-type: square; color:#592841}
.concept .content li a					{ color:#592841; text-decoration:none}
.concept .content li a:hover			{ color:#000}

.concept .content h1					{ color:#592841; font-size:18px; font-weight:bold; margin-bottom:5px}
.concept .content h2					{ color:#592841; font-size:14px; font-weight:bold; margin-bottom:5px}

/* theatre */

.theatre 								{ width:749px; position:absolute; left:50%; width:700px; margin-left:-350px; }
.theatre .menu							{ background:url(../images/theatre/menu.jpg) no-repeat top}
.theatre .menu td						{ padding-left:25px; padding-top:3px; font-size:12px; color:#FFFFFF; }
.theatre .menu ul						{ padding-bottom:5px; }
.theatre .menu ul a						{ color:#FFFFFF; text-decoration:none; }
.theatre .menu ul a:hover				{ color:#FFFFFF; text-decoration:underline; }
.theatre .menu li a						{ color:#FFFFFF; text-decoration:none; }
.theatre .menu li a:hover				{ color:#FFFFFF; text-decoration:underline; }

.theatre .content						{ background:url(../images/theatre/05.jpg) no-repeat top #6280BC; }
.theatre .content td					{ padding:15px; font-size:12px; }
.theatre .content td a					{ color:#000000; text-decoration:underline;}
.theatre .content td a:hover			{ color:#000000; text-decoration:none;}
.theatre .content p						{ margin:10px 0px}

.theatre .content h1					{ color:#3E3B5D; font-size:18px; font-weight:bold; margin-bottom:5px}
.theatre .content h2					{ color:#3E3B5D; font-size:14px; font-weight:bold; margin-bottom:5px}

/* contact */

.contact 								{ width:749px; position:absolute; left:50%; width:700px; margin-left:-350px; }
.contact .menu							{ background:url(../images/contact/menu.jpg) no-repeat top}
.contact .menu td						{ padding-left:25px; padding-top:3px; font-size:12px; color:#FFFFFF; }
.contact .menu ul						{ padding-bottom:5px; }
.contact .menu ul a						{ color:#FFFFFF; text-decoration:none; }
.contact .menu ul a:hover				{ color:#FFFFFF; text-decoration:underline; }
.contact .menu li a						{ color:#FFFFFF; text-decoration:none; }
.contact .menu li a:hover				{ color:#FFFFFF; text-decoration:underline; }

.contact .content						{ background:url(../images/contact/05.jpg) no-repeat top #BA9B60; }
.contact .content td					{ padding:15px; font-size:12px; }
.contact .content td a					{ color:#000000; text-decoration:underline;}
.contact .content td a:hover			{ color:#000000; text-decoration:none;}
.contact .content p						{ margin:10px 0px}

.contact .content h1					{ color:#685132; font-size:18px; font-weight:bold; margin-bottom:5px}
.contact .content h2					{ color:#685132; font-size:14px; font-weight:bold; margin-bottom:5px}


.panoramique td							{ font-size:11px; font-weight:bold; padding:10px}
.panoramique td a						{ color:#333333}
.panoramique td a:hover					{ color:#333333}


.index{
position: absolute;
z-index:10;
color:#333333;
font-size:10px;
font-family: "Trebuchet MS" ;
left:280px;
top:665px;
width:680px;
height:80px;
padding:10px 10px 10px 10px;
text-align:justify;
}

.footer{
z-index:10;
color:#333333;
font-size:10px;
font-family: "Trebuchet MS" ;
width:730px;
height:80px;
padding:10px 10px 10px 10px;
text-align:justify;
}

h1{
color:#333333;
font-size:10px;
font-family: "Trebuchet MS" ;
display:inline;
}


a.liens_index{
color:#333333;
text-decoration:none;
}

a.liens_index:hover{
text-decoration:none;
color:#FFFFFF;
}