/* Classes génériques */

.fLeft {float:left;}
.fRight {float:right;}
.clear {clear:both;}
.disabled {cursor:default; pointer-events: none;}
.hide {display:none;}
.show {display:auto;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently    */
}
::selection {
  background: #FAC8B3; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #FAC8B3; /* Gecko Browsers */
}
/* -------------------*/

* {
	margin:0;
	padding:0;
	border:none;
    text-decoration: none;
	list-style:none;
}

html, body {
	width:100%;
	height:100%;

}


#JOYEUX_ANNIVERSAIRE_PAULINE_container {
  width:100%;
  height:100%;
  background:#151515;

}


#EMBED_principal {
  
  width:1080px;
  height: 690px;
  top:50%;
  left:50%;
  margin-left:-540px;
  margin-top: -345px;
  position: absolute;
}

#EMBED_principal iframe {
  width:100%;
  height: 608px;
}


#txt {
  width:100%;
  height: auto;
  margin-top:22px;
  font-family: arial;
  font-size:10px;
  text-transform: uppercase;
}
#txt p,
#txt a {
  margin-bottom: 10px;
  display: block;
}
#compteur {
  color:white;
}
#mail {
  color:#ec7cae;
  text-decoration: underline;
  cursor: pointer;
}
#mail strong {
  color:white;
  font-weight: normal;
  letter-spacing: 2px;
  text-transform: lowercase;
}
#paillettes {
  color:#ec7cae;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}
#mail:hover,
#paillettes:hover {
  text-decoration: none;
}

#mail:hover strong {
  text-decoration: none;
}

#defaultCanvas0 {
  position: absolute;
  z-index: 2;
  top:0px;
  left:0px;
}

#direct {
  position: absolute;
  left:20px;
  top:23px;
  display: block;
  z-index: 3;
}

canvas {
  user-select: none;
  pointer-events: none;
}


/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (min-width:320px)  {  

}
/* smartphones, Android phones, landscape iPhone */ 
@media (min-width:480px)  { 

}
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
@media (min-width:600px)  { 

}
/* tablet, landscape iPad, lo-res laptops ands desktops */ 
@media (min-width:801px)  { 

}
/* big landscape tablets, laptops, and desktops */ 
@media (min-width:1025px) { 

}
/* hi-res laptops and desktops */ 
@media (min-width:1281px) { 

}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
  /* High-res styles go here */
}