/************** FEUILLE DE STYLE ********************/

html, body{
	background-color:#990033;
	font-family: Arial;
	font-size: 80%;
	color: #FFFFFF;
	height: 100%;
	width: 100%;
	margin:0%;
	padding:0%;
	
}

a:link,a:active,a:visited{
	color:#990033;
	text-decoration:underline;}

a:hover{
	color:#990033;
	text-decoration:underline;}
	
.a_texte:link,a:active,a:visited{
	color:#990033;
	text-decoration:none;}

.a_texte:hover{
	color:#990033;
	text-decoration:underline;}
	
	
p {
	color: Black;
	margin-top: 18%;
	margin-bottom: 18%;}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#FFFF99; 
}

img { border: 0;}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	color:#663300;
}

.h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#663300;
font-weight:bold;
}
.h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3;
color:#000000;
font-weight:bold;
}
.h5{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3;
color:#009900;
font-weight:bold;
}
.h6{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#990033;
font-weight:bold;
}
.h7{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#663300;
font-weight:bold;
}
.h8{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#663300;
}
.spectacles_titre{
font:Arial, Helvetica, sans-serif;
color:#990033;
font-size:1.3em;
}




/**************I*D****************************/

/*************************************ZONES PERMANENTES DES PAGES*******************************/

#entete {
	position:absolute;
	top:0%;
	left: 5%;
	width:60%;
	height:20%;
	font-family:"Monotype Corsiva";
	font-size : 60px;
	color:#990033;
	text-align: center;
	/*border: 2px outset #c0c0c0;
	display: block;*/
	}
#logo-mail {
float : right;
heigth : 88px;
width : 470px;
background-image:url(/off-mail2010.jpg);
}


#mosaique {

position:absolute;
left :50%;
top:5%;
width:25%;
/*border: 2px outset #c0c0c0;
	display: block;*/
}
	
#photo1{
width:27%;
height:28%;
background-image:url(img/meliscen2.jpg);
position:absolute;
left:53%;
top:5%;

	background-repeat:no-repeat;
}
#photo1 img{
width:100%;
height:100%;
}
#photo2{
width:40%;
height:40%;
background-image:url(img/aube.png);
position:absolute;
left:58%;
top:1%;
/*border: 2px solid #000000;
	display: block;*/
	background-repeat:no-repeat;
}
#photo2 img{
width:100%;
height:100%;
}
#photo3{
width:25%;
height:28%;
background-image:url(img/festival.gif);
position:absolute;
left:55%;
top:1%;
background-repeat:no-repeat;
}
#photo3 img{
width:100%;

}
#photo4{
width:40%;
height:30%;
background-image:url(img/theatre.png);
position:absolute;
left:55%;
top:1%;
/*border: 2px solid #000000;
	display: block;*/
	background-repeat:no-repeat;
}
#photo4 img{
width:100%;
height:100%;
}

#swf{
top:0%;
left:55%;
width : 35%;
height : 20%;
/*border: 2px outset #c0c0c0;
	display: block;*/
	position :absolute;
	background-repeat:no-repeat;
}



#titre_page{
	position:absolute;
	left:20%;
	top:28%;
	width:70%;
	background-color:#999966;
	/*border: 2px outset #c0c0c0;
	display: block;*/
	
	}
#ss_titre_page{
	position:relative;
	left:0px;
	top:140px;
	width:20%;
	background-color:#FFFFFF;
	
	}
	
#pied_de_page{
position:absolute;
background-color:#FFFFFF;
height:7%;
width:65%;
left : 20%;
top:93%;
}
	
/*#menu_cote {
	position:absolute;
	left: 10%;
	top: 30%;
	background-color:#CCCC99;
	width:15%;
	height:80%;
	border: 2px outset #c0c0c0;
	display: block;*/
	
#contenu{
position:absolute;
background-color:#FFFFFF;
width:65%;
height:180%;
left : 20%;
top:0%;
/*border: 2px outset #c0c0c0;
	display: block;
overflow:auto;*/}

#logo {
	
	margin-top: 0%;
	left: 0%;
	width: 124px;
	height:500px;
	margin-left: 2%;
	margin-top:2%;
}

#logo img {
	width: 100%;
}
#coordonnee{
background-color:#990033;
font-family:Arial, Helvetica, sans-serif;
color:#FFFF99;
font-size:1.2em;
position:absolute;
left :1%;
top:33%
}
/*************************************ZONES PERMANENTES DES PAGES*******************************/

/*****************BANDEAUX DE COULEUR********************************************/

#bandeau1{
position:absolute;
background-color:#999966;
height:180%;
width:2%;
left : 20%;
top:0%;
}

#bandeau2{
position:absolute;
background-color:#999966;
height:180%;
width:3%;
left : 83%;
top:0%;
}
#bandeau3{
position:absolute;
background-color:#999966;
height:180%;
width:2%;
left : 88%;
top:0%;
}
#bandeau4{
position:absolute;
background-color:#FFFFCC;
height:180%;
width:1%;
left : 91%;
top:0%;
}

#bandeau5{
position:absolute;
background-color:#FFFFCC;
height:180%;
width:0.5%;
left : 93%;
top:0%;
}
#bandeau6{
position:absolute;
background-color:#FFFFCC;
height:100%;
width:1%;
left : 93%;
top:0%;
}

/*****************BANDEAUX DE COULEUR FIN********************************************/


#forme {
	position:absolute;
	width: 124px;
	height:500px;
	left: 85%;
	top:5%;
}

#forme img {
	width: 100%;
}

/**************************************ZONE DE TEXTE*******************************************/
#lien_photos{
background-color:#999933;
top:32%;
left:59%;
width:15%;
height:4%;
font:Arial, Helvetica, sans-serif;
font-size:1.7em;
color:#FFFFFF;
text-align:center;
pading-top:2%;
position:absolute;
border: 2px outset #c0c0c0;
	display: block;
}

#zone_txt {
	position:absolute;
	font-weight:bold;
	top: 32%;
	left: 22%;
	color:#663300;
	font-size:1.2em;
	width: 60%;
	height:25%;
	text-align:center;
	border: 2px outset #c0c0c0;
	display: block;
	overflow:auto;
	
	}

#zone_txt img {
	width: 100%;
}
#zone_txt1 {
	position:absolute;
	top: 60%;
	left: 22%;
	color:#663300;
	font-size:1.2em;
	font-weight:bold;
	width: 60%;
	height:30%;
	text-align:center;
	border: 2px outset #990033;
	display: block;
	overflow:auto;
	
	
	}

#zone_txt1 img {
	width: 100%;
}

#zone_txt2 {
	position:absolute;
	font-weight:bold;
	top: 88%;
	left: 22%;
	color:#663300;
	font-size:1.2em;
	width: 60%;
	height:25%;
	text-align:center;
	overflow:auto;
	border: 2px outset #663300;
	display: block;
	overflow:auto;
	
	}

#zone_txt2 img {
	width: 100%;
}

#zone_txt3 {
	position:absolute;
	font-weight:bold;
	top: 95%;
	left: 22%;
	color:#663300;
	font-size:1.2em;
	width: 60%;
	height:18%;
	text-align:center;
	overflow:auto;
	border: 2px outset #669900;
	display: block;
	overflow:auto;
	
	}
	#zone_txt4 {
	position:absolute;
	font-weight:bold;
	top: 145%;
	left: 22%;
	color:#663300;
	font-size:1.2em;
	width: 60%;
	height:25%;
	text-align:center;
	overflow:auto;
	border: 2px outset #006699;
	display: block;
	overflow:auto;
	
	}
		#zone_txt5 {
	position:absolute;
	font-weight:bold;
	top: 80%;
	left: 22%;
	color:#663300;
	font-size:14px;
	width: 60%;
	height:20%;
	text-align:center;
	overflow:auto;
	border: 2px outset #c0c0c0;
	display: block;
	
	}
		#zone_txt6 {
	position:absolute;
	font-weight:bold;
	top: 140%;
	left: 22%;
	color:#663300;
	font-size:14px;
	width: 60%;
	height:20%;
	text-align:center;
	overflow:auto;
	/*border: 2px outset #c0c0c0;
	display: block;*/
	
	}
#img_spectacle {
	position:absolute;
	background-image:url(img/img_spectacle.png);
	top: 1px;
	left: 1%;
	color:#663300;
	font-size:14px;
	font-weight:bold;
	width: 57px;
	height:93px;
	text-align:center;
	
	
	}

#img_spectacle img {
	width: 100%;
}
#zone_grande {
	position:absolute;
	top: 40%;
	left: 22%;
	color:#000000;
	font-size:1.4em;
	width: 50%;
	height:100%;
	text-align:justify;
	/*overflow:auto;
	
	border: 2px outset #c0c0c0;
	display: block;*/
	font-weight: normal;
	word-spacing: 2px;	
	}
	#zone_actus {
	position:absolute;
	left: 75%;
	top:31%;
	width: 13%;
	height:145%;
	text-align:center;
	padding-top:1%;
	/*border: 2px outset #c0c0c0;
	display: block;*/
	
	}
	#actus_1 {
	position:absolute;
	left: 0%;
	top:0%;
	background-image:url(img/zone_actus.png);
	color:#000000;
	font:"Courier New", Courier, monospace;
	font-size:1.6em;
	width: 100%;
	height:20%;
	text-align:center;
	padding-top:10%;
	border: 1px outset #66CC00;
	display: block;
	
	}
	#actus_1 img{
	width:100%;
	}
	#actus_2 {
	position:absolute;
	left: 0%;
	top:22%;
	background-image: url(img/zone_actus2.png);
	color:#000000;
	font-size:1.6em;
	font:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height:17%;
	text-align:left;
	border: 1px outset #66CC00;
	display: block;
	}
	#toutes_photos {
	position:absolute;
	left: 0%;
	top:43%;
	background-color:#993366;
	color:#FFFFFF;
	font-size:1.6em;
	font:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height:5%;
	text-align:left;
	border: 1px outset #66CC00;
	display: block;
	}
	#sylvie_cv {
	position:absolute;
	left: 60%;
	top:0%;
	font-size:1em;
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#660066;
	width: 25%;
	height:10%;
	text-align:left;
	/*border: 1px outset #66CC00;
	display: block;*/
	}
#spectacles {
	position:absolute;
	left: 0%;
	top:0%;
	padding-top:10%;
	background-color:#999966;
	color:#990033;
	font-size:1.5em;
	font:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height:42%;
	text-align:left;
	/*border: 1px outset #999966;
	display: block;*/
	}
#zone_actus img {
	width: 100%;
}

#zone_txt2 img {
	width: 100%;
}
#acces{
background-image:url(img/acces.png);
width:100%;
top:18%;
height: 80%;
background-repeat:no-repeat;
position:absolute;
}
#acces img{
width:100%;
}

	#medee{
position:absolute;
	top: 35%;
	left: 20%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee img {
	width: 100%;}
#medee1{
position:absolute;
	top: 40%;
	left: 20%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee1 img {
	width: 100%;}
	#medee2{
position:absolute;
	top: 40%;
	left: 45%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee2 img {
	width: 100%;}
	
	#medee3{
position:absolute;
	top: 75%;
	left: 20%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee3 img {
	width: 100%;}
	
	
	#medee4{
position:absolute;
	top: 110%;
	left: 50%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee4 img {
	width: 100%;}
		
	#medee5{
position:absolute;
	top: 110%;
	left: 20%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee5 img {
	width: 100%;}
	
		#medee6{
position:absolute;
	top: 75%;
	left: 45%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#medee6 img {
	width: 100%;}
	
	#roses{
position:absolute;
	top: 60%;
	left: 20%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses img {
	width: 100%;}
	
	#roses1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses1 img {
	width: 100%;}
	#roses2{
position:absolute;
	top: 35%;
	left: 38%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses2 img {
	width: 100%;}
	#roses7{
position:absolute;
	top: 35%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses7 img {
	width: 100%;}
	
	#roses8{
position:absolute;
	top: 61%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses8 img {
	width: 100%;}
	
	#roses3{
position:absolute;
	top: 120%;
	left: 20%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses3 img {
	width: 100%;}
	
	
	#roses4{
position:absolute;
	top: 120%;
	left: 45%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses4 img {
	width: 100%;}
		
	#roses5{
position:absolute;
	top: 90%;
	left: 20%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses5 img {
	width: 100%;}
	
		#roses6{
position:absolute;
	top: 90%;
	left: 45%;
	width: 25%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#roses6 img {
	width: 100%;}
	
	#famille1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille1 img {
	width: 100%;}
	
	#famille{
position:absolute;
	top: 35%;
	left: 37%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille img {
	width: 100%;}
	#famille2{
position:absolute;
	top: 35%;
	left: 38%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille2 img {
	width: 100%;}
	#famille3{
position:absolute;
	top: 35%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille3 img {
	width: 100%;}
	
	#famille4{
position:absolute;
	top: 61%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille4 img {
	width: 100%;}
	
	#famille5{
position:absolute;
	top: 61%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille5 img {
	width: 100%;}
	
	
	#famille6{
position:absolute;
	top: 61%;
	left:57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille6 img {
	width: 100%;}
		
	#famille7{
position:absolute;
	top: 85%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille7 img {
	width: 100%;}
	
		#famille8{
position:absolute;
	top: 85%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille8 img {
	width: 100%;}
	
	#theatre{
position:absolute;
top: 85%;
	left: 20%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre img {
	width: 100%;}	
	
	
	#theatre1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre1 img {
	width: 100%;}
	
	#theatre2{
position:absolute;
	top: 35%;
	left: 38%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre2 img {
	width: 100%;}
	#theatre3{
position:absolute;
	top: 35%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre3 img {
	width: 100%;}
	
	#theatre4{
position:absolute;
	top: 61%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre4 img {
	width: 100%;}
	
	#theatre5{
position:absolute;
	top: 61%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre5 img {
	width: 100%;}
	
	
	#theatre6{
position:absolute;
	top: 61%;
	left:57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre6 img {
	width: 100%;}
		
	#theatre7{
position:absolute;
	top: 85%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre7 img {
	width: 100%;}
	
		#theatre8{
position:absolute;
	top: 85%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre8 img {
	width: 100%;}
	
		#theatre9{
position:absolute;
	top: 85%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre9 img {
	width: 100%;}
	
		#theatre10{
position:absolute;
	top: 110%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#theatre10 img {
	width: 100%;}
	
	#celimene{
position:absolute;
	top: 60%;
	left: 37%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#celimene img {
	width: 100%;}
	
	#celimene1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#celimene1 img {
	width: 100%;}
	
	#celimene2{
position:absolute;
	top: 35%;
	left: 38%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#celimene2 img {
	width: 100%;}
	
	#celimene3{
position:absolute;
	top: 35%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#celimene3 img {
	width: 100%;}
	
	#celimene4{
position:absolute;
	top: 60%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#celimene4 img {
	width: 100%;}
	
	
	
	
	#mariages{
position:absolute;
	top: 60%;
	left: 37%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#famille img {
	width: 100%;}
	
#mariages img {
	width: 100%;}
	
	#mariages1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages1 img {
	width: 100%;}
	#mariages2{
position:absolute;
	top: 35%;
	left: 38%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages2 img {
	width: 100%;}
	#mariages3{
position:absolute;
	top: 35%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages3 img {
	width: 100%;}
	
	#mariages4{
position:absolute;
	top: 61%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages4 img {
	width: 100%;}
	
	#mariages5{
position:absolute;
	top: 61%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages5 img {
	width: 100%;}
	
	
	#mariages6{
position:absolute;
	top: 85%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages6 img {
	width: 100%;}
		
	#mariages7{
position:absolute;
	top: 85%;
	left: 20%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages7 img {
	width: 100%;}
	
		#mariages8{
position:absolute;
	top: 85%;
	left: 39%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages8 img {
	width: 100%;}
	
#mariages9{
position:absolute;
	top: 61%;
	left: 57%;
	width: 17%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#mariages9 img {
	width: 100%;}
	
		#marie{
position:absolute;
	top: 35%;
	left: 55%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie img {
	width: 100%;}
	
	
	
		#marie1{
position:absolute;
	top: 35%;
	left: 20%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie1 img {
	width: 100%;}
	#marie2{
position:absolute;
	top: 98%;
	left: 40%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie2 img {
	width: 100%;}
	
	#marie3{
position:absolute;
	top: 35%;
	left: 40%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie3 img {
	width: 100%;}
	
	
	#marie4{
position:absolute;
	top: 76%;
	left: 58%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie4 img {
	width: 100%;}
		
	#marie5{
position:absolute;
	top: 35%;
	left: 58%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie5 img {
	width: 100%;}
	
		#marie6{
position:absolute;
	top: 75%;
	left: 20%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie6 img {
	width: 100%;}
	
	
		#marie7{
position:absolute;
	top: 76%;
	left: 40%;
	width: 15%;
	text-align: center;
	border: solid 2px white;
	display: block;}
	
#marie7 img {
	width: 100%;}
/**************************************ZONE DE TEXTE*******************************************/
	
/**************************************MENU***********************************************/

#menu{
position:absolute;
background-color:#990033;
width:15%;
height:65%;
left:2%;
top: 47%;
/*border: 2px outset #990000;
	display: block;*/
	}



#bouton_theatre{

	position:absolute;
	left: 0%;
	top: 7%;
	background-color:#CCCC99;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
}

	
	
	

#bouton_theatre img {
	width: 100%;}
#bouton_programmation{
	position:absolute;
	left: 0%;
	top: 14%;
	background-color:#CCFF99;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;

	
	
}
#bouton_festival{
	position:absolute;
	left: 0%;
	top: 21%;
	background-color:#999966;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	
	
}

#bouton_compagnie1{
	position:absolute;
	left: 0%;
	top: 28%;
	background-color:#FFFFCC;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	}

	#bouton_cours{
	position:absolute;
	left: 0%;
	top: 35%;
	background-color:#CCCC99;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	}
	#bouton_acces{
position:absolute;
	left: 0%;
	top: 42%;
	background-color:#CCFF99;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	}
	
		#bouton_contact{
position:absolute;
	left: 0%;
	top: 49%;
	background-color:#999966;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	}
	
	
		#bouton_photos{
	position:absolute;
	left: 0%;
	top: 56%;
	background-color:#FFFF99;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	color:#990033;
	border: 1px outset #990000;
	display: block;
	text-align:center;
	}
#bouton_accueil{
	position:absolute;
	left: 0%;
	top: 0%;
	background-color:#FFFFFF;
	width:100%;
	height:6%;
	font-family:Arial, Helvetica, sans-serif;
	color:#990033;
	font-size : 12px;
	font-weight:bold;
	border: 1px outset #990000;
	display: block;
	text-align:center;}
/**********************************************MENU FIN**************************************/

	#contact {
	background-image:url(img/contact.png);
	position:absolute;
	top:1%;
	left:57%;
	width:30%;
	height:28%;
	background-repeat:no-repeat;
	}
	#contact img {
	width:100%;
	}