body{
background-color: black;
}
#fond{
position: absolute;
width:100%;
	height:1300px;
background-image:url(images/site.JPG);
 background-position: 50% 400px;
background-repeat: no-repeat;

 opacity:0.30;
 
}
#pageaccueil{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1200px;
	font-size:14pt ;
	 color: white;
	text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}

#pageinfos{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1250px;
	font-size:14pt ;
	 color: white;
	text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}
#pageartistes{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1100px;
	font-size:14pt ;
 color: white;
 text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}
#pagepartenaires{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1400px;
	font-size:14pt ;
	 color: white;
text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}
#pageprofesseurs{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1300px;
	font-size:14pt ;
 color: white;
 text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}
#pageprogramme{
	position: absolute;
	left:50% ;
	margin-left:-400px;
	width: 800px;
	top: 40px;
	height:1600px;
	font-size:14pt ;
 color: white;
 text-shadow: 2px 2px 2px black;
	border-radius: 20px;
}
#menu{
position: absolute;
height:30px;
border-bottom-style:solid;
border-bottom-width:1px;
width: 800px;

}
#menuaccueil{
	position: absolute;
	left:10px ;
	width:50px;
text-align: center;

	height:20px;
cursor:  pointer;
}
#menuinfos{
	position: absolute;
	left:100px  ;
	width: 50px;
text-align: center;

cursor:  pointer;
	height:20px;

}
#menuprofesseurs{
	position: absolute;
	left:155px  ;
text-align: center;
cursor:  pointer;
	height:20px;
width:200px;
}
#menuartistes{
	position: absolute;
	left:360px ;
text-align: center;
width:220px;
cursor:  pointer;
	height:20px;

}
#menuprogramme{
	position: absolute;
	left:590px ;
	width:100px;
text-align: center;
cursor:  pointer;

	height:20px;

}
#menumarraine{
	position: absolute;
	left:710px ;
	width:100px;
text-align: center;
cursor:  pointer;

	height:20px;

}

#contenu{
	position: absolute;
	text-align: center;

	width: 750px;
	left: 25px;
	top: 50px;
	height:100px;
	font-size:14pt ;
	
}
#contenu3{
	position: absolute;
	text-align: center;

	width: 800px;
	left: 0px;
	top: 50px;
	height:100px;
	font-size:14pt ;
	
}
#contenu2{
	position: absolute;
	text-align: center;

	width: 1240px;
	left: -220px;
	top: 50px;
	height:100px;
	font-size:14pt ;
	
}
#boutonligne{
position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
Vertical-Align: Middle;
	text-align: center;
top:1px;
	width: 190px;

	height:20px;
	font-size:14pt ;
		background-color: #3322ff;
	border-radius: 20px;
		 color:  yellow ;
		 text-shadow: 2px 2px 2px black;
	 font-family: "Times New Roman", serif;
	 font-weight: bold;
cursor:  pointer;
	 }
#boutonpostal{

position: relative;
top:1px;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
Vertical-Align: Middle;
	text-align: center;

	width: 190px;

	height:20px;
	font-size:14pt ;
	background-color: #3322ff;
	border-radius: 20px; 
		 color:  yellow ;
		 text-shadow: 2px 2px 2px black;
		font-family: "Times New Roman", serif;
		font-weight: bold;
		cursor:  pointer;
}

#prepositionnementboutonligne{
	position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	Vertical-Align: Middle;
		text-align: center;
	 	width: 250px;
			left:-250px;
	top: -80px;
		height:100px;
}
#prepositionnementboutonpostal{
	position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	Vertical-Align: Middle;
		text-align: center;
	 	width: 250px;
			left:-250px;
	top: -150px;
		height:100px;
}
#contourexttboutonligne{
position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	text-align: center;
Vertical-Align: Middle;
	width: 200px;

	height:30px;

	
	border-radius: 20px;

	 
}
#paragraphe1{
	position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	Vertical-Align: Middle;
		text-align: center;
	 width:700px;
	top: -180px;
	border-radius: 20px;
font-family: "Times New Roman", serif;	
 border-color:white;
 border-width:3px;
  border-style:solid;
}
#paragraphe2{
	position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	Vertical-Align: Middle;
		text-align: center;
			font-size:26pt ;
			font-weight: bold;
	 width:700px;
	top: -350px;
	border-radius: 20px;
font-family: "Times New Roman", serif;	
 border-color:white;
 border-width:3px;
  border-style:solid;
}
#titrepargraphe{
font-size:18pt ;
color:#0000ee;
font-variant: small-caps;
-ms-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);

width:500px;
}
#lignpargr{
	position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	Vertical-Align: Middle;
		text-align: center;
	 height:160px;
	 	 width:10px;
	 background-color:#ffffff;		
	top: -340px;
	left: -250px;
}
#contourexttboutonpostal{
position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
	text-align: center;
	width: 200px;
Vertical-Align: Middle;
	height:30px;


	border-radius: 20px; 
		 color:  #ffffff ;
}
#contourinboutonligne{
position: relative;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
Vertical-Align: Middle;
	text-align: center;
	width: 192px;
top:2px;
	height:22px;

		background-color: #ffffff;
	border-radius: 22px;
		 color:  #ffffff ;
		 text-shadow: 2px 2px 2px black;
	 
}
#contourinboutonpostal{
position: relative;
top:2px;
 margin-left: auto;
  margin-right: auto;
   margin-Top: auto;
  margin-bottom: auto;
Vertical-Align: Middle;
	width: 192px;
	text-align: center;
	height:22px;

	background-color: #ffffff;
	border-radius: 22px; 
		 color:  #ffffff ;
}

#continfos{
	position: absolute;
	text-align: left;

	width: 750px;

	height:100px;
	font-size:14pt ;
	 
}
#continfos{
border-radius: 10px;
}
#programmetel{
border-radius: 10px;
width:400px;
cursor:  pointer;
color:white;
text-shadow: 2px 2px 2px black;
background-color: red;
	font-size:20pt ;
}
.titre{


color: #1e00ff;
text-shadow: 1px 1px 1px white;

}
.titrepass{

color: red;
text-shadow: 2px 2px 2px white;
}
.compass{
font-size:10pt ;
}
.tableligne
{
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:red;
}
.profchoisi{
 border-width:3px;
 border-style:solid; 
 border-color:red;
 cursor:  pointer;
}
.profnonchoisi{

 cursor:  pointer;
}
.titremenu{
font-size:15pt ;
}
.logo{
cursor:  pointer;
border-radius: 20px;
}
#textadresse{
position: relative;
left:80px;
}
#logo{
width: 700px;
border-radius: 30px;
}
#descriptionprof{
text-align: left;
}
#tableprograme{


border-collapse:collapse
}
#contact{
	position: absolute;
	text-align: center;

	
	left: 600px;
	top: 800px;
	
}
#contact2{
margin-top:3px;
margin-bottom:3px;
margin-right:3px;
margin-left:3px;
}

#definitionprog{
background-color: black;
color:red;
text-shadow: 2px 2px 2px white;
width:500px;
}

.tdtablefin {
 border-width:1px;
 border-style:solid; 
 border-color:red;
background-color: black;
color:red;
text-shadow: 2px 2px 2px white;
}

.coursfond1 {
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:black;
border-right-style:solid;
border-right-width:1px;
border-right-color:black;
color:red;
text-shadow: 2px 2px 2px white;
font-size:18pt ;
font-weight: bold;
}
.coursfond2 {
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:black;
border-left-style:solid;
border-left-width:1px;
border-left-color:black;
color:red;
text-shadow: 2px 2px 2px white;
font-size:18pt ;
font-weight: bold;

}
.coursfond3 {
border-right-style:solid;
border-right-width:1px;
border-right-color:black;


}
.coursfond4 {
border-left-style:solid;
border-left-width:1px;
border-left-color:black;


}
.coursfond5{
		background-color: #d0d0cf;

		

}
.coursfond6{
		background-color: #d0d0cf;
border-right-style:solid;
border-right-width:1px;
border-right-color:black;


}
.coursfond7 {
		background-color: #d0d0cf;
border-left-style:solid;
border-left-width:1px;
border-left-color:black;


}
.profs {

width:100px;
}
.Aristes {

width:100px;
}
.DJ {

width:100px;
}
#DJ2 {
position: relative;
text-align: left;
width:100px;
}
.tousniveaux {


 border-width:2px;
 border-style:solid; 
 border-color:#9dbc5c;
  background-color:#9dbc5c;
   background-image:linear-gradient(#bcd292, #9dbc5c,#bcd292);
color:black;
text-shadow: 2px 2px 2px white;
height:20px;
width:20px;
border-radius: 20px;
}
.ninveauiter {
 background-image:linear-gradient(#d68d8b, #c0504d,#d68d8b);
 border-width:2px;
 border-style:solid; 
 background-color:#c0504d;
 border-color:#c0504d;
color:black;
text-shadow: 2px 2px 2px white;
height:20px;
width:20px;
border-radius: 20px;
}
.decouverte {
 border-width:2px;
 border-style:solid; 
 border-color:#f79647;
  background-color:orange;
 background-image:linear-gradient(#bcd292, #f79647,#bcd292);

height:20px;
width:20px;
border-radius: 20px;
color:black;
text-shadow: 2px 2px 2px white;
}

.tdtablegen {
 border-width:1px;
 border-style:solid; 
 border-color:red;
 background-color: black;
color:red;
text-shadow: 2px 2px 2px white;
}
.textinfos{
	font-size:18pt ;
color:red;
text-shadow: 2px 2px 2px white;
}
.finrouge{
 border-width:1px;
 border-style:solid; 
 border-color:red;
}
.grosrouge{
 border-width:4px;
 border-style:solid; 
 border-color:red;
}
.horaireplan{
font-size:16pt ;
}
#conthotel{
position: relative;
left:100px ;
 border-width:1px;
 border-style:solid; 
 border-color:gray;
 border-radius: 30px;
 width:550px
}
#conthotel3{
position: relative;
	font-size:20pt ;
	color: blue;
	text-shadow: 2px 2px 2px white;
		left:20px ;
}
#conthotel4{
position: relative;
left:10px ;
width:520px;
 border-width:1px;
 border-style:solid; 
 border-color:gray;

}
#titreadressehotel{
position: relative;
left:10px ;
font-size:20pt ;
text-decoration:underline;
}
#adressehotel{
position: relative;
left:10px ;
}
#imagehotel{
position: relative;
left:200% ;
}
.textprix{
color:blue;
text-shadow: 1px 1px 1px white;
 font-weight:bold;
}
.detailprof{

 width:300px;
 border-radius: 20px;
 border-color:white;
 border-width:3px;
  border-style:solid;
}
.detailAristes{

 width:300px;
 border-radius: 20px;
 border-color:#f0f0ef;
  border-width:3px;
 border-style:solid;
}
.detailDJ{
 width:300px;
 border-radius: 20px;
 border-color:white;
 border-width:3px;
  border-style:solid;
}
.titreprof{
position: relative;
top:10px;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
		font-size:28pt ;
		font-family: "Times New Roman", serif;
	width: 240px;
color:#93a3d6;
text-shadow: 2px 2px 2px white;
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);

}
.ligneprofs {
position: relative;
left:8px;
  width:280px;
  border-width:2px;
 border-style:solid;
  border-color:white;
}
.ligneArtiste{
position: relative;
left:8px;
  border-width:2px;
 border-style:solid;
  width:280px;
   border-color:#d9d9d9;
}
.profs{
position: relative;
top:5px;
left:5px;

width:100px;
height:100px;
z-index:4;
}
.Aristes{
position: relative;
top:5px;
left:5px;

width:100px;
height:100px;
z-index:4;
}
.DJ{
position: relative;
top:5px;
left:5px;

width:100px;
height:100px;
z-index:4;
}
.contphoto{
position: relative;
left:100px;
 background-color:#93a3d6;

width:110px;
height:110px;
z-index:3;
}
.textnom{
position: relative;
left:50px;

height:60px;
width: 200px;
 background-color:#93a3d6;
 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
  border-top-left-radius: 15px;
 border-bottom-left-radius: 15px;
 z-index:2;

}
.textnom2{
position: relative;
height:60px;
width: 200px;
left:5px;
	text-align: center;
	 vertical-align:middle;
	color:white;
	text-shadow: 2px 2px 2px black;
	font-size:12pt ;
}
.asterix{
color:red;
text-shadow: 2px 2px 2px white;
}
.tabletd1{
	Vertical-Align: top;
		text-align: right;
}
.tabletd2{
	Vertical-Align: top;
		text-align: left;
}
.tabletd3{
	Vertical-Align: middle;
		text-align: center;
}
.formnom{
Width:300px;
}
.formadresse{
Width:300px;
}
.formCP{
Width:50px;
}
.formville{
Width:150px;
}
.formtel{
Width:80px;
}
.formmail{
Width:300px;
}
.INFOGEN{
	font-size:10pt ;
}
.titreprogramme{
background-color:#ee0000;
color:white;
text-shadow: 2px 2px 2px black;
font-size:30pt;
width:800px;
height: 50px;
 font-weight: bold;
}
.lignetitreprogramme{
background-color: #0000ee;
width:800px;
height: 5px;
}
.titresoiree{
font-size:30pt;
	 font-family: "Times New Roman", serif;
	 font-weight: bold;
	 font-variant: small-caps;
color:#0000ee;
text-shadow: 2px 2px 2px white;
height:50px;
}
.programmesoiree1{
background-color:#f0f0ef;
color:black;
text-shadow: 2px 2px 2px white;
font-size:15pt;
width:800px;
height: 25px;
 font-weight: bold;
}
.programmesoiree2{

color:black;
text-shadow: 2px 2px 2px white;
font-size:15pt;
width:800px;
height: 25px;
 font-weight: bold;
}
.programmesoiree3{
background-color:#f0f0ef;
color:black;
text-shadow: 2px 2px 2px white;
font-size:15pt;
width:800px;
height: 25px;
 font-weight: bold;
}
.programmesoiree4{

color:black;
text-shadow: 2px 2px 2px white;
font-size:15pt;
width:800px;
height: 25px;
 font-weight: bold;
}
.fondhoraireniveau1{
background-color:#82c169;
 border-radius: 10px;
 width:60px;
 height:20px;
 text-align: center;
}
.fondhoraireniveau2{
position: relative;
left:0px;
background-color:#00a3da;
 border-radius: 10px;
 width:35px;
 height:20px;
 text-align: center;
}
.fondhoraireniveau3{
position: relative;
background-color:#00a3da;
 border-radius: 10px;
 width:60px;
 height:20px;
 text-align: center;
}
.fondhoraireniveau4{

}
.fondhoraireniveau5{
background-color:#82c169;
 border-radius: 10px;
 width:150px;
 height:20px;
 text-align: center;
}
.fondhoraireniveau6{
position: relative;
left:0px;
background-color:#00a3da;
 border-radius: 10px;
 width:150px;
 height:20px;
 text-align: center;
}
.horairemod{
position: relative;
left: 10px;
	
	 width:60px;
 height:20px;
}
.erreurinscription{
color:red;
font-size:15pt;
}
#etoile1{
position: relative;
left: 270px;
}
#etoile2{
position: relative;
left: 260px;
}
#etoile3{
position: relative;
width:15px;
left:-10px;
}
#etoile4{
position: relative;
width:13px;
left:-10px;
}
#etoile5{
position: relative;
width:15px;
left:-10px;
}
#etoile6{
position: relative;
width:15px;
left:-10px;
}
#etoile7{
position: relative;
width:13px;
left:-10px;
}
#etoile8{
position: relative;
width:15px;
left:-10px;
}
#etoile9{
position: relative;
left: 280px;
}
#etoile10{
position: relative;
width:15px;
left:+10px;
}
#etoile11{
position: relative;
width:13px;
left:+10px;
}
#etoile12{
position: relative;
width:15px;
left:+10px;
}
#etoile13{
position: relative;
width:15px;
left:+10px;
}
#etoile14{
position: relative;
width:13px;
left:+10px;
}
#etoile15{
position: relative;
width:15px;
left:+10px;
}
.boutonenvoyer{
	background-color: gray;
	border-radius: 20px;
	cursor:  pointer;
	width:230px;
}
.fram{
    border-style: none;
	border-width: 0px;
	border-color: white;
}