html {
	background-color: #eeedec;

}

html.connected {
	background-color: #fc2e72 !important;

}

body {
     background-color: #eeedec;
     margin-top: 20px;
	 font-family: 'Azeret Mono', monospace;
	 font-weight: 100;
	 
}

body.connected {
	background-color: #fc2e72 !important;
	min-height: 100vh;
}



p {
	margin-bottom: 0;
	padding-bottom: 0;
}
 /* #grid-containerx {
     width: 350px;
     height: 350px;
     display: grid;
     grid-template-columns: repeat(50, 7px);
     grid-gap: 0px;
     margin: 0 auto;
     margin-top: 20px;
	 margin-bottom: 60px;
     background: #eeedec;
	background-image: none;
	 background-size: cover;
	 resize: both;
	 overflow: auto;
	 transform: scale(1);
  transform-origin: center top;
  transition: transform 0.3s ease;


}

.grid-itemx {
	width: 7px;
	height: 7px;
	background-color: #eeedec;
	background-size: cover;
	border: none !important;
}


@media screen and (min-width: 400px) {
	#grid-containerx {
	 width: 350px;
	 height: 350px;
	 display: grid;
	 grid-template-columns: repeat(50, 7px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;
	 resize: both;
	 overflow: auto;
	 transform: scale(1.5);
	}
	
}
*/

#grid-containerx {
	width: 300px;
	height: 300px;
	display: grid;
	grid-template-columns: repeat(50, 6px);
	grid-gap: 0px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
	background: #eeedec;
   background-image: none;
	background-size: cover;


}

.grid-itemx {
   width: 6px;
   height: 6px;
   background-color: #eeedec;
   background-size: cover;
   border: none !important;
}

@media screen and (min-width: 365px) {
	#grid-containerx {
	 width: 350px;
	 height: 350px;
	 display: grid;
	 grid-template-columns: repeat(50, 7px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;

	}

	.grid-itemx {
		width: 7px;
		height: 7px;
		background-color: #eeedec;
		background-size: cover;
		border: none !important;
	 }
	
}


@media screen and (min-width: 415px) {
	#grid-containerx {
	 width: 400px;
	 height: 400px;
	 display: grid;
	 grid-template-columns: repeat(50, 8px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;

	}

	.grid-itemx {
		width: 8px;
		height: 8px;
		background-color: #eeedec;
		background-size: cover;
		border: none !important;
	 }
	
}


@media screen and (min-width: 465px) {
	#grid-containerx {
	 width: 450px;
	 height: 450px;
	 display: grid;
	 grid-template-columns: repeat(50, 9px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;

	}

	.grid-itemx {
		width: 9px;
		height: 9px;
		background-color: #eeedec;
		background-size: cover;
		border: none !important;
	 }
	
}

@media screen and (min-width: 515px) {
	#grid-containerx {
	 width: 500px;
	 height: 500px;
	 display: grid;
	 grid-template-columns: repeat(50, 10px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;

	}

	.grid-itemx {
		width: 10px;
		height: 10px;
		background-color: #eeedec;
		background-size: cover;
		border: none !important;
	 }
	
}

@media screen and (min-width: 565px) {
	#grid-containerx {
	 width: 550px;
	 height: 550px;
	 display: grid;
	 grid-template-columns: repeat(50, 11px);
	 grid-gap: 0px;
	 margin: 0 auto;
	 margin-top: 20px;
	 background: #eeedec;
	
	 background-size: cover;

	}

	.grid-itemx {
		width: 11px;
		height: 11px;
		background-color: #eeedec;
		background-size: cover;
		border: none !important;
	 }
	
}







 #chronometre {
     color: #000000;
     text-align: center;
     font-size: 2em;
	 width: 100%;

}

#chronometre {
	display: none;
	letter-spacing: -1px;
	color: #fc2e72;
}
 #stopButton {
	 display: none;
	 width: 100%;
	 margin-top: 20px;
	 color: white;
}

 #stopButton:hover {
     background-color: #fc2e72;
     color: white;
 }
 




 #reponse {
     display: none;
     margin-top: 10px !important;

}

#pseudo {
   
	 width: 100%;

 }
 .envoyer {
	 margin-top: 20px;
	 margin-bottom: 20px;
	 
}

.envoyer:hover {
	
     color: #000000;
}

#countdownsend {
	font-size: 0.8em;
	color: #fff;
	background-color: #fc2e72;
	padding: 3px;
	border-radius: 50%;
}

#send.blink {
    animation: blink2 1s infinite;
}

@keyframes blink2 {
    0% { background-color: #000000; }
    50% { background-color: #fc2e72; }
    100% { background-color: #000000; }
}

#results {
	color: #000000;

}

#score {

	margin-top: 50px;
}





.note {
	color: #000000;
}

#joueurs {
	color: #000000;
	font-size: 0.8em;
	font-weight: 400;
}

.firstrow th {
	height: 1px !important;
}

td small {
	padding-right: 5px;
	color: #fc2e72;
}



#infos {
	font-size: 0.7em;

}

#infos, #infos2 {
	color: #000000;
}

#infos2, #infos3, #dejajoue {
	text-align: center;

	margin-bottom: 25px;
	display: none;
}

 #infos3 {
	 margin-top: 25px;
 }
 
 
  #infos3 a {
	 margin-top: 25px;
 }

h1 {
	font-size: 1em;
	font-family: 'Azeret Mono', monospace;
}


h2 {
	font-size: 1.2em;
	text-align: center;
	padding-bottom: 15px;
	font-family: 'Azeret Mono', monospace;
}

.note p {
	font-size: 0.8em;
}

.note {
	margin-top: 50px;
}

.fi-alert {
	color: red;
	padding-right: 5px;
}

.fi-check {
	color: green;
	padding-right: 5px;
}

.button {
	background-color: #000000;
	color: white;
	margin-bottom: 8px;

}

.button:hover {
	background-color: #fc2e72;
	color: white;
}

.logotop {
	padding-bottom: 10px;
	padding-top: 30px;
	text-align: center;
}

.loggin {
	margin-top: 20px;
}

.forgot {
	color: gray;
}

.forgot:hover {
	color: #fc2e72;
}

.create {
	margin-top: 30px;
}



.regles {
	padding-top: 50px;
	font-size: 0.8em;
}

.regles img {
	padding-bottom: 6px;
}

.unepochette {
	font-size: 1em;
	padding-bottom: 40px;
	padding-top: 20px;
}

.error {
	color: red;
	font-size: 0.9em;
}

.profile {
	margin-top: 20px;
}



.reglages {
	color: #000000;
}
	
.reglages:hover {
	color: #fc2e72;
}

.fi-torso {
	color: gray;
	padding-right: 10px;
}

.logout {
	color: #eeedec	;
	background-color: none;
	background: none;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
}

.logout:hover {

	background-color: none;
	background: none;
	text-decoration: none !important;
}

.dropdown-pane {
	font-size: 0.8em;
	
}

.dropdown-pane a {
	color: #fc2e72;
}

.dropdown-pane a:hover {
	color: #000000;
	text-decoration: underline;
}

.homeplay, .homescore {
	display: none;
	margin-bottom: 15px !important;

}

.troff {
	padding-left: 3px;
}


#main-app-element div {
	background-color: #000000 !important;
}

.points {
	font-size: 1em;
	color: #fc2e72;
	padding-top: 7px;
}

#scorefinal {
	display: none;
	margin-top: 50px;
}

.reveal {
	background-color: #000000;
	border: #000000;
	z-index: 1000000;
}

.reveal-overlay {
	background-color: rgba(10, 10, 10, 0.90);
}

.ecouter:hover {
	color: #fc2e72;
	background-color: rgba(10,10,10,0);
	border: 1px solid #fc2e72;
}

.ecouter {
	margin-top: 10px;
	background-color: #fc2e72;
	color: #fff;
	padding: 5px 5px 5px 5px;
	font-size: 0.8em;
	border-radius: 4px;
	font-weight: 400;

}


.ecouter:focus {
	background-color: rgba(10,10,10,0);
	color: #000000;
}



.reponseAlbum {
	padding-bottom: 15px;
}

.switch {
	
	background-color: #000000;
	display: inline;
	color: white;
	padding: 10px;
}

.wrapper {
	width: 100%;
	position: relative;
}

.yes, .no {
	display: inline;
	position: absolute;
	padding: 10px;
}

.yes {
	background-color: green;
	text-align: right;
	border-right: 5px solid #eeedec ;
}

.no {
	background-color: red;
	border-left: 5px solid #eeedec ;
}

#poll .cell, .switch, #poll {
	padding: 0 !important;
	margin: 0 !important;
}


#cover2 {
	display: none;
	margin-top: 15px;
	
}

#h18 {
	padding-top: 6px;
}

#table-select {
	width: auto;
	background-color:rgba(10,10,10,0) ;
	background-image: none;
	border: none;
	text-align: right;
	font-size: 0.8em;
	float: right;
	height: 15px;
	padding: 0 !important;
	margin: 1px 0 0 0 !important;
	line-height: 18px;
	color: #fc2e72;
	float: right;
	
	
}

#table-select:active, #table-select:focus, #table-select:visited {
	text-align: right !important;
	padding-right: 0 !important;
		background-color:rgba(10,10,10,0) ;
		background-image: none;
}


#table-select:hover {
	color: #fc2e72;
	text-decoration: underline;
	
}

.fi-thumbnails {
	padding-left: 8px;
	margin-right: 0;
	float: right;
	padding-top: 8px;
}

#choixdate {
	padding: 0 !important;
	margin: 0 !important;
	text-align: right;
	
}

.footer a, #profil2 a {
	color: #000000;
	text-decoration: underline;
	
}

.footer a:hover, #profil2 a:hover {
	color: #fc2e72;
	text-decoration: underline;
	
}

.white-popup {
  position: relative;
  background: #000000;
  padding: 40px;
  width: 70%;
  margin: 20px auto;
}


.mfp-close {
	color: #fff !important;
}

.mfp-close:hover {
	color: #fc2e72;
}

.social-link {
	color: #fc2e72;
	margin-right: 5px;
	font-size: 0.7em;
	padding: 0 0 0 0 !important;
	height: auto;
}

.social-link:hover {
	color: #fc2e72;
	text-decoration: underline;

}





.tempsperso {
	color: #fc2e72;
	font-size: 0.8em;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 10px;
	
}

.repperso {
	color: #fc2e72;
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-size: 0.8em;
}

.repperso i {
	color: #000000;
}

.perso {
	margin-top: 0;
}

.personon {
	margin-top: 34px;
}


.first {
	font-size: 1em;
	color: #fc2e72;
	margin-top: 5px;
}

.first span {
	font-size: 1em;
	color: #000000;
}


.twitter-share-button {
	color: #fc2e72;
	background: none;
	background-color: none !important;
	font-size: 0.8em;

	padding: 0;
	margin-top: 10px;
	margin-bottom: 45px;
	
}

.twitter-share-button:hover {
	color: #000000;
	font-size: 0.8em;
		background: none;
		background-color: none !important;
}

i.fi-social-twitter {
	font-size: 1.5em;
}

span.twitter {
	color: #000000;
}





.custom-select {
  position: relative;
  display: inline-block;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 !important;
  font-size: 0.8em;
  overflow-x: hidden;
}

.custom-select select {
  width: 150%;
  padding: 0 !important;
  border: none;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.header button {
	font-size: 0.8em !important;
	color: #fc2e72;
}

#score-perso {

	font-family: 'Azeret Mono', monospace;
	font-size: 0.9em;
}

#score-perso i {
	padding-right: 5px;
	padding-left: 12px;
}

#score-perso i.fi-stop, #score-perso i.fi-pause {
	font-size: 1em !important;
}





.nav {
	float: right;
	font-weight: 100;
	padding-top: 4px;

}

.nav:hover {
	text-decoration: underline;
}



a.navfirst {
	font-size: 0.8em;
	color: #fc2e72;
	padding: 0 0 0 0 !important;
	margin: 0 !important;
}

a.navalt{
	font-size: 0.8em;
	color: #fc2e72;
	padding: 0 0 0 0 !important;
	margin: 0 !important;
}

.name {
	padding-bottom: 5px;
	font-size: 0.9em;
	line-height: 1.8;
}

.name a {
	color: black;
	text-decoration: none;
}

.name a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted #fc2e72;
}

span.points {
	
}


.loader {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #fc2e72;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; /* Utilise l'animation "spin" */
  margin: 0 auto; /* Centre l'élément horizontalement */
  display: none;
  margin-top: 50px;
  
}

@keyframes spin {
  0% { transform: rotate(0deg); } /* Rotation de 0 degrés */
  100% { transform: rotate(360deg); } /* Rotation de 360 degrés (tour complet) */
}

.monmail {
	color: #fc2e72;
}

.monmail:hover {
	color: #000000;
	text-decoration: underline;
}

#profil2 {

	margin-top: 20px;
	margin-bottom: 35px;
}

.profileOk {
	color: #fc2e72
}

.changePass {
	margin-top: 15px;
}

#editProfil {
	color: #fc2e72;
	text-decoration: none;
	margin-top: 15px;
}

#editProfil:hover {
	color: #000000;
	text-decoration: underline;
	
}

a.annuler {
	color: white !important;
	text-decoration: none !important;
}

#news {
	margin-top: 35px;
	padding-top: 0 !important;

}


#news h1 {
	font-size: 0.8em;
	color: #fc2e72;
	margin-bottom: 15px;
	
}

#news p {
	font-size: 0.8em;
	margin-bottom: 10px;

	padding-left: 10px;
}


i.fi-burst-new {
	font-size: 2.9em;
	color: #fc2e72;
}

i.fi-megaphone {
	color: white;
	font-size: 1.8em;
	position: absolute;
	margin-left: 10px;
	line-height: 0;

}



.lab {
	color: #000000;
}	

.data {
	color: #fc2e72;
}	

.separator {
	width: 5px;
	height: 10px;
	border-left: 1px solid #000000;
	float: right;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 3px;
}


#count {
	font-size: 4em;
	text-align: center;
	margin-top: 50px;
	color: #000000;
	display: none;

}

.orbit {
	margin-top: 15px;
}

.orbit-bullets {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
	
}

.orbit-bullets button {
	width: 7px;
	height: 7px;
	background-color: #eeedec;
}

.orbit-bullets button.is-active {
	width: 7px;
	height: 7px;
	background-color: #fc2e72;
}

span.fake {
	background-color: #fc2e72 !important;
	color: white !important;
	padding: 3px 5px 3px 5px !important;
	font-size: 0.8em !important;
	border-radius: 5px;
	margin-bottom: 5px;
	opacity: 1 !important;



}

span.fake2 {
	background-color: #7d561b !important;
	color: white !important;
	padding: 3px 5px 3px 5px !important;
	font-size: 0.8em !important;
	border-radius: 5px;
	margin-bottom: 5px;


}

#weekend {
	display: none;
	text-align: center;
}

#weekend p {
	margin-bottom: 25px;
	margin-top: 25px;
}

.linkchat {
	font-size: 0.8em !important;
	color: #fc2e72 !important;
	text-decoration: none;
}

.linkchat:hover {
	font-size: 0.8;
	color: #fc2e72;
	text-decoration: underline;
}


input::placeholder {
  color: #f884aa; /* Remplacez cette couleur par celle de votre choix */
}

/* Pour les éléments textarea */
textarea::placeholder {
  color: #f884aa; /* Remplacez cette couleur par celle de votre choix */
}

input {
	font-weight: 100 !important;
	font-size: 0.8em;
}

.fi-skull {
	color: #fc2e72;
	font-size: 2em;
}

.firstrow i.fi-trophy {
	color: #fc2e72;
	font-size: 2em;
}


td.textright {
	text-align: right;
}

.maintenance h2 {
	color: white;
	background-color: #fc2e72;
	
	display: inline-block;
	padding: 10px;
	font-size: 0.9em;
	margin-bottom: 65px;

}

#iconews {
	float: left;
	width: 50px;
}


b {
	font-weight: 400;
}

#news p a {
	color: #fc2e72;
}

#news p a:hover {
	color: #000000;
	text-decoration: underline;
}

.fi-heart {
	color: #eeedec;
}



.fi-heart.active {
	color: #fc2e72;
	opacity: 0.8;

}

.fi-heart.marron.active {
	color: #8f4e1c;
	opacity: 0.8;

}

.fi-dislike {
	color: #eeedec;
	font-size: 1.3em;
}

.fi-dislike.active {
	color: #8f4e1c;
	opacity: 0.8;

}

.heart {
	cursor: pointer;
}

.like-count {
	color: #fc2e72;
	font-size: 0.6em;
}

#joueurss {
	font-weight: 400;
	font-size: 1em;
}

.imgchat {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #eeedec;
}

#results b {
	font-size: 0.9em;
}

#rep {
	margin-top: 15px;

}

#classprov {
	text-align: center;
}

#classprov2 {
	text-align: center;
}

span.pos {
	font-size: 1.4em;
	color: #fc2e72;
}

.you {
	border-left: 2px solid #fc2e72;
	border-right: 2px solid #fc2e72;

}

#lienAncre {
	color: #fc2e72;
}

#lienAncre:hover {
	color: #000000;
}

.desc {
	font-size: 0.8em;
	margin-top: 15px;
}

.desc a {
	color: #fc2e72;
}

.desc p {
	margin-bottom: 10px !important;
}

#cover3 {
	margin-top: 30px;
}

#cover3 a.signature {
	color: #fc2e72;
	text-decoration: none;

}

#cover3 a.signature:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #fc2e72;

}

#cover2 a.signature {
	color: #fc2e72;
	text-decoration: none;

}

#cover2 a.signature:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #fc2e72

}



a.touche {
	color: #000000;
	text-decoration: none;
	font-size: 0.8em;
	
}

.touche p {
	
}

a.touche:hover {
	color: rgb(252, 46, 114);
	text-decoration: none;
}

a.touche:hover img {
	opacity: 0.8;
}

.touche img {
	padding-bottom: 10px;
}




.hamburger {
	cursor:pointer;
	color: #fc2e72;
text-align: center;
	font-family: courier;
	line-height: 0;
	margin-top: 6px;
	margin-left: 16px;
	/*background-image: url(/nav.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;*/

}




.line {
	border-left: 1px solid #eeedec;
	border-right: 1px solid #eeedec;
	height: 2px;
	background-color: #000000;
	margin-bottom: 7px;

}

.menutxt {
	font-size: 0.8em;
	text-align: center;
	padding-top: 6px;
	font-family: 'Azeret Mono', monospace;
	 font-weight: 100;
}

.hamburger:hover .line {
	background-color: #fc2e72;
}

.hamburger:hover .menutxt {
	color: #000;
}

.overlay {

	width: 100%;
	min-height: 100%;
	height: 100%;
	
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(252, 46, 114);

	overflow-y: scroll;


  }

  #myNav {
	display: none;
	z-index: 1000;
	overflow-y: scroll;
	background-color: rgb(252, 46, 114);
	width: 100%;
	margin: 0;


  }
  
  .overlay-content {
	position: relative;

	width: auto;
	overflow: hide;
	padding: 0;
	background-color: rgb(252, 46, 114);


  }
  
  .overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #eeedec;

	transition: 0.3s;
	width: auto;

  }

  .overlay a:hover {

  }

  
  
  .overlay a:hover, .overlay a:focus {
	color: #eeedec;
  }
  
  .overlay a.closebtn {

	z-index: 200;

	font-size: 60px;
	color: #eeedec !important;
	line-height: 0.8;
	border: none;

  }

  .overlay a:hover.closebtn {
	color: rgb(205, 203, 203) !important;
  }
  
  @media screen and (max-height: 450px) {
	.overlay {overflow-y: scroll;}


	#newnav .cell a.topmenu {
		display: block;
		text-align: left;
		font-size: 1.3em;
		font-weight: 500;
		border-top: 1px solid #eeedec;
		padding-top: 15px;
		color: #eeedec;
	}
	
	#newnav .cell a {
		display: block;
		text-align: left;
		font-size: 0.9em;
		color: white;
		padding: 0;
		margin: 10px 0 10px 0;
		font-weight: 100;
		color: #eeedec;
	}
	

	
  }



  #essayer {
	background-color: #000000;
	color: white;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin-top: 50px;
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 1.2em;
	transition: width 0.2s, height 0.2s, margin 0.2s, font-size 0.2s;
  }

  #essayer:hover {
	background-color: #fc2e72;
	color: white;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-top: 40px;
	font-size: 1.3em;
  }


  .codeinfo {
	margin-top: 50px;
	margin-bottom: 25px;
	
  }

  a.code {
	background-color: #fc2e72;
	color: #ffffff;
	border-radius: 5px;
	padding: 0 5px 0 5px;
  }

  .code3 {
	background-color: #fc2e72;
	color: #ffffff;
	border-radius: 5px;
	padding: 0 5px 0 5px;
  }

  .code2 {
	background-color: rgba(252, 46, 114, 0.3);
	color: #000;
	border-radius: 5px;
	padding: 5px 8px 5px 8px;
	font-size: 0.9em;
  }

  .code2a {
	background-color: rgba(46, 252, 46, 0.3);
	color: #000;
	border-radius: 5px;
	padding: 5px 8px 5px 8px;
	font-size: 0.9em;
  }

  .code2 i, .code2a i {
	color: #000;
  }


  #minusModal {

	background-color: #ffffff;

  }

  #minusModal button.close-button {

	position: absolute;
	top: 15px;
	right: 15px;

  }

  #minusModal button.choix {
	width: 45%;
	background-color: #000000;
	color: #ffffff;
	padding: 15px;
	margin: 10px;
  }

  #minusModal button.choix:hover {

	background-color: #fc2e72;
	color: #ffffff;

  }

  #minusModal button small {
	font-size: 0.7em;
  }

  #minusModal h1 {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
  }


  #minusModal select {
	padding: 10px;
	height: auto;
	display: none;
	width: 45%;
  }

  #minusModal #infliger {
	display: none;
  }

  .win_cover {
	padding-top: 20px;
	padding-bottom: 20px;
  }

  .newsblock {
	padding-bottom: 20px;
	margin-bottom: 40px;

  }

  .newsblock h1 a{
	color: black;
	text-decoration: none;
  }

  .newsblock h1 a:hover{
	color: black;
	text-decoration: underline;
  }

  .newsblock h1 {
	margin-top: 5px;
	margin-bottom: 3px;
  }

  .newsblock p, .newsblock li {
	padding: 5px 0 5px 0;
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;
  }

  .newsblock li {
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-top: 0;
  }

  .newsblock p a, .newsblock ul li a { 
	color: #000000;
	border-bottom: 1px dotted #fc2e72;
	font-weight: 400;
  }


  .newsblock p a:hover, .newsblock ul li a:hover { 
	color: #fc2e72;
	border-bottom: 1px dotted #000000;
  }



  .newsblock small {
	color: #fc2e72;
	font-size: 0.7em;
  }

  .newsblock iframe {
	margin: 15px 0 15px 0;
  }

  .imageblog {
	text-align: center;
	width: 100%;
  }

  .imageblog img {
	text-align: center;
	margin: 20px 0 20px 0;

  }

  .blog-sign small {
	color: rgba(10, 10, 10, 0.7);
  }

  .categories {
	font-size: 0.8em;
	margin-top: 42px;
  }

  #example-dropdown2 .categories {
	font-size: 1em;
	margin-top: 0;
	text-align: left;
  }

  .categories li {
	list-style: none;
	padding-top: 3px;
	
  }

  #example-dropdown2 .categories li {
	list-style: none;
	padding-top: 6px;

  }

  #example-dropdown2 .categories li.enligne {
	list-style: none;
	padding-top: 6px;
	display: inline-block;

  }




  .categories li a, .link_tri a {
	color: #fc2e72;
	
  }

  .categories li a:hover, .link_tri a:hover {
	color: #000000;
	border-bottom: 1px dotted #fc2e72;
	
  }

  #pdopage {
	padding-top: 15px;
  }


  #resid {
	margin-bottom: 50px;
	
  }

  #resid p {
	margin-bottom: 7px;
	font-size: 0.8em;
	padding: 0;

  }

  .cardd {
	display: inline-block;
	background-color: none;
	background: none;
  }

  .dj, .nom {
	display: inline-block;
	font-weight: bold;
	font-size: 1.2em;
  }

  .dj {
	background-color: black;
	color: white;
	z-index: 3 !important;
	position: relative;
	padding: 0 6px 0 6px;
  }

  .nom {
	background-color: #fc2e72;
	color: white;
	margin-left: -7px;
	top: 5px;
	z-index: 2 !important;
	position: relative;
	padding: 0 6px 0 14px;
}

  #semainespeciale .dj, #semainespeciale .nom {

	font-weight: bold;
	font-size: 0.9em;
  }

  #semainespeciale {
	padding-bottom: 15px;
  }

.duau {
	margin-top: 10px;
	font-size: 0.8em;
}

.ronde {
	width: 90px;
	height: 90px;
float: left;
	border-radius: 50%; /* Rend la div ronde */
	margin-right: 25px;
}

.resid_link {
	display: inline-block;
top: 3px;
	position: relative;
	font-size: 0.8em;
	padding: 0 0 0 10px;


}

.resid_link a {
	color: #fc2e72;
	font-weight: 400;
}

.resid_link a:hover {
	color: #000;
	border-bottom: 1px dotted #fc2e72;
}

.buttoncat {
	font-size: 0.8em;
	background-color: #fc2e72;
	color: #fff;
	padding: 3px;
}

.buttoncat:hover {
	font-size: 0.8em;
	background-color: #000;
	color: #fff;
	padding: 3px;
}

#goat-tabs {
}

.tabs {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	.tabs-title {
	  float: none;
	  display: inline-block;
	}
  }

.tabs-title {
	text-align: center;
	line-height: 1.5;
	border-right: 1px solid #e1e1e1;

	margin: 0 !important;

}

.tabs-title a {
	color: black;
	padding: 10px 15px 10px 15px;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.3;
	font-weight: 400;
	margin: 0 !important;
}

.tabs-title a:hover {
	color: #fc2e72;

}

.tabs-title.is-active a {
	background-color: #fc2e72;
	color: white;

}

a.tuto {
	background-color: #fc2e72 !important; 
	color: white !important;

}

a.tuto:hover {
	background-color: #000000 !important;
	color: white !important;
	
}

a.ppal {
	font-size:1.1em; 
	color:white !important;
	line-height: 1.3;
	margin-top: 40px !important;
}

.addtwitter {
	background-color: #fc2e72;
	color: white;
	padding-top: 13px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px 10px 0 0;
	border: 2px solid #f1f1f1;
	font-size: 1em;
}

.addtwitter:hover {
	background-color: #fc2e72;
	color: black;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid #f1f1f1;
	font-size: 1em;
	cursor: pointer;
}

.shinee {
	text-align: center;
}

.closeadd {
	color: fff;
	text-decoration: none;
	margin-top: 10px;
}

.closeadd:hover {
	color: #fc2e72;
	text-decoration: none;
}

.addtwitter a {
	color: white;
	font-size: 0.8em;
}

.addtwitter a:hover {
	color: black;
	font-size: 0.8em;
	text-decoration: none;

}

#addModal h2 {
	color: #ffffff;
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 35px;
	padding-bottom: 0;
}

#addModal h2 small{
	color: white;
}

#addModal {
	background-color: #fc2e72;
	text-align: center;
}

#addModal #pasdonner {
	background-color: #fc2e72;
	color: black;
	border: 1px solid black;
	font-size: 0.9em;
	font-weight: 400;
	padding: 7px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#addModal #pasdonner:hover {
	background-color: #fc2e72;
	color: white;
	border: 1px solid white;

}

#addModal #donner {
	background-color: #000;
	color: #fff;
	font-size: 0.9em;
	font-weight: 400;
	margin-top: 5px;
}

#addModal #donner:hover {
	background-color: #fff;
	color: #fc2e72;
}

#addModal p {
	font-size: 0.8em;
	color: white;
}

.addtext {
	color: #ccc;
	font-size: 1em;
	margin-bottom: 25px;
}

.addtext a {
	color: #fc2e72;
	border-bottom: 1px dotted #fc2e72;
}

.addtext a:hover {
	color: #fc2e72;
	border-bottom: 1px dotted white;
}

.generate-form {
	font-family: Helvetica, sans-serif;
	color: #fc2e72;
	margin-top: 15px;
}

.generate-form:hover {
	font-family: Helvetica, sans-serif;
	color: #000000;
	border-radius: 5px;
	margin-top: 15px;
}

.blaze {
	line-height: 1.0 !important;
	color: #fc2e72;

}

.linkbuddy h3 {
	color: #fc2e72;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 20px;
	text-align: left;
	font-size: 1em;
	font-family: 'Azeret Mono', monospace;
	
}

.linkbuddy p {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 7px;
}

p.linksbuddy {
	height: 10px;
}

#comments a {
	color: #fc2e72;
	text-decoration: none;
}

#comments a:hover {
	color: #000000;
	text-decoration: underline;

}

#comments small {
	font-size: 0.7em;
	color: gray;
}

button:active {
	background-color: black;
}

h2.commenttitle {
	text-align: left;
	font-size: 1em;
}

.single-emoji {
	font-size: 2em;
}

a.commenter {
	background-color: #fc2e72;
	color: white;
	text-decoration: none;
	padding: 5px;
	font-size: 0.8em;
	margin-top: 15px;
	font-weight: 400;
}

a.commenter:hover {
	background-color: #000000;
	color: white;
}

.thecomment {
	
	font-family: Helvetica, Arial, sans-serif;
	margin-top: 5px;
}

.comment {
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.single-emoji {
	font-size: 2em;
}
.normal-comment {
	font-size: 0.9em;
}
.level-0 {
	border-color: #fff;
}
.level-1 {
	border-color: #fff;
}
.level-2 {
	border-color: #fff;
}
.level-3 {
	border-color: #fff;
}
.level-4 {
	border-color: #fff;
}

.level-5 {
	border-color: #fff;
}

.edit-form {
	margin-top: 10px;
}
.edit-form textarea {
	width: 100%;
	height: 60px;
}
.edit-form button {
	margin-right: 5px;
}


.alignedbutton {
	line-height: 1.5;
}

.alignedbutton {
	margin-top: 10px;
}






.backgr {
	background-color: #000;
	margin-bottom: 10px;
	padding: 0;
}


#poll {
	background-color: #fc2e72;

	border: 1px solid rgb(222, 220, 220);
	color: black;
	text-align: center;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-family: 'Azeret Mono', monospace;
	border-radius: 10px 10px 0 0;
}

#poll-title {
	font-size: 0.8em;
	font-family: 'Azeret Mono', monospace;
	color: white;
}

#percent {
	background-color: #fc2e72;
}

.vote-button {
	background-color: black;
	color: white;
	display: inline-block;
	padding: 10px;
	margin: 10px 10px 0 10px;
	cursor: pointer;
	border-radius: 5px;
	font-size: 0.8em;
}

.vote-button:hover {
	color: #fc2e72;
}

#resultspoll span {
	padding: 10px 0 10px 0;
	font-size: 0.8em;
}


i.fi-stop, i.fi-pause {
	padding-left: 7px;
}

#newnav {
	background-color: #fc2e72;
}

#newnav .cell a.topmenu {
	display: block;
	text-align: left;
	font-size: 1.3em;
	font-weight: 500;
	border-top: 1px solid #eeedec;
	padding-top: 15px;
	color: #eeedec;
}

#newnav .cell a {
	display: block;
	text-align: left;
	font-size: 0.9em;
	color: white;
	padding: 0;
	margin: 10px 0 10px 0;
	font-weight: 100;
	color: #eeedec;
}

#newnav .cell i.fi-checkbox {
	color: #eeedec !important;
	font-size: 0.8em;
	opacity: 0.8;
}

p.moregames {
	color: black;
	font-size: 0.8em;
	margin-bottom: 25px;
	line-height: 2.5em;

}

p.moregames a {
	background-color: #fc2e72;
	padding: 3px;
	color: #eeedec;
	font-weight: 400;
	margin-top: 10px;
}

.loginRegister {
	color: white;
}

.homemenu {
	padding-top:30px;
	padding-bottom: 60px;
}

.footerpink, .footerpink a {
	color: #eeedec !important;
}

.linkcreator a {
	color: #fc2e72;
	text-decoration: none;
}

.linkcreator a:hover {
	border-bottom: 1px dotted #fc2e72;
}



  @media screen and (min-width: 1024px) {
	.largepadding {
		margin-top: 50px;
	}
  }



@media screen and (max-width: 400px) { 

	.ronde {
		width: 50px;
		height: 50px;
	float: left;
		border-radius: 50%; /* Rend la div ronde */
		margin-right: 25px;
	}

}


#top20 {
	background-color: white;
	padding: 12px;
	font-size: 0.9em;
	line-height: 2;
}
 
#results tr {
	opacity: 1 !important;
}

@media screen and (max-width: 500px) {
	
	.social-link {
		color: #fc2e72;
		margin-right: 5px;
		font-size: 0.7em;
		display: inline-block;
		line-height: 1 !important;
		padding: 0 5px 0 0 !important;
		margin: 0 !important;
		
	}

	

	  a.ppal {
		font-size:1em; 
		color:white !important;
		line-height: 1.3;
	}
	
	
}

button, .button {
	border-radius: 5px !important;
}