*, ::after, ::before {
	box-sizing: border-box;
}

body {
	background-image: url(../img/roses.jpeg);
	background-size: cover;
	
}

:root {
	--titre-- : 90px;
	--titre_2-- : 60px;
	--h1--couleur : rgb(244, 179, 41);
	--h1--taille_caractére : 35px;
	--p--couleur_argent: black;
	--p--couleur_or: white;
	--p--taille_caractére : 20px;
	--margin-- : 10px;
	--margin--inline : auto;
}  


/* container */

.container {
	opacity : 0.1;
}  

.container_no_opacite {
	width: 100%;
	height: auto;
	opacity : 1;
}
.container {
	margin-left: 5px;
	border : 5px solid yellowgreen
	}

/* wyylde */
.wyylde {
	width: 100%;
} 

.wyylde_right a {
	position: relative;
	left: calc(100% - 160px) ;
}

/* header */
.header {
	width : 100%;
	margin-inline: auto;
}

.header h1 {
	width:100%;
	text-decoration: none;
	text-align: center;
	font-size: var(--titre--);
	font-family: 'Dancing Script', cursive;
	color :var(--h1--couleur)
} 

/* paragraphe  */
.paragraphe h1{
	width:100%;
	text-decoration: none;
	text-align: center;
	font-size: var(--titre_2--);
	font-family: 'Dancing Script', cursive;
	color :var(--h1--couleur)
}  

/* soirée  */
.soiree_titre {
	font-size: var(--titre_2--);
	font-family: 'Dancing Script', cursive;
    text-align: center;
	color : rgb(223, 20, 210);
	border : 1px solid var(--h1--couleur)
} 

.soiree p {
	text-align: left;
	color : var(--p--couleur_or);
	font-size : var(--p--taille_caractére);
	margin-inline: var(--margin--inline);
	margin-left: var(--margin--);
}

/* lieu */
.soiree .lieu {
	width: 100%;
	margin-inline: auto;
}

/* card */
.soiree .card{
	width: 100%;
	margin-inline: auto;
}

.soiree .card iframe {
	width: 100%;
	margin-inline: auto;
}

.soiree .lieu h1,
.soiree .quand h1,
.soiree .comment h1,
.soiree	.avant h1,
.soiree	.soirée h1,
.soiree	.nuit h1,
.soiree	.regles h1,
.soiree	.matin h1,	
.soiree .agenda h1 {
	margin-inline: auto;
	margin-left: 5px;
	font-size : var(--h1--taille_caractére);
	color : var(--h1--couleur);
} 

.conditions_texte  h1 {
	font-size: var(--h1--taille_caractére);
	color: var(--h1--couleur);
	text-align: center;
	text-decoration: underline;

}

.trente_euros {
	grid-area : trente;
	background: white;
	font-size : var(--h1--taille_caractére);
	color : var(--h1--couleur);
	text-align: center;
	border-radius: 10px;
	border : 2px solid black;
	text-align: center;
	cursor: pointer;
}

.soixante_euros {
	grid-area: soixante;
	background: white;
	font-size : var(--h1--taille_caractére);
	color : var(--h1--couleur);
	text-align: center;
	border-radius: 10px;
	border : 2px solid black;
	cursor: pointer;
}

.paiements {
	display : grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas:
	"trente soixante"
}


.tarif.libertins h1{
	margin-inline: auto;
	margin-left: 5px;
	font-size : var(--h1--taille_caractére);
	color : rgb(255, 0, 225);
}

.tarif.lesbiennes h1{
	margin-inline: auto;
	margin-left: 5px;
	font-size : var(--h1--taille_caractére);
	color : rgb(255, 157, 0);
}

.tarif.gays h1{
	margin-inline: auto;
	margin-left: 5px;
	font-size : var(--h1--taille_caractére);
	color : rgb(98, 0, 255);
}

/* card */
.soiree .agenda {
	width: 100%;
	margin: auto;
}

.soiree .agenda iframe {
	width: 100%;
	margin: auto;
}


/* footer */
footer {
	padding: 10px;
	margin: 20px;
	width:100%;
	color:yellow;
	font-size:7px;
	text-transform:capitalize;
	text-align: center;
	/* cursor: pointer;  */
}

.mystere.active{
	display : block
}

/* mail contact */
/* .contact a {
	text-align: center;
	color : var(--p--couleur);
	font-size : var(--p--taille_caractére);
	text-align: left;
	text-decoration: none;
} */

.wyylde_frame iframe {
	width: 90%;
	height: 70px;
	margin-inline: auto;
	margin-bottom: 30px;
}

.lien {
	font-size: 20px;
	background-color: green;
	text-align: center;
	text-decoration: none;
	cursor: pointer; 
	margin-bottom: 30px;
}

.lien a {
	text-decoration: none;
	font-size: 40px;
	color: orange;
}