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


/* defaut */

body{
margin:0px; padding:0px;
background-color:#000000;}

a img{
border:none;
outline:none;}

a , a:link , a:visited , a:hover , a:active {
outline:none;
text-decoration:none;}

/* général */

#container{
position:relative; float:left;
width:923px; height:750px; margin-left:-461px; left:50%;}

#header{
position:relative; float:left;
width:100%; height:136px;
background:url(images/header.jpg) no-repeat;}

#navigation{
position:relative; float:left;
width:100%; height:92px;
background:url(images/navigation.jpg) no-repeat;}

#middle_box{
position:relative; float:left;
width:100%; height:431px;}

#middle_left{
position:relative; float:left;
width:61px; height:100%;
background:url(images/middle_left.jpg) no-repeat;}

#content{
position:relative; float:left;
width:791px; height:100%;
background:url(images/content.jpg) no-repeat;}

#middle_right{
position:relative; float:left;
width:71px; height:100%;
background:url(images/middle_right.jpg) no-repeat;}

#footer{
position:relative; float:left;
width:100%; height:57px;
background:url(images/footer.jpg) no-repeat;}

#oyeloona{
position:relative;float:left;
margin-left:-75px;left:50%;top:0px;text-align:center;
width:150px;height:34px;}
	
	#oyeloona p{
	float:left; margin:10px 0px; padding:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#f0e9df;font-size:10px;}

	#oyeloona img{
	float:left;}


/* navigation */

#menu{
margin:0; padding:0px;}

.menu_elts{
margin:0px; padding:0px;
float:left; width: 143px; height:92px; list-style-type:none;}

.menu_elts_border{
margin:0px; padding:0px;
float:left; height:92px; list-style-type:none;}


/* specifique */

/* accueil */

#accueil_box{
position:relative; margin:0px 12px 12px 12px; padding:5px 10px 10px 10px;
width:746px; height:223px;
background:url(images/dot_35.png) repeat;}

.p_accueil{
padding:5px 0px 5px 0px; margin:0px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#000000; font-size:14px; text-indent: 15px;}

.troupeVD{
position:absolute; bottom:0px;}

/* vignettes spectacles */

.box_spectacles{
position:relative; float:left;
width:263px; height:100%;}

.vign_spectacles{
position:relative; float:left;
margin-top:15px; left:4px;
width:254px; height:54px;
background-color:#000000;}

.year_vign_spectacles{
position:relative; float:left;
margin:12px 1px 0px 1px; padding:0px;
width:26px;
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px; font-weight:bold; text-align:center;
color:#dbbf9d;}

.img_vign_spectacles{
position:relative; float:left;
margin-top:4px;
width:220px; height:44px;
border:1px solid #dbbf9d;}

/*accueil spectacles*/

.img_dernier_spectacle{
position:relative; float:left;
top:6px; left:15px;
width:300px; height:415px;
border:1px solid black;}

#box_dernier_spectacle{
position:relative; float:right;
top:6px; right:15px;
width:440px; height:225px;}

.p_dernier_spectacle{
margin:0px; padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; text-align:center; line-height:15px;}

.img_anciens_spectacles{
position:relative; float:right;
top:6px; right:35px;
width:400px; height:130px;
border: 2px solid black;}

.thanks{
position:relative; float:right;
right:15px;
margin:15px 0px; padding:0px;
width:440px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px; font-style:italic; text-align:center;}

/*agenda*/

#content_agenda{
position:relative; float:left;
width:791px; height:100%;
background:url(images/calendrier_2011.jpg) no-repeat;}

/* anciens spectacles */

#left_spectacles{
position:relative; float:left;
width:255px; height:100%;}

.affiches_spectacles{
position:relative;
top :5px; left:50%; margin-left:-108px;
width:215px; height:306px;
border:2px solid black;}

.p_madeby{
position:relative;
top: 10px; margin:0px 0px 0px 20px; padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; }

.p_madeby span{
font-weight:bold;}

#middle_spectacles{
position:relative; float:left;
width:368px; height:100%;}

.p_resume{
width:auto; height:auto;
margin:5px 10px 10px 15px; padding:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; font-style:italic;}

#video{
position:relative;
z-index:5;
width:348px; height:270px;
padding-left:20px;}

.backtoliste{
height:15px;
margin:5px 50px 0px 50px; padding:10px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; font-style:italic; text-align:center; vertical-align:middle;
background-color:black; color:#dbbf9d;}

.backtoliste a{
color:#dbbf9d;
}

#right_spectacles{
position:relative; float:left;
width:168px; height:100%;}

.ul_photos{
margin:0px; padding:0px 0px 0px 15px;
}
.li_photos{
list-style-type:none;
margin: 5px 0px;}

/*contact*/
.p_contact{
width:100%; margin:7px 0px 7px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; text-align:center;}

.p_contact span{
font-weight:bold;}

.p_contact a{color:black;}
.p_contact a:hover{text-decoration:underline;}

#formulaire_table .td_bold{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px; font-weight:bold;}

.intro_formulaire{
text-align:center; font-style:italic;
background-color:#000000; color:#dbbf9d;}

#formulaire_table {
padding:5px; margin-top:10px;
border:1px solid black;}