@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Theme Theatr'Ailes
Theme URI: http://
Description: theme personnel fait pour le site Theatr'Ailes.
Version: 0.1
Author: Guillaume Rynkiewicz et Remi DELERY
*/


/* hide hack from Mac-IE5 \*/
* html .monelementbogue { height: 1%; 
/* end hiding */
}

body  { 
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	background: #000; 
	margin: 0 0 0 0; 
}

#page  {  
	width: 100%; 
	height: auto;
	margin: 0 auto 0 auto;
	overflow: auto; 
}

/* Entete */

#header {
	background: #666666;
	height: 175px;
	width: 100%;
}

#headerimg {
	background: #666666 url(images/header.jpg) no-repeat top center;
	height: 175px;
	width: 1100px;
	margin: 0 auto 0 auto;
}

#headerimg h2{
	font-size: 1.2em;
	color:#fff;
	text-align: left;
	margin: 15px 0 0 180px;
}

#head {
	height:89px;
	width:1100px;
}

/*Menu haut*/

#menu { text-align:right; height: 40px; width:1050px; }

#menu a {
	font-size: 0.9em;
	color:#fff;
	margin:0 9px 0 10px;
}

#menu a:hover {
	color: #FF0000;
}

#menu li {
	display:inline;
	list-style-type: none;
	margin: 0px 15px 0px 15px;
}

#menu ul {
	display:inline;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
}

/* Milieu */

#mid  { 
	background: #000 url(images/content.jpg) repeat-y center top;
	margin: auto;
	padding: 0 0 0 0;  
	width: 1100px; 
	overflow: auto; 
	border: 0 
}

/* Contenu */

#content    { 
	background: #fff url(images/bateau.jpg) no-repeat right 250px; 
	margin: 0 0px 0 0; 
	padding: 0; 
	bottom: auto; 
	width: 680px; 
	height: auto; 
	float: left; 
}

#content h1 {
	font-size: 1.5em;
	color:#666666;
}

#content h2 {
	padding: 0px 0px 0px 20px;
	font-size: 1.1em;
	color:#990000;
}

#content p {
	padding: 0px 0px 0px 50px;
	font-size: 0.9em;
	color:#000;
}

#content a {
	color:#990000;
}

/* sidebar */

#sidebar {
	float: left;
	width: 280px;
	height : 800px;
	background: url(images/sidebar.jpg) no-repeat;
	margin: 0 0 0 49px;
	padding: 0 0 0 5px;
	display: inline;
}

#sid {
	float: left;
	width: 270px;
	height : 1200px;
	background:#fff url(images/sidebar.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#sid h2{
	margin: 0 0 15px 0px;
	font-size: 1em;
	color:#fff;
}

#sid p{
	margin: 0 0 0 0;
}

#sidebar h2{
	margin: 15px 0 15px 0px;
	font-size: 1em;
	color:#fff;
}

#sidebar p{
	margin: 0 0 0 0;
}

#Div1 {
	height:220px;
	font-size: 0.7em;
	color:#000;
}

#Div1 a{
	color:#990000;
}

#Div1 a:hover{
	color:#000;
}

#Div2 {
	height:200px;
	width:125px;
	float:right;
	margin: 0 0 0 0;
	font-size: 0.7em;
	color:#000;
}

#Div2 a{
	color:#990000;
}

#Div2 a:hover{
	color:#fff;
}

#apDiv1 {
	position:absolute;
	left:343px;
	top:250px;
	width:130px;
	height:200px;
	z-index:1;
	overflow: hidden;
}
.Style1 {
	color: #FFFFFF
}

.Style2 {
	color: #990000;
	font-size:14px;
}

/* pied de page */

#footer  {
	background: #666666;
 	width: 100%;
	height: 80px
}

#footerimg {
	background: #666666 url(images/footer.jpg) no-repeat top center;
	width: 1100px;
	margin: 0 auto 0 auto;
	height:80px;
	text-align: center;
	font-size: 0.8em;
	color: #000;
}

#footerimg a{
	color: #fff;
}


#festival {
	background-color: #FFFFFF;
}

#affiche a {
	color:#fff;
	
}
#affiche a:hover {
	color: #FF0000;
}

#footer_menu {
color:#fff;
}

#footer_menu a:hover {
	color: #f3e800;
}

#copy_right a {

color:#ff0000;
}
#copy_right a:hover {
	color: #0118c2;
}