ul {
	display: inline;
}
li {
	display: inline;
	float: left;
	margin: 0 0 0 2em;
}
body {
	border-radius: 0 0 25px 25px;
    min-width: 360px;
    margin: 0 auto;
    width: 100%;
}
div iframe{
	width: 850px;
	height: 550px;
	overflow: hidden;
}
div#0 {
	width: max-content;
	text-align: center;
	min-width: 360px;
	max-width: 1065px;
}
input#textonly{
	width:165px;
}
input#clear{
	margin-left:-15px;
	border:none;
	background:none;
}
@media only screen and (max-width: 600px) {
	#Chaturbate {
		width: 100%;
		float: left;
		margin-left: 40px;
		clear: both;
	}
	#Become{
		position: fixed;
		float: right;
		width: 20px !important;
		top: 10%;
	}
	#Become a img {
		width: 40px !important;
	}
	.AreOnline{
	position: absolute;
	margin-top: 52%;
	/* color: rgba(0,0,0,1); */
	color: rgba(100,50,255,1);
	font-weight: bold;
	padding: 1% 2%;
	right: 12%;
	background-color: rgba(255,255,255,0.9);
	border-radius: 50px;
	float: right;
	width: 280px;
}
}
@media only screen and (min-width: 601px) {
	#Chaturbate {
		width: 98%;
		float: left;
		clear: both;
	}
	#Become{
		position: fixed;
		float: left;
		width: 160px;
		margin-right: 2%;
		right: 0;
	}
	.AreOnline{
	position: absolute;
	margin-top: 44px;
	/* color: rgba(0,0,0,1); */
	color: rgba(100,50,255,1);
	font-weight: bold;
	padding: 1% 2%;
	right: 12%;
	background-color: rgba(255,255,255,0.9);
	border-radius: 50px;
	float: right;
	width: 280px;
}
}
#infos {
	display: inline-block;
	margin-top: -35px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}
#infos a {
	color: #ffa5ed;
	text-decoration: none;
	background-color: #333;
	padding: 0 0.3em;
}
#infos li.age:before{
	content:"Age:";
}
#infos li.age {
	color: white;
	text-shadow: 0px 1px 4px black;
	padding: 0 10px;
}
#infos li.room_subject {
	font-weight: normal;
	font-size: 10px;
}
#infos li.location {
	font-weight: normal;
	font-size: 10px;
	background-color: rgba(255,255,255,0.7);
	padding: 0;
	color: #333333;
	font-style: italic;
	display: inline-block;
	top: -23.2em;
	position: relative;
	float: left;
	left: 1.4em;
	border-radius: 1px;
	max-width: 300px;
	min-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#infos li.language {
	color: #333;
	font-size: 10px;
	font-weight: normal;
	background-color: white;
	padding: 2px 1px 2px 1px ;
	border-radius: 5px 0 0 0;
	border-bottom: 1px solid #ccc;
	width: 358px;
}
div.link {
	display: inline-flex;
	text-align: center;
	min-width: 360px;
}
}
div.link div a:before{
	content: " ";
	padding: 0 1em;
}
div.link div a:after{
	content: " ";
	padding: 0 1em;
}
div.link div a{
	display: inline-flex;
	padding: 0 0.2em;
	text-decoration: none;
}
.Performers {
	display: inline-grid; 
	padding: 0 5px 5px 5px; 
	margin: 0 5px 5px 5px;
	width: 360px;
	height: 270px;
	border-radius: 5px;
}
.Performers img {
	border-radius: 5px;
	width: 360px;
	height: 270px;
}
span.breaktitle{
	font-weight:bold;
	color: #ABF;
}
#Chaturbate div.text {
	color: #CCC;
	font-size: 14px;
	width: 50%;
	text-align:center;
}
header {
	background-color: #f9f9f9; 
	height: 70px;
	border-radius: 0 0 25px 25px;
}
header#titre, header#title {
	background-color: transparent;
	height: 70px;
	border-radius: 0 0 25px 25px;
}
nav li img {
	margin: 4px auto;
}
	/* 📌 VIGNETTE DU MODÈLE EN VEDETTE */
.featured-model {
    background: #a4489a;
    text-align: center;
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
}

.featured-model h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.featured-model a {
    font-weight: bold;
    text-decoration: underline;
}

.model-card {
    display: inline-block;
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.model-card:hover {
    transform: scale(1.05);
}

.model-card img {
    width: 200px;
    border-radius: 5px;
}

.model-card p {
    font-weight: bold;
    margin-top: 5px;
}

/* 📌 SECTION SEO INTRO - Texte au début de la page */
.seo-intro {
    background: #f9f9f9;
    border-left: 5px solid #a4489a;
    padding: 15px;
    margin: 20px 0;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.seo-intro h2 {
    font-size: 22px;
    color: #a4489a;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.seo-intro p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* 📌 MESSAGE D’ALERTE SI LE MODÈLE N'EST PAS EN LIGNE */
.alert.alert-warning {
    background: #ffecec;
    color: #cc0000;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
}

/* 📌 FOOTER SEO (Texte en bas de page avant les modèles similaires) */
.seo-footer {
    background: #f0f0f0;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    color: #444;
    margin-top: 20px;
    border-radius: 5px;
	clear: both;
}

.seo-footer a {
    color: #a4489a;
    font-weight: bold;
    text-decoration: none;
}

.seo-footer a:hover {
    text-decoration: underline;
}

/* 📌 SECTION MODÈLES SIMILAIRES */
.similar-models {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.model-card {
    width: 200px;
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.model-card:hover {
    transform: scale(1.05);
}

.model-card img {
    width: 100%;
    border-radius: 5px;
}

.model-card p {
    font-weight: bold;
    margin: 5px 0;
    font-size: 14px;
}
.model-description {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    text-align: center;
    margin: 20px auto;
    max-width: 800px;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.model-description h2 {
    font-size: 20px;
    color: #a4489a;
    margin-bottom: 10px;
}

.model-description strong {
    color: #a4489a;
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(-10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
	0% { text-shadow: 0 0 5px #ff1493, 0 0 10px #ff69b4; }
	50% { text-shadow: 0 0 15px #ff1493, 0 0 25px #ff69b4; }
	100% { text-shadow: 0 0 5px #ff1493, 0 0 10px #ff69b4; }
}
h1 {
	font-size: 28px;
	color: #ff1493;
	animation: pulse 2s infinite;
}