/* custom.css — règles personnalisées reprises du site d'origine (adaptées : #mybtn-menu -> .mybtn-menu) */

.blocs-formation {
	padding: 8px;
	border: 0.50px solid #32a1ce;
	width: 99%;
	height: 240px;
}

.logo-agenda {
	position: absolute;
	top: 2%;
	left: 10%;
}

.logo-agenda:hover {
	border-style: solid 1px #000;
	filter: brightness(80%);
}

.rstpl-social {
	position: absolute;
	top: 40px;
	left: 3%;
}

@media screen and (min-width: 200px) and (max-width: 1024px) {
	.logo-agenda {
		top: 10px;
		left: 23%;
		width: 80px;
		height: 80px;
	}
	.rstpl-social {
		position: absolute;
		top: 40px;
		left: 5%;
	}
	.blocs-formation {
		height: 300px;
	}
}

.logo-icon { display: none; }

/* affichage des photos de contacts dans la liste */
.img-thumbnail {
	width: 100px;
	margin-right: 5px;
}

/* Les 2 grands boutons du menu */
.contener-mybtn {
	margin-bottom: -200px;
	position: absolute;
	right: -30px;
	z-index: 1031;
}

.mybtn-menu {
	width: 160px;
	background-color: #E35205;
	color: #fff;
	border-color: #fff;
}

.mybtn-menu:hover,
.mybtn-menu:focus {
	width: 160px;
	background-color: #E35205;
	color: #FDC00F;
	border-color: #fff;
}
/* FIN Les 2 grands boutons du menu */

.tabTotal { text-align: right; }

/* Liens du menu haut */
.nav-link { color: #fff; }
.nav-link:hover { color: #E35205 !important; }

@media screen and (max-width: 800px) {
	.contener-mybtn {
		margin-top: -10px;
		right: 10px;
	}
	.mybtn-menu { font-size: 11pt; }
	#div-gest { display: none !important; }
}
/* FIN Liens du menu haut */

/* Enlève le copyright Joomla au bas du footer */
.footer2 { display: none; }

/* Histogramme */
.intro-histo { background-color: #ffffff; padding: 10px 0; }
.container-histo { width: 90%; max-width: 1200px; margin: 0 auto; text-align: center; }
h1 { font-size: 2.5rem; }

/* Cotisation */
.mytable { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
.myth, .mytd { border: 1px solid #dddddd; text-align: left; padding: 8px; }
tr:nth-child(even) { background-color: #dddddd; }

/* Vidéo (plugin « up » d'origine) */
.upvideo-box { background-color: #000000; text-align: center; padding: 0; margin: 0 auto; width: 100%; height: auto; }
.upvideo-box video { width: 100%; height: auto; display: block; padding: 0; margin: 0; }
.upvideo-caption { color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; padding: 8px 5px; }
.upvideo-nosupport { color: #FFFFFF; padding-top: 110px; padding-bottom: 110px; }
