@charset "UTF-8";
/*!
 * (C) AARG 2022
 */

body {
	background-color: black;
	color: white;
	margin: 0;
}

/* Liens */
a:visited {
	color: white;
	text-decoration: none;
}

a:hover {
	color: orange;
	text-decoration: none;
}

/* Top menu */
.topbar {
	background-color: #00577C;
}

.container-topbar {
	display: inline-block;
}

.container-topbar .mod-menu {
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
}

.container-topbar .mod-menu ul {
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	display: table;
	overflow: hidden;
}

.container-topbar .mod-menu li {
	list-style-type: none;
	float: left;
	padding: 2px 30px 2px 30px;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Roboto;
	font-size: 24px;
	text-align: center;
}

.container-topbar .mod-menu li.current a {
	color: orange;
}

.container-topbar .mod-menu a {
	color: white;
	text-decoration: none;
}

.container-topbar .mod-menu a:visited {
	color: white;
	text-decoration: none;
}

.container-topbar .mod-menu a:hover {
	color: orange;
	text-decoration: none;
}

.mod-menu li .font-awesome-link {
	padding: 2px -0 2px 0;
	margin-right: -30px;
}

.font-awesome-link {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.font-awesome-brand-link {
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
}

#system-message-container {
	font-family: Roboto;
	font-size: 24px;
	position: relative;
	z-index: 1;
}

.visually-hidden {
	display: none;
}

/* Connexion menu */
.container-topbar-connexion {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #00577C;
	width: 150px;
	height: 70px;
	text-align: center;
}

.container-topbar-connexion .mod-menu {
	display: block;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: center;
}

.container-topbar-connexion .mod-menu li {
	list-style-type: none;
	font-family: Roboto;
	text-align: center;
	display: inline-block;
	color: black;
	background-color: white;
	font-size: 16px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	width: 125px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 8px;
}

.container-topbar-connexion .mod-menu a {
	color: black;
	text-decoration: none;
}

.navbar-toggler {
	display: none;
}

.username {
	display: inline-block;
	font-family: Roboto;
	padding-top: 12px;
}

/* Side menu (Calendar) */
.sidebar-left {
	font-family: Roboto;
	font-size: 24px;
}

.sidebar-left ul {
	width: 200px;
	padding-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
}

.sidebar-left li {
	margin-top: 10px;
	list-style-type: none;
}

.sidebar-left li:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
	height: 2em;
	
	position: relative;
  top: 0;
  left: 0;
}

/* Footer (copyright + mentions légales) */
.container-footer {
	position: absolute;
	bottom: 0;
	height: 52px;
	width: 100%;
}

.container-footer .grid-child {
	background-color: #00577C;
	font-family: Roboto;
	font-size: 14px;
	text-align: center;
}

/* Contenu central */
#container {
	position: relative;
	min-height: 100vh;
}

#content-section {
	padding-bottom: 52px;
	display: flex;
}

#content-section a {
	color: #ffdd91;
	text-decoration: none;
}

#content-section a:hover {
	color: orange;
	text-decoration: none;
}

#content-inside {
	display: inline;
	width: 100%;
}

/* Contenu central (articles - mise en page "hexagones") */
.com-content-hexagones {
	background-image: url("../images/transparent-logo-AARG38.png");
	box-shadow: inset 0 0 0 900px rgba(0,0,0,.75);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	min-height: 80vmin;
	font-family: Roboto;
	font-size: 1.6vmin;
	font-weight: bolder;
	color: white;
	padding: 0;
}

.com-content-hexagones h1 {
	width: 25vmin;
	min-height: 22vmin;
	text-align: center;
	margin: 0;
	box-shadow: inset 0 0 0 600px rgba(0,0,0,.25);
	clip-path: polygon(25% 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.com-content-hexagones h1:nth-child(1) {
	background: url('../images/hexagone1.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 20vw;
	top: 10vh;
	display: table;
}

.com-content-hexagones h1:nth-child(2) {
	background: url('../images/hexagone4.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 20vw;
	top: 10vh;
	display: table;
}

.com-content-hexagones h1:nth-child(3) {
	background: url('../images/hexagone2.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 10vw;
	top: 28vh;
	display: table;
}

.com-content-hexagones h1:nth-child(4) {
	background: url('../images/hexagone5.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 10vw;
	top: 28vh;
	display: table;
}

.com-content-hexagones h1:nth-child(5) {
	background: url('../images/hexagone3.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 20vw;
	top: 47vh;
	display: table;
}

.com-content-hexagones h1:nth-child(6) {
	background: url('../images/hexagone6.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 20vw;
	top: 47vh;
	display: table;
}

.com-content-hexagones h1:nth-child(7) {
	background: url('../images/hexagone7.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 40vw;
	top: 47vh;
	display: table;
}

.com-content-hexagones h1 a {
	display: table-cell;
	color: white !important;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}

.com-content-hexagones a:visited {
	color: white;
	text-decoration: none;
}

.com-content-hexagones a:hover {
	color: orange !important;
	text-decoration: none;
}

.com-content-hexagones p {
	padding-top: 25vh;
}

/*@media only screen and (max-width: 900px) {
	.com-content-hexagones p {
		padding-top: 25%;
	}
}*/

@media only screen and (max-width: 900px) {
	.container-topbar {
		max-width: 90%;
	}

	.com-content-hexagones {
		font-size: 1.7vw;
	}

	.com-content-hexagones h1 {
		width: 25vw;
		min-height: 22vw;
	}

	.com-content-hexagones p {
		padding-top: 20vh;
	}
}

/* Contenu central (articles - mise en page classique) */
.com-content-article {
	width: 90%;
	min-height: 600px;
	padding-left: 50px;
	font-family: Roboto;
}

.article-details {
	font-style: italic;
}

.com-content-article__body {
	padding-top: 20px;
	padding-bottom: 60px;
	position: relative;
	height: 100%;
}

.pagenavigation {
	position: absolute;
	bottom: 52px;
	width: 90%;
	font-size: 22px;
}

.pagination {
	padding: 0;
}

.pagenavigation ul {
	display: flex;
}

.pagenavigation li {
	list-style-type: none;
}

.previous {
	margin-right: auto;
}

.next {
	margin-left: auto;
}

.pagenavigation .previous::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f191";
}

.pagenavigation .next::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f152";
}

.pagenavigation span {
	display: none;
}

.pagenavigation .visually-hidden {
	display: inline;
}

/* Cas particuliers - Formulaires RSForm */
.rsform {
	width: 70%;
	margin-left : auto;
	margin-right: auto;
}

.formResponsive h2 {
	display: none;
}

.formControls button {
	margin: 0 10px 0 10px;
}

.formRequired {
	font-family: "Font Awesome 5 Free";
	font-weight: 900 !important;
}

.rsform_payment_total {
	font-size: 30px;
}

.rsfp_thankyou_popup_inner {
	color: black;
	font-family: "Roboto";
}

.rsfp-signature-body {
	color: black;
}

.especes {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.especes-nom {
	background-color: #00577C; 
}

.especes-mer {
	background-color: #311300;
	text-align: center;
}

.especes-douce {
	background-color: #00212F;
	text-align: center;
}

.especes-spacer {
	height: 2em;
}

.required-tooltip {
	
}

/* Cas particuliers - Slider bannières sponsors */
.banner {
	position: absolute;
	bottom: 52px;
	width: 100%;
}

.swiper-slide {
	background-color: black !important;
}

.swiper-pagination-bullets {
	display: none !important;
}

/* Cas particuliers - formulaire login */
.form-validate {
	font-family: "Roboto";
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	padding-top: 125px;
}

.control-group {
	padding-top: 20px;
}

.com-users-login {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.com-users-login .control-label {
	display: block;
	position: relative;
	
}

.com-users-login .controls {
	margin-bottom: 20px;
}

.com-users-login .form-control-feedback {
	color: red;
	margin-left: 30px;
}

.com-users-login__remember {
	text-align: center;
}

.com-users-login__submit {
	text-align: center;
}

.com-users-login__submit button {
	width: 150px;
	height: 30px;
}

.com-users-remind__submit {
	text-align: center;
	padding-top: 20px;
}

.com-users-remind__submit button {
	width: 150px;
	height: 30px;
}

.com-users-reset__submit {
	text-align: center;
	padding-top: 20px;
}

.com-users-reset__submit button {
	width: 150px;
	height: 30px;
}

.com-users-registration__submit {
	text-align: center;
	padding-top: 20px;
}

.com-users-registration__submit button {
	width: 150px;
	height: 30px;
}

.com-users-login__options {
	display: flex;
	width: 175px;
	flex-direction: column;
	font-family: Roboto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align: center;
}

.password-group meter {
	width: 50%;
}

.MielPops {
	position: absolute;
	left: -100%;
}

/* Cas particulier - Simple Image Gallery */
.fancybox-caption {
	font-family: Roboto;
}

/* Cas particulier - iCAgenda */
.ic-header-container {
	display: none;
}

.ic-list-view {
	font-family: Roboto;
}

.ic-list-event {
	width: 98% !important;
}

.ic-title-cat-btn {
	color: black !important;
}

.ic-event-view {
	font-family: Roboto;
}

.ic-top-buttons .small {
	font-size: 24px;
}

.iCicon {
	font-size: 24px;
}

.ic-full-description a {
	color: #ff8e00 !important;
}

.ic-pagination {
	font-family: Roboto;
}

.ic-go-to-page a {
	color: #ff8e00 !important;
}

.ic-page-first {
	text-align: center !important;
}

.ic-page-last {
	text-align: center !important;
}