/* ============================================================
> FEUILLE DE STYLE CSS PERSONALISEE
---------------------------------------------------------------
> Agence 					: APGL64
> Webdesign					: Jonathan AURIBAULT
> Développement Front-End 	: Jonathan AURIBAULT
> Intégration TYPO3 		: Jonathan AURIBAULT
--------------------------------------------------------------
> Site internet				: Centre de Gestion 64
============================================================== */


/* -> COULEURS
============================================================== */


/* Foncé <===---> Clair
---------------------------------------------------
Blanc		| #ffffff                     => @body-bg
Gris		| #616161 | #a1a1a1 | #bcbcbc => @text-color

Vert		| #008988 | #00abaa | #80d5d5 | #bfeaea => @brand-primary
Vert		| #008988 | #00abaa | #80d5d5 | #bfeaea => @brand-success
Bleu		| #0073a6 | #0090d0 | #80c8e4 | #bfe3f1 => @brand-info
Orange		| #c95722 | #fb6d2a | #fdb695 | #fedaca => @brand-warning
Rouge		| #bb3e47 | #ea4e59 | #f4a7ac | #fad3d5 => @brand-danger

------------------------------------------------------------------------

Gris		| #616161 | #797979 | #a1a1a1 | #bcbcbc | #dddddd => @grey
Vert		| #008988 | #00abaa | #4dc4c4 | #80d5d5 | #bfeaea => @green
Rouge		| #bb3e47 | #ea4e59 | #f0838b | #f4a7ac | #fad3d5 => @red
Bleu		| #0073a6 | #0090d0 | #4db2d9 | #80c8e4 | #bfe3f1 => @blue
Violet		| #890e68 | #ab1182 | #c459a8 | #d588c1 | #eac3e0 => @purple
Orange		| #c95722 | #fb6d2a | #fc996a | #fdb695 | #fedaca => @orange
Bleu marine	| #001840 | #001e50 | #4d6285 | #808fa8 | #bfc7d3 => @blue-2
Jaune		| #bcb951 | #ebe765 | #f1ee94 | #f5f3b2 | #faf9d8 => @yellow
Bleu roi	| #0626a7 | #082fd1 | #536edf | #8497e8 | #c1cbf3 => @blue-3

Gris		| #000000 | #4d4d4d | #808080 | #b3b3b3 | #cccccc | #f6f6f6 => @gray-base | @gray-darker | @gray-dark | @gray | @gray-light | @gray-lighter
---------------------
Facebook	| #3b5998
Twitter		| #5ea9dd

------------------------------------ */

body {
	font-family: 'Calibri', Arial, sans-serif;
	font-size: 18px;
	color: #616161;
	background: #ffffff;
}

/* -> TITRES
============================================================== */

h1 {
	font-family: 'Century Gothic', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #00abaa;
	margin: 10px 0 10px 0;
	border: none !important;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Century Gothic', Arial, sans-serif;
	position: relative;
	font-weight: 700;
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	border: none !important;
}

h2 {
	font-size: 24px;
	color: #00abaa;
}

h3 {
	font-size: 20px;
	color: #00abaa;
}

h4 {
	font-size: 18px;
	color: #00abaa;
}

/* -> SÉPARATEURS
============================================================== */

hr {
	margin: 15px 0;
	width: 100%;
	height: 1px;
	border: none;
	background-color: #00abaa;
}

hr.default {
	background-color: #00abaa;
}

hr.primary {
	background-color: #00abaa;
}

hr.success {
	background-color: #00abaa;
}

hr.info {
	background-color: #0090d0;
}

hr.warning {
	background-color: #fb6d2a;
}

hr.danger {
	background-color: #ea4e59;
}

/* -> LIENS
============================================================== */

a {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

/* -> LISTES
============================================================== */

.content ul {
	padding: 0 0 0 30px;
	list-style-type: none;
}

.content ul li {
	text-align: left;
}

.content ul>li:before {
	position: relative;
	font-family: "FontAwesome";
	font-size: 20px;
	content: "\f101";
	color: #00abaa;
	margin-right: 5px;
}

.content ul.nav>li:before,
.content ul.pagination>li:before,
.content ul.list-inline>li:before {
	display: none;
}

.content ul>li>ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}

.content ul>li>ul>li:before {
	font-size: 18px;
	content: "\f0da";
	color: #00abaa;
}

.content ul>li>ul>li>ul>li:before {
	font-size: 8px;
	content: "\f111";
}

/* -> BOUTONS
============================================================== */

.btn {
	font-size: 18px;
	color: #ffffff;
	border: none;
	border-radius: 25px;
	outline: none !important;
}

.btn:active,
.btn:focus,
.btn:hover {
	outline: none;
	box-shadow: none;
}

/* Couleurs
------------------------------------ */


/* Default & Primary */

.btn-default,
.btn-primary {
	background-color: #00abaa;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	background-color: #008988;
}

/* -> TABLEAUX
============================================================== */

.table {
	margin: 15px 0;
	background-color: #ffffff;
	border: none;
	font-size: 18px;
}

.table tbody tr th,
.table tbody tr td,
.table thead tr th,
.table thead tr td,
.table tfoot tr th,
.table tfoot tr td {
	color: #616161;
	border: none;
	border-right: 1px solid #CCCCCC;
	vertical-align: middle;
}

.table tr th:last-child,
.table tr td:last-child {
	border: none;
}

.table tr th {
	font-weight: 700;
}

.table tr td {
	font-weight: 400;
}

.table tr td {
	background-color: #ffffff;
}

.table tr:nth-of-type(even) td {
	background-color: #f6f6f6;
}

.table tr th {
	/*color: #00abaa;*/
	background-color: #f6f6f6;
}

.table tr:nth-of-type(even) th {
	/*color: #00abaa;*/
	background-color: #E5E5E5;
}

.table thead th,
.table tr.thead th {
	color: #ffffff !important;
	background-color: #00abaa;
	/*border: none;*/
}

.table tfoot th,
.table tr.tfoot th {
	color: #008988 !important;
	background-color: #4dc4c4;
	/*border: none;*/
}

/* -> FORMULAIRES
============================================================== */

::-webkit-input-placeholder {
	color: #a1a1a1 !important;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #a1a1a1 !important;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #a1a1a1 !important;
}

:-ms-input-placeholder {
	color: #a1a1a1 !important;
}

fieldset {}

legend {
	color: #00abaa;
	border: none;
}

label {
	font-size: 18px;
	color: #00abaa;
	padding-left: 5px;
}

textarea {
	min-height: 300px;
	resize: none;
}

.form-group {
	position: relative;
}

.form-group:last-child {
	margin: 0;
}

.form-control {
	font-size: 18px;
	color: #00abaa;
	padding: 5px 15px;
	box-shadow: none;
	border: none;
	background-color: #f6f6f6;
}

.input-group-addon {
	font-size: 18px;
	color: #ffffff;
	background: #00abaa;
	border: none;
	border-radius: 25px;
}

input[type='radio'],
input[type='checkbox'] {
	width: 20px;
	margin: 5px;
	background: transparent;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

form .btn {
	padding: 5px 30px;
	font-size: 18px;
	border-radius: 25px;
}

.form-control,
input[type='text'],
input[type='password'],
select,
select[size],
select[multiple],
form .btn {
	height: 50px;
	border-radius: 25px;
}

/* -> IMAGES
============================================================== */

@media (min-width: 768px) {
	.desktop {
		display: block !important;
	}

	.mobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}
}

/* Image
------------------------------------ */

figure.image {
	margin: 0 auto;
	display: inline-block;
	border: none;
}

figure.image.pull-left {
	margin-right: 20px;
}

figure.image.pull-right {
	margin-left: 20px;
}

.rulerbefore figure.image>img,
.rulerbefore figure.image a>img {
	border-radius: 50%;
}

/* Caption
------------------------------------ */

figure.image .caption p {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	color: #616161;
	text-align: center;
}

figure.image .caption p strong {
	font-size: 18px;
	font-weight: 700;
	color: #00abaa;
}

/* Hover
------------------------------------ */

figure.image a,
.hover-item {
	display: block;
	margin: 0;
	text-align: center;
}

figure.image a:before,
.hover-item:before {
	box-shadow: none;
}

figure.image a:hover:before,
.hover-item:hover:before {
	box-shadow: none;
}

.hover-info.empty {
	background: rgba(67, 66, 66, 0.5) url('../images/thumb-plus.png') no-repeat 50% 50%;
	background: rgba(227, 14, 30, 0.5) url('../images/thumb-plus.png') no-repeat 50% 50%;
	background: rgba(23, 120, 165, 0.5) url('../images/thumb-plus.png') no-repeat 50% 50%;
}

.hover-info,
.hover-info.empty {
	background-color: rgba(67, 66, 66, 0.5);
	background-color: rgba(227, 14, 30, 0.5);
	background-color: rgba(23, 120, 165, 0.5);
}

.hover-info h3,
.small .hover-info h3,
.medium .hover-info h3,
.large .hover-info h3 {
	font-size: 20px;
	height: 100px;
	margin-bottom: 0;
	color: #ffffff !important;
	border-bottom: 1px solid #ffffff;
}

.hover-info p,
.small .hover-info p,
.medium .hover-info p,
.large .hover-info p {
	font-size: 14px !important;
	color: #ffffff !important;
}

figure.image a,
figure.image a:before,
.hover-item,
.hover-item:before {
	border-radius: 0;
}

figure.image img,
figure.image a img,
.hover-img,
.hover-info {
	border-radius: 0;
	width: 100%;
}

/* Cover
------------------------------------ */


/*.cover-image,*/

figure.image .cover-image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto;
	/* Default Size */
	width: 200px;
	height: 200px;
}

/* TYPO3
------------------------------------ */

.text-image.pull-left {
	margin-right: 15px;
}

.text-image.pull-right {
	margin-left: 15px;
}

.text-image.pull-left,
.text-image.pull-right {
	max-width: 50%;
}

@media (max-width: 991px) {

	.text-image.pull-left,
	.text-image.pull-right {
		margin: 0;
		max-width: 100%;
	}
}

.text-image figure.image img {
	width: 100%;
}

/* -> ANIMATIONS
============================================================== */

.animate {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* -> ENTÊTE
============================================================== */

header {
	background-color: #f6f6f6;
}

/* Liens
------------------------------------ */

header .links {
	position: absolute;
	top: 85px;
	right: 0;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	z-index: 99999;
}

header .links .btn {
	font-size: 16px;
	background-color: #00abaa;
	border-radius: 25px 0 0 25px;
	order: 1;
}

header .links .btn:active,
header .links .btn:focus,
header .links .btn:hover {
	background-color: #008988;
}

header .links .btn>span {
	margin: 0 5px;
}

header .links .list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #00abaa;
	display: none;
	order: 2;
}

header .links .list li {
	position: relative;
	margin: 0;
	padding: 0;
}

header .links .list li:before {
	position: absolute;
	top: 40%;
	left: 10px;
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 8px;
	color: #4dc4c4;
}

header .links .list li.directory:before {
	display: none;
}

header .links .list li a {
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	color: #ffffff;
	padding: 15px 10px 15px 25px;
	background-color: #00abaa;
	display: inline-block;
}

header .links .list li a:hover {
	color: #008988;
	background-color: #bfeaea;
}

header .links .list li.directory a {
	padding: 15px 10px;
	color: #ffffff;
	background-color: #008988;
}

header .links .list li.directory a:hover {
	color: #bfeaea;
	background-color: #4dc4c4;
}

header .links .list li a img {
	display: none;
}

header .links .list li.directory a>img {
	display: inline;
	margin-top: -4px;
	margin-right: 5px;
}

@media (max-width: 991px) {
	header .links {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}

	header .links .btn {
		width: 100%;
		display: block;
		border-radius: 0 0 25px 25px;
		order: 2;
	}

	header .links .list {
		width: 100%;
		order: 1;
	}
}

/* Bandeau
------------------------------------ */

header .banner {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

/* Logo */

header .banner .logo {
	width: 100%;
	margin: 20px 0;
	/*margin-right: 15px;*/
	float: left;
}

/* Nom de l'établissement */

header .banner h2,
header .banner h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #00abaa;
	border: none;
}

@media (max-width: 991px) {

	header .banner h2,
	header .banner h3 {
		font-size: 16px;
		line-height: 20px;
	}
}

header .banner h2 {
	margin: 25px 0 0 0;
	text-transform: uppercase;
}

header .banner h3 {
	margin: 0;
	color: #a1a1a1;
}

header .banner h2:before,
header .banner h3:before {
	display: none;
}

/* Espace collectivité et recherche */

header .banner .user-search {
	position: relative;
	padding: 15px 0;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	header .banner .user-search {
		display: block;
	}
}

/* Espace collectivité */

header .banner .user {
	margin: 10px 0;
	padding: 0;
}

@media (min-width: 992px) {
	header .banner .user {
		margin-right: 15px;
	}
}

header .banner .user .btn {
	width: 100%;
	height: 35px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px 15px;
	background-color: #00abaa;
}

header .banner .user .btn>.fa {
	color: #008988;
	margin-right: 5px;
}

header .banner .user .btn:hover {
	background-color: #008988;
}

header .banner .user .btn:hover>.fa {
	color: #4dc4c4;
}

header .banner .user .btn.logout {
	background-color: #ea4e59;
}

header .banner .user .btn.logout>.fa {
	color: #bb3e47;
}

header .banner .user .btn.logout:hover {
	background-color: #bb3e47;
}

header .banner .user .btn.logout:hover>.fa {
	color: #f4a7ac;
}

/* Espace recherche */

header .banner .search {
	margin: 10px 0;
	padding: 0;
}

header .banner .search .input-group,
header .banner .search .input-group .form-control {
	width: 100%;
	background-color: #f6f6f6;
	border-radius: 25px;
}

header .banner .search .input-group .form-control {
	height: 35px;
	padding: 5px 10px;
	font-size: 16px;
	color: #00abaa;
	text-align: center;
	border: none;
	box-shadow: none;
}

header .banner .search .input-group-btn .btn {
	width: 35px;
	height: 35px;
	color: #ffffff;
	padding: 0;
	background-color: #00abaa;
	float: right;
	border-radius: 25px;
}

header .banner .search .input-group-btn .btn:hover {
	background-color: #008988;
}

header .banner .search .input-group-btn .btn>img {
	height: 60%;
	margin-bottom: 3px;
}

/* -> NAVIGATION
============================================================== */

.navbar {
	min-height: 50px;
	border: none;
	margin-bottom: 0;
	/*background-color: #f6f6f6;*/
	background-color: #ffffff;
	margin-bottom: 15px;
}

@media (max-width: 991px) {
	.navbar {
		background-color: #f6f6f6;
	}
}

/* Toggle
------------------------------------ */

.navbar .navbar-toggle {
	width: 50px;
	height: 50px;
	margin: 15px;
	border: none;
	border-radius: 50%;
	background-color: #ffffff;
}

.navbar .navbar-toggle .icon-bar {
	margin-left: 8px;
	background-color: #00abaa;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
	background-color: #00abaa;
}

.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:focus .icon-bar {
	background-color: #ffffff;
}

/* Menu
------------------------------------ */

.navbar .navbar-collapse {
	position: relative;
	max-height: 100%;
	border: none;
}

/* Niveau 1 */

.navbar .navbar-nav {
	display: flex;
	flex-wrap: wrap;
}

@media (max-width: 991px) {
	.navbar .navbar-nav {
		margin: 0 -15px;
	}
}

.navbar .navbar-nav>li {
	flex: 1 1 15%;
	text-align: center;
}

@media (max-width: 991px) {

	.navbar .navbar-nav>li,
	.navbar .navbar-nav>li:last-child {
		max-width: 100%;
		border: none;
		width: 100%;
		flex: none;
	}
}

.navbar .navbar-nav>li>a {
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	color: #797979;
	text-align: center;
	padding: 5px 10px;
	height: 60px;
	/*border-bottom: 5px solid #797979;*/
	line-height: 1.2;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar .navbar-nav>li>a {
		font-size: 14px;
	}
}

@media (max-width: 991px) {
	.navbar .navbar-nav>li>a {
		text-align: left;
		padding: 15px;
		display: block;
		height: auto;
		border-bottom: 5px solid #797979;
	}

	.navbar .navbar-nav>li:last-child>a {
		border: none;
	}

	.navbar .navbar-nav>li>a>br {
		display: none;
	}
}

.navbar .navbar-nav>li:first-child>a {
	font-size: 0;
	color: #f6f6f6;
}

.navbar .navbar-nav>li:first-child>a:before {
	position: absolute;
	content: '';
	font-family: "FontAwesome";
	font-size: 32px;
	content: "\f015";
	color: #797979;
}

.navbar .navbar-nav>li:first-child>a:hover:before {
	color: #797979;
}

.navbar .navbar-nav>li:first-child>a:focus:before,
.navbar .navbar-nav>li.active:first-child>a:before,
.navbar .navbar-nav>li.current:first-child>a:before {
	color: #797979;
}

@media (max-width: 991px) {
	.navbar .navbar-nav>li:first-child>a {
		padding-left: 55px;
		font-size: initial;
		color: initial;
	}

	.navbar .navbar-nav>li:first-child>a:before {
		top: 5px;
		left: 15px;
	}
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
	color: #00abaa;
	background-color: #f6f6f6 !important;
	border-radius: 25px;
}

@media (max-width: 991px) {

	.navbar .navbar-nav>li>a:hover,
	.navbar .navbar-nav>li>a:focus {
		border-radius: 0;
	}
}

/*.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,*/
.navbar .navbar-nav>li.open>a,
.navbar .navbar-nav>li.open>a:hover,
.navbar .navbar-nav>li.open>a:focus,
.navbar .navbar-nav>li.active>a,
.navbar .navbar-nav>li.active>a:hover,
.navbar .navbar-nav>li.active>a:focus,
.navbar .navbar-nav>li.current>a,
.navbar .navbar-nav>li.current>a:hover,
.navbar .navbar-nav>li.current>a:focus {
	color: #00abaa;
	/*background-color: #bfeaea;
	border-bottom: 5px solid #00abaa;*/
	background-color: #ffffff !important;
}

.navbar .navbar-nav>li>a:after {
	position: absolute;
	content: '';
	left: auto;
	right: auto;
	bottom: 0;
	width: 50%;
	height: 2px;
	background-color: #797979;
	z-index: 1;
}

.navbar .navbar-nav>li>a:hover:after,
.navbar .navbar-nav>li>a:focus:after {
	background-color: #00abaa;
}

@media (max-width: 991px) {
	.navbar .navbar-nav>li>a:after {
		display: none;
	}
}

/* Niveau 2 */

.navbar .navbar-nav>li ul.dropdown-menu {
	/*min-height: 250px;*/
	margin: 0;
	padding: 15px 0;
	background: #4dc4c4 url('../images/navbar-dropdown_green.png') repeat center;
	background-size: 50%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border: none;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li {
	list-style-type: none;
	border-top: 1px dotted #00abaa;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li:last-child {
	border-bottom: 1px dotted #00abaa;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>span {
	font-size: 16px;
	font-weight: 400;
	color: #616161;
	padding: 10px;
	display: block;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>a:before,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>span:before {
	position: relative;
	content: '';
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f105";
	color: #00abaa;
	margin-right: 5px;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>a:hover,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>a:focus,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li.current>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li.current>span,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li.active>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li.active>span {
	/*font-weight: 700;*/
	color: #008988;
	background-color: #4dc4c4;
}

/* Niveau 3 */

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul {
	/*margin: 0 0 15px 0;*/
	padding: 0 0 0 30px;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li {
	list-style-type: none;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>span {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	padding: 3px 15px;
	display: block;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>a:before,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>span:before {
	position: relative;
	content: '';
	font-family: "FontAwesome";
	font-size: 14px;
	content: "\f101";
	color: #00abaa;
	margin-right: 5px;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>a:hover,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>a:focus,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li.current>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li.current>span,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li.active>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li.active>span {
	/*font-weight: 700;*/
	color: #008988;
	background-color: #4dc4c4;
}

/* Niveau 4 */

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul {
	/*margin: 0 0 10px 0;*/
	padding: 0 0 0 30px;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li {
	list-style-type: none;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li>a {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	padding: 3px 15px;
	display: block;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li>a:before {
	position: relative;
	content: '';
	font-family: "FontAwesome";
	font-size: 6px;
	content: "\f111";
	color: #00abaa;
	margin-right: 5px;
}

.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li>a:hover,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li>a:focus,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li.current>a,
.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li>ul>li>ul>li.active>a {
	color: #008988;
	background-color: #4dc4c4;
}

/* Mega Menu */

@media (min-width: 992px) {

	.navbar .navbar-collapse,
	.navbar .navbar-nav>li {
		position: inherit;
	}

	.navbar .navbar-nav>li ul.dropdown-menu {
		width: 100%;
	}

	.navbar .navbar-nav>li ul.dropdown-menu>li>ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}

	.navbar .navbar-nav>li ul.dropdown-menu>li>ul>li {
		/*-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;*/
		/* Fix IE */
		/*width: 100%;
		float: left;*/
	}

	/* Dropdown Menu Effect */
	.navbar .navbar-nav .dropdown .dropdown-menu {
		/* Animation */
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		max-height: 0;
		padding: 0;
		display: block;
		overflow: hidden;
		opacity: 0;
	}

	.navbar .navbar-nav .dropdown.open .dropdown-menu {
		max-height: inherit;
		padding: 15px 0;
		opacity: 1;
	}
}

/* Recherche
------------------------------------ */

.navbar .search {
	border: none;
	box-shadow: none;
	margin: 15px 0;
	padding: 0;
}

@media (min-width: 992px) {
	.navbar .search {
		display: none;
	}
}

.navbar .search .input-group {
	width: 100%;
}

.navbar .search .input-group .input-group-btn {
	width: 50px;
}

.navbar .search .input-group .form-control {
	height: 50px;
	font-size: 20px;
	color: #00abaa;
	border: none;
	background-color: #ffffff;
}

.navbar .search .input-group-btn .btn {
	width: 50px;
	height: 50px;
	background-color: #00abaa;
}

.navbar .search .input-group-btn .btn:before {
	content: '';
	position: absolute;
	top: 25%;
	left: 30%;
	content: '';
	width: 24px;
	height: 25px;
	background: transparent url('../images/search.png') no-repeat center;
	background-size: 50% 50%;
}

.navbar .search .input-group-btn .btn:hover {
	background-color: #a1a1a1;
}

/* -> CAROUSEL
============================================================== */

.carousel {
	margin: 0 -15px;
	overflow: hidden;
}

.carousel .carousel-control {
	width: 100px;
	height: 100%;
	font-size: 50px;
	color: #ffffff;
	text-shadow: none;
	background: none;
	opacity: 1 !important;
	pointer-events: none;
}

.carousel .carousel-control:hover {
	color: #00abaa;
}

.carousel .carousel-control .fa {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -30px;
	pointer-events: visible;
}

@media (max-width: 991px) {
	.carousel .carousel-control .fa {
		top: 55%;
	}
}

.carousel .carousel-indicators {
	bottom: 0;
	margin-bottom: 0;
	padding: 20px;
	opacity: 1 !important;
	pointer-events: none;
}

.carousel .carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background-color: transparent;
	border: 2px solid #ffffff;
	pointer-events: visible;
}

.carousel .carousel-indicators li.active {
	background-color: #ffffff;
}

.carousel .carousel-inner .item {
	margin: 0;
	padding: 0;
	background-color: #4dc4c4;
	/*background: rgb(191,234,234);*/
	background: linear-gradient(138deg, rgba(191, 234, 234, 1) 0%, rgba(128, 213, 213, 1) 27%, rgba(77, 196, 196, 1) 51%, rgba(0, 171, 170, 1) 73%, rgba(0, 137, 136, 1) 100%);
}

.carousel .carousel-inner .item .cover-image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel .carousel-inner .item .cover-image.bg {
	position: absolute;
	width: 100%;
}

.carousel,
.carousel .carousel-inner .item,
.carousel .carousel-inner .item .cover-image,
.carousel .carousel-inner .item .container .carousel-caption {
	height: 400px;
}

@media (max-width: 1199px) {

	.carousel,
	.carousel .carousel-inner .item,
	.carousel .carousel-inner .item .cover-image,
	.carousel .carousel-inner .item .container .carousel-caption {
		height: 400px;
	}
}

@media (max-width: 991px) {

	.carousel,
	.carousel .carousel-inner .item,
	.carousel .carousel-inner .item .cover-image,
	.carousel .carousel-inner .item .container .carousel-caption {
		height: 350px;
	}
}

@media (max-width: 767px) {

	.carousel,
	.carousel .carousel-inner .item,
	.carousel .carousel-inner .item .cover-image,
	.carousel .carousel-inner .item .container .carousel-caption {
		height: 300px;
	}
}

.carousel .carousel-inner .item .container .carousel-caption {
	position: relative;
	top: 0;
	left: 0;
	margin-left: -30px;
	padding: 15px;
	background-color: transparent;
	font-weight: 300;
	color: #ffffff;
	text-align: left;
	text-shadow: none;
	/*float: right;
	width: 55%;*/
}

.carousel .carousel-inner .item.noimage .container .carousel-caption {
	margin: 0;
}

@media (max-width: 991px) {
	.carousel .carousel-inner .item.noimage .container .carousel-caption {
		margin: 0 -15px;
		/*float: none;
		width: 100%;*/
	}
}

.carousel .carousel-inner .item .container .carousel-caption a .fa {
	font-size: 12px;
}

.carousel .carousel-inner .item .container .carousel-caption a:hover {
	color: #ffffff !important;
}

.carousel .carousel-inner .item .container .carousel-caption .date {
	position: absolute;
	content: '';
	top: 15px;
	right: 15px;
	height: 50px;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	background-color: transparent;
	z-index: 99;
	/* Align Center */
	display: flex;
	align-items: center;
	justify-content: center;
}

.carousel .carousel-inner .item .container .carousel-caption .date>span {
	font-size: 18px;
	display: block;
}

.carousel .carousel-inner .item .container .carousel-caption h2 {
	position: relative;
	font-size: 60px;
	font-weight: 700;
	color: #ffffff;
	padding: 0 0 12px 0;
	margin: 0 0 10px 0;
}

.carousel .carousel-inner .item .container .carousel-caption h2>a {
	color: #ffffff;
}

.carousel .carousel-inner .item .container .carousel-caption h2>a:hover {
	opacity: 0.5;
}

.carousel .carousel-inner .item .container .carousel-caption ul.infos>li,
.carousel .carousel-inner .item .container .carousel-caption ul.infos>li>a {
	font-size: 12px;
}

.carousel .carousel-inner .item .container .carousel-caption p,
.carousel .carousel-inner .item .container .carousel-caption ul>li {
	font-size: 18px;
}

.carousel .carousel-inner .item .container .carousel-caption ul.infos>li>a {
	font-weight: 700;
	color: #ffffff;
}

.carousel .carousel-inner .item .container .carousel-caption ul.infos>li>a:hover {
	opacity: 0.5;
}

.carousel .carousel-inner .item .container .carousel-caption .btn {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 700;
	color: #00abaa !important;
	background-color: #ffffff;
	float: right;
}

.carousel .carousel-inner .item .container .carousel-caption .btn:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
	.carousel .carousel-inner .item .container .carousel-caption .date {
		width: auto;
		height: auto;
		padding: 5px 10px;
	}

	.carousel .carousel-inner .item .container .carousel-caption .date>span {
		margin-right: 5px;
		display: inline;
	}

	.carousel .carousel-inner .item .container .carousel-caption h2 {
		font-size: 40px;
		padding-bottom: 5px;
	}

	.carousel .carousel-inner .item .container .carousel-caption ul.infos>li,
	.carousel .carousel-inner .item .container .carousel-caption ul.infos>li>a {
		font-size: 10px;
	}

	.carousel .carousel-inner .item .container .carousel-caption p,
	.carousel .carousel-inner .item .container .carousel-caption ul>li {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.carousel .carousel-inner .item .container .carousel-caption .btn {
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.carousel .carousel-inner .item .cover-image {
		margin: 0 -15px;
	}

	.carousel .carousel-inner .item .cover-image:before,
	.carousel .carousel-inner .item .cover-image:after {
		display: none;
	}

	.carousel .carousel-inner .item .container .carousel-caption {
		/*display: none;*/
		margin: 0 -15px;
	}

	.carousel .carousel-inner .item.noimage .container .carousel-caption {
		top: 230px;
	}

	.carousel .carousel-inner .item .container .carousel-caption .date {
		top: -215px;
		right: 15px;
	}

	.carousel .carousel-inner .item .container .carousel-caption h2 {
		position: absolute;
		top: -300px;
		left: 0;
		right: 0;
		font-size: 30px;
		font-weight: 400;
		margin: 0 -20p;
		padding: 15px 20px;
		background-color: #00abaa;
		border: none !important;
	}

	.carousel .carousel-inner .item .container .carousel-caption .btn {
		position: absolute;
		top: -50px;
		right: 15px;
		font-size: 14px;
	}
}

/* -> FIL D'ARIANE
============================================================== */

/* Content version
------------------------------------ */

.breadcrumb ul,
.content ul.breadcrumb {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	border-radius: 25px;
	background: none;
}

.breadcrumb ul li>*,
.content ul.breadcrumb li>* {
	font-size: 18px;
	border-radius: 25px;
	display: inline-block;
}

.breadcrumb ul li:before,
.content ul.breadcrumb li:before {
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 18px;
	color: #00abaa;
	margin: 0 5px 0 0;
}

.breadcrumb ul li:first-child:before,
.content ul.breadcrumb li:first-child:before {
	content: '\f015';
	font-size: 28px;
	line-height: 0;
	bottom: -4px;
	/*display: none;*/
}

.breadcrumb ul li>a,
.content ul.breadcrumb li>a {
	padding: 5px 10px;
	color: #616161;
}

.breadcrumb ul li>span,
.content ul.breadcrumb li>span {
	padding: 5px 15px;
	/*color: #ffffff;
	background-color: #00abaa;*/
	color: #00abaa;
	background-color: transparent;
}

.breadcrumb .breadcrumb ul li>a:hover,
.breadcrumb .content ul.breadcrumb li>a:hover {
	color: #00abaa;
}

/* Header version
------------------------------------ */

.breadcrumb-section {
	margin-top: -1px;
	/*background-color: #00abaa;*/
	background-color: #f6f6f6;
	border: none;
}

.breadcrumb-section>.container>.row {
	flex-direction: row;
}

.breadcrumb-section .breadcrumb ul,
.breadcrumb-section .content ul.breadcrumb {
	margin: 15px 0;
	padding: 0;
}

/* -> DATE DE MODIFICATION DES PAGES
============================================================== */

.last-modified {
	margin-top: 8px;
	font-size: 14px !important;
	float: left;
}

@media (max-width: 991px) {
	.last-modified {
		margin-top: 20px;
		text-align: center;
		float: none;
	}
}

.last-modified strong {
	font-weight: 700;
}

/* -> BOUTON D'IMPRESSION ET TAILLE DES CARACTERES
============================================================== */

.controls {
	text-align: center;
	margin: 0;
	float: right;
}

@media (max-width: 991px) {
	.controls {
		float: none;
	}
}

.controls li {
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom
}

.controls li:before {
	display: none;
}

.controls li>a {
	height: 30px;
	font-size: 12px;
	line-height: 24px;
	color: #616161;
	background-color: #f6f6f6;
	display: block;
	border-radius: 25px;
}

.controls li>a:hover {
	color: #ffffff;
	background-color: #80d5d5 !important;
}

.controls li.pdf>a,
.controls li.rss>a,
.controls li.print>a {
	padding: 2px 10px 2px 5px;
}

.controls li.pdf>a:before,
.controls li.rss>a:before,
.controls li.print>a:before {
	position: relative;
	font-family: "FontAwesome";
	font-size: 16px;
	color: #00abaa;
	margin: 5px;
}

.controls li.pdf>a:before {
	content: "\f1c1";
}

.controls li.rss>a:before {
	content: "\f09e";
}

.controls li.print>a:before {
	content: "\f02f";
}

.controls li.fontsize_increase>a,
.controls li.fontsize_decrease>a {
	position: relative;
	width: 30px;
	text-indent: -5000px;
	background-color: #00abaa;
}

.controls li.fontsize_increase>a:before {
	left: 5px;
	width: 19px;
	background: transparent url('../images/fontsize_increase.png') no-repeat 0 0;
}

.controls li.fontsize_decrease>a:before {
	left: 8px;
	width: 15px;
	background: transparent url('../images/fontsize_decrease.png') no-repeat 0 0;
}

.controls li.fontsize_increase>a:before,
.controls li.fontsize_decrease>a:before {
	position: absolute;
	content: '';
	bottom: 4px;
	height: 21px;
	background-size: contain;
}

/* -> TITRE DE LA PAGE (uniquement en page d'accueil)
============================================================== */

.pagetitle {
	background-color: #00abaa;
}

.pagetitle h2 {
	font-size: 24px;
	font-weight: 300;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #00abaa;
	margin: 0;
	padding: 10px 15px;
	border: none;
}

.pagetitle h2:before {
	display: none;
}

.pagetitle a .fa {
	position: absolute;
	top: 0;
	right: 15px;
	padding: 10px 15px;
	z-index: 999;
	font-size: 28px;
	color: #ffffff;
}

.pagetitle a:hover .fa {
	color: #fc996a;
}

/* -> SIDEBAR
============================================================== */

.sidebar {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}

@media (min-width: 768px) {
	.sidebar {
		padding-bottom: 300px;
	}
}

/* -> Sidebar Panels
-------------------------------------------- */

.sidebar .panel {
	border: none !important;
}

@media (min-width: 768px) {
	/*.sidebar .panel:first-child {
		margin-top: 0;
	}*/
}

.sidebar .panel .panel-heading {
	padding: 5px 15px;
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	background: #00abaa;
}

/* TYPO3 Heading Frame (for News & Calendar)
-------------------------------------------- */

.sidebar .frame-type-list .panel {
	margin-top: 0;
	border: none;
}

/* panel-heading (equivalent) */

.sidebar .frame-type-list>h1 {
	padding: 10px 15px;
	font-size: 24px;
	font-weight: 400;
}

.sidebar .frame-type-list>h2 {
	padding: 0 15px 10px 15px;
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
}

.sidebar .frame-type-list>h1,
.sidebar .frame-type-list>h2 {
	margin: 0;
	color: #ffffff;
	text-align: center;
	background: #00abaa;
	border: none;
}

.sidebar .frame-type-list>h1:before,
.sidebar .frame-type-list>h2:before {
	display: none;
}

.sidebar .frame-type-list .panel .panel-heading {
	display: none;
}

/* Sidebar full height
------------------------------------ */

@media (min-width: 768px) {
	section>.container>.row {
		display: flex;
		flex-direction: row-reverse;
	}
}

/*.row {
    min-height: 100%;
    position: relative;
}
.sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
}
@media (max-width: 767px) {
    .sidebar {
        position: relative;
    }
}
@media (max-width: 991px) {
    .sidebar-leftright {
        position: relative;
    }
}
.sidebar-left {
    left: 0;
}
.sidebar-right {
    right: 0;
}*/


/* Menu (barre latérale)
------------------------------------ */


/* Niveau 1 */

.nav.nav-stacked {
	margin: 0;
}

.nav.nav-stacked>li {
	margin: 0;
}

.nav.nav-stacked>li>a {
	font-size: 18px;
	font-weight: 700;
	color: #616161;
	background-color: #ffffff;
	border-bottom: 0px solid #f6f6f6;
	border-radius: 0;
}

.nav.nav-stacked>li a:before {
	position: relative;
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f101";
	color: #00abaa;
	margin-right: 5px;
}

.nav.nav-stacked>li.active>a:before,
.nav.nav-stacked>li.current>a:before,
.nav.nav-stacked>li.active>a,
.nav.nav-stacked>li.current>a,
.nav.nav-stacked>li>a:hover,
.nav.nav-stacked>li>a:focus,
.nav.nav-stacked>li.active>a:hover,
.nav.nav-stacked>li.current>a:hover,
.nav.nav-stacked>li>a:hover:before,
.nav.nav-stacked>li>a:focus:before,
.nav.nav-stacked>li.active>a:hover:before {
	color: #ffffff;
	background-color: #f6f6f6;
	border-radius: 0 25px 25px 0;
}

.nav.nav-stacked>li>a>.fa {
	margin: 4px 0;
	float: right;
}

/* Niveau 2 */

.nav.nav-stacked>li>.nav.nav-list {
	background-color: #ffffff;
}

.nav.nav-stacked>li>.nav.nav-list>li>a {
	font-size: 16px;
	color: #616161;
	border-bottom: 0px solid #ffffff;
	padding-left: 30px;
}

.nav.nav-stacked>li>.nav.nav-list>li>a:before {
	content: "\f105";
}

.nav.nav-stacked>li>.nav.nav-list>li>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li>a:focus,
.nav.nav-stacked>li>.nav.nav-list>li>a:hover:before,
.nav.nav-stacked>li>.nav.nav-list>li>a:focus:before,
.nav.nav-stacked>li>.nav.nav-list>li.active>a,
.nav.nav-stacked>li>.nav.nav-list>li.current>a,
.nav.nav-stacked>li>.nav.nav-list>li.active>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li.current>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li.active>a:before,
.nav.nav-stacked>li>.nav.nav-list>li.current>a:before,
.nav.nav-stacked>li>.nav.nav-list>li.active>a:hover:before {
	color: #00abaa;
	background: none;
}

/* Niveau 3 */

.nav.nav-stacked>li>.nav.nav-list>li>ul {
	background-color: #ffffff;
}

.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a {
	font-size: 16px;
	font-weight: 400;
	color: #616161;
	border-bottom: 0px solid #ffffff;
	padding-left: 50px;
}

.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a:before {
	font-size: 8px;
	content: "\f111";
}

.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a:focus,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a:hover:before,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li>a:focus:before,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.active>a,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.current>a,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.active>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.current>a:hover,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.active>a:before,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.current>a:before,
.nav.nav-stacked>li>.nav.nav-list>li>ul>li.active>a:hover:before {
	color: #00abaa;
	background: none;
}

/* -> CONTENU DES PAGES
============================================================== */

.content {
	z-index: 99;
}

p {
	text-align: justify;
}

strong {
	font-weight: 700;
}

/* -> PIED DE PAGE
============================================================== */

footer {
	position: relative;
	margin-top: 30px;
	font-size: 16px;
}

footer.homepage {
	margin-top: 160px;
}

footer>div:first-child>.container {
	position: relative;
}

footer>div:first-child>.container:before {
	position: absolute;
	content: '';
	width: 200px;
	height: 200px;
	top: -130px;
	left: 0;
	background: transparent url('../images/logo-vert.svg') no-repeat 0 0;
	background-size: contain;
	z-index: -1;
}

/* Plan du site
------------------------------------ */

footer .sitemap {
	height: 0;
	background-color: #f6f6f6;
}

footer .sitemap ul {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

@media (min-width: 992px) {
	footer .sitemap div>ul {
		-webkit-columns: 3;
		-moz-columns: 3;
		columns: 3;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}

	footer .sitemap div>ul>li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}

footer .sitemap ul>li:before {
	position: relative;
	font-family: "FontAwesome";
	color: #00abaa;
	margin-right: 5px;
}

footer .sitemap ul>li,
footer .sitemap ul>li>a {
	font-size: 15px;
	font-weight: 700;
	color: #00abaa;
	text-transform: uppercase;
}

footer .sitemap ul>li>a:hover {
	color: #00abaa;
}

footer .sitemap ul>li>ul {
	margin: 5px 0 15px 0;
	padding: 0;
}

footer .sitemap ul>li>ul>li:before {
	font-size: 14px;
	content: "\f105";
}

footer .sitemap ul>li>ul>li,
footer .sitemap ul>li>ul>li>a {
	font-size: 13px;
	color: #616161;
	text-transform: none;
}

footer .sitemap ul>li>ul>li>ul {
	margin: 5px 0 15px 0;
	padding: 0 0 0 15px;
}

footer .sitemap ul>li>ul>li>ul>li:before {
	font-size: 4px;
	content: "\f111";
}

footer .sitemap ul>li>ul>li>ul>li,
footer .sitemap ul>li>ul>li>ul>li>a {
	font-weight: 400;
}

/* Infos
------------------------------------ */

footer .infos {
	padding: 30px 0;
	background-color: #00abaa;
}

@media (max-width: 991px) {
	footer .infos {
		padding-bottom: 15px;
	}
}

/* Logo */
footer .infos p img {
	margin: 0;
}

/* Menu */
footer .infos ul {
	margin: 0;
}

footer .infos ul li {
	color: #bfeaea;
	display: block;
}

footer .infos ul li a {
	font-size: 16px;
	color: #ffffff;
}

footer .infos ul li a:hover {
	color: #bfeaea;
}

/* Texte */
footer .infos h3,
footer .infos h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
}

footer .infos p,
footer .infos p a {
	font-size: 16px;
	color: #ffffff;
}

footer .infos p a {
	font-size: 16px;
	/*font-weight: 700;
	color: #bfeaea;*/
	color: #ffffff;
}

footer .infos p a:hover {
	/*color: #008988;*/
	color: #bfeaea;
}

@media (max-width: 991px) {
	footer .infos p {
		margin-top: 30px;
		text-align: center;
	}
}

/* Social & Share */
footer .infos ul.social {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

footer .infos ul.social li {
	margin: 0;
	padding: 10px 0;
}

footer .infos ul.social li a {
	width: 40px;
	height: 40px;
	font-size: 24px;
	color: #00abaa;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .infos ul.social li a:hover {
	color: #ffffff;
	background-color: #008988;
}

/* Liens
------------------------------------ */

footer .links {
	background-color: #80d5d5;
	text-align: center;
	margin-top: -1px;

	display: none;
}

footer .links ul {
	margin: 10px 0;
	padding: 0;
}

footer .links ul li {
	color: #bfeaea;
	margin: 2px 5px;
	padding: 0;
}

footer .links ul li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	font-size: 8px;
	color: #bfeaea;
	margin-right: 10px;
}

footer .links ul li:first-child:before {
	display: none;
}

footer .links ul li a {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
}

footer .links ul li a:hover {
	color: #008988;
	text-decoration: none;
}

/* Copyright
------------------------------------ */

footer .copyright {
	background: #00abaa;
	text-align: center;
}

footer .copyright p {
	font-size: 14px;
	margin: 10px 0;
	color: #ffffff;
	text-align: center;
}

footer .copyright a {
	color: #bfeaea;
}

footer .copyright a:hover {
	color: #008988;
}

/* Scroll top button
------------------------------------ */

footer .scroll-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: auto;
	height: auto;
	opacity: 1;
	background: none !important;
	z-index: 99999;
}

footer .scroll-top .btn {
	width: 80px;
	height: 80px;
	background-color: #616161;
	border-radius: 50%;
	/* Animation */
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

@media (max-width: 991px) {
	footer .scroll-top .btn {
		width: 50px;
		height: 50px;
	}
}

footer .scroll-top .btn:active,
footer .scroll-top .btn:focus,
footer .scroll-top .btn:hover {
	width: 100px;
	height: 100px;
	background-color: #008988;
}

@media (max-width: 991px) {

	footer .scroll-top .btn:active,
	footer .scroll-top .btn:focus,
	footer .scroll-top .btn:hover {
		width: 80px;
		height: 80px;
	}
}

/* -> BOOTSTRAP BADGES
============================================================== */

.badge {
	font-size: 18px;
}

/* -> BOOTSTRAP TABS
============================================================== */

.nav-tabs {
	margin: 30px 0 0 0;
	padding: 0 !important;
	border: none;
}

.nav-tabs>li {
	margin: 0 15px 0 0;
	border: none;
}

@media (max-width: 767px) {
	.nav-tabs>li {
		width: 100%;
	}
}

.nav-tabs>li>a {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.1;
	color: #008988;
	/*text-transform: uppercase;*/
	text-align: center;
	margin: 0;
	padding: 10px 15px;
	background-color: #4dc4c4;
	border: none;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus {
	background-color: #00abaa;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #ffffff !important;
	background-color: #00abaa;
	border: none;
}

.tab-content {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #f6f6f6;
	border-top: 2px solid #00abaa;
}

.tab-content>.tab-pane {
	padding: 0;
}

.tab-content>.tab-pane p,
.tab-content>.tab-pane table {
	margin: 0;
}

/* Impression */

.print_bs_tabs {
	display: none;
}

/* -> BOOTSTRAP PANELS GROUP
============================================================== */

.panel-group .panel {
	margin-top: 15px;
	border-radius: 25px;
	overflow: hidden;
}

.panel-group .panel .panel-heading {
	text-align: left;
	padding: 10px 15px;
}

.panel-group .panel .panel-heading a {
	color: #ffffff;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none;
	text-align: justify;
}

/* -> BOOTSTRAP PANELS
============================================================== */

.panel {
	margin: 30px 0 15px 0;
	box-shadow: none;
	background-color: #f6f6f6;
	border: none;
	border-radius: 25px;
	overflow: hidden;
}

.panel .panel-heading {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	/*text-transform: uppercase;*/
	padding: 10px 15px;
	border-bottom: 0;
}

.panel .panel-heading>span {
	font-weight: 300;
	text-transform: none;
	display: block;
}

.panel .panel-title {
	font-size: 18px;
	color: #ffffff !important;
	/*text-transform: uppercase;*/
	padding: 0;
	border: none;
}

.panel .panel-title:before {
	display: none;
}

.panel .panel-heading a {
	color: #4dc4c4;
}

.panel .panel-heading a:hover {
	color: #008988;
}

.panel .panel-body figure.image {
	display: block;
}

.panel .panel-body {
	background-color: #f6f6f6;
}

.panel .panel-body,
.panel .panel-body p,
.panel .panel-body li {
	color: #616161;
}

.panel .panel-body p.control {
	text-align: center;
}

.panel .panel-body p:first-child {
	margin-top: 15px;
}

.panel .panel-body p:last-child {
	margin: 0;
}

.panel .panel-body p .btn {
	margin: 15px 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
}

/* TYPO3 rules */

.rulerbefore .panel,
.rulerafter .panel {
	margin: 30px auto;
}

.rulerbefore .panel {
	width: 50%;
}

.rulerafter .panel {
	width: 70%;
}

/* Couleurs
------------------------------------ */


/* Default */

.panel-default .panel-heading {
	background-color: #00abaa;
}

.panel-default .panel-heading a {
	color: #4dc4c4;
}

.panel-default .panel-heading a:hover {
	color: #008988;
}

/* Primary */

.panel-primary .panel-heading {
	background-color: #00abaa;
}

.panel-primary .panel-heading a {
	color: #4dc4c4 !important;
}

.panel-primary .panel-heading a:hover {
	color: #008988 !important;
}

/* Success */

.panel-success .panel-heading {
	background-color: #00abaa;
}

.panel-success .panel-heading a {
	color: #80d5d5 !important;
}

.panel-success .panel-heading a:hover {
	color: #008988 !important;
}

/* Info */

.panel-info .panel-heading {
	background-color: #0090d0;
}

.panel-info .panel-heading a {
	color: #80c8e4 !important;
}

.panel-info .panel-heading a:hover {
	color: #0073a6 !important;
}

/* Warning */

.panel-warning .panel-heading {
	background-color: #fb6d2a;
}

.panel-warning .panel-heading a {
	color: #fdb695 !important;
}

.panel-warning .panel-heading a:hover {
	color: #c95722 !important;
}

/* Danger */

.panel-danger .panel-heading {
	background-color: #ea4e59;
}

.panel-danger .panel-heading a {
	color: #f4a7ac !important;
}

.panel-danger .panel-heading a:hover {
	color: #bb3e47 !important;
}

/* -> FLASH INFO PANELS
============================================================== */

.infos .panel {
	position: relative;
	background: none;
	display: table;
	width: 100%;
	margin: 30px 0 15px 0;
}

.infos .panel .panel-heading {
	position: relative;
	font-size: 18px;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 15px 8px 65px;
	width: 25%;
}

.infos .panel .panel-heading:before {
	position: absolute;
	content: '';
	top: 0;
	left: 15px;
	font-family: "FontAwesome";
	font-size: 40px;
	content: "\f05a";
	color: #ffffff;
	margin-right: 5px;
	z-index: 99;
}

.infos .panel .panel-body {
	padding: 10px 20px 10px 35px;
	background-color: #f6f6f6;
}

.infos .panel .panel-heading,
.infos .panel .panel-body {
	display: table-cell;
	vertical-align: middle;
}

.infos .panel .panel-body,
.infos .panel .panel-body p,
.infos .panel .panel-body li {
	font-size: 18px;
	color: #616161;
	text-align: center;
}

.infos .panel .panel-body p {
	margin: 5px 0;
}

.infos .panel .panel-body p a {
	color: #00abaa;
}

.infos .panel .panel-body p a:hover,
.infos .panel .panel-body p a:hover {
	color: #008988;
}

@media (max-width: 767px) {

	.infos .panel .panel-heading,
	.infos .panel .panel-body {
		width: 100%;
		display: inline-block;
	}

	.infos .panel .panel-heading {
		padding: 12px 15px 12px 55px;
	}

	.infos .panel .panel-heading:before {
		top: 3px;
		font-size: 30px;
	}
}

/* Couleurs
------------------------------------ */


/* Default */

.infos .panel-default .panel-body,
.infos .panel-default .panel-body p,
.infos .panel-default .panel-body li {
	color: #00abaa;
}

/* Primary */

.infos .panel-primary .panel-body,
.infos .panel-primary .panel-body p,
.infos .panel-primary .panel-body li {
	color: #00abaa;
}

/* Success */

.infos .panel-success .panel-body,
.infos .panel-success .panel-body p,
.infos .panel-success .panel-body li {
	color: #00abaa;
}

/* Info */

.infos .panel-info .panel-body,
.infos .panel-info .panel-body p,
.infos .panel-info .panel-body li {
	color: #0090d0;
}

/* Warning */

.infos .panel-warning .panel-body,
.infos .panel-warning .panel-body p,
.infos .panel-warning .panel-body li {
	color: #fb6d2a;
}

/* Danger */

.infos .panel-danger .panel-body,
.infos .panel-danger .panel-body p,
.infos .panel-danger .panel-body li {
	color: #ea4e59;
}

/* -> HOMEPAGE PANELS
============================================================== */

.panel.panel-home {
	margin: 15px 0;
}

.panel.panel-home.panel-small {
	height: 250px;
}

.panel.panel-home.panel-medium {
	height: 400px;
}

.panel.panel-home.panel-large {
	height: 500px;
}

.panel.panel-home .panel-heading {
	position: relative;
	padding: 15px 10px;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	color: #00abaa;
	text-align: center;
	text-transform: none;
	background-color: #f6f6f6;
	border-color: 5px solid #f6f6f6;
}

.panel.panel-home .panel-heading>span {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -1px;
	display: block;
}

.panel.panel-home .panel-body {
	position: relative;
	background-color: #f6f6f6;
	padding: 15px;
	height: inherit;
}

.panel.panel-home.panel-small .panel-body {
	padding-top: 0;
}

.panel.panel-home .panel-body p {
	text-align: center;
}

.panel.panel-home .panel-body figure.image {
	mix-blend-mode: multiply;
}

.panel.panel-home .panel-body figure.image img {
	width: 98%;
	/* Animation */
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.panel.panel-home .panel-body a:hover figure.image img {
	width: 100%;
}

.panel.panel-home.panel-small .panel-body figure.image img {
	width: auto;
	max-height: 150px;
}

.panel.panel-home.panel-small .panel-body a:hover figure.image img {
	width: auto;
	max-height: 160px;
}

/* Sans contenu (Ex. : portail)
------------------------------------ */

.panel.panel-home.nocontent .panel-body figure.image {
	height: 185px;
}

.panel.panel-home.nocontent .panel-body figure.image .hover-info.empty {
	background-position: 50% 35%;
}

.panel.panel-home.nocontent .panel-body p {
	position: relative;
}

.panel.panel-home.nocontent .panel-body p:last-child {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 99;
}

/* -> CUSTOM PANELS
============================================================== */


/* Menu
------------------------------------ */

.panel.menu {
	margin: 15px 0;
	background: none;
	overflow: visible;
}

@media (max-width: 767px) {
	.panel.menu {
		display: none;
	}
}

.panel.menu .panel-heading {
	background: none;
	display: none;
}

.panel.menu .panel-body {
	padding: 0;
	background: none;
}

/* Contact
------------------------------------ */

.panel.contact {
	margin: 30px 0;
	padding: 30px 0 15px 0;
	width: 100%;
	background: #f6f6f6 url('../images/contact.png') repeat center;
	background-size: 100%;
	border-radius: 0 25px 25px 0;
}

@media (max-width: 767px) {
	.panel.contact {
		position: relative;
		margin-bottom: 120px;
		border-radius: 25px 25px 0 0;
	}
}

.panel.contact .panel-heading {
	padding: 0 15px;
	font-size: 28px;
	font-weight: 400;
	line-height: 22px;
	color: #00abaa;
	text-align: center;
	text-transform: uppercase;
	background: none !important;
	border-bottom: 1px solid #00abaa;
	border: none !important;
}

.panel.contact .panel-body {
	padding: 0;
	background: none !important;
}

.panel.contact .panel-body h3 {
	position: relative;
	padding: 10px 15px 10px 65px;
	margin: 20px 0;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	background: #00abaa;
	border: none;
}

.panel.contact .panel-body ul {
	list-style-type: none;
	padding: 0;
}

.panel.contact .panel-body p,
.panel.contact .panel-body ul li {
	font-size: 18px;
	color: #616161;
	text-align: center;
	margin: 15px;
}

.panel.contact .panel-body p .fa,
.panel.contact .panel-body ul li .fa {
	color: #00abaa;
	margin-right: 5px;
}

.panel.contact .panel-body a {
	color: #616161;
}

.panel.contact .panel-body a:hover {
	color: #00abaa;
}

/* News
------------------------------------ */

.panel.newsticker .panel-body {
	background-color: #f6f6f6;
	padding: 0 15px;
}

.panel.newsticker .panel-body .noitem {
	margin-top: 70px;
	text-align: center;
}

.panel.newsticker.nodate .panel-body {
	/*height: 390px;*/
	height: 172px;
}

.panel.newsticker .panel-body .control {
	margin: 0;
}

.panel.newsticker .panel-body .control .btn {
	font-size: 50px;
	line-height: 20px;
	color: #00abaa;
	margin: 0;
	padding: 4px 5px;
}

.panel.newsticker .panel-body .control .btn .fa {
	line-height: 20px;
}

.panel.newsticker .panel-body .control .btn:hover {
	color: #008988;
}

.panel.newsticker .panel-body .scroll {
	/*height: 285px;
    overflow-y: hidden;*/
	list-style-type: none;
	margin: 4px 0 5px 0;
	padding: 0;
}

.panel.newsticker .panel-body .item {
	position: relative;
	height: 50px;
	margin: 0;
	border-top: 1px dotted #00abaa;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.panel.newsticker .panel-body .item:last-child {
	border-bottom: 1px dotted #00abaa;
}

.panel.newsticker .panel-body .item:before {
	display: none;
}

/*.panel.newsticker .panel-body .item:before {
    position: relative;
    content: '..................................................................................................';
    font-size: 16px;
}*/

.panel.newsticker .panel-body .item .date,
.panel.newsticker .panel-body .item .content {
	display: inline-block;
	vertical-align: middle;
}

.panel.newsticker .panel-body .item .date {
	width: 20%;
}

.panel.newsticker .panel-body .item .content {
	width: 79%;
}

.panel.newsticker.nodate .panel-body .item .date {
	display: none;
}

.panel.newsticker.nodate .panel-body .item .content {
	width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.panel.newsticker .panel-body .item .date {
		width: 25%;
	}

	.panel.newsticker .panel-body .item .content {
		width: 74%;
	}
}

.panel.newsticker .panel-body .item .date p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
	color: #00abaa;
}

.panel.newsticker .panel-body .item .date .day {
	font-size: 20px;
	font-weight: 700;
}

.panel.newsticker .panel-body .item .date .month {
	font-size: 12px;
	font-weight: 700;
}

.panel.newsticker .panel-body .item .date .year {
	font-size: 10px;
}

.panel.newsticker .panel-body .item p,
.panel.newsticker .panel-body .item a {
	font-size: 18px;
	text-align: left;
	color: #616161;
}

.panel.newsticker .panel-body .item a:hover {
	color: #00abaa;
}

.panel.newsticker .panel-body .item a:before {
	position: relative;
	content: '';
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: #00abaa;
	display: inline-block;
}

/* Publications
------------------------------------ */

.panel.newsletter {
	height: 515px;
}

.panel.newsletter .panel-body {
	background-color: #f6f6f6;
	padding: 0;
	/*height: 320px;*/
}

.panel.newsletter .panel-body .noitem {
	margin-top: 50%;
}

.panel.newsletter .panel-body>.scrollbar-inner {
	height: 100%;
}

.panel.newsletter .panel-body h1,
.panel.newsletter .panel-body h2 {
	display: none;
}

.panel.newsletter .panel-body .item {
	border-bottom: 1px dotted #00abaa;
	background-color: #ffffff;
	position: relative;
	min-height: 65px;
	/*margin: 0 12px 0 0;*/
	margin: 0;
	display: flex;
}

.panel.newsletter .panel-body .item:last-child {
	border: none;
}

.panel.newsletter .panel-body .item>div {
	padding: 0 10px;
	display: flex;
	align-items: center;
}

.panel.newsletter .panel-body .item .title {
	width: 20%;
	background-color: #bfeaea;
}

@media (max-width: 767px) {
	.panel.newsletter .panel-body .item .title {
		width: 30%;
	}
}

.panel.newsletter .panel-body .item .tooltip {
	font-size: 16px;
	opacity: 1;
}

.panel.newsletter .panel-body .item .tooltip.right .tooltip-arrow {
	left: 5px;
	border-right-color: #00abaa;
}

.panel.newsletter .panel-body .item .tooltip-inner {
	left: 5px;
	background-color: #00abaa;
}

.panel.newsletter .panel-body .item .news {
	/*width: 60%;*/
	flex: 1;
}

.panel.newsletter .panel-body .item .more {
	width: 50px;
	padding: 0;
}

/* Titre de la catégorie */

.panel.newsletter .panel-body .item .title>.fa {
	width: 100%;
	font-size: 34px;
	color: #00abaa;
	text-align: center;
}

.panel.newsletter .panel-body .item .title h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #00abaa;
	display: none;
}

@media (max-width: 767px) {
	.panel.newsletter .panel-body .item .title>.fa {
		display: none;
	}

	.panel.newsletter .panel-body .item .title h3 {
		display: block;
	}
}

.panel.newsletter .panel-body .item .title h3 .fa {
	font-size: 16px;
}

/* Liste des publications */

.panel.newsletter .panel-body .item .news ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
}

.panel.newsletter .panel-body .item .news ul li {
	text-align: left;
}

.panel.newsletter .panel-body .item .news ul li:before {
	display: none;
}

.panel.newsletter .panel-body .item .news ul li a {
	font-size: 16px;
	color: #616161;
}

.panel.newsletter .panel-body .item .news ul li a:hover {
	color: #00abaa;
}

.panel.newsletter .panel-body .item .news ul li a:before {
	position: relative;
	content: '';
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: #00abaa;
	display: inline-block;
}

/* Bouton pour affichage liste */

.panel.newsletter .panel-body .item .more .btn {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 28px;
	text-align: center;
	color: #00abaa !important;
	background: none;
}

.panel.newsletter .panel-body .item .more .btn:hover {
	color: #008988 !important;
}

/* Agenda
------------------------------------ */

.panel.agenda .panel-body {
	background: #ffffff;
	border: none;
	padding: 0 10px;
	padding: 0;
	/*height: 390px;*/
}

@media (min-width: 768px) and (max-width: 991px) {
	.panel.agenda .panel-body {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.panel.agenda .panel-body {
		padding: 0 15px;
	}
}

.panel.agenda .panel-body>.scrollbar-inner {
	height: 100%;
}

.panel.agenda .panel-body p .btn {
	margin: 26px 0;
}

/* Calendar */

.panel.agenda .panel-body div.calendar .table {
	background: none;
	box-shadow: none;
	margin: 0;
}

.panel.agenda .panel-body div.calendar .table thead {
	min-height: auto;
}

.panel.agenda .panel-body div.calendar .table thead tr th {
	padding: 5px 0;
	font-size: 18px;
	font-weight: 400;
	color: #00abaa;
	text-align: center;
	background: #4dc4c4;
	border: none;
}

.panel.agenda .panel-body div.calendar .table thead tr th .btn {
	padding: 0 10px;
}

.panel.agenda .panel-body div.calendar .table thead tr th .btn .fa {
	font-size: 24px;
	color: #00abaa;
}

.panel.agenda .panel-body div.calendar .table thead tr th .btn:hover .fa {
	color: #008988;
}

.panel.agenda .panel-body div.calendar .table thead tr th span {
	color: #00abaa;
}

.panel.agenda .panel-body div.calendar .table thead tr td {
	padding: 10px 0;
	font-size: 14px;
	font-weight: 700;
	color: #616161;
	text-align: center;
	text-transform: uppercase;
	background: none;
	border: none;
}

.panel.agenda .panel-body div.calendar .table tbody tr td {
	padding: 4px;
	text-align: center;
	background: none;
	border: none;
}

@media (min-width: 768px) and (max-width: 991px) {
	.panel.agenda .panel-body div.calendar .table tbody tr td {
		padding: 2px;
	}
}

@media (max-width: 767px) {
	.panel.agenda .panel-body div.calendar .table tbody tr td {
		padding: 5px;
	}
}

.panel.agenda .panel-body div.calendar .table tbody tr td span {
	width: 30px;
	height: 30px;
	padding: 4px;
	border-radius: 50%;
	display: inline-block;
}

.panel.agenda .panel-body div.calendar .table tbody tr td span.today {
	font-weight: 700;
	color: #ffffff;
	background-color: #00abaa;
}

.panel.agenda .panel-body div.calendar .table tbody tr td span.event {
	font-weight: 700;
	color: #ffffff;
	background-color: #00abaa;
	cursor: pointer;
}

.panel.agenda .panel-body div.calendar .table tbody tr td span.event.active {
	background-color: #00abaa;
}

.panel.agenda .panel-body div.calendar .table tbody tr td span.today.event {
	padding: 2px;
	border: 2px solid #ea4e59;
}

.panel.agenda .panel-body div.calendar .table tbody tr td.darker {
	color: #bcbcbc;
}

.panel.agenda .panel-body div.calendar .table tbody tr td.darker span.today,
.panel.agenda .panel-body div.calendar .table tbody tr td.darker span.event {
	color: #bcbcbc;
	background-color: #f6f6f6;
}

.panel.agenda .panel-body div.calendar .list-group {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item {
	margin: 1px 12px 0 0;
	padding: 10px 15px;
	background-color: #f6f6f6;
	border: none;
	display: flex;
	align-items: center;
	text-align: left;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item:before {
	display: none;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item a {
	padding: 0;
	font-size: 18px;
	color: #616161;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item a:hover {
	color: #00abaa;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item a:before {
	position: relative;
	content: '';
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background-color: #ea4e59;
	display: inline-block;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item .time,
.panel.agenda .panel-body div.calendar .list-group .list-group-item .title {
	display: inline-block;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item .time {
	width: 20%;
	/*font-size: 16px;
    font-weight: 700;*/
	color: #00abaa;
	text-align: center;
	display: none;
}

.panel.agenda .panel-body div.calendar .list-group .list-group-item .title {
	/*width: 79%;*/
	width: 100%;
}

/* Zabuto Calendar */

.panel.agenda .panel-body div.zabuto_calendar .table {
	background: none;
	box-shadow: none;
	margin-top: -40px;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th {
	padding: 5px 0;
	font-size: 18px;
	font-weight: 400;
	color: #00abaa;
	background: #4dc4c4;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .calendar-month-navigation {
	padding: 0;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th span {
	padding: 0;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa {
	font-size: 24px;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-month-header th .fa:hover {
	color: #008988;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr.calendar-dow-header th {
	padding: 10px 0;
	font-size: 14px;
	color: #616161;
	text-transform: uppercase;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr th,
.panel.agenda .panel-body div.zabuto_calendar .table tr td {
	border: none;
	background: none;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr td {
	padding: 0 !important;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day,
.panel.agenda .panel-body div.zabuto_calendar ul.legend li.event {
	font-weight: 700;
	color: #ffffff;
	padding: 3px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #00abaa;
}

.panel.agenda .panel-body div.zabuto_calendar .badge-today,
.panel.agenda .panel-body div.zabuto_calendar div.legend span.badge-today {
	font-weight: 700;
	color: #ffffff;
	padding: 5px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ea4e59;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr td.event div.day .badge-today,
.panel.agenda .panel-body div.zabuto_calendar ul.legend li.event .badge-today {
	padding: 3px;
	width: 100%;
	height: 100%;
}

.panel.agenda .panel-body div.zabuto_calendar .table tr:last-child {
	border: none;
}

/* Zabuto Calendar Modal */

.modal .modal-header {
	padding-bottom: 0;
}

.modal .modal-header h4 {
	font-size: 24px;
	color: #00abaa;
	text-align: left;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #00abaa;
}

.modal .modal-header h4:before {
	background-color: #00abaa;
}

.modal .modal-body {
	padding-top: 5px;
}

.modal .modal-lightbox .modal-body {
	padding: 0;
}

.modal .modal-body ul {
	margin: 0;
	text-align: center;
}

.modal .modal-footer {
	padding: 5px 15px;
}

.modal .modal-footer p {
	float: right;
}

/* -> GROUPE DE CARTES
============================================================== */

.cardgroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.cardgroup>.panel {
	margin: 10px;
	width: calc((100% / 3) - (10px * 2));
}

@media (max-width: 1199px) {
	.cardgroup>.panel {
		width: calc((100% / 2) - (10px * 2));
	}
}

@media (max-width: 991px) {
	.cardgroup>.panel {
		width: 100%;
	}
}

.cardgroup>.panel .panel-heading {
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cardgroup>.panel .panel-body {
	min-height: 200px;
}

.cardgroup>.panel .panel-body>figure.image {
	margin: -15px -15px 15px -15px;
	max-height: 160px;
}

.cardgroup>.panel .panel-body>figure.image>img {
	height: 100%;
	object-fit: cover;
}

.cardgroup>.panel .panel-body>ul {
	padding: 0;
}

.cardgroup>.panel .panel-body>ul a {
	color: #616161;
}

.cardgroup>.panel .panel-body>ul a:hover,
.cardgroup>.panel .panel-body>ul a:focus {
	color: #00abaa;
}

/* -> ARTICLES (News & Events)
============================================================== */


/* Article
------------------------------------ */

.article {
	position: relative;
	margin: 15px 0;
	background-color: #f6f6f6;
	border: none;
	border-left: 5px solid #00abaa;
	border: none !important;
	border-radius: 25px;
	overflow: hidden;
}

.article figure.image {
	margin: 0 15px 0 -15px;
	float: left;
}

@media (max-width: 1199px) {
	.article figure.image {
		margin-top: -5px;
	}
}

.article figure.image .cover-image {
	width: 140px;
	height: 155px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.article figure.image .cover-image {
		width: 150px;
		height: 210px;
		margin-top: -5px;
	}
}

@media (max-width: 991px) {
	.article figure.image {
		margin: -5px -15px 10px -15px;
		width: 110%;
	}

	.article figure.image .cover-image {
		width: 100%;
		height: 200px;
	}
}

.article h2 {
	margin: 0 0 5px 0;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #00abaa;
	border: none !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.article h2:before {
	background-color: #00abaa !important;
}

@media (max-width: 991px) {
	.article h2 {
		display: block;
	}
}

.article h2,
.article h2>a,
.article a>h2 {
	font-size: 24px;
	font-weight: 700;
	color: #00abaa !important;
}

@media (max-width: 1199px) {

	.article h2,
	.article h2>a,
	.article a>h2 {
		font-size: 24px;
	}
}

.article h2>a:hover,
.article a:hover>h2 {
	color: #008988 !important;
}

.article .infos {
	font-size: 14px !important;
	margin: 10px 0 5px 0 !important;
	padding-left: 0 !important;
}

.article .infos>li .fa {
	color: #00abaa;
}

.article p {
	color: #616161;
}

.article .date-button {
	width: 180px;
	float: right;
	margin: 0 -15px 0 15px;
}

@media (max-width: 1199px) {
	.article .date-button {
		margin-top: -5px;
	}
}

.article .date {
	width: 100%;
	height: 100px;
	padding: 5px 10px;
	font-size: 18px;
	font-weight: 300;
	color: #00abaa;
	text-align: center;
	background-color: #f6f6f6;
	/* Align Center */
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.article .date {
		height: 150px;
		padding: 30px 10px;
	}
}

@media (max-width: 991px) {
	.article .date {
		position: absolute;
		width: 180px;
		height: auto;
		top: 10px;
		right: 15px;
		color: #ffffff !important;
		background-color: #00abaa;
	}
}

.article .date>span {
	font-size: 30px;
	display: block;
}

@media (max-width: 991px) {
	.article.noimage .date {
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		margin-bottom: 15px;
	}

	.article.noimage .date>span {
		display: inline-block;
	}
}

.article .btn,
.article .btn:active,
.article .btn:focus,
.article .btn:hover {
	position: relative;
	width: 100%;
	margin: 0 !important;
	padding: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff !important;
	background-color: #4dc4c4;
	border-radius: 0;
	/* Animation */
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.article .btn:hover {
	color: #008988 !important;
	background-color: #00abaa;
}

/* Article Detail */

.article-detail .infos {
	padding-left: 0 !important;
}

.article-detail .infos>li .fa {
	color: #00abaa;
}

.article-detail .date {
	/*margin-top: -45px;
    max-width: 180px;
    width: auto;
    display: inline-block;*/
	padding: 5px 10px;
	color: #008988;
	text-align: center;
	background-color: #4dc4c4;
}

/*@media (max-width: 767px) {
    .article-detail .date {
        margin: 30px auto 0 auto;
        display: block;
    }
}*/


/* Pagination
------------------------------------ */

.article-pagination {
	margin: 0;
}

.article-pagination>div {
	padding: 10px 0;
}

.article-pagination>div:first-child {
	text-align: left;
}

.article-pagination>div:last-child p {
	text-align: right;
}

@media (max-width: 1191px) {

	.article-pagination>div,
	.article-pagination>div>p {
		text-align: center !important;
	}
}

.article-pagination ul {
	margin: 5px 0;
}

.article-pagination p {
	margin: 0;
}

.article-pagination .pagination>li>a,
.article-pagination .pagination>li>span {
	font-size: 12px;
	font-weight: 700;
	color: #ffffff !important;
	margin: 0 2px 5px 2px;
	padding: 7px 12px;
	border: none;
	background-color: #00abaa;
}

.article-pagination .pagination>li>a:focus,
.article-pagination .pagination>li>a:hover,
.article-pagination .pagination>li>span:focus,
.article-pagination .pagination>li>span:hover {
	background-color: #008988;
}

.article-pagination .pagination>.active>a,
.article-pagination .pagination>.active>a:focus,
.article-pagination .pagination>.active>a:hover,
.article-pagination .pagination>.active>span,
.article-pagination .pagination>.active>span:focus,
.article-pagination .pagination>.active>span:hover {
	background-color: #00abaa;
}

.article-pagination .pagination>.disabled>a,
.article-pagination .pagination>.disabled>a:focus,
.article-pagination .pagination>.disabled>a:hover,
.article-pagination .pagination>.disabled>span,
.article-pagination .pagination>.disabled>span:focus,
.article-pagination .pagination>.disabled>span:hover {
	color: #B3B3B3;
	background-color: #f6f6f6;
}

.article-pagination .pagination>li:first-child>a,
.article-pagination .pagination>li:first-child>span {
	margin-left: 0;
}

.article-pagination .pagination>li:last-child>a,
.article-pagination .pagination>li:last-child>span {
	margin-right: 0;
}

.article-pagination .btn {
	font-size: 12px;
	font-weight: 700;
	color: #ffffff !important;
	text-transform: uppercase;
	margin: 5px 0;
	padding: 7px 12px;
	background-color: #00abaa;
}

.article-pagination .btn:focus,
.article-pagination .btn:hover {
	background-color: #008988;
}

/* Catégories
------------------------------------ */

.article-filter .categories {
	margin: 15px 0 0 0;
	text-align: center;
}

.article-filter .categories li {
	margin: 5px;
	display: inline-block;
}

.article-filter .categories li:before {
	display: none;
}

.article-filter .categories li .btn {
	padding: 2px 8px;
	background-color: #00abaa;
}

.article-filter .categories li.all .btn {
	background-color: #616161;
}

.article-filter .categories li .btn:hover {
	background-color: #008988;
}

/* -> PAGES
============================================================== */


/* Titres */

.content h1,
.content h1 a {
	color: #00abaa;
}

.content h2,
.content h2 a {
	color: #00abaa;
}

.content h3,
.content h3 a {
	color: #00abaa;
}

.content h4,
.content h4 a {
	color: #00abaa;
}

/* Liens */

.content a {
	color: #00abaa;
}

.content a:hover {
	color: #008988;
}

/* Flux RSS */

.content .fa-rss,
.content .fa-rss-square {
	color: #00abaa;
}

/* Listes à puces */

.content .infos>li {
	font-size: 14px;
	margin-right: 15px;
	color: #616161;
}

.content .infos>li a {
	color: #00abaa !important;
}

.content .infos>li a:hover {
	color: #008988 !important;
}

.content .infos>li img {
	vertical-align: middle !important;
}

/* Paragraphes */

.content p {
	font-size: 18px;
	color: #616161;
}

/* Boutons */

.content .btn,
.content .btn:hover {
	color: #ffffff !important;
}

/* Bouton retour */

.content .back {
	margin: 10px 0;
	width: 100%;
	display: inline-block;
}

.content .back p {
	margin: 0;
	text-align: center;
}

/* Carousel */

.content .carousel .carousel-control.left .fa {
	left: 15px;
}

.content .carousel .carousel-control.right .fa {
	right: 15px;
}

.content .carousel .carousel-control .fa {
	left: auto;
	right: auto;
	width: 50px;
	height: 50px;
	font-size: 50px;
	color: #00abaa;
}

.content .carousel .carousel-control:hover .fa {
	color: #008988;
}

.content .carousel .carousel-indicators {
	padding: 15px;
}

.content .carousel .carousel-indicators li {
	border: 2px solid #ffffff;
	background-color: transparent;
}

.content .carousel .carousel-indicators li.active {
	background-color: #ffffff;
}

.content .carousel,
.content .carousel .carousel-inner .item,
.content .carousel .carousel-inner .item .cover-image {
	height: 500px;
}

@media (max-width: 1199px) {

	.content .carousel,
	.content .carousel .carousel-inner .item,
	.content .carousel .carousel-inner .item .cover-image {
		height: 400px;
	}
}

@media (max-width: 991px) {

	.content .carousel,
	.content .carousel .carousel-inner .item,
	.content .carousel .carousel-inner .item .cover-image {
		height: 300px;
	}
}

@media (max-width: 767px) {

	.content .carousel,
	.content .carousel .carousel-inner .item,
	.content .carousel .carousel-inner .item .cover-image {
		height: 300px;
	}
}

/* Home
------------------------------------ */

.content.homepage {}


/* Default & Contact
------------------------------------ */

.content.defaultpage,
.content.contactpage {}

/* -> TYPO3 (Core & Extensions)
============================================================== */


/* Core
------------------------------------ */

.frame {
	margin: 0;
	padding: 0;
}

.content .frame {
	margin: 15px 0;
}

/* Google Maps API Extbase
------------------------------------ */

.tx-go-maps-ext form,
.tx-go-maps-ext .js-map,
.tx-go-maps-ext .gme-cats,
.tx-go-maps-ext .gme-addresses {
	margin: 15px 0;
}

.tx-go-maps-ext form {
	text-align: center;
}

/* Powermail
------------------------------------ */

.tx-powermail .container-fluid {
	padding: 0;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap>label .mandatory {
	margin: 0 5px;
	color: #ea4e59;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap.nolabel>label {
	display: none;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit {
	text-align: right;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit>div {
	padding: 0;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit {
	background-color: #00abaa;
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:active,
.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:focus,
.tx-powermail .powermail_fieldset .powermail_fieldwrap.powermail_fieldwrap_type_submit .powermail_submit:hover {
	background-color: #008988;
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
	color: #ea4e59 !important;
	background-color: #f4a7ac !important;
	border-bottom: 2px solid #ea4e59 !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
	position: absolute;
	top: 0;
	right: 15px;
	text-align: right;
	z-index: 99;
	width: auto !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li {
	font-size: 18px;
	color: #ea4e59 !important;
	padding: 12px 15px !important;
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li:before {
	display: none;
}

/* Indexed Search
------------------------------------ */

.content .well {
	background: none;
	border: none;
	box-shadow: none;
}

/* Search Form */

.content .well form {
	margin: 0 0 10px 0;
}

.content .well form .form-group>a {
	width: 100%;
	text-align: center;
	display: inline-block;
}

/* Sections */

.content .well .list-group .list-group-item {
	margin: 0;
	padding: 10px;
	background-color: #f6f6f6;
	border: none;
}

.content .well .list-group .list-group-item:hover {
	background-color: #dddddd;
}

.content .well .list-group .list-group-item .badge {
	width: 25px;
	height: 25px;
	padding: 5px 0;
	font-size: 16px;
	color: #a1a1a1;
	text-align: center;
	background-color: #ffffff;
	display: inline-block;
	border-radius: 50%;
}

/* Results */

.content .well p {
	margin: 15px 0 10px 0;
	display: inline-block;
}

.content .well .media {
	padding: 15px;
	background-color: #f6f6f6;
	border-radius: 25px;
	border: none;
}

.content .well .media .media-body h4 {
	padding: 0;
	margin-bottom: 5px;
}

.content .well .media .media-body h4>span:first-child {
	width: 25px;
	height: 25px;
	padding: 5px 0;
	font-size: 16px;
	color: #a1a1a1;
	text-align: center;
	background-color: #ffffff;
	display: inline-block;
	border-radius: 50%;
}

.content .well .media .media-body h4>a {
	margin-left: 5px
}

.content .well .media .media-body h4>span:last-child {
	color: #a1a1a1;
	float: right;
}

.content .well .media .media-body p .tx-indexedsearch-redMarkup {
	padding: 2px 4px;
	color: #ffffff;
	/*background-color: #a1a1a1;*/
	background-color: #00abaa;
}

.content .well .media .media-body ul {
	margin-bottom: 0;
	padding: 0 0 0 5px;
	border-left: 3px solid #D9D9D9;
	display: inherit;
}

.content .well .alert {
	padding: 15px;
	text-align: center;
	color: #008988;
	background-color: #4dc4c4;
}

/* Pagination */

.content .well .tx-indexedsearch-browsebox>li:before {
	display: none;
}

.content .well .tx-indexedsearch-browsebox>li a {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff !important;
	margin: 0 2px 5px 2px;
	padding: 7px 12px;
	border: none;
	background-color: #00abaa;
	border-radius: 25px;
}

.content .well .tx-indexedsearch-browsebox>li a:focus,
.content .well .tx-indexedsearch-browsebox>li a:hover {
	background-color: #008988;
}

.content .well .tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage a,
.content .well .tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage a:focus,
.content .well .tx-indexedsearch-browsebox>.tx-indexedsearch-browselist-currentPage a:hover {
	background-color: #00abaa;
}

/* Indexed Search AutoComplete
------------------------------------ */

.ac_results {
	z-index: 9999 !important;
}

.ac_results iframe {
	display: none !important;
}

.ac_results ul {
	background-color: #f6f6f6 !important;
	border: 1px solid #D9D9D9 !important;
}

.ac_results ul li {
	padding: 5px 10px;
	font-size: 20px;
	background-color: #f6f6f6 !important;
}

.ac_results ul li.even {
	background-color: #ffffff !important;
}

.ac_results ul li:hover {
	background-color: #dddddd !important;
}

/* Media List
------------------------------------ */

.frame-type-uploads {
	margin: 15px 0;
	border-radius: 25px;
	overflow: hidden;
}

.frame-type-uploads h2 {
	position: relative;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 10px 15px 10px 45px;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff !important;
	text-align: center;
	text-transform: uppercase;
	background-color: #80d5d5;
	border: none !important;
}

.frame-type-uploads h2:before {
	position: absolute;
	top: 12px;
	left: 12px;
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f019";
	color: #ffffff;
	background: none !important;
	z-index: 99
}

.frame-type-uploads ul.media-list {
	padding-top: 15px;
	margin-top: 0;
}

.frame-type-uploads ul.media-list:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 40px;
	background-color: transparent;
}

ul.media-list {
	position: relative;
	background-color: #f6f6f6;
	padding: 15px;
	margin: 15px 0 0 0;
}

ul.media-list li.media {
	position: relative;
	margin: 5px 0;
	border-top: 1px dotted #616161;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.media-list li.media:first-child {
	border: none;
}

ul.media-list li.media:before {
	display: none;
}

ul.media-list li.media .media-left {
	padding: 0;
	margin-right: 10px;
	background-color: #ffffff;
	float: left;
}

ul.media-list li.media .media-left>a>img {}

ul.media-list li.media .media-body {}

ul.media-list li.media .media-body>h4 {
	margin: 0;
	padding: 0;
	border: none;
}

ul.media-list li.media .media-body>h4:before {
	display: none;
}

ul.media-list li.media .media-body>h4>a {
	min-height: 35px;
	font-size: 14px;
	color: #616161;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

ul.media-list li.media .media-body>h4>a:hover {
	color: #00abaa;
}

ul.media-list li.media .media-body>h4>a>span {
	position: relative;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	text-indent: -5000px;
	background-color: #00abaa;
	border-radius: 50%;
	display: inline-table;
}

ul.media-list li.media .media-body>h4>a>span:before {
	position: absolute;
	content: '';
	top: 5px;
	left: 7px;
	width: 10px;
	height: 14px;
	background: transparent url('../images/file.png') no-repeat 0 0;
	background-size: 100%;
	text-indent: -5000px;
	display: block;
}

ul.media-list li.media .media-body>h4>a>small {
	font-size: 14px;
	color: #00abaa;
}

ul.media-list li.media .media-body>h4>a>small:before {
	content: '|';
	margin-left: 5px;
}

ul.media-list li.media .media-body>p {
	font-size: 14px;
}

/* Center Layout */

ul.media-list.center {
	/*text-align: center;*/
}

ul.media-list.center li.media {
	margin: 10px;
	vertical-align: top;
}

ul.media-list.center li.media .media-left,
ul.media-list.center li.media .media-body {
	width: 100%;
	display: inline-block;
	background: none;
}

ul.media-list.center li.media .media-left {
	padding: 0;
	margin-bottom: 10px;
}

ul.media-list.center li.media .media-left>a>img {
	background-color: #ffffff;
	float: none;
	border-radius: 10px;
}

/* TYPO3 rules */

.rulerbefore,
.rulerafter {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.rulerbefore ul.media-list.center li.media {
	width: 22%;
	display: inline-block;
	text-align: center;
}

.rulerafter ul.media-list.center li.media {
	width: 44%;
	display: inline-block;
	text-align: center;
}

@media (max-width: 1199px) {
	.rulerbefore ul.media-list.center li.media {
		width: 44%;
	}
}

@media (max-width: 767px) {

	ul.media-list.center li.media,
	.rulerbefore ul.media-list.center li.media,
	.rulerafter ul.media-list.center li.media {
		width: 100%;
		text-align: left;
	}
}

/* Sitemap
------------------------------------ */

.content .frame-type-menu>ul {
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: none;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.content .frame-type-menu>ul>li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.content .frame-type-menu>ul>li>a {
	font-size: 20px;
	font-weight: 700;
	color: #00abaa !important;
	text-transform: uppercase;
}

.content .frame-type-menu>ul>li>a:hover {
	color: #008988 !important;
}

.content .frame-type-menu>ul>li>ul {
	padding: 0;
	margin: 0 0 10px 20px;
}

.content .frame-type-menu>ul>li>ul>li>a {
	font-size: 18px;
	font-weight: 700;
	color: #616161 !important;
}

.content .frame-type-menu>ul>li>ul>li>a:hover {
	color: #008988 !important;
}

.content .frame-type-menu>ul>li>ul>li>ul {
	padding: 0;
	margin: 0 0 10px 20px;
}

.content .frame-type-menu>ul>li>ul>li>ul>li>a {
	font-size: 18px;
	font-weight: 400;
	color: #616161 !important;
}

.content .frame-type-menu>ul>li>ul>li>ul>li>a:hover {
	color: #008988 !important;
}

/* YAG Gallery
------------------------------------ */

.tx-yag-album-albuminfo {}

.tx-yag-album-albuminfo .tx-yag-album-albumcaption {
	font-size: 24px;
}

.tx-yag-album-albuminfo .tx-yag-gallery-albumdescription {
	font-size: 14px;
	font-style: italic;
	text-align: justify;
}

.tx-yag-breadcrumbcomtainer {
	border: none;
	border-bottom: 1px solid #00abaa;
	margin-bottom: 10px;
	display: none;
}

.yag-list-wrap>ul {
	padding-left: 0;
}

.yag-item-thumb-outerframe {
	margin: 5px;
	width: 18% !important;
}

@media (max-width: 1199px) {
	.yag-item-thumb-outerframe {
		width: 23% !important;
	}
}

@media (max-width: 991px) {
	.yag-item-thumb-outerframe {
		width: 31% !important;
	}
}

@media (max-width: 767px) {
	.yag-item-thumb-outerframe {
		width: 31% !important;
	}
}

.yag-item-thumb-innerframe img {
	display: block;
	max-width: 100%;
	height: auto;
}

.tx-ptextlist-pager>li.cur>a,
.tx-ptextlist-pager>li.active>a {
	color: #ffffff;
}

.tx-ptextlist-pager-item-display {
	color: #00abaa;
}

/* Lightbox */

.mfp-bottom-bar h4 {
	color: #ffffff;
	margin: 0px 0 20px 0;
}

.mfp-bottom-bar p,
.mfp-counter {
	color: #ffffff;
}

.tx-yag-lightbox-permalink {
	margin-top: 20px;
	display: none;
}

/* ===========================================================
                        IMPRESSION
============================================================== */

@media print {
	@page {
		margin: 1.5cm;
	}

	a[href]:after {
		display: none;
	}

	body {
		font-size: 16px;
	}

	header,
	footer {
		display: none;
	}

	.sidebar,
	.content .controls {
		display: none;
	}

	.content figure.image {
		max-width: 8cm;
		margin: 0 0.5cm 0 0.5cm;
	}

	/* BS Accordion */
	.content .collapse {
		display: block;
		height: auto;
	}

	/* BS Tabs */
	.content .frame-type-bootstrap_package_tab>div[role='tabpanel'] {
		display: none;
	}

	.content .print_bs_tabs {
		display: block;
	}
}