body
{
min-width: 320px;
position:relative;
background-image: url(img/fond.jpg); 
background-color: black;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center;
color: white;
font-size: 20px;
font-family: 'Courier new';
text-shadow: 0 0 10px #1500ff;
}

h1{
max-width: 100%;
margin-top: 50px;
margin-bottom: 10px;
font-size: 5em;
font-family: 'arial';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;
text-align: center;
}

h2{
margin-top: 10px;
margin-bottom: 50px;
font-size: 110%;
font-family: 'Courier New';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #73c1e7, 0 0 30px #73c1e7, 0 0 40px #73c1e7, 0 0 55px #73c1e7, 0 0 75px #73c1e7;
text-align: center;
}

.logo {
display:block;
width:auto;
margin-top:50px;
margin-left:10%;
margin-right:10%;
margin-bottom:50px;
text-align:center;
}

d1{
display:block;
width:auto;
margin-left:10%;
margin-right:10%;
max-width: 100%;
margin-bottom: 20px;
font-size: 150%;
font-family: 'arial';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;
text-align: center;
}

.dates {
display:block;
width:auto;
margin-left:10%;
margin-right:10%;
margin-bottom:100px;
text-align:center;
}

d2{
font-size: 100%;
font-family: 'Courier New';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;
-moz-transform:rotate(1deg);
-webkit-transform:rotate(1deg);
-o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
}

d3{
font-size: 100%;
font-family: 'Courier New';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #73c1e7, 0 0 30px #73c1e7, 0 0 40px #73c1e7, 0 0 55px #73c1e7, 0 0 75px #73c1e7;
-moz-transform:rotate(-1deg);
-webkit-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
}

.liens{
display:block;
width:auto;
margin-left:10%;
margin-right:10%;
margin-bottom:100px;
text-align:center;
}

.liens a{
font-size: 100%;
font-family: 'Courier New';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #73c1e7, 0 0 30px #73c1e7, 0 0 40px #73c1e7, 0 0 55px #73c1e7, 0 0 75px #73c1e7;
-moz-transform:rotate(-2deg);
-webkit-transform:rotate(-2deg);
-o-transform:rotate(-2deg);
-ms-transform:rotate(-2deg);
}
.embedresize {
max-width: 720px;
margin: auto;
}

.embedresize div {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.embedresize iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top:50px;

margin-bottom:100px;
text-align:center;
border: 5px solid #ff0080;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 100px #ff0080,
inset 0 0 40px #ff0080;
inset 20 10 100px #000000;
-moz-transform:rotate(-1deg);
-webkit-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
}

.intro #intro .embedresize iframe,
.exit .quizz .embedresize iframe,
.alreadyplayed #intro .embedresize iframe, 
.identityset #intro .embedresize iframe, 
#notabene .embedresize iframe, 
#message_intro .embedresize iframe, 
.fancybox_body .embedresize iframe, 
#comments .embedresize iframe, 
#description .embedresize iframe, 
.alreadyplayed .embedresize iframe, 
#adserver .embedresize iframe {
max-width: none !important;
}

.chansons
{
display:block;
width:auto;
margin-top:100px;
margin-left:10%;
margin-right:10%;
margin-bottom:50px;
padding:20px;
text-align:center;
-moz-transform:rotate(1deg);
-webkit-transform:rotate(1deg);
-o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
}

audio
{
width:90%;
margin-bottom:50px;
}

#playlist
{

list-style: none;
}


#playlist li a
{

font-size: 100%;
font-family: 'Courier New';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #73c1e7, 0 0 30px #73c1e7, 0 0 40px #73c1e7, 0 0 55px #73c1e7, 0 0 75px #73c1e7;
}


#playlist .current-song a
{

font-size: 100%;
font-family: 'Courier New';
font-weight: bold
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;color:black;

}



.pink_neon
{
display:block;
width:auto;
margin-top:50px;
margin-left:10%;
margin-right:10%;
margin-bottom:100px;
padding:20px;
text-align:justify;
border: 5px solid #ff0080;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 100px #ff0080,
inset 0 0 40px #ff0080;
inset 20 10 100px #000000;
background-color: black;
background-image: url("img/minitel.jpg");
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
}

img {
max-width: 100%;
height: auto;
}

.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: auto;
padding: 0;
margin-top:50px;
margin-left: 15%;
margin-right: 15%;
margin-bottom:100px;
text-align:center;
border: 5px solid #ff0080;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 100px #ff0080,
inset 0 0 40px #ff0080;
inset 20 10 100px #000000;
-moz-transform:rotate(-1deg);
-webkit-transform:rotate(-1deg);
-o-transform:rotate(-1deg);
-ms-transform:rotate(-1deg);
}

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

a{
text-decoration: none;
display:block;
width:auto;
margin-left:10%;
margin-right:10%;
max-width: 100%;
margin-bottom: 20px;
font-size: 150%;
font-family: 'arial';
color: #fff;
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff0080, 0 0 30px #ff0080, 0 0 40px #ff0080, 0 0 55px #ff0080, 0 0 75px #ff0080;
text-align: center;
}

a:hover{
	color: #ff0080;
}

footer
{
margin-top:100px;
font-size: 12px;
font-family: 'Courier New';
color: #fff;
text-align:center;
}