a:link {
	color: #EA1C80;
	font-weight: bold ;
}
a:visited, a.debut:visited{
	color: #0EA55A;
	font-weight: bold ;
} 
a:hover, a.debut:hover {
	color: #00FFF0;
	font-weight: bold;
}
a.debut:link {
	font-weight: bold;
	color: #FED100;
}

body {
	background-color: #FED100; 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color: #700098; 
	font-style: normal ; 
	text-align: justify; 
} 

hr {
	margin-top:10px;
	margin-bottom:10px; 
	background-color:#700098; 
	height: 2px; 
	border: 0; 
	width:525px; 
	margin-right: 0px;
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px ; 
	
}
input {
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #F3D8FD; 
	color: #700098; 
}	
label {
	width: 100px; 
	float: left; 
}
li.ss_menu{ margin:0px;
padding:0px;}

.subMenu{ margin: 0px; padding: 0px; background-repeat: 
no-repeat;} 

td {
text-align:center;
} 

p{ margin:8px; 
} 
ul { margin-top: 3px; 
}
li { 
	list-style-image: url(images/puce2.jpg); 
	margin-top:3px; 
	text-indent: 0px; 
	margin-left: -20px; 
}
.resa{ 
	list-style-image: url(images/puce2offenbach.jpg); 
	margin-top:3px; 
	text-indent: 0px; 
	margin-left: -20px; 
}
textarea {
	margin-bottom:10px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #F3D8FD;
}
select {
	margin-bottom:10px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #F3D8FD; 
	color: #700098; 
} 
.affiche { 
	width:auto;
	padding: 0px;
	margin-top: 30px; 
	border: 1px #700098 solid; 
}
.bas { 
	width: 735px; 
	text-align: left; 
	font-size: 10px;
	margin-top: 10px; 
	padding: 0px; 
	padding-left:5px; 
}
.bas_accueil { 
	text-align: center; 
	font-size: 10px;
	margin: 0px; 
	padding: 0px; 
}
.bouton_entree_spectacle_enfants { 
	height: 45px;
	line-height: 17px;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 60px;
	position : absolute;
	top : 80px;
	left: 35px;

}
.bouton_entree_spectacle_tout_public { 
	height: 60px;
	line-height: 17px;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 82px;
	position : absolute;
	top : 30px;
	left: 210px;

}
.centrer{ text-align:center; 
} 
.champ {
	width: 250px; 
	background-color: #F3D8FD; 
} 
.contener { 
	background-image: url(images/fond.gif); 
	background-repeat: no-repeat; 
	height: 517px; 
	width: 100%; 
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	position: relative; 
	
	}
.contener2{
	background-image: url(images/spectateurs2.jpg); 
	background-repeat: no-repeat; 
	height: 440px; 
	width: 313px; 
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	position: relative; 
	
}

.contener_accueil { 
	background-image: url(images/fond.gif); 
	background-repeat: no-repeat; 
	height: 517px; 
	width: 100%; 
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	position: relative; 
	
}
.contener3{
	background-image: url(images/fond_contener2.gif); 
	background-repeat: no-repeat; 
	height: 367px; 
	width: 524px; 
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	position: relative;
	top: 73px;
	}
.contenu { 
	height: 320px; 
	width: 480px; 
	overflow: auto; 
	position: relative; 
	left: 0px; 
	top: 13px; 
	padding:5px;
	text-align: justify;
}


.contener_admin{
	margin-top: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	position: relative;
	top: 73px;
	width:500px
	}


 
.contenu h1, .contenu h2, .contenu ul, .contenu hr, .contenu ul{
width:96%;
}
.contenu ul{
width:80%;
}

.decalage { 
	margin-left: 15px;
	list-style:none; 
	list-style-image:none; }
.description {
	padding: 0px; 
	margin:0px; 
	width: 365px; 
	text-align:justify;
	float: right; 
	margin-top: 35px; } 
.description2 {
	width: 400px; 
	text-align: justify; 
	float: right; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;} 	
.encadre { 
	padding: 3px; 
	margin: 0px; 
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; }
.encadre2 { 
	padding: 3px; 
	margin: 0px; 
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
} 
.fleche { 
	height: 30px;
	width: 30px;
	float: right; 
	margin-top:-10px; }  
.formulairepopup {
	width: 400px; 
	margin:auto; 
	line-height: normal; 
	text-align: left; 
	background-color: #FED100; } 
.formulaire {
	width: 400px; 
	margin:auto; 
	line-height: normal; 
	text-align: left; 
	background-color: #FFFD9B; } 
	
.form_admin {
	width: 400px; 
	margin:auto; 
	line-height: normal; 
	text-align: left; 
	background-color: #FFFD9B; 
	} 	
	
	
		
.gras{ font-weight: bold; } 
.grasem { 
	font-style: italic;
	font-weight: bold; } 
.imagecentre {
	top: 90px; 
	position: relative;
	
} 
.ital { font-style:italic; 
} 
.justifie{ text-align:justify; }
.liste { 
	list-style:none;
	list-style-image:none; 
} 

.menu {
	position: relative;
	top: 33px;
	left: auto;
	background-image: none;
	background-repeat: no-repeat;
	height: 27px; 
	width: 830px; 
	background-image: none;
	background-repeat: no-repeat;
	text-align: center;
	background-color: #FFFD9B; 
	border-color: #EA1C80 ; 
	border: 3px #EA1C80 solid; 
	
}
.menu2 {
	position: absolute;
	top: 230px;
	left: 130px;
	background-image: none;
	background-repeat: no-repeat;
	height: 200px; 
	width: 100px; 
	text-align: center;
	background-color: #FFFD9B; 
	border-color: #00AF41 ; 
	border: 3px #00AF41 solid; 
	
	
}

/* menu deroulant*/

ul.menu li{
float:left;
margin:0;
padding:0;
list-style:none;
}
#menu1{
padding-left:20px;
}
ul.menu{
margin:0;
padding:0;
}
ul.subMenu{
display:none;
margin:0;
padding:0;
}
#menu2 .subMenu{
position:absolute;
top:27px;
left:60px;
height:20px;
}
#menu3 .subMenu{
position:absolute;
top:27px;
left:363px;
height:20px;
}
.ss_menu{
list-style-image:none;
display:inline;
}

.milieu{
 text-align:center;
}
.navigation { 
	margin:0;
	padding:0; 
	margin-top: 90px; 
}
.noirital { 
	color: #9333B6; 
	font-weight: normal;
	font-style: italic;	
	margin: 0px;
	text-align:center;
	font-size: smaller;
}
.noirgras { 
	color: #9333B6; 
	font-weight: bold; 
	margin: 0px; 
} 
.noir{ color: #9333B6; } 
.normal{ font-weight:normal; font-size: small; } 
.par_droit { 
	width: 365px;
	text-align: justify; 
	padding:0px; 
	padding-top:10px; 
	float: right; 
	margin: 0px; } 
.photo_droite { 
float: right; 
padding: 0px; 
margin: 0px; 
margin-top:50px; 
margin-left:15px; 
border: 1px #700098 solid; 
}
.photo_droite2 { 
	float: right; 
	margin-top:5px; 
	margin-left:15px; 
	border: 1px #700098 solid; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
} 
.photo_gauche { 
	margin: 0px; 
	margin-top:10px; 
	padding-right:0px; 
	padding-bottom:0px; 
	padding-left: 0px; 
	width: auto; 
	border: 1px #700098 solid; 
} 

.retour { 
	width: 35px; 
	float: right; 
	font-size: 12px; 
	padding: 0px; 
	padding-top: 4px; 
	margin: 0px; 
} 
.retour_contenu { 
	width: 35px; 
	float: right;
	font-size: 12px; 
	padding: 0px; 
	padding-top: 4px; 
	margin-left: 450px; 
	position: absolute;
	top: 325px;
	
} 
.diaporama{ 
	width: 180px; 
	float: right;
	font-size: 12px; 
	padding: 0px; 
	padding-top: 4px; 
	margin-left: 760px; 
	position: absolute;
	top: 220px;
	
}

.tv{ vertical-align:middle; 
} 
.texte {
	width: 566px;
	padding-left: 20px;
	margin-left: 154px;
	padding-top: 20px;
	height: 426px;
	padding-right: 20px;
text-align: justify;
}

.titre {
text-align: center;
	width: 100%; 
	margin-top: -10px; 
}
.titrepage { 
	background-repeat: no-repeat;
	text-align: center; 
	font-weight: bold; 
	color: #9333B6; 
	left: 0px; 
	width: 100%; 
	background-image: none; 
	height: 25px; 
	line-height: 25px; 
	font-size: 14pt; 
	font-family: Ravie ; 
	font-style: normal; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 10px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
}
.titrevideo { 
	background-repeat: no-repeat;
	text-align: center; 
	font-weight: bold; 
	color: #9333B6; 
	left: 0px; 
	width: 100%; 
	background-image: none; 
	height: 15px; 
	line-height: 15px; 
	font-size: 12pt; 
	font-family: Ravie ; 
	font-style: normal; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 10px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
}
.titre1 { 
	color: #9333B6;
	font-weight: bolder; 
	font-size: 14px;
	background-image: url(images/puce3.jpg); 
	background-repeat: no-repeat; 
	text-indent: 30px; 
	vertical-align: text-bottom; 
	line-height: 20px; 
	border-bottom: 1px solid #700098; 
	margin-top: 10px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
}
.titre1offenbach { 
	color: #9333B6;
	font-weight: bolder; 
	font-size: 14px;
	background-image: url(images/puce3.jpg); 
	background-repeat: no-repeat; 
	text-indent: 30px; 
	vertical-align: text-bottom; 
	line-height: 20px; 
	border-bottom: 1px solid #700098; 
	margin-top: 10px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	margin-left: 20px;
}
.titre2 {
	color: #9333B6;
	font-weight: bolder;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/puce.jpg);
	background-repeat: no-repeat;
	text-indent: 30px;
	vertical-align: text-bottom;
	line-height: 20px;
}

.titre3 {
color: #9333B6; 
font-weight: bold;
font-size: 12px; 
background-image: url(images/puce5.jpg); 
background-repeat: no-repeat; 
text-indent: 30px; 
vertical-align: text-bottom;
line-height: 20px; 
margin-top: 3px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
}
.titre_site{
margin-top: 20px;
}