/* CSS Extranet Noisy-le-Roi */

/******** SOMMAIRE ******************/
/*                                  */
/* 01 = Reset                       */
/* 02 = Taille de texte globale     */
/* 03 = Styles globaux              */
/* 04 = Structure                   */
/* 05 = Header                      */
/* 06 = Accueil                     */
/* 07 = Page interne                */
/* 08 = Menu gauche                 */
/* 09 = Login                       */
/* 10 = Breadcrumbs                 */
/* 11 = Actualites                  */
/* 12 = Share & Tools               */
/* 13 = Agenda                      */
/* 14 = Diaporama                   */
/* 15 = Recherche                   */
/* 16 = Annuaire                    */
/* 17 = Footer                      */
/* 18 = Pagination                  */
/* 19 = Formulaire                  */
/* 20 = Médiathèque                 */
/* 21 = Sommaire                    */
/* 22 = Pagination                  */
/* 23 = Projets                     */
/* 24 = Modal                       */
/* 25 = Organigramme                */
/* 26 = Calendrier des services     */
/* 27 = Notes de services           */
/* 28 = Notifications               */
/* 29 = Suivi des demandes          */
/*                                  */
/************************************/


:root {
	--main-color: #238445;
	--main-color-pale: #bfe18d;
	--secondary-color: #7fc41c;
	--third-color:  #f5b824;
	--jaune: #f5b824;
}


/* 00 = Fonts */
@font-face {/* Police d'icônes de Bootstrap */
    font-family: 'Glyphicons Halflings';
    src: url('../Fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../Fonts/glyphicons-halflings-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Philosopher-Bold';
    src: url('../Fonts/Philosopher-Bold.woff2') format('woff2'),
         url('../Fonts/Philosopher-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Philosopher-BoldItalic';
    src: url('../Fonts/philosopher-bolditalic-webfont.woff2') format('woff2'),
         url('../Fonts/philosopher-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Philosopher-Regular';
    src: url('../Fonts/Philosopher-Regular.woff2') format('woff2'),
         url('../Fonts/Philosopher-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../Fonts/OpenSans-Bold.woff2') format('woff2'),
         url('../Fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../Fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('../Fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../Fonts/OpenSans-Regular.woff2') format('woff2'),
         url('../Fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.pageTitle,
.section-home .section-home-title,
.frame-encart-info .element-header {
	font-family: "Philosopher-Bold";
}
.header .logo .logo-txt {
	font-family: "Philosopher-BoldItalic";
}
.rte-content blockquote {
	font-family: "Philosopher-Regular";
}
.section-home-events .date,
.section-home-events .events-title,
.files-list-ducotheque .media-title,
.rte-content h2,
.rte-content h3,
.pageContent h3,
.rte-content h4 {
	font-family: "OpenSans-Bold";
}
.site-main .lead,
.pageAside .navPrincipal a,
.section-home-news .carousel .title,
.pagesummary .sibling-item__title,
.section-flash-info .textmedia-item,
.accordion .accordion-title,
.section-ca-bouge .home-news-figure .circle {
	font-family: "OpenSans-SemiBold";
}
body,
.section-quick-access .quick-access-item-title {
	font-family: "OpenSans-Regular";
}

.liensUtiles li a::before,
.pagination .prev::before,
.pagination .next::before,
.pageAside .navPrincipal a::before,
.header .col-lg-8 .btn-default,
.btn-plus::after,
.frame-encart-info .element-header::before,
.rte-content blockquote::before {
    font-family: "Font Awesome 6 Pro";
}

/* 01 = Reset */
html, body, div, dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
form, fieldset {
	border: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
li {
	list-style: none;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
svg:not(:root) {
	overflow: hidden;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}/* Enlève le fond jaune sur Chrome */

	/* Bootstrap */
	.frame {
		margin: 0;
		padding: 0;
	}
	.newLazyload {
		opacity: 0.3;
		transition: opacity 0.2s ease-in;
	}
	.pageContent .list-unstyled {
		padding: 0;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding-right: 15px;
		padding-left: 15px;
	}


/* 02 = Taille de texte globale */
body {
	color: #333;
}


/* 03 = Styles globaux */
body {
	background-color: #f9f9f1;
}
a {
	color: #337ab7;
	text-decoration: none;
}
a:hover,
a:focus,
a:visited {
	color: #337ab7;
	text-decoration: none;
}
.bg-white,
 .col-right aside:not(.bg-white) .frame {
	border-radius: 5px;
	box-shadow: 0 0 10px rgb(0 0 0 / 5%);
	padding: 15px 20px 20px;
	background-color: #fff;
}
.rte-content aside:not(.col-right) .bg-white {
	padding: 40px 30px;
}
.pageContent a.external-link-new-window {
	padding-top: 1px;
	padding-right: 15px;
	background: url("{sitePathFile}Img/icons/ico-link.gif") no-repeat right center;
}
.pageContent a[id] {
	position: relative;
	top: -100px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
noscript {
	display: block;
}
.noscript {
	border: 1px solid #990000;
	border-radius: 3px;
	margin: 0 auto;
	padding: 6px 7px;
	width: 980px;
	background-color: #c00000;
	color: #fff;
	font-size: 13px;
	text-align: center;
}
address {
	font-style: normal;
}
iframe {
	margin-bottom: 1em;
	width: 100%;
}

/*---Class---*/
.float-right {
	float: right;
	margin: 0 0 1em 1em;
}
.float-left {
	float: left;
	margin: 0 1em 1em 0;
}
.clear,
.retourLigne {
	clear: both;
}
.overflow {
	overflow: hidden;
}
.margBot {
	margin-bottom: 10px;
}
.padBot {
	padding-bottom: 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.invisible {
	display: none !important;
}
.outScreen {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.ir {
	overflow: hidden;
	text-indent: 20em;
	white-space: nowrap;
}
.btnBack {
	border-radius: 3px;
	margin: 20px 0 0;
	width: 70px;
	background-color: #fff;
}
.btnBack a {
	display: block;
	padding: 5px 5px 5px 23px;
}
.site-main .btn-plus,
.site-main .previous {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--secondary-color);
	border-radius: 20px;
	margin: 0 auto;
	height: 40px;
	width: max-content;
	padding: 0 10px 0 40px;
	background-color: var(--secondary-color);
	color: #fff;
	font-size: .875em;
	text-decoration: none;
	transition: .3s ease;
}
	.site-main .btn-plus:is(:focus, :hover, :active),
	.site-main .previous:is(:focus, :hover, :active) {
		background-color: #fff;
		color: var(--secondary-color);
	}
	.site-main .btn-plus::after {
		position: absolute;
		top: 10px;
		left: 10px;
		content: "\f055";
		display: flex;
		align-items: center;
		height: 20px;
		width: 20px;
		font-size: 20px;
		font-weight: 600;
	}
.no-icon {
	background-image: none !important;
	padding-left: 0 !important;
}
p.empty {
	margin: 10px 0;
}
#menuResp .btnMenuResp {
	display: none;
}

/* Encarts */
.pageContent .frame-encart {
	border: none;
	padding: 40px 30px;
	background: linear-gradient(135deg, #d9d9d9 1%, #fff 1%, #fff 49%, #d9d9d9 49%, #d9d9d9 51%, #fff 51%, #fff 99%, #d5d5d5 99%);
	background-size: 15px 15px;
	background-position: 50px 50px;
}

.pageContent .frame-encart-info {

}
	.frame-encart-info .element-header,
	.frame-encart-info .element-header:last-child {
		position: relative;
		border-left: 3px solid var(--third-color);
		margin-left: 50px;
		padding: 10px 20px;
		color: #333;
	}
	.frame-encart-info .element-header::before {
		position: absolute;
		top: 15px;
		left: -50px;
		content: "\f672";
		color: var(--main-color);
		font-size: 30px;
		font-weight: 400;
	}


h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {

}

/* Liens */
/*.frame-type-textmedia a[href^="http"]::after,
.frame-type-textmedia a[href*="linkTo_UnCryptMailto"]::after,
.frame-type-textmedia a[href^="mailto:"]::after,
.input-group-addon .icon-link-at::after,
.frame-type-textmedia a[href^="tel:"]::after,
.frame-type-textmedia a[href$=".odt"]::after,
.frame-type-textmedia a[href$=".rtf"]::after,
.frame-type-textmedia a[href$=".txt"]::after,
.frame-type-textmedia a[href$=".doc"]::after,
.frame-type-textmedia a[href$=".docx"]::after,
.frame-type-textmedia a[href$=".pdf"]::after,
.frame-type-textmedia a[href$=".ods"]::after,
.frame-type-textmedia a[href$=".xls"]::after,
.frame-type-textmedia a[href$=".xlsx"]::after,
.frame-type-textmedia a[href$=".odp"]::after,
.frame-type-textmedia a[href$=".ppt"]::after,
.frame-type-textmedia a[href$=".pptx"]::after,
.frame-type-textmedia a[href$=".pps"]::after,
.frame-type-textmedia a[href$=".svg"]::after,
.frame-type-textmedia a[href$=".gif"]::after,
.frame-type-textmedia a[href$=".bmp"]::after,
.frame-type-textmedia a[href$=".png"]::after,
.frame-type-textmedia a[href$=".jpeg"]::after,
.frame-type-textmedia a[href$=".jpg"]::after,
.frame-type-textmedia a[href$=".rar"]::after,
.frame-type-textmedia a[href$=".zip"]::after,
.frame-type-textmedia a[href$=".7z"]::after,
.frame-type-textmedia a[href$=".wav"]::after,
.frame-type-textmedia a[href$=".mp3"]::after,
.frame-type-textmedia a[href$=".oga"]::after,
.frame-type-textmedia a[href$=".ogg"]::after,
.frame-type-textmedia a[href$=".avi"]::after,
.frame-type-textmedia a[href$=".ogm"]::after,
.frame-type-textmedia a[href$=".mpg"]::after,
.frame-type-textmedia a[href$=".mpeg"]::after,
.frame-type-textmedia a[href$=".mow"]::after,
.list-documents .bloc a::after,
.videos .bloc a::after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal normal normal 1em/1 "Font Awesome 6 Pro";
	margin: 0 5px;
	text-rendering: auto;
}
.frame-type-textmedia-type-textmedia a[href^="http"]::after {
	content: "\f0c1";
}
.frame-type-textmedia a[href*="linkTo_UnCryptMailto"]::after,
.frame-type-textmedia a[href^="mailto:"]::after,
.input-group-addon .icon-link-at::after {
	content: "\f003";
	transform: scale(0.85);
}
.input-group-addon .icon-link-at::after {
	transform: scale(1);
}
.frame-type-textmedia a[href^="tel:"]::after {
	content: "\f095";
}
.frame-type-textmedia a[href$=".odt"]::after,
.frame-type-textmedia a[href$=".rtf"]::after,
.frame-type-textmedia a[href$=".txt"]::after,
.frame-type-textmedia a[href$=".doc"]::after,
.frame-type-textmedia a[href$=".docx"]::after {
	content: "\f0f6";
	transform: scale(0.9);
}
.frame-type-textmedia a[href$=".pdf"]::after {
	content: "\f1c1";
	transform: scale(0.9);
}
.frame-type-textmedia a[href$=".ods"]::after,
.frame-type-textmedia a[href$=".xls"]::after,
.frame-type-textmedia a[href$=".xlsx"]::after {
	content: "\f1c3";
	transform: scale(0.9);
}
.frame-type-textmedia a[href$=".odp"]::after,
.frame-type-textmedia a[href$=".ppt"]::after,
.frame-type-textmedia a[href$=".pptx"]::after,
.frame-type-textmedia a[href$=".pps"]::after {
	content: "\f1c4";
}
.frame-type-textmedia a[href$=".svg"]::after,
.frame-type-textmedia a[href$=".gif"]::after,
.frame-type-textmedia a[href$=".bmp"]::after,
.frame-type-textmedia a[href$=".png"]::after,
.frame-type-textmedia a[href$=".jpeg"]::after,
.frame-type-textmedia a[href$=".jpg"]::after {
	content: "\f1c5";
}
.pageContent a.lightbox[href$=".svg"]::after,
.pageContent a.lightbox[href$=".gif"]::after,
.pageContent a.lightbox[href$=".bmp"]::after,
.pageContent a.lightbox[href$=".png"]::after,
.pageContent a.lightbox[href$=".jpeg"]::after,
.pageContent a.lightbox[href$=".jpg"]::after {
	display: none;
}
.frame-type-textmedia a[href$=".rar"]::after,
.frame-type-textmedia a[href$=".zip"]::after,
.frame-type-textmedia a[href$=".7z"]::after {
	content: "\f1c6";
}
.frame-type-textmedia a[href$=".wav"]::after,
.frame-type-textmedia a[href$=".mp3"]::after,
.frame-type-textmedia a[href$=".oga"]::after,
.frame-type-textmedia a[href$=".ogg"]::after {
	content: "\f1c7";
}
.frame-type-textmedia a[href$=".avi"]::after,
.frame-type-textmedia a[href$=".ogm"]::after,
.frame-type-textmedia a[href$=".mpg"]::after,
.frame-type-textmedia a[href$=".mpeg"]::after,
.frame-type-textmedia a[href$=".mow"]::after {
	content: "\f1c8";
}*/

.loading {
	background: url("../Img/loader.svg") no-repeat center center;
	-webkit-background-size: auto 25%;
	background-size: auto 25%;
	overflow: hidden;
	/*width: auto;*/
}
.backgroundLoading {
	height: 100%;
	width: 100%;
	background-color: #edede8;
}

body .cc_banner-wrapper {
	height: 0;
	animation: none;
}
.cc_banner-wrapper .cc_container {
	top: auto;
	bottom: 0;
}
video {
	max-width: 100%;
}

.extbase-debugger {
	display: none !important;
}
.extbase-debugger-floating {
	position: relative;
	z-index: 1001;
}

/* --- Bootstrap --- */
.pageContent .alert {
	margin-top: 1em;
	font-size: 1.5em;
}
.pageContent .form-horizontal .alert {
	margin-top: 0;
	font-size: 1em;
}
.container-fluid {
	padding: 0 15px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0 15px;
}
small {
	font-size: 80%;
}

/* Datepicker */
.ui-widget.ui-widget-content {
	border: 1px solid #ddd;
	width: 275px;
}


/* 04 = Structure */
#wrap .background {

}
#wrap .header {
	position: relative;
	z-index: 2;
	display: flex;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	height: 80px;
	background-color: #fff;
}
main {
	display: flex;
	min-height: calc(100vh - 60px);
}
	aside.pageAside {
		z-index: 10;
		box-shadow: 0 0 10px rgb(0 0 0 / 5%);
		width: 320px;
		background-color: #fff;
		color: #333;
		overflow: hidden;
		transition: .3s ease;
	}
	.mini aside.pageAside {
		width: 80px;
	}
	main .pageContent {
		margin: 0;
		width: calc(100% - 320px);
		transition: .2s ease-in-out;
	}
	.mini main .pageContent {
		width: calc(100% - 80px);
	}
:is(.container, .container-fluid) .frame-container {
	padding: 0;
	max-width: unset;
}


/* 05 = Header */
/* Skip links */
.skiplink {
	position: relative;
	left: 0;
}
.liens_skip {
	list-style-type: none;
}
.liens_skip a {
	position: absolute;
	top: -200px;
	left: 0;
	display: inline-block;
	padding: .6em;
	white-space: nowrap;
}
.liens_skip a:focus {
	top: 0;
	left: 0;
	z-index: 9999;
	background: #000;
	color: #fff;
}

/* Navigation */
.header .menuButton {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	height: 100%;
	min-width: 80px;
	width: 80px;
	background-color: #fff;
}
	.menuButton .burger {
		position: relative;
		border-radius: 5px;
		height: 3px;
		width: 22px;
		background-color: #333;
	}
	.menuButton .burger::before {
		position: absolute;
		top: -6px;
		left: 0;
		content: "";
		display: block;
		border-radius: 5px;
		height: 3px;
		width: 22px;
		background-color: #333;
	}
	.menuButton .burger::after {
		position: absolute;
		left: 0;
		bottom: -6px;
		content: "";
		display: block;
		border-radius: 5px;
		height: 3px;
		width: 22px;
		background-color: #333;
	}

/* Logo */
.header .logo a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	width: 240px;
	background-color: #fff;
	font-size: 1.875em;
}
	.header .logo .img {
		margin-right: 20px;
		height: 100%;
		width: auto;
		object-fit: cover;
	}
	.header .logo .logo-txt {
		color: #333;
		font-size: .8em;
	}

/* Recherche + Login */
.header .searchProfil {
	height: 100%;
	width: 100%;
}
	.header .searchProfil .col-lg-8 {

	}
		.header .frame-type-list .artifica-form {
			display: flex;
			align-items: center;
			height: 80px;
		}
			.header .frame-type-list .form-group {
				position: relative;
				margin: 0 auto;
				width: 100%;
			}
				.header .col-lg-8 .btn-default {
					position: absolute;
					top: 0;
					right: 0;
					border: 0;
					height: 50px;
					width: 50px;
					background-color: transparent;
					color: var(--secondary-color);
					font-size: 18px;
				}
		.header .frame-type-list .closeSearch {
			position: absolute;
			top: 0;
			right: 80px;
			left: auto;
			z-index: 30;
			display: none;
			border: 0;
			height: 80px;
			width: 80px;
			background: #fff url(../Img/cancel.svg) no-repeat center center;
			background-size: 20px 20px;
		}
		.header .col-lg-8 .form-control {
			display: block;
			border: 0;
			border-radius: 5px;
			height: 50px;
			width: 100%;
			background-color: #f5f5f5;
			color: #333;
			font-size: 1em;
			transition: .3s ease;
		}
		.header .col-lg-8 .form-control::placeholder {
			color: #666;
			transition: .3s ease;
		}
		.header .col-lg-8 .form-control:focus::placeholder {
			color: #ccc;
		}
		.header .artifica-form label {
			margin-bottom: 0;
		}
		.header .buttonMobileSearch {
			position: absolute;
			top: 0;
			right: 80px;
			left: auto;
			clear: both;
			z-index: 10;
			display: none;
			border: 0;
			height: 80px;
			width: 80px;
			background-color: #fff;
			color: var(--secondary-color);
			font-size: 18px;
		}
	.header .searchProfil .col-lg-4 {
		display: flex;
    	justify-content: end;
		border-left: 1px solid #ededed;
		height: 80px;
	}
		.header .searchProfil .dropdown-toggle {			
			cursor: pointer;
		}
		.header .searchProfil .dropdown-toggle::after {
			content: unset;
		}
			.header .searchProfil .frame-profil {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 100%;
			}
				.header .searchProfil .user {
					display: flex;
					align-items: center;
					padding-right: 15px;
					min-width: 80px;
					height: 100%;
				}
					.header .searchProfil .user .fa-circle-user {
						margin-right: 10px;
						font-size: 24px;
					}
					.header .searchProfil .user .txt {
						margin-right: 10px;
						font-size: .875em;
					}
					.header .searchProfil .user .fa-chevron-down {
						font-size: 14px;
					}
				.header .searchProfil .disconnect {
					display: flex;
					align-items: center;
					justify-content: center;
					border: none;
					border-left: 1px solid #ededed;
					margin-right: -15px;
					padding: 0;
					min-width: 80px;
					height: 80px;
					width: 80px;
					background-color: #fff;
					color: var(--main-color);
					font-size: 24px;
					transition: .3s ease;
				}
				.header .searchProfil .disconnect:is(:focus, :hover, :active) {
					background-color: var(--main-color);
					color: #fff;
				}
					.header .searchProfil .form-horizontal {
						margin: 0;
					}
		.header .searchProfil .dropdown-menu {
    		left: -75px !important;
			min-width: 300px;
			padding: 10px;
		}
			.header .searchProfil .logout-body {

			}
				.header .searchProfil .logout-top {
					/*border-bottom: 1px solid #e1e1e1;*/
					padding: 10px;
				}
					.header .searchProfil .logout-top-info {
						display: flex;
					}
						.header .searchProfil .logout-top-img {
							margin-right: 20px;
						}
					.header .searchProfil .logout-btn {
						padding: 10px 0;
					}
						.header .searchProfil .logout-btn .fa-edit {
							margin-right: 20px;
						}
				.header .searchProfil .logout-mid {
					padding: 10px;
				}


/* 06 = Accueil */
.site-main .pageContent {
	padding: 0 60px;
}
	.site-main .section-home {
		display: flex;
		flex-direction: column;
		border-top-left-radius: 0;
		margin-bottom: 30px;
	}
		.section-home .section-home-title {
			border-left: 3px solid var(--third-color);
			padding: 15px 0 10px 20px;
			margin: -15px 0 30px -20px;
			color: #333;
			font-size: 1.875em;
			transition: .3s ease;
		}

/* Une */
.col-lg-8 .uneRecords .list-unstyled {
	margin: 0 0 30px;
	position: relative;
}
	.col-lg-8 .uneRecords .list-unstyled li {
		padding: 0;
	}
		.col-lg-8 .uneRecords .media {
			border-radius:4px;
			background: #fff; /* Old browsers */
			background: -moz-linear-gradient(top, #fff 0%, #7f7f7f 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #fff 0%, #7f7f7f 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #fff 0%, #7f7f7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff,  endColorstr='#7f7f7f, GradientType=0 ); /* IE6-9 */
		}
		.col-lg-8 .uneRecords .title {
			position: absolute;
			top: auto;
			right: 20px;
			bottom: 50px;
			left: 30px;
			margin-bottom: 0;
			color: #fff;
			font-size: 1.875em;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
		}

/* Flash info */
.site-main .section-flash-info {

}
	.section-flash-info .flash-info-title {
		margin-bottom: 15px;
		border-color: #e95042;
		color: #e95042;
	}
	.section-flash-info .textmedia-item {
		padding: 0;
	}
	.section-flash-info .btn-plus {
		border-color: #e95042;
		margin: 20px 0 0;
		background-color: #fff;
		color: #333;
	}
	.section-flash-info .btn-plus:is(:focus, :hover, :active) {
		background-color: #e95042;
		color: #fff;
	}
	.section-flash-info .btn-plus::after {
		color: #e95042;
		transition: .3s ease;
	}
	.section-flash-info .btn-plus:is(:focus, :hover, :active)::after {
		color: #fff;
	}

/* Focus */
.site-main .section-focus {

}
	.section-focus .bg-white {
		display: flex;
		flex-wrap: wrap;
	}
		.section-focus .focus-title {
			width: 100%;
		}
		.section-focus .focus-img,
		.section-focus .focus-body {
			width: 50%;
		}
			.section-focus .focus-body h3 {
				margin-bottom: 5px;
			}
			.section-focus .focus-body p {
				font-size: .938em;
			}

/* Actus */
.site-main .section-home-news {

}
	.section-home-news .listing {
		margin-bottom: 35px;
		padding: 0 80px;
	}
		.section-home .carousel {
			overflow: unset;
		}
			.section-home .carousel-inner {

			}
				.section-home .carousel-item {
					padding: 0;
				}
					.section-home .carousel .list-item {
						padding: 0;
					}
						.section-home .carousel .item {
							height: unset;
							background-color: #fff;
						}
							.section-home .carousel figure {

							}
								.section-home .carousel picture {
									display: block;
									overflow: hidden;
									transition: .3s ease;
								}
								#wrap.mini .section-home-news .carousel picture {
									height: 400px;
								}
								#wrap:not(.mini) .section-home-news .carousel picture {
									height: 340px;
								}
									.section-home .carousel img {
										height: 100%;
										width: 100%;
										object-fit: cover;
										transition: .3s ease;
									}
									.section-home .carousel .link:is(:focus, :hover, :active) img {
										transform: scale(1.2);
									}
							.section-home .carousel .text {

							}
								.section-home .carousel .title {
									margin-bottom: 5px;
									font-size: 1.5em;
								}
									.section-home .carousel .title a {
										color: #333;
									}
								.section-home .carousel .txt {
									color: #737373;
									font-size: .938em;
									line-height: 2;
								}
			.section-home :is(.carousel-control-prev, .carousel-control-next) {
				width: 80px;
				opacity: 1;
				text-decoration: none;
				transition: .3s ease;
			}
			#wrap.mini .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
				height: 400px;
			}
			#wrap:not(.mini) .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
				height: 340px
			}
			.section-home-news .carousel-control-prev {
				left: -40px;
			}
			.section-home-news .carousel-control-next {
				right: -40px;
			}
				.section-home :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
					height: 80px;
					min-width: 80px;
					background-color: #fff;
					background-image: unset;
					color: var(--main-color);
					transition: .3s ease;
				}
				.section-home :is(.carousel-control-prev, .carousel-control-next):is(:focus, :hover, :active) :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
					color: #fff;
				}
				.section-home :is(.carousel-control-prev-icon, .carousel-control-next-icon)::before {
					z-index: 1;
				}
				.section-home :is(.carousel-control-prev-icon, .carousel-control-next-icon)::after {
					position: absolute;
					top: 50%;
					left: 50%;
					content: "";
					border: 1px solid var(--main-color);
					border-radius: 50%;
					height: 60px;
					width: 60px;
					transform: translate(-50%, -50%);
					transition: .3s ease;
				}
				.section-home :is(.carousel-control-prev, .carousel-control-next):is(:focus, :hover, :active) :is(.carousel-control-prev-icon, .carousel-control-next-icon)::after {
					background-color: var(--main-color);
				}

/* Agenda */
.site-main .section-home-events {

}
	.section-home-events .card-group-element-item {
		margin-bottom: 30px;
		padding: 0;
	}
		.section-home-events .home-events-link {
			text-decoration: none;
		}
			.section-home-events .card {
				display: flex;
				flex-direction: row;
				border: none;
				transition: .3s ease;
			}
				.section-home-events .card-img-top {
					margin-right: 20px;
					height: 150px;
					width: 150px;
				}
					.section-home-events .card-img-top figure {
						margin-bottom: 0;
						height: 100%;
					}
						.section-home-events .card-img-top picture {
							height: 100%;
							width: 100%;
							overflow: hidden;
						}
							.section-home-events .card-img-top img {
								height: 100%;
								width: 100%;
								object-fit: cover;
								transition: .3s ease;
							}
							.section-home-events .home-events-link:is(:focus, :hover, :active) .card-img-top img {
								transform: scale(1.2);
							}
				.section-home-events .card-body {
					padding: 0;
				}
					.section-home-events .date {
						margin-bottom: 5px;
						color: var(--main-color);
						text-transform: uppercase;
					}
						.section-home-events .time-complex {
							display: flex;
						}
					.section-home-events :is(.events-time, .events-place) {
						color: #737373;
					}
					.section-home-events .events-time {
						margin-bottom: 10px;
					}
						.section-home-events .card-body .fa-regular {
							margin-right: 5px;
							color: var(--main-color);
						}

	/* Colonne droite */
	.col-right .section-home + .section-home {
		margin-top: 30px;
	}
	.col-right .files-list {

	}
		.files-list-ducothequ .ducotheque-title {
			margin-bottom: 0;
		}
		.files-list .list-unstyled {
			margin: 0 -20px 20px;
		}
			.files-list .list-item {
				display: flex;
				align-items: center;
				border-bottom: 1px solid #ededed;
				padding: 0;
				/*height: 280px;*/
			}
				.files-list .media {
					display: flex;
					align-items: center;
					padding: 0 20px;
					height: 100%;
					width: 100%;
					text-decoration: none;
				}
					.files-list .media-left {
						display: flex;
						align-items: center;
						justify-content: center;
						border: 1px solid var(--main-color);
						border-radius: 50%;
						margin-right: 15px;
						padding: 0;
						height: 40px;
						width: 40px;
						color: var(--main-color);
						font-size: 24px;
						transition: .3s ease;
					}
					.files-list .media:is(:focus, :hover, :active) .media-left {
						background-color: var(--main-color);
						color: #fff;
					}
					.files-list .media-body {

					}
						.files-list .media-title {
							margin-right: 5px;
							color: #333;
						}
						.files-list .extension {
							color: #737373;
							font-size: .875em;
						}
	.col-right .section-ca-bouge {

	}
		.section-ca-bouge .section-home-title {
			margin-bottom: 20px;
		}
		.section-ca-bouge .card-group-element-item {
			margin-bottom: 20px;
			padding: 0;
		}
			.section-ca-bouge .link {
				text-decoration: none;
			}
				.section-ca-bouge .card {
					flex-direction: row;
					border: none;
				}
					.section-ca-bouge .card-img-top {
						border-radius: 50%;
						height: 90px;
						width: 90px;
					}
						.section-ca-bouge .home-news-figure {
							margin-bottom: 0;
						}
							.section-ca-bouge .home-news-figure .circle {
								display: flex;
								align-items: center;
								justify-content: center;
								border-radius: 50%;
								height: 90px;
								width: 90px;
								background-color: var(--main-color-pale);
    							color: #fff;
    							font-size: 1.5em;
							}
					.section-ca-bouge .card-body {
						display: flex;
						flex-direction: column;
						justify-content: center;
						padding: 0 0 0 20px;
					}
						.section-ca-bouge .card-title {
							margin: 0 0 5px;
							font-size: 1.125em;
						}
						.section-ca-bouge .card-subtitle {
							margin: 0 0 5px;
							font-size: .875em;
						}
						.section-ca-bouge .card-date {
							font-size: .875em;
						}
							.card-date .fa-arrow-right-to-bracket {
								color: #7fc41c;
							}
							.card-date .fa-arrow-right-from-bracket {
								color: #e95042;
							}
		.section-ca-bouge .btn {
			margin-top: 30px;
		}
	.col-right .section-home-kiosque-ColDroite {

	}
		.col-right .files-list-kiosque_ColDroite .carousel {
			padding: 0 10px;
			margin: 0 auto;
			max-width: 220px;
		}
			.col-right .section-home .carousel-inner {

			}
				.section-home-kiosque-ColDroite .carousel .item {
					margin: 0 auto;
					max-width: 220px;
				}
					.col-right .section-home .carousel .title {
						margin: 10px 0 18px;
						font-size: 1em;
						text-align: center;
					}
			.col-right .section-home-kiosque-ColDroite :is(.carousel-control-prev, .carousel-control-next) {
				width: 50px;
			}
			.col-right .section-home-kiosque-ColDroite .carousel-control-prev {
				margin-left: -15px;
			}
			.col-right .section-home-kiosque-ColDroite .carousel-control-next {
				margin-right: -15px;
			}
				.col-right .section-home-kiosque-ColDroite :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
					height: 50px;
					min-width: 50px;
				}
					.col-right .section-home-kiosque-ColDroite :is(.carousel-control-prev-icon, .carousel-control-next-icon)::after {
						height: 40px;
						width: 40px;
					}

	/* Calendrier */
	.ui-widget {
		font-family: 'Source Sans Pro', Arial, Helvetica, Roboto, sans-serif;
	}
	.frameCalendar,
	.row .bloc {
		background-color: #fff;
		border-radius: 5px;
		margin-bottom: 30px;
		padding: 25px;
	}
	.row .bloc {
		text-align: left;
	}
	.frameCalendar,
	.row .fondBlanc {
		text-align: center;
	}
		.frameCalendar .title {
			margin-bottom: 20px;
			font-size: 1.5em;
			line-height: 1;
		}
			.col-lg-4 .ui-widget.ui-widget-content {
				border: 0;
				padding: 0;
				width: 100%;
			}
				.ui-datepicker .ui-datepicker-header {
					border: 0;
					margin-bottom: 20px;
					background-color: inherit;
					text-transform: uppercase;
				}
					.ui-datepicker .ui-datepicker-prev span,
					.ui-datepicker .ui-datepicker-next span {
						height: 20px;
						width: 11px;
						background-image: url("../Img/calendarArrow.svg");
						background-position: 0 0;
						background-size: 11px 20px;
						cursor: pointer;
					}
					.ui-datepicker .ui-datepicker-next span {
						transform: rotate(180deg);
					}
					.ui-datepicker .ui-datepicker-title {

					}

					.ui-datepicker .ui-datepicker-prev-hover,
					.ui-datepicker .ui-datepicker-next-hover {
						top: 2px;
						left: 2px;
						border: 0;
						background-color:transparent;
					}
					.ui-datepicker .ui-datepicker-next-hover {
						right:2px;
						left:auto;
					}

					.ui-state-active,
					.ui-widget-content .ui-state-active,
					.ui-widget-header .ui-state-active,
					a.ui-button:active,
					.ui-button:active,
					.ui-button.ui-state-active:hover {
						border-color: transparent;
						background-color: transparent;
						color: #000;
					}

				.pageContent .ui-datepicker table {
					font-size: 1em;
				}
					.ui-datepicker th {
						color: #737373;
					}
						.ui-state-default,
						.ui-widget-content .ui-state-default,
						.ui-widget-header .ui-state-default,
						.ui-button, html .ui-button.ui-state-disabled:hover,
						html .ui-button.ui-state-disabled:active {
							color: #737373;
							text-align: center;
							transition: color .3s;
						}
						.ui-state-default:hover,
						.ui-widget-content .ui-state-default:hover {
							color: #333;
						}

						.ui-state-hover,
						.ui-widget-content .ui-state-hover,
						.ui-widget-header .ui-state-hover,
						.ui-state-focus,
						.ui-widget-content .ui-state-focus,
						.ui-widget-header .ui-state-focus,
						.ui-button:hover,
						.ui-button:focus {
							border-color: transparent;
							background-color: transparent;
						}

						.ui-state-highlight,
						.ui-widget-content .ui-state-highlight,
						.ui-widget-header .ui-state-highlight,
						.ui-state-highlight:hover,
						.ui-widget-content .ui-state-highlight:hover,
						.ui-widget-header .ui-state-highlight:hover {
							color: #2ebaee;
						}

			.calendar .button {
				display: inline-block;
				border-radius: 4px;
				margin: 15px auto 0;
				padding: 12px 23px;
				background-color: var(--main-color);
				color: #fff;
				line-height: 1;
				text-transform: uppercase;
			}

/* Accès rapides */
.site-main .section-quick-access {
	border-left: 3px solid var(--main-color);
	border-bottom-left-radius: 0;
	margin-top: 30px;
}
	.section-quick-access .quick-access-title {
		border-left: 0;
		margin-bottom: 0;
	}
	.section-quick-access .mosaic-quick-access {
		display: flex;
		justify-content: space-between;
	}
		.section-quick-access .article-quick-access {
			min-width: calc(100% / 8);
		}
			.section-quick-access .link {
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				text-decoration: none;
			}
				.section-quick-access .quick-access-icon {
					margin-bottom: 5px;
					font-size: 48px;
					transition: .3s ease;
				}
				.section-quick-access .link:is(:focus, :hover, :active) .quick-access-icon {
					transform: translateY(-15px);
				}
					.section-quick-access .quick-access-icon .img-fluid {
						max-height: 48px;
						max-width: 60px;
						min-height: 48px;
						height: 100%;
						width: 100%;
					}
				.section-quick-access .quick-access-item-title {
					margin-bottom: 0;
					color: #333;
					font-size: .875em;
					text-align: center;
				}

/* Liens utiles */
.row .col-lg-4 .liensUtiles {
	padding: 20px 0 0 30px;
	text-align: inherit;
}
	.liensUtiles .titleLiens {
		margin-bottom: 30px;
		font-size: 1.5em;
	}
		.pageContent .liensUtiles .list-unstyled {
			margin: 0;
		}
			.liensUtiles .list-unstyled li {
				border-top: 1px solid #ddd;
				padding: 0;
			}
				.liensUtiles .title {
					margin: 0;
					font-size: 1.125em;
					line-height: 1;
				}
					.liensUtiles li a {
						position: relative;
						display: block;
						padding: 15px 0;
						color: #737373;
						overflow: hidden;
						transition: color .3s;
					}
					.liensUtiles li:hover a {
						color: #333;
					}
						.liensUtiles li a::before {
							content: "\f105";
							margin: 0 .5em 0 -15px;
							transition: margin .3s;
						}
						.liensUtiles li:hover a::before {
							margin-left: 0;
						}


/* 07 = Page interne */
.pageContent .headerContent {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
	width: 100%;
	overflow: hidden;/* ie ! */
}
	.headerContent .bg-white {
		display: flex;
		border-left: 3px solid var(--main-color);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.headerContent .pageTitle {
			order: 2;
			margin: 0 0 10px;
			font-size: 2.25em;
		}
	.site-main .lead {
		font-size: 1.250em;
	}

/* Colonne de droite */
.pageContent .col-lg-8 {
	position: relative;
	margin-bottom: 30px;
	min-height: calc(100vh - 110px);
}
.pageContent .single-directories.col-lg-8 {
	min-height: inherit;
}
.pageContent .col-lg-12 {
	margin-bottom: 30px;
}
	.pageContent .col-lg-9 .fondBlanc {
		margin-bottom: 0;
		padding: 30px;
		overflow: hidden;
		text-align: inherit;
	}

/* RTE */
.pageContent .lead,
.rte-content .lead {
	margin-bottom: 1em;
	font-size: 1.5em;
}
.pageContent h2,
.rte-content h2,
.rte-content h2:last-child {
	color: var(--main-color);
	font-size: 1.875em;
}
.pageContent h3,
.rte-content h3 {
	margin-bottom: 1em;
	font-size: 1.5em;
}
.pageContent h4,
.rte-content h4 {
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 10px;
	font-size: 1.25em;
	text-transform: uppercase;
}
.pageContent h4::after,
.rte-content h4::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	height: 3px;
	width: 30px;
	background-color: var(--third-color);
}
.pageContent p,
.frame > p:last-child {
	margin:0 0 1em;
	font-size:1em;
	line-height:1.5;
}
.pageContent .bloc p,
.pageContent .rteContent {
	text-align: left;
}
.pageContent a {
	color: var(--main-color);
	text-decoration: underline;
}
	.pageContent a:is(:focus, :hover, :active) {
		text-decoration: none;
	}

.pageContent ul,
.pageContent ol {
	clear: both;
	margin: 0 0 12px;
	padding: 0 0 0 40px;
	font-size: 1em;
}
.pageContent ul {
	/*list-style: none;*/
}
.pageContent ul ol {
	padding: 0 0 0 20px;
}
    .pageContent ul li,
    .pageContent ol li {
    	list-style: inherit;
    }
    	.pageContent ul li::marker,
    	.pageContent ol li::marker {
    		color: var(--third-color);
    	}
    .pageContent ol li {
    	padding: 10px 0;
    }
    .pageContent ul li {
    	position: relative;
    	padding: 10px 0;
    }
        .pageContent ul li::before {
        	/*position: absolute;
        	top: 5px;
        	left: -40px;
        	content: '';
        	border-radius: 50%;
        	height: 30px;
        	width: 30px;
        	background: var(--main-color) url("../Img/listArrow.svg") no-repeat center center;
        	background-size: 6px 12px;
        	color: #fff;*/
        }
        .pageContent ul ol li::before {
        	display: none;
        }
        .pageContent ul.list-unstyled li::before,
        .pageContent ul.pagination li::before,
        .home .container .carousel-inner > .item::before {
        	display: none;
        }
        .pageContent ul li ul,
        .pageContent ol li ol {
        	margin-top: 20px;
        	padding: 0 0 0 40px;
        	font-size: 1em;
        	line-height: 1;
        }
        .pageContent ul li ul {
        	padding: 0 0 0 20px;
        }
            .pageContent ul li ul li,
            .pageContent ol li ol li,
            .pageContent ol li ul li,
            .pageContent ul li ol li {
            	font-size: initial;
            	line-height: initial;
            }
            .pageContent ul li ul li,
            .pageContent ol li ul li {
            	list-style: disc;
            }

.rte-content .frame {
	margin-bottom: 30px;
}
.rte-content .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage) + .frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
	margin-top: 0;
}

.rte-content blockquote {
	position: relative;
	border-left: 3px solid var(--third-color);
	margin-left: 50px;
	padding: 10px 20px;
	font-size: 1.313em;
	font-style: italic;
}
	.rte-content blockquote::before {
		position: absolute;
		top: 5px;
		left: -50px;
		content: "\f10d";
		color: var(--main-color);
		font-size: 36px;
		font-style: normal;
		font-weight: 400;
	}

/* Colonne gauche */
.col-lg-3 .telecharger {
	padding: 20px;
	text-align: inherit;
	word-break: break-word;
}
	.pageContent .telecharger .title {

	}
	.pageContent .telecharger .list-unstyled {
		margin: 0;
	}
		.telecharger .list-unstyled li {
			padding: 0;
		}
			.telecharger .list-unstyled .link {
				position: relative;
				display: block;
				border-top: 1px solid #ddd;
				padding: 15px 0 15px 45px;
				color: #646567;
				transition: color .3s;
			}
			.telecharger .list-unstyled li:hover .link {
				color: #333;
			}
			.telecharger .list-unstyled li:first-child .link {
				border: 0;
			}
				.telecharger .list-unstyled .link::before {
					position: absolute;
					top: 20px;
					left: 0;
					content: '';
					border-radius: 50%;
					height: 30px;
					width: 30px;
					background: url("../Img/download.svg") no-repeat center center;
					background-size: 30px 30px;
				}
				.telecharger .list-unstyled .link .fileTitle {
					display: block;
				}
				.telecharger .list-unstyled .link .extension {
					text-transform: uppercase;
				}

/* Tableaux */
.pageContent table {
	/*border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;*/
	margin-bottom: 20px;
	width: 100%;
}
.pageContent table p {
	margin: 0;
}
.pageContent caption {
	/*border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	padding: 5px 7px;
	background: #2a294b;
	color: #fff;
	font-size: 1.5em;*/
}
.pageContent table td,
.pageContent table th {
	padding: 5px;
	vertical-align: top;
}
.pageContent thead {
	text-align: center;
	font-size: 1.167em;
}
.pageContent tr td,
.pageContent tr th {
	/*border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	border-collapse: separate;
	border-spacing: 0;*/
}

/* Tableau astreintes */
.pageContent .btn.edit {
	box-shadow: none;
}
	.btn.edit .fa {
		margin-right: 10px;
	}

/* Accordion */
.site-main .accordion {

}
	.accordion .accordion-item {
		border: none !important;
	}
		.accordion > .card > .accordion-header {
			margin-bottom: 0;
			background-color: #fff;
		}
			.accordion .accordion-title {
				margin: 0;
				padding: 0;
			}
			.accordion .accordion-title::after {
				content: unset;
			}
				.accordion .accordion-title-link {
					border-bottom: 1px solid #e1e1e1;
					transition: .3s ease;
					text-decoration: none;
				}
				.accordion .accordion-title-link.collapsed {
					color: #737373;
				}
				.accordion .accordion-title-link:not(.collapsed) {
					color: var(--main-color);
				}
					.accordion .accordion-title-link-state {
						display: flex;
						align-items: center;
						justify-content: center;
						border: 1px solid #e0e0e0;
						border-radius: 50%;
						height: 30px;
						width: 30px;
						transition: .3s ease;
					}
					.accordion .accordion-title-link:not(.collapsed) .accordion-title-link-state {
						border-color: var(--main-color);
					}
					.accordion .accordion-title-link-state::before,
					.accordion .accordion-title-link-state::after {
						left: auto;
						width: 15px;
						background-color: #7c7c7c;
					}
					.accordion .accordion-title-link:not(.collapsed) .accordion-title-link-state::before {
						background-color: var(--main-color);
						transform: rotate(360deg);
					}
					.accordion .accordion-title-link:not(.collapsed) .accordion-title-link-state::after {
						opacity: 0;
						transform: rotate(180deg);
					}
					.accordion .accordion-title-link.collapsed .accordion-title-link-state::before {
						transform: rotate(0deg);
					}
					.accordion .accordion-title-link.collapsed .accordion-title-link-state::after {
						transform: rotate(90deg);
					}
		.accordion .accordion-collapse {

		}
			.accordion .accordion-body {
				border: none;
				border-bottom: 1px solid #e1e1e1;
			}

/* Files list */
.rte-content .files-list-default .list-unstyled {
	padding-left: 0;
}

/* Page Kiosque */
.site-main .files-list-kiosque {

}
	:not(.section-home) .files-list-kiosque .list-unstyled {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
		.files-list-kiosque .kiosque-item {
			padding: 0;
			width: calc(100% / 3 - 20px);
			transition: .3s ease;
		}
			.files-list-kiosque .background {
				display: flex;
				align-items: center;
				flex-direction: column;
				border-radius: 5px;
				padding: 20px;
				background-color: #fff;
			}
				.files-list-kiosque picture {
					position: relative;
					display: block;
				}
					.files-list-kiosque .img-responsive {
						/*height: 100%;
						width: 100%;
						object-fit: cover;*/
					}
					.files-list-kiosque .kiosque-buttons {
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						display: flex;
						align-items: center;
						flex-direction: column;
						justify-content: center;
						background-color: rgba(32, 114, 61, .8);
						opacity: 0;
						visibility: hidden;
						transition: .3s ease;
					}
					.files-list-kiosque picture:hover .kiosque-buttons {
						opacity: 1;
						visibility: visible;
					}
						.files-list-kiosque .kiosque-buttons a {
							color: #fff;
						}
				.files-list-kiosque .kiosque-title {
					margin: 10px 0 0;
				}

/* Page Ca Bouge */
.site-main .ca-bouge-list {

}
	.ca-bouge-list .card-group-element-item {
		margin-top: 20px;
	}
		.ca-bouge-list .link {
			text-decoration: none;
		}
			.ca-bouge-list .card {
				justify-content: center;
				flex-direction: row;
				border: none;
			}
				.ca-bouge-list .card-img-top {
					border-radius: 50%;
					height: 90px;
					width: 90px;
				}
					.ca-bouge-list .list-item-figure {
						margin-bottom: 0;
					}
						.ca-bouge-list .list-item-figure .circle {
							display: flex;
							align-items: center;
							justify-content: center;
							border-radius: 50%;
							height: 90px;
							width: 90px;
							background-color: var(--main-color-pale);
							color: #fff;
							font-size: 1.5em;
						}
				.ca-bouge-list .card-body {
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding: 0 0 0 20px;
				}
					.ca-bouge-list .card-title {
						margin: 0 0 5px;
    					font-size: 1.125em;
					}
					.ca-bouge-list .card-subtitle {
						margin: 0 0 5px;
    					font-size: .875em;
					}
					.ca-bouge-list .card-date {
						font-size: .875em;
					}

/* 08 = Colonne gauche */
body::before {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	/*content: '';*/
	height: 100%;
	width: 320px;
	background-color: #656565;
}
.modal body::before,
.layout-modal::before {
	display: none;
}
body.mini::before {
	width: 60px;
}

/* Menu */
.pageAside .navPrincipal {
	min-width: 320px;
	width: 100%;
}
	.pageAside .navPrincipal .list-item {
		min-height: 60px;
		border-bottom: 1px solid #ededed;
	}
		.pageAside .navPrincipal a {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 10px 20px 10px 80px;
			height: 60px;
			background-color: #fff;
			color: #333;
			font-size: .938em;
			line-height: 1;
			transition: all .3s ease-in-out;
			white-space: unset;
		}
		.pageAside .navPrincipal .open a {
			background-color: #fff;
			/*border: 0;*/
		}
		.pageAside .navPrincipal a::after {
			display: none;
		}
		.pageAside .navPrincipal a.current::after,
		.pageAside .navPrincipal a[aria-expanded="true"]::after {
			content: "\f106";
		}
		.pageAside .navPrincipal a:is(:focus, :hover, :active) {
			color: var(--main-color);
		}
		.pageAside .navPrincipal a.current {
			background-color: var(--main-color-pale);
			color: var(--main-color);
		}
			.pageAside .navPrincipal a::before {
				position: absolute;
				top: 0;
				left: 0;
				content: '';
				display: flex;
				align-items: center;
				justify-content: center;
				height: 60px;
				width: 80px;
				color: var(--main-color);
				font-size: 24px;
				transition: .3s ease;
			}
			.pageAside .navPrincipal .item1 a::before {
				content: '\f015';
			}
			.pageAside .navPrincipal .item2 a::before {
				content: '\f66f';
			}
			.pageAside .navPrincipal .item3 a::before {
				content: '\f0c0';
			}
			.pageAside .navPrincipal .item4 a::before {
				content: '\e185';
			}
			.pageAside .navPrincipal .item5 a::before {
				content: '\f5f3';
			}
			.pageAside .navPrincipal .item6 a::before {
				content: '\f133';
			}
			.pageAside .navPrincipal .item7 a::before {
				content: '\e28f';
			}
				.pageAside .navPrincipal a .fa-chevron-right {
					color: #999;
					transition: .3s ease;
				}
				.pageAside .navPrincipal .show a .fa-chevron-right {
					color: #999;
					transform: rotate(90deg);
				}

			/* Second niveau */
			.pageAside .navPrincipal .dropdown-menu {
				position: static !important;
				border: 0;
				float: none;
				margin: 0;
				padding: 0;
				width: 100%;
				background-color: #5a5a5a;
				transform: unset !important;
			}
			/*.pageAside .navPrincipal .current + .dropdown-menu {
			display: block;
			}*/
				.pageAside .navPrincipal .dropdown-menu a {
					border: 0;
					padding: 10px 20px 10px 80px;
					color: #737373;
				}
				.pageAside .navPrincipal .dropdown-menu a:is(.current, :focus, :hover, :active) {
					color: var(--main-color);
				}
	    			.pageAside .navPrincipal .dropdown-menu a::before {
	    				display: none;
	    			}


/* 09 = Login */
.backendlayout-pagevide #wrap .header {
	display: none;
}

/* Page Login */
body.pagevide::before {
	display: none;
}
	.pagevide .header .logo {
		margin-left: 20px;
	}
		.pagevide .header .logo a {
			border-right: 0;
		}

	.pagevide main .pageContent {
		margin: 0 auto;
	}
		.pagevide .pageContent .col-lg-12 {
			display: flex;
			align-items: center;
			padding: 30px;
			height: 100vh;
		}
			.pagevide .frame-type-felogin_login {
				position: relative;
				border-radius: 10px;
				box-shadow: 0 0 20px rgb(0 0 0 / 5%);
				margin: 0 auto;
				padding: 160px 60px 60px;
				max-width: 600px;
				min-width: 460px;
				background-color: #fff;
			}
			.pagevide .frame-type-felogin_login::before {
				position: absolute;
				top: 50px;
				left: 50%;
				content: "";
				display: block;
				height: 80px;
				width: 80px;
				background-image: url('../Img/logo.svg');
				background-size: 80px;
				background-repeat: no-repeat;
				transform: translateX(-50%);
			}
				.pagevide .frame-type-felogin_login .frame-inner {
					display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
				}
					.pagevide .frame-type-felogin_login form {
						width: 100%;
					}
						.pagevide .frame-type-felogin_login legend {
							display: none;
						}
						.pagevide .frame-type-felogin_login form label {
							margin-bottom: 0;
							width: 100%;
						}
						.pagevide .frame-type-felogin_login form input {
							border: 1px solid #e1e1e1;
							border-radius: 3px;
							margin: 15px 0 30px;
							padding: 3px 5px;
							height: 50px;
							width: 100%;
							background-color: #fff;
						}
						.pagevide .frame-type-felogin_login form input[type="submit"] {
							border: 1px solid var(--main-color);
							margin-top: 10px;
							background-color: var(--main-color);
							color: #fff;
							transition: .3s ease;
						}
						.pagevide .frame-type-felogin_login form input[type="submit"]:is(:focus, :hover, :active) {
							background-color: #fff;
							color: var(--main-color);
						}
						.pagevide .frame-type-felogin_login .title-connexion {
							margin-bottom: 40px;
							font-size: 2.25em;
						}
						.pagevide .frame-type-felogin_login .bloc-connexion {
							padding: 120px 50px 20px;
							background: #fff url(../Img/connexion.svg) no-repeat center 30px;
							background-size: 60px 60px;
							text-align: left;
						}
						.pagevide .frame-type-felogin_login .form-horizontal .col-xs-12 {
							padding: 0 20px;
						}
							.pagevide .frame-type-felogin_login .form-horizontal .form-control {
								border-radius: 4px;
								height: 50px;
							}
						.pagevide .frame-type-felogin_login .form-horizontal .submit {
							border: 0;
							border-radius: 2px;
							margin: 0 0 20px;
							height: 50px;
							width: 100%;
							background-color: var(--main-color);
							color: #fff;
							font-size: 1em;
							text-align: inherit;
							text-transform: uppercase;
						}
		.pagevide .pageContent .footerPage {
			position: absolute;
			top: auto;
			right: 0;
			bottom: 0;
			left: 0;
		}
		.pagevide .footer-main {
			display: none;
		}

/* Autres pages */
.frame-type-felogin_login {
	position: relative;
}
	.header .frame-type-felogin_login h3,
	.header .frame-type-felogin_login p,
	.header .frame-type-felogin_login legend {
		display: none;
	}
	.frame-type-felogin_login .dropdown {
		position: relative;
		cursor: pointer;
	}
		.frame-type-felogin_login .form-horizontal .username {
			position: relative;
			top: -15px;
			display: inline-block;
			margin :0 5px 0 0;
			color: #737373;
		}
		.frame-type-felogin_login .form-horizontal .avatar {
			position: relative;
			display: inline-block;
			border-radius: 50%;
			margin: 10px 20px 0 0;
			height: 40px;
			width: 40px;
			background: url(../Img/connexion.svg) no-repeat center center;
			overflow: hidden;
		}
		.frame-type-felogin_login .form-horizontal .down {
			position: relative;
			top: -16px;
			display: inline-block;
			height: 6px;
			width: 20px;
			background: url(../Img/down.svg) no-repeat 0 0;
			background-size: 12px 6px;
		}
			.frame-type-felogin_login .form-horizontal .img-responsive {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
		.frame-type-felogin_login .form-horizontal .button-logout {
			position: relative;
			top: 6px;
			left: 50%;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			box-shadow: 0 10px 10px rgba(0,0,0,.3);
			padding: 30px;
			margin: 0;
			min-height: 110px;
			width: 280px;
			background-color: #eff2f4;
			transform: translateX(-50%);
		}
			.frame-type-felogin_login .form-horizontal .button-logout::before {
				position: absolute;
				top: -8px;
				left: 50%;
				content: '';
				height: 14px;
				width: 14px;
				background-color: #eff2f4;
				transform: translateX(-50%) rotate(45deg);
			}
			.frame-type-felogin_login .form-horizontal .submit,
			.frame-type-felogin_login .form-horizontal .link {
				border: 0;
				border-radius: 2px;
				width: 100%;
				background-color: #fff;
				font-size: 1em;
				text-align: inherit;
			}
			.frame-type-felogin_login .form-horizontal .submit {
				margin-bottom: 10px;
			}
			.frame-type-felogin_login .form-horizontal .fa-power-off {
				position: absolute;
				top: 41px;
				right: 50px;
				left: auto;
				color: var(--main-color);
				font-size: 20px;
			}
			.frame-type-felogin_login .form-horizontal .link {
				display: block;
				padding: 10px 16px;
				line-height: 1.3333333;
			}


/* 10 = Breadcrumbs */
.pageContent .breadcrumb {
	order: 1;
	margin-bottom: 30px;
	padding: 0;
	width: 100%;
	background: none;
	color: #333;
	font-size: .875em;
}
	.pageContent .breadcrumb > * {
		display: flex;
		align-items: center;
	}
	.breadcrumb .item {
		font-weight: 400;
	}
    .breadcrumb a {
    	color: #333;
    	text-decoration: none;
    	transition: color .3s;
    }
    .pageContent .breadcrumb a[href^="http"] {
    	padding: 0;
    	background: none;
    }
	.breadcrumb .separator {
		display: flex;
		align-items: center;
		margin: 0 10px;
	}
    .pageContent .breadcrumb .text {
    	margin: 0 5px;
    }
        .pageContent .breadcrumb a::after {
        	display: none;
        }
	    .pageContent .breadcrumb .last {
	    	display: inline;
	    }
	    .breadcrumb a:hover {
	    	color: #333;
	    	text-decoration: underline;
	    }
	    .breadcrumb .linkHome:hover {
	    	text-decoration: none;
	    }
	        .breadcrumb .last p,
	        .breadcrumb a p {
	        	display: inline-block;
	        	margin: 0;
	        	font-size: 1em;
	        }


/* 11 = Actualites */
/* Liste */
.listItem .col-lg-4 {
	padding: 0 15px;
}
.listItem .col-lg-4:nth-child(3n+1) {
	clear: left;
}
.pageContent .listNews ul {
	margin: 0 -15px;
}
	.listNews .item {
		border-radius: 5px;
		padding: 20px;
		background-color: #fff;
	}

/* Fiche */
.pageContent .col-lg-12 .col-lg-12 {
	padding: 0;
}
	.actualites.single .fiche .categories {
		margin-bottom: 10px;
		color: #337ab7;
		font-size: 1.125em;
	}
		.actualites.single .fiche .categories li {
			padding: 0;
		}
	.actualites.single .headerContent .pageTitle,
	.agenda.single .headerContent .pageTitle,
	.notes.single .headerContent .pageTitle {
		/*overflow: hidden;
		white-space: nowrap;*/
	}/* ? */
	.actualites.single .pageContent .col-lg-9 {
		padding: 0;
	}
		.actualites.single .fiche {
			margin: 0;
		}
			.actualites.single .fiche .pageTitle {
				font-size: 1.875em;
			}
			.fiche .illustration {
				margin: 2em 0;
			}
			.fiche .description {
				text-align: left;
			}
				.fiche .description p {
					color: #646567;
				}
				.fiche .description .lead {
					margin-bottom: 1em;
				}


/* 12 = Share & Tools */
.headerContent .share {
	position: absolute;
	top: auto;
	right: 30px;
	bottom: 24px;
	left: auto;
	border: 1px solid #ddd;
	border-radius: 2px;
	background-color: #fff;
}
	.share a {
		display: inline-block;
		float: left;
		border: 0;
		border-left: 1px solid #ddd;
		height: 38px;
		width: 38px;
		background: url(../Img/printer.svg) no-repeat center center;
		background-color: #fff;
		background-size: 20px 20px;
	}
	.share a:hover {
		background-image: url(../Img/printer-hover.svg);
	}
	.share #share {
		top: 0;
		border: 0;
		background: url(../Img/email.svg) no-repeat center center;
		background-size: 20px 16px;
	}
	.share #share:hover {
		background-image: url(../Img/email-hover.svg);
	}
        .share #share::after {
        	display: none;
        }
	.listAgenda .list .edit,
	#infobulle .edit,
	.share .edit {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: auto;
		display: inline-block;
		border: 1px solid #ddd;
		border-radius: 3px;
		padding: 8px 15px;
	}
    .share .edit {
    	display: none;
    	top: -1px;
    	right: 100px;
    	height: 40px;
    	width: auto;
    	background: #fff none;
    }
		.listAgenda .list .edit .fa-pencil,
		#infobulle .edit .fa-pencil,
		.share .edit .fa-pencil {
			margin: 0 10px 0 0;
			color: var(--main-color);
			font-size: 18px;
		}

.headerContent .tools-page {
	order: 3;
	margin-bottom: 15px;
}
	.tools-page .font-size {
		gap: 5px;
	}
		.tools-page .btn-default {
			display: flex;
			align-items: center;
			justify-content: center;
			border: none;
			padding: 5px 10px;
			height: 40px;
			width: 40px;
			background-color: #fff;
			color: #737373;
			transition: .3s ease;
		}
		.tools-page .btn-default:is(:focus, :hover, :active),
		.btn-default:not(:disabled):not(.disabled):active {
			background-color: var(--secondary-color);
			color: #fff;
		}


/* 13 = Agenda */
/* Single */
.site-main .previous {
margin: 0;
padding: 0 15px;
}
 	.previous .fa-arrow-left {
 		margin-right: 10px;
 	}


/* 14 = Diaporama */
.blueimp-gallery {box-shadow:none;}
.blueimp-gallery .play-pause,
.blueimp-gallery .close,
.blueimp-gallery .prev,
.blueimp-gallery .next,
.blueimp-gallery .fullScreen {/*background-color:rgba(0,0,0,.75);border:0 !important;border-radius:0;color:#fff !important;cursor:pointer;*/display:block;/*line-height:50px;height:50px !important;text-align:center;width:50px !important;*/}
.blueimp-gallery .play-pause:active,
.blueimp-gallery .close:active,
.blueimp-gallery .prev:active,
.blueimp-gallery .next:active,
.blueimp-gallery .fullScreen:active,
.blueimp-gallery .play-pause:focus,
.blueimp-gallery .close:focus,
.blueimp-gallery .prev:focus,
.blueimp-gallery .next:focus,
.blueimp-gallery .fullScreen:focus,
.blueimp-gallery .play-pause:hover,
.blueimp-gallery .close:hover,
.blueimp-gallery .prev:hover,
.blueimp-gallery .next:hover,
.blueimp-gallery .fullScreen:hover {/*background-color:#222;*/text-shadow:none;}

.blueimp-gallery .counter {bottom:2px;color:#fff;left:5px;position:absolute;}
.blueimp-gallery .title {color:#fff;left:7px;position:absolute;top:0;}

.blueimp-gallery .close {font-size:0;}
.blueimp-gallery .close::after,
.blueimp-gallery .close::before {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:monospace;/*font-family:'icomoon' !important;*/font-style:normal;font-variant:normal;speak:none;text-transform:none;font-size:30px;position:absolute;top:2px;}

/*.blueimp-gallery .play-pause {bottom:3px;font-size:0;right:3px;}
body:last-child .blueimp-gallery>.play-pause {background-image:none;}
body:last-child .blueimp-gallery>.play-pause::before {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:'icomoon' !important;font-style:normal;font-variant:normal;speak:none;text-transform:none;font-size:30px;content:"\e922";left:2px;position:relative;top:2px;}
body:last-child .blueimp-gallery-playing>.play-pause::before {content:"||";font-size:20px;left:5px;letter-spacing:6px;top:-2px;}
body:last-child .blueimp-gallery>.play-pause::after {background-color:#bbb;content:"";display:block;height:21px;left:21px;position:absolute;top:16px;width:1px;}
body:last-child .blueimp-gallery>.play-pause:active::after,
body:last-child .blueimp-gallery>.play-pause:focus::after,
body:last-child .blueimp-gallery>.play-pause:hover::after {background-color:#fff;}
body:last-child .blueimp-gallery-playing>.play-pause::after {content:none;}*/

.blueimp-gallery .fullScreen {cursor:pointer;position:absolute;right:20px;top:20px;}
.blueimp-gallery .fullScreen::before {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:'FontAwesome';/*font-family:'icomoon' !important;*/font-style:normal;font-variant:normal;speak:none;text-transform:none;font-size:30px;color:#bbb;content:"\f065";}
.blueimp-gallery .fullScreen:active::before,
.blueimp-gallery .fullScreen:focus::before,
.blueimp-gallery .fullScreen:hover::before {color:#fff;}

/*.blueimp-gallery .prev {color:transparent;font-size:0.000000000000000001px;left:0;}
.blueimp-gallery .next {color:transparent;font-size:0.000000000000000001px;right:0;}*/

.diaporama-controls .next::before,
.diaporama-controls .prev::before,
.blueimp-gallery .next::before,
.blueimp-gallery .prev::before {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:monospace;/*font-family:'icomoon'!important;*/font-style:normal;font-variant:normal;speak:none;text-transform:none;font-size:30px;}


/*.blueimp-gallery .prev::before,
.diaporama-controls .prev::before {content:"<";}*/
/*.blueimp-gallery .next::before,
.diaporama-controls .next::before {content:">";}*/

.diaporama-controls .indicator,
.diaporama-controls .next,
.diaporama-controls .prev {display:inline-block;vertical-align:middle;}
.diaporama-controls .next,
.diaporama-controls .prev {border:0 !important; color:#222; cursor:pointer; font-family:monospace; font-size:32px; height:40px; line-height:40px; width:40px;}
.diaporama-controls .next::before,
.diaporama-controls .prev::before {color:#484848;}
.diaporama-controls .next:active,
.diaporama-controls .prev:active,
.diaporama-controls .next:focus,
.diaporama-controls .prev:focus,
.diaporama-controls .next:hover,
.diaporama-controls .prev:hover {background-color:#222; border-radius:5px; color:#fff;}
.diaporama-controls .next:active::before,
.diaporama-controls .prev:active::before,
.diaporama-controls .next:focus::before,
.diaporama-controls .prev:focus::before,
.diaporama-controls .next:hover::before,
.diaporama-controls .prev:hover::before {color:#fff;}
.diaporama-controls {text-align:center;}
.diaporama-controls ul {margin:0;padding:0;}
.diaporama-controls ul li {border:5px solid transparent;border-radius:0;cursor:pointer;display:inline-block;padding:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;vertical-align:middle;}
.diaporama-controls ul li::before {display:none;}
.diaporama-controls ul li:hover {border-color:#222;border-radius:5px;}
	.diaporama-controls ul li img {height:50px; width:auto;}

.blueimp-gallery>.indicator>li {border:5px solid transparent;border-radius:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.blueimp-gallery>.indicator>.active,
.blueimp-gallery>.indicator>li:hover {border-color:#222;border-radius:5px;}


/* 15 = Recherche */
.criteria-total {
	display: flex;
	flex-wrap: wrap;
	min-height: 50px;
	width: 100%;
}
	.criteria-total .totalresults {
		color: #737373;
	}
		.criteria-total .totalresults b {
			margin-right: 5px;
		}
		.totalresults .blue {
			margin-right: 5px;
			font-weight: 700;
		}
	.criteria-total .criteria .btn {
		margin-bottom: 10px;
	}
/* Filtre */
.filters {
	/*padding: 20px 30px;*/
}
	.filters .form-group {
		margin: 0;
		height: 50px;
	}
		.filters .form-group-filter {
			margin-bottom: 20px;
		}
			.filters .filters-directories-text,
			.filters .filters-directories-select,
			.filters .search-input-arrow-box {
				border: none;
				border-radius: 5px;
				/*max-width: 350px;*/
				height: 50px;
				background-color: #f3f3f3;
				color: #737373;
			}
			.filters .filters-directories-select {
				overflow-x: hidden;
				margin-bottom: 20px;
				background-image: url("../Img/SVG/sort-down-solid.svg");
				background-position: right 10px top 10px;
				background-repeat: no-repeat;
				background-size: 16px 22px;
			}
			.filters .filters-directories-categories,
			.form-group select.form-control {
				border: none;
				margin-bottom: 0;
				height: 100%;
				width: 120%;				
				background-color: transparent;
				color: #737373;
			}
			.modal-dialog .form-horizontal .form-group select.form-control {
			    border: 1px solid #d5d8dc;
			    min-height: 50px;
			    width: 100%;
			}
			.filters .form-group .design-select {
				height: 100%;
				width: 100%;
			}
				.filters .filters-directories-buttons { /* Bouton loupe */
					position: absolute;
					right: 0;
					top: 0;
					/*display: flex;*/display: none;
					align-items: center;
				}				
					.filters-results .orange-circle {
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						height: 60px;
						width: 60px;
						background-color: var(--main-color-pale);
						color: var(--main-color);
						font-size: 1.125em;
						font-weight: 500;
					}
						.orange-circle img {
							border-radius: 50%;
						}
		.filters .btn.filtrer,
		.filters .btn.reset {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 5px;
			height: 50px;
		}
		.filters .btn.filtrer {
			margin-bottom: 20px;
		}		
		.filters .link-flex {
			display: flex;
			margin: 0;
			text-decoration: none;
		}
			.filters .btn.reset {
				border: 1px solid #eaebec;
			}

/* List */
.searchEngine .bloc {
	text-align: left;
}
#lists,
#filters {
	text-align: left;
}
.searchEngine .noresults .text-info {
	padding: 10px;
	color: #fff !important;
}
.searchEngine .startpoint article {
	position :relative;
	border-top: 1px solid #ddd;
	margin-top: 1em;
	padding: 1em 40px 0 0;
}
.searchEngine .startpoint article:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
	.searchEngine .startpoint .rating {
		position: absolute;
		top: 1.5em;
		right: 0;
		left: auto;
	}
	.searchEngine .startpoint article:first-child .rating {
		top: 0;
	}
	.searchEngine .startpoint .abstract .icon {
		float: left;
		padding-right: 1em;
	}
	.searchEngine .startpoint .date {
		margin-bottom: 0;
		color: #999;
		font-size: .8em;
	}

/* Filtres */
.searchEngine .col-md-3 {
	padding: 0 20px 0 15px;
}
	.bloc .blocSearch .list-unstyled,
	.searchEngine .col-md-3 .list-unstyled {
		margin: 0;
	}
		.searchEngine .col-md-3 .list-unstyled li {
			padding: 5px 0;
		}
			.searchEngine .col-md-3 .list-unstyled li .icon {
				margin: 0 0 0 1em;
			}
		.searchEngine .col-md-3 .list-unstyled li a.active {

		}


/* 16  = Annuaire */
/* Filtres */
	.directories-list .filters .btn.reset {
		width: 100%;
	}
/* liste */
.directories-list .bg-white:not(:first-child),
.directories-list .bg-white.directory-move {
	padding: 0;
}	
	.directories-list .directories-table {
		display: block;
		max-width: 100%;
	}
		.directories-list .directories-table tbody {
			display: flex;
			flex-direction: column;
		}
			.directories-list tr {
				display: flex;
				border-bottom: 1px solid #ddd;				
			}				
				.directories-list tr td {
					padding: 15px 0px;
					width: 30%;
					/*display: flex;
					align-items: center;
					height: 100%;
					width: 100%;*/
				}
				.directories-list tr td:first-child {
					width: 40%;
				}
				.directories-list tr td:not(:first-child) {
					padding-left: 0;
					min-width: 120px;
					word-break: break-word;
				}
					.directories-list tr td a {
						display: flex;
						align-items: center;
						height: 100%;
						width: 100%;
						color: #333;
						text-decoration: none;
					}
					.directories-list a:hover .title {
						color: #000;
					}
						.directories-list .item-directories-img {
							margin: 0 20px 0 0;
						}
						.rte-content .directories-list .title {
							margin: 0;
							padding-left: 0;
							/*color: #0c264b;*/
							font-size: 1em;
						}
						.rte-content .directories-list .title::after {
							content: unset;
						}
						.directories-list .fonction {
							padding-left: 0;
						}

.directories-list .pagination {
    margin: 30px 10px;
    padding-bottom: 30px;
}
	.pagination .btn-group {
		flex-wrap: wrap;
		border-radius: 5px;
	}
		.pagination .btn-default {
			border: 1px solid #ddd;
			border-right: none;
			background-color: #fff;
			height: 40px;
			min-width: 40px;
		}
		.pagination .btn-default.current {
			background-color: #d93f01;
			color: #fff;
		}
		.pagination .btn-default:first-child {
			border-bottom-left-radius: 5px;
			border-top-left-radius: 5px;
		}
		.pagination .btn-default:last-child {
			border-bottom-right-radius: 5px;
			border-top-right-radius: 5px;
			border-right: 1px solid #ddd;
		}
		.pagination .btn-default:focus,
		.pagination .btn-default:hover,
		.pagination .btn-default:active,
		.pagination .btn-default:not(:disabled):not(.disabled):active, 
		.pagination .btn-default:not(:disabled):not(.disabled).active,
		.pagination .btn-default:not(:disabled):not(.disabled):active:focus, 
		.pagination .btn-default:not(:disabled):not(.disabled).active:focus {
			background-color: #d93f01;
			color: #fff;
			box-shadow: none;
		}

/* Single */
.layout-single .bg-white {
	/*padding: 40px 0 55px;*/
	/*background-image: url(), url();
	background-repeat: no-repeat, no-repeat;*/
}
	.layout-single .super-title {
		display: none;
	}
		.layout-single .title-tools-wrapper {
			justify-content: flex-end;
		}
			.layout-single .directories-single-title {
				display: flex;
				align-items: center;
				margin-bottom: 20px;
			}
				.layout-single .h1 {
					display: flex;
					flex-direction: column;
					margin: 0 auto 0 0;
				}
					.layout-single .h1 .subtitle {
						font-size: .6em;
						font-weight: 400;
					}
				.directories-single-title .item-directories-img {
					display: flex;
    				justify-content: center;
					margin-right: 30px;
				}
					.directories-single-title .grey-circle {
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						height: 140px;
						width: 140px;
						background-color: var(--secondary-color);
						color: #fff;
						font-size: 4em;
					}
					.directories-single-title .item-directories-img img {
						border-radius: 50%;
					}
					
.directories-single-return-list {
	/*border: 1px solid #d93f01;
	border-radius: 25px;
	display: flex;
	align-items: center;
	height: 40px;
	margin-left: 20px;
	width: max-content;
	background-color: #fff;
	transform: translateY(-30px);
	transition: .3s ease;*/
}
	.directories-single-return-list:hover {
		/*background-color: #d93f01;*/
	}
		.directories-single-return-list .btn {
			margin-bottom: 20px;
			/*color: #d93f01;
			text-decoration: none;*/
		}
		.directories-single-return-list:hover .btn,
		.directories-single-return-list:hover .fa-long-arrow-left {
			color: var(--main-color);
		}
		.directories-single-return-list .fa-long-arrow-left {
			margin-right: 5px;
			font-size: 1.125em;			
			/*transition: .3s ease;*/
		}

.directories-single .directories-single-table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
	.directories-single-table tr {
		border: 1px solid #ddd;
		border-radius: 5px;
		height: 70px;
	}
		.directories-single-table tr td {
			border-top: 1px solid #ddd;
		}
		.directories-single-table tr td:first-child {
			border-left: 1px solid #ddd;
		}
		.directories-single-table tr td:last-child {
			border-right: 1px solid #ddd;
		}
		.directories-single-table tr:first-child td:first-child {
			border-top-left-radius: 5px;
		}
		.directories-single-table tr:first-child td:last-child {
			border-top-right-radius: 5px;
		}
		.directories-single-table tr:last-child td {
			border-bottom: 1px solid #ddd;
		}
		.directories-single-table tr:last-child td:first-child {
			border-bottom-left-radius: 5px;
		}
		.directories-single-table tr:last-child td:last-child {
			border-bottom-right-radius: 5px;
		}
			.directories-single-table .directories-single-item-title {
				padding-left: 5px;
              	padding-right: 10px;
				width: 16.666667%;
				font-weight: 700;
				vertical-align: middle;
			}
			.directories-single-table .directories-single-item {
				vertical-align: middle;
				word-break: break-all;
			}
				.directories-single-table a {
					color: var(--bleu);
				}
				.directories-single-table a:focus,
				.directories-single-table a:active,
				.directories-single-table a:hover {
					color: #d93f01;
				}
.directories-single .directories-single-pictures img {
	width: 100%;
}
/*
.listDirectories > .row {
	margin-bottom: 30px;
}
	.listDirectories .col-md-9 .form-group {
		display: inline-block;
		margin-right: -4px;
		width: 47%;
	}
	.listDirectories .col-md-9 .hiddenSelect {
		border-right: 1px solid #ddd;
		width: 44%;
		overflow: hidden;
	}
		.listDirectories .col-md-9 .form-group input,
		.projets .comments .form-inline input {
			float: left;
			border: 1px solid #ddd;
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
			padding: 13px 30px;
			height: 50px;
			width: 100%;
		}
		.listDirectories .form-inline .form-control {
			border-color: #ddd;
			padding: 13px 25% 13px 30px;
			height: inherit;
			width: 120%;
			background: #fff url(../Img/down.svg) no-repeat 80% center;
			background-size: 12px 6px;
			line-height: 1;
		}
		.listDirectories .form-inline .filtrer,
		.projets .comments .form-inline .send {
			position: absolute;
			top: 0;
			right: 20px;
			left: auto;
			border: 0;
			border-bottom-right-radius: 4px;
			border-top-right-radius: 4px;
			margin: 0;
			padding: 0;
			height: 50px;
			width: 9%;
			background: var(--main-color) url(../Img/searchWhite.svg) no-repeat center center;
			background-size: 19px 20px;
			overflow: hidden;
			text-indent: 120%;
		}

	.listDirectories .col-md-3 {
		padding: 0 20px 0 10px;
	}
		.page-17 .frame-type-textmedia p {
			display: inline-block;
		}
			.listDirectories .col-md-3 .xls-download,
			.page-17 .frame-type-textmedia a {
				display: block;
				border: 1px solid var(--main-color);
				border-radius: 4px;
				width: 100%;
				font-size: 1em;
				line-height: 1;
				text-align: center;
				transition: all .3s;
			}
			.listDirectories .col-md-3 .xls-download {
				height: 50px;
			}
			.page-17 .frame-type-textmedia a {
				position: relative;
				margin-bottom: 30px;
				padding: 17px 20px 17px 60px;
				background-color: #fff;
			}
				.page-17 .frame-type-textmedia a::before {
					position: absolute;
					top: 50%;
					left: 20px;
					content: '';
					display: inline-block;
					border-radius: 50%;
					margin: 0 .5em 0 0;
					height: 30px;
					width: 30px;
					background: #fff url(../Img/download.svg) no-repeat center center;
					transform: translateY(-50%);
					transition: background-color .3s;
				}

		.listDirectories .col-md-3 .xls-download:hover,
		.page-17 .frame-type-textmedia a:hover {
			border-color: #fff;
			background-color: var(--main-color);
			color: #fff;
		}

			.xls-download .text .download {background:#fff url("../Img/download.svg") no-repeat center center; border-radius:50%; display:inline-block; height:30px; margin:0 .5em 0 0; position:relative; top:10px; transition:background-color .3s; width:30px;}
			.xls-download:hover .text .download,
			.page-17 .frame-type-textmedia a:hover::before {background:var(--main-color) url("../Img/download-hover.svg") no-repeat center center; background-size:32px 32px;}
			.xls-download .text strong {transition:color .3s;}
			.xls-download:hover .text strong,
			.xls-download:hover .text .size {color:#fff;}
			.xls-download .text .size {font-style:normal; transition:color .3s;}

	.row .listResults {padding:0; text-align:left;}
		.listResults .article,
		.listResults article,
		.modal-dialog article {line-height:1; padding:22px 30px; transition:all .3s;}
		.listResults article:hover {background-color:#fafafa;}
		.listResults article,
		.modal-dialog article {border-top:1px solid #ddd;}
			.listResults article .item,
			.modal-dialog article .item {overflow:hidden;}
				.listResults article .leftResult,
				.modal-dialog article .leftResult {display:block; float:left; min-height:60px; overflow:hidden; position:relative; width:41.66%;}
				.listResults article .centerResult,
				.modal-dialog article .centerResult {float:left; width:25%;}
					.listResults article .centerResult a {display:block; margin:2px 0 4px;}
					.listResults article .centerResult .space {display:inline-block; height:1px; width:1px;}
				.listResults article .rightResult,
				.modal-dialog article .rightResult {float:left; width:33.33%;}
				.listResults article .rightResult {margin:2px 0 0;}
				.listResults article .rightResult:hover {text-decoration:underline;}
					.listResults article figure,
					.modal-body .listResults figure,
					.listResults article .letters,
					.modal-dialog article .letters,
					.projets .comments .list-unstyled figure,
					.projets .comments .list-unstyled .letters {border-radius:50%; left:0; margin-right:20px; overflow:hidden; position:absolute; top:0;}
					.listResults article .letters,
					.modal-dialog article .letters,
					.projets .comments .list-unstyled .letters {color:#fff; font-size:18px; height:60px; line-height:1; padding-top: 20px; text-align:center; text-transform:uppercase; width:60px;}
					.firefox .modal-dialog article .letters {top:16px;}
					.listResults .item1 .letters,
					.modal-dialog .item1 .letters,
					.projets .comments .list-unstyled .item1 .letters {background-color:#69c9bd;}
					.listResults .item2 .letters,
					.modal-dialog .item2 .letters,
					.projets .comments .list-unstyled .item2 .letters {background-color:#ff8764;}
					.listResults .item3 .letters,
					.modal-dialog .item3 .letters,
					.projets .comments .list-unstyled .item3 .letters {background-color:#f7c621;}
					.listResults .item4 .letters,
					.modal-dialog .item4 .letters,
					.projets .comments .list-unstyled .item4 .letters {background-color:var(--main-color);}
					.listResults .item5 .letters,
					.modal-dialog .item5 .letters,
					.projets .comments .list-unstyled .item5 .letters {background-color:#b198d9;}
					.listResults article .titleArticle,
					.modal-dialog article .titleArticle {padding-left:80px;}
						.listResults article .titleArticle .title,
						.modal-dialog article .titleArticle .title {color:#737373; margin-bottom:10px; margin-top:5px;}
						.listResults article .titleArticle .title {margin:0 0 3px; transition:all .3s;}
						.listResults article:hover .titleArticle .title {color:#333;}
						.modal-dialog article .titleArticle .function {
						}
						.listResults article .titleArticle .categories {margin:0 0 3px;}
							.listResults article .titleArticle .categories li {padding:0;}
								.listResults article a,
								.modal-dialog article a {color:#737373;}
						.listResults article .titleArticle .function {display:block;}
				
				.elus .listResults {}
					.elus article .leftResult,
					.elus article .centerResult,
					.elus article .rightResult {display:block; float:none; padding-left:80px; width:inherit;}
					.elus article .centerResult,
					.elus article .rightResult {font-size:.875em; margin:.5em 0;}
						.elus article .titleArticle {padding-left:0;}

.pageContent .singleDirectories {overflow:hidden; text-align:left;}
	.singleDirectories .col-lg-8 {padding:15px 0;}
		.singleDirectories .img-responsive,
		.singleDirectories .letters {border-radius:50%; float:left; height:100px; margin:0 30px 30px 0; width:100px;}
		.singleDirectories .letters {background-color:var(--main-color); color:#fff; font-size:64px; height:170px; line-height:1; padding-top:53px; text-align:center; text-transform:uppercase; width:170px;}
		.singleDirectories .text {float:left; min-height:100px; position:relative; width:calc(100% - 130px); top:52px; transform:translateY(-50%);}
			.singleDirectories .text .title {font-size:1.875em; margin-bottom:10px;}
			.singleDirectories .text .function {color:#737373; font-size:1.5em; margin:0;}
		.pageContent .singleDirectories .col-lg-8 .bloc {overflow:hidden; padding:0; text-align:left;}
		.singleDirectories .title-section {clear:both; font-size:1.125em; margin:0 0 15px; text-transform:capitalize;}
		.pageContent .singleDirectories .col-lg-8  > *:last-child {margin-bottom:0;}
			.singleDirectories .bloc li {border-bottom:1px solid #ddd; overflow:hidden; padding:0; width:100%;}
			.singleDirectories .bloc .department {margin:0;}
			.singleDirectories .bloc li:last-child {border:0;}
				.singleDirectories .bloc li::before {display:none;}
				.singleDirectories .bloc .title-content {display:inline-block; float:left; line-height:1; padding:27px 0 27px 30px; width:25%;}
				.singleDirectories .bloc .value-content {display:inline-block; line-height:1; padding:27px 30px 27px; width:75%;}
					.singleDirectories .bloc .email .link {color:#337ab7;}
*/
/* Elus */
.directories-list .filters-results {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
	.directories-list a,
	.item-directories a {
		text-decoration: none;
	}
	.directories-list .d-flex {
		flex-wrap: wrap;
		width: 100%;
	}
	.directories-list .directory-first-item {
	    display: flex;
	    justify-content: center;
	    width: 100%;
	}
		.directories-list .list-item-directories {
			margin-bottom: 30px;
			padding: 15px;
			width: 100%;
			background-color: #f9f9f1;
		}
		.directories-list .list-item-directories.maire {
			background-color: var(--jaune);
		}
			.directories-list .item {
				flex-direction: row;
			}
				.directories-list .photo-right {
					flex-wrap: nowrap;
					width: 100%;
				}
					.directories-list .item-directories-img {
						display: flex;
						align-items: center;
						justify-content: center;
						height: 80px;
						margin: 0 20px 20px 0;
						width: 65px;
						background-color: #fff;
						box-shadow: 10px 10px #fff;
						overflow: hidden;
					}
						.directories-list .img-fluid {
						    height: 100%;
						    width: 100%;
						    object-fit: cover;
						}
				.directories-list .item-directories-caption {
					font-size: .938em;
				}
					.directories-list .item-directories-caption .title {
						margin-bottom: 20px;
						font-size: 1.313em;
					}
					.directories-list-elus .item-directories-caption .title {
						margin-bottom: 5px;
					}
						.directories-list .maire .item-directories-caption .title .link {
							color: #333
						}
					.item-directories-caption .function {
						margin-bottom: 5px;
						font-size: 1.1em;
					}
					.directories-list .address {
	    				margin-bottom: 5px;
					}
					.directories-list .item-directories-caption p {
						margin-bottom: 5px;
					}
					.directories-list .icon {
						width: 30px;
						color: var(--vertfonce);
						font-size: 18px;
					}
				.item-directories .directories-btn-link {
				    display: flex;
				    justify-content: flex-end;
				    width: 100%;
				}					
					.directories-list .more-btn {
						display: flex;
						align-items: center;
						justify-content: center;
						max-width: 140px;
						border: 0;
						height: 35px;
						background-color: #fff;
						color: #333;
						font-size: .875em;
						transition: .3s ease;
					}
					.directories-list .more-btn:is(:focus,:hover,:active),
					.btn-secondary:not(:disabled):not(.disabled):active, 
					.btn-secondary:not(:disabled):not(.disabled).active {
						background-color: var(--jaune);
						color: #333;
					}

/* Annuaire des élus */
.elected-list .list-item-directories:first-child {
    margin: 0 auto 30px;
	width: 100%;
	background-color: #d7e5c6;
}
	.elected-list .item-directories .item-directories-img {
		margin-bottom: 0;
	}

/* single */
.single-directories .rte-content {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin: 0 -20px;
}
	.directories-single-text .lead {
		margin-bottom: 40px;
	}
		.directories-single-text .directories-single-item {
			display: flex;
            align-items: center;
			border-top: 1px solid #dfdfdf;
			padding: 20px 0;
		}
		.directories-single-text .directories-single-item:last-child {
			border-bottom: 1px solid #dfdfdf;
		}
			.directories-single-item .title {
                align-self: flex-start;
				min-width: 130px;
				font-size: 1.125em;
				font-weight: bold;
			}
			.directories-single-item .value {
                display: block;
				margin-bottom: 0;
                width: 100%;
			}
                .directories-single-item .value .page-picture {
                    gap: 20px;
                    margin-bottom: 0;
                }
        			.directories-single-text .directories-single-item a {
        				text-decoration: none;
        			}
        .directories-single-text .adds-form {
            margin-top: 30px;
            padding: 30px 15px;
            background: url(../Img/hachures.png) repeat 0 0;
        }
            .adds-form .frame-header {
                text-align: center;
            }
                .adds-form .form-horizontal .btn-default {
                    border-color: var(--vertclair);
                    transition: .3s ease;
                }
                .adds-form .form-horizontal .btn-default:focus,
                .adds-form .form-horizontal .btn-default:hover,
                .adds-form .form-horizontal .btn-default:active {
                    background-color: var(--vertclair);
                    color: #fff;
                }
                    .adds-form .fa-check {
                        margin-right: 10px;
                    }
		.directories-single-text .embed-responsive-16by9 {
			width: 100%;
		}
.single-directories + .col-right .picture {
	margin-bottom: 30px;
}


/* 17 = Footer */
.footer-main {
	position: relative;
	z-index: 11;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    padding: 33px 10px;
    background-color: #fff;
}
	.footer-main .footer-left-link {
		color: var(--main-color);
	}
	/* Copyrights */
	.footer-main .list-copyrights {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		color: var(--grey-text);
		font-size: .875em;
		line-height: 1.714;
	}
		.list-copyrights .sites-link {
			margin: 0 15px;
			color: var(--main-color);
			text-decoration: none;
			transition: color .3s;
		}
		.footer-main .footer-left-link:is(:focus,:hover,:active),
		.list-copyrights .sites-link:is(:focus,:hover,:active) {
			text-decoration: underline;
		}
		.list-copyrights .site-languages {
			display: block;
			width: 100%;
			margin-bottom: 1em;
		}
			.site-languages .fa-globe {
				margin-right: 5px;
			}


/* 18 = Pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a:hover, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > strong > a:focus, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a:hover, .tx-indexedsearch-browsebox > .tx-indexedsearch-browselist-currentPage > a:focus {background-color:transparent; border-color:#ddd; box-shadow:0 3px 7px 0 rgba(0,0,0,.2) inset; color:#737373; width:40px;}
	.pagination > li > a,
	.pagination > li > span,
	.tx-indexedsearch-browsebox > li > strong > a,
	.tx-indexedsearch-browsebox > li > a {color:#737373; width:40px;}

	.pagination > li:first-child > a {border-bottom-left-radius:4px; border-top-left-radius:4px; width:40px;}
	.pagination > li:last-child > a {border-bottom-right-radius:4px; border-top-right-radius:4px; width:40px;}

	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .tx-indexedsearch-browsebox > li > strong > a:hover, .tx-indexedsearch-browsebox > li > strong > a:focus, .tx-indexedsearch-browsebox > li > a:hover, .tx-indexedsearch-browsebox > li > a:focus {color:#737373; width:40px;}

.pagination .prev::before,
.pagination .next::before {font-size:20px;}
.pagination .prev::before {content:"\f104";}
.pagination .next::before {content:"\f105";}


/* 19 = Formulaire */
.col-lg-12 .form-group .date .col-sm-4 {padding:0;}
/* Correction boutons date */
.form-horizontal .form-group {/*margin:0;*/}
	.form-horizontal .form-group .input-group {left:15px; position:relative; width:100%;}
	.form-horizontal .help-block {color:#333; font-size:.9em; /*margin-bottom:0;*/}
	.form-horizontal .file-uploaded {border:1px solid #ccc; display:block; margin:10px 0 0; padding:5px;}
	    .form-horizontal .file-uploaded .file-remove {display:block;}
	        .form-horizontal .file-uploaded .file-remove input {margin:0 .5em 0 0; position:relative; top:2px;}
	        .form-horizontal .file-uploaded .file-remove label {margin:0;}
.form-horizontal .checkbox .control-label {text-align:left;}
input[type="file"] {max-width:100%;}
.form-horizontal .error {color:#a94442;}
	/* Plannification */
	.date-container .date-item label {clear:none; display:none; float:left; width:auto;}
	.date-container .date-item input {clear:none; float:left; margin-right:10px; width:auto;}
	.date-container .date-item button {clear:none; float:left;}
	.date-container .date-item input.hour {border-right:none; margin-right:-2px;}
	.date-container .date-item input.minute {border-left:none; margin-left:-2px;}
	.date-container .date-item span.separator {border:0; clear:none; color:#000; float:left; font-size:14px; line-height:1; padding-top:6px; position:relative; vertical-align:center; z-index:3;}
	.date-container .date-item span.text {clear:none; float:left; margin-right:8px; padding-top:6px;}
	.date-container button.addDate {border:1px solid #CDCDCD; border-radius:5px; clear:both; color:#000; cursor:pointer; display:inline-block; height:28px; padding:2px 7px; overflow:hidden; width:auto;}
	.date-container button.remove {background:none; border:0; padding:0;}
		.date-container button.remove span {background-color:#999; border-radius:50%; color:#fff; display:block; height:20px; width:20px;}
	.planification .addDate {clear:both; color:#000; float:left;}
/* CAPTCHA */
.form-horizontal .captcha {margin:0;}
.pageContent .captcha .list-unstyled {font-size:1.5em;}
.pageContent .captcha .list-unstyled li {
}
.pageContent .captcha .control-label {display:none;}
.pageContent .captcha div.col-md-4 {margin-left:33.33333333%;}
/* Surcharges Bootstrap */
select[multiple],
select[size] {font-size:1.167em; height:38px;}
.radio label,
.checkbox label {font-size:1.167em;}
/* CAPCHA */
.form-horizontal .form-group .control-label.sr-only {position:static; width:33.33333%;}
/* MODALE */
body.white::before {display:none;}
	#popup h1,
	#popup .getpost {margin-bottom:.5em;}
.form-horizontal .comments .pull-left {
	border-radius: 50%;
	margin-right: 5px;
	height: 20px;
	width: 20px;
	background-color: #666;
	color: #fff;
	text-align: center;
}


/* 20 = Médiathèque */
.gallery-list .col-item {
	margin-top: 20px;
}
	.gallery-list .home-news .news-link {
	    text-decoration: none;
	}
		.gallery-list .news-cache-img {
			display: block;
			margin-bottom: 10px;
			overflow: hidden;
		}
			.gallery-list .img-fluid {
				transition: .3s ease;
			}
			.gallery-list .news-link:is(:focus, :hover, :active) .img-fluid {
				transform: scale(1.2);
			}
		.gallery-list .news-caption {

		}
			.gallery-list .news-caption .title {
				margin-bottom: 0;
				font-size: 1.125em;
		}

/* Tabulation */
.pageContent .nav-pills {
	float: left;
	margin-right: 30px;
}
	.pageContent .nav-pills ul {
		display: inline-block;
		border: 1px solid #ddd;
		border-radius: 4px;
		margin: 0 0 30px;
		padding: 0;
		background-color: #fff;
		overflow: hidden;
	}
	    .pageContent .nav-pills li {
	    	display: inline-block;
	    	margin: 0;
	    	padding:0;
	    }
	        .pageContent .nav-pills li::before {
	        	display: none;
	        }
	    	.pageContent .nav-pills a {
	    		display: block;
	    		border-left: 1px solid #ddd;
	    		padding: 16px 20px;
	    		color: #737373;
	    		line-height: 1;
	    	}
	        .videos .nav-pills li:nth-child(1) a,
	        .pdf .nav-pills li:nth-child(2) a,
	        .diaporamas .nav-pills li:nth-child(3) a,
	        .video-mds .nav-pills li:nth-child(4) a {
	        	background-color: var(--main-color);
	        	color: #fff;
	        }
	    	.pageContent .nav-pills li:first-child a {
	    		border: 0;
	    	}

.tabulation .container-filters .form-group {
		border: 1px solid #ddd;
		border-radius: 4px
		margin-bottom: 30px;
		width: 270px;
		background: #fff url(../Img/down.svg) no-repeat right 20px center;
		background-size: 12px 6px;
		overflow: hidden;
	}
	.tabulation .container-filters .form-group .form-control {
		border: 0;
		border-radius: 4px;
		box-shadow: none;
		height: 48px;
		width: 300px;
		background: transparent;
		color: #737373;
		cursor: pointer;
		text-shadow: none;
	}

.pageContent .tab-content li {
	clear: none;
}
	.pageContent .tab-content .img-responsive {
		max-width: inherit;
		width: 100%;
	}
	#tab-pdf .text {
		border-top: 1px solid #ddd;
		border-radius: 4px;
	}

/* Vidéos */
.list-documents .bloc .categories {
	margin: 0;
}
	.list-documents .bloc .categories li {
		padding: 0;
		color: #337ab7;
	}

/* Diaporamas */
.list-documents .bloc a {

}

/* PDF */
.tabulation .medias .listItem .col-lg-3 {
	padding: 0 15px;
}
	.tabulation .medias .listItem .item {
		margin-bottom: 0;
	}
		.tabulation .medias .listItem .item .text {
			min-height: 200px;
		}
			.medias .listItem .item .text .size {
				margin: 0;
				text-transform: uppercase;
			}


/* 21 = Sommaire */
.pagesummary .siblingnavigation .list-unstyled {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding-left: 0;
}
	.pagesummary .sibling-item {
		transition: .3s ease;
	}
	.pagesummary :not(.mini) .sibling-item {
		width: calc(100% / 3 - 20px);
	}
	.pagesummary .mini .sibling-item {
		width: calc(100% / 4 - 22.5px);
	}
		.pagesummary .sibling-item__link {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			border-radius: 5px;
			height: 100%;
			width: 100%;
			padding: 20px;
			background-color: #fff;
			color: #333;
			text-decoration: none;
			transition: .3s ease;
		}
		.pagesummary .sibling-item__link:is(:focus, :hover, :active) {
			background-color: var(--main-color);
			color: #fff;
		}
			.pagesummary .sibling-item__title {
				font-size: 1.5em;
			}
			.pagesummary .sibling-item__link .fa-chevron-right {
				display: flex;
				align-items: center;
				align-self: flex-end;
				justify-content: center;
				border-radius: 50%;
				margin-top: 20px;
				height: 40px;
				width: 40px;
				background-color: var(--secondary-color);
				color: #fff;
				font-size: 24px;
				transition: .3s ease;
			}
			.pagesummary .sibling-item__link:is(:focus, :hover, :active) .fa-chevron-right {
				background-color: #fff;
				color: var(--main-color);
			}


/* 21 = Modèles de documents ("page Ressources, Documents") */
.documents .header-documents {position:relative;}
    .header-documents .title {border-bottom:1px solid #ddd; margin-bottom:30px; padding:0 100px 20px 0;}
    .header-documents .see-more {color:var(--main-color); left:auto; position:absolute; right:0; top:5px;}
        .header-documents .see-more .fa {font-size:14px; margin:0 5px 0 0;}
    .pageContent .list-documents .col-lg-3 {clear:none; padding:0 15px;}
    .pageContent .list-documents .col-lg-3:nth-child(4n+1) {clear:left;}
        .list-documents .bloc {min-height:160px; padding:30px 20px; text-align:left;}
        .videos .bloc {min-height:320px;}
            .list-documents .bloc figure {border-top-left-radius:4px; border-top-right-radius:4px; margin:-30px -20px 20px;}
            .list-documents .bloc .title {margin-bottom:10px; word-wrap:break-word;}
            .list-documents .bloc .category {color:#337ab7; display:block; margin-bottom:10px;}
            .list-documents .bloc .extension,
            .list-documents .bloc .size {color:#737373; text-transform:uppercase;}
            .videos .bloc .extension {text-transform:capitalize;}
            .list-documents .bloc .size {text-transform:inherit;}
            .list-documents .bloc a::after {color:var(--main-color); float:left; font-size:20px; margin:0 10px 0 0;}
            .list-documents .bloc a.pdf::after {content:"\f1c1";}
            .list-documents .bloc a.doc::after,
            .list-documents .bloc a.docx::after {content:"\f0f6";}
            .list-documents .bloc a.xls::after,
            .list-documents .bloc a.xlsx::after {content:"\f1c3";}
            .list-documents .bloc a.ppt::after,
            .list-documents .bloc a.pptx::after,
            .list-documents .bloc a.pps::after {content:"\f1c4";}
            .list-documents .bloc a.svg::after,
            .list-documents .bloc a.gif::after,
            .list-documents .bloc a.bmp::after,
            .list-documents .bloc a.png::after,
            .list-documents .bloc a.jpeg::after,
            .list-documents .bloc a.jpg::after {content:"\f1c5";}

            .videos .bloc a::after {content:"\f1c8";}
            .listItem .videos .bloc a::after {display:none;}


/* 23 = Projets */
/* Buttons */
.projets .button .btn {
	position:relative;
	border: 1px solid var(--main-color);
	border-radius:4px;
	height:50px;
}
	.projets .button .btn .fa {content:''; position:absolute;}
.projets .button .return {background-color:var(--main-color); color:#fff; line-height:1; padding-left:45px; padding-top:15px;}
	.projets .button .return .fa-angle-left {font-size:24px; left:19px; top:11px;}
.projets .button .right {background-color:#fff; padding-left:65px;}
.projets .button .launchModal {line-height:37px; margin-right:30px;}
	.projets .button .right a {

	}
		.projets .button .right .fa-plus {background-color:var(--main-color); border-radius:50%; color:#fff; font-size:22px; height:30px; left:20px; line-height:30px; top:9px; width:30px;}

/* Page */
.pageContent .col-lg-8 .bloc {
	text-align: inherit;
}
	.pageContent .col-lg-8 .bloc .lead {

	}
	.pageContent .col-lg-8 .bloc p {

	}

/* Events */
.pageContent .col-lg-8 .list-documents,
.pageContent .col-lg-4 .list-dates {
	padding: 0;
}
	.pageContent .list-dates .number-events,
	.projets .list-documents .header-documents .title {border-bottom:1px solid #ddd; line-height:1; margin:0; padding:18px 30px;}
	.pageContent .list-dates .list,
	.projets .list-documents article {border-bottom:1px solid #ddd; overflow:hidden; padding:30px 30px 0 0; position:relative;}
	.pageContent .list-dates .list:last-child,
	.projets .list-documents article:last-child {border:0;}
		.list-dates .list .title {
			display: none;
		}
		.list-dates .list .date {
			display: block;
			float: left;
			padding: 0 5px;
			width: 25%;
			text-align: center;
		}
			.list-dates .list .startDay {font-size:1.5em; line-height:1;}
			.list-dates .list .startNumb {display:block; font-size:3.750em; line-height:1;}
			.list-dates .list .startMonth,
			.list-dates .list .startYear {line-height:1;}
		.list-dates .list .infos {border-left:1px solid #ddd; overflow:hidden; margin:0 0 30px; padding:0 120px 0 30px; position:relative;}
			.list-dates .list .infos h3 {margin-bottom:5px;}
			.list-dates .list .infos span {display:block; line-height:1; margin-bottom:10px;}
			.list-dates .list .infos .create-by {clear:both;}
			.list-dates .list .infos .timetable {float:left; margin-right:30px;}
			.list-dates .list .infos .location {/*padding-left:155px;*/}
				.list-dates .list .infos span i,
				.projets .list-documents span i,
				.listAgenda .list .create-by .user {background-repeat:no-repeat; background-position:center center; display:inline-block; height:20px; margin:0 10px 0 0; position:relative; top:4px; width:20px;}
				.list-dates .list .infos span .user,
				.projets .list-documents .create-by .user,
				.listAgenda .list .create-by .user {background-image:url("../Img/user.svg");}
				.listAgenda .list .create-by .user {margin-right:8px;}
				.list-dates .list .infos span .time {background-image:url("../Img/time.svg");}
				.list-dates .list .infos span .poi {background-image:url("../Img/poi.svg");}
		.list-dates .list .btn-comments,
		.projets .list-documents .btn-comments {background:none; color:#337ab7; left:auto; padding:0; position:absolute; right:30px; text-decoration:underline; top:90px;}
    	.list-dates .list .btn-comments:focus,
    	.projets .list-documents .btn-comments:focus {box-shadow:none; outline:none;}
		.list-dates .list .clear {clear:both; margin-right:-30px;}

			.projets .comments {background-color:#fafafa; border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-top:1px solid #ddd; padding:30px; position:relative;}
				.projets .comments .header-comments {font-size:1.5em; line-height:1; margin-bottom:10px;}
				.projets .comments .close {background: url(../Img/cancel.svg) no-repeat center center; background-size:20px 20px; height:60px; left:auto; opacity:1; position:absolute; right:0; top:0; width:60px;}
				.projets .comments .list-unstyled {margin:0 0 40px;}
					.projets .comments .list-unstyled li {padding:20px 0;}
					.projets .comments .list-unstyled li.created {animation:2s linear 0s mov_back_color;}

					@keyframes mov_back_color {
						from {background-color:#dff0d8;}
						to {background-color:#ffffff;}
					}

						.projets .comments .list-unstyled figure {top:20px;}
						.projets .comments .list-unstyled .letters {height:40px; padding-top:11px; top:20px; width:40px;}
						.projets .comments .list-unstyled .title-comment {margin-bottom:10px; padding-left:50px;}
							.projets .comments .title-comment h3 {color:#337ab7; font-size:1.125em; line-height:1; margin:0;}
							.projets .comments .title-comment .date-comment {color:#737373; font-size:.875em;}
						.projets .comments .text-comment p {line-height:1.5; margin-bottom:0;}
				.projets .comments .form-inline {position:relative;}
					.projets .comments .form-inline .form-group {width:100%;}
						.projets .comments .form-inline input {width:95%;}
						.projets .comments .form-inline input:focus {box-shadow:none; outline:0;}
						.projets .comments .form-inline .send {background:var(--main-color) url("../Img/send.svg") no-repeat center center; background-size:22px 22px; right:0; width:100px;}

/* Documents */
/* Colonne droite */
.projets .right-project {float:right;}
/* Liste documents */
.projets .documents-project {padding-top:0;}
	.projets .list-documents .header-documents .title {}
	.projets .list-documents article {padding:20px 0 0;}
		.projets .list-documents article a {display:block; padding: 0 30px;}
			.projets .list-documents .title {margin:0 0 5px;}
			.projets .list-documents .extension,
			.projets .list-documents .create-by {color:#737373; margin:0 30px; padding:5px 0 5px 30px; position:relative; text-transform:uppercase;}
			.projets .list-documents .create-by {font-size:.875em;}
				.projets .list-documents .extension .fa-file-pdf-o {color:var(--main-color); font-size:20px; left:0; position:absolute; top:7px;}
			.projets .list-documents .create-by {display:block; padding-bottom:0; text-transform:none;}
				.projets .list-documents .create-by .user {left:0; position:absolute; top:7px;}
				.projets .list-documents .create-by .date {display:block; font-size:.875em;}
			.projets .list-documents .btn-comments {bottom:0; float:right; left:auto; line-height:1; margin-bottom:20px; position:relative; right:30px; top:auto;}
		.projets .list-documents .comments {padding:30px;}


/* 24 = Modal */
.modal-header .modal-title {float:left; width:95%;}
.modal-open .modal-header {min-height:50px;}
#popup {overflow:hidden; padding:1em;}
    #popup .form-group .text-center {font-size:1.2em;}
    #popup .getpost {color:#999; margin:.5em 0 2em;}
/* Modal.html */
#popup .form-horizontal .form-group {}
#popup .col-sm-4 {float:left; width:50%;}
#popup .captcha .col-sm-4 {float:none; margin:0 auto;}
	#popup .col-sm-4 em,
	#popup .obligatoires {color:#f00;}
#popup .form-horizontal .form-group .input-group {left:10px;}
#popup .obligatoires {font-size:.85em; margin:0 0 10px;}
/* Formulaires */
.modal-dialog .form-horizontal .form-group .input-group {
	left: 0;
}


/* 25 = Organigramme */
.rte-content .bloc.organigramme {
	padding: 0;
}
.rte-content .organigramme {
	height: 1370px; 
	margin:0 auto; 
	padding:0 20px; 
	position:relative; 
	width:100%;
}

/* Global organigramme - begin */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {clear:both;}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {*zoom:1;}
.organigramme a:focus {outline:2px dashed #f7f7f7;}
/* Department/ section colors */
.department.dep-a a.btn-primary,
.department.dep-f a.btn-primary {background-color:#fbe290;}
	.department.dep-a .section a.btn-primary,
	.department.dep-f .section a.btn-primary {background-color:#fdf4d3;}
.department.dep-b a.btn-primary,
.department.dep-g a.btn-primary {background-color:#99dcf7;}
	.department.dep-b .section a.btn-primary,
	.department.dep-g .section a.btn-primary {background-color:#d6f1fc;}
.department.dep-c a.btn-primary,
.department.dep-h a.btn-primary {background-color:#d8cbec;}
	.department.dep-c .section a.btn-primary,
	.department.dep-h .section a.btn-primary {background-color:#efeaf7;}
.department.dep-d a.btn-primary {background-color:#b4e4de;}
	.department.dep-d .section a.btn-primary,
	.department.dep-d .section span.btn-primary {background-color:#e1f4f2;}
.department.dep-e a.btn-primary {background-color:#ffc3b1;}
	.department.dep-e .section a.btn-primary {background-color:#ffe7e0;}
/* Global organigramme - end */

.rte-content .organigramme ul {
	margin: 0!important; 
	padding: 0!important;
	list-style: none;
}
	.organigramme ul li::before {display:none;}
		.organigramme ul a.btn-primary,
		.organigramme ul span.btn-primary {background:#f5f5f5; border:4px solid #cbcbcb; /*box-shadow:4px 4px 9px -4px rgba(0,0,0,0.4);*/ clear:both; color:#646567; display:block; font-size:.875em; height:70px; margin-bottom:-26px; overflow:hidden; text-align:center; text-decoration:none; -webkit-transition:all linear .1s; -moz-transition:all linear .1s; transition:all linear .1s;}
			.organigramme ul a.btn-primary span,
			.organigramme ul span.btn-primary span {display:block; /*margin-top:-0.7em;*/ padding:0 2%; position:relative; top:50%; transform:translateY(-50%); word-break:break-word;}

		/* Reset Bootstrap */
		.administration .btn {line-height:1; padding:0; white-space:inherit;}

		.administration > li > a.btn-primary {margin-bottom:25px;}
			.pageContent .organigramme ul li ul li,
			.pageContent .organigramme ol li ul li {list-style:none;}
			.pageContent .organigramme ul li .departments .department .section {
				height: auto; 
				min-height: 80px;
				overflow: visible;
			}
			.pageContent .organigramme ul li .departments .department .section-childs {border-bottom:0; position:relative;}
				.pageContent .organigramme ul li .departments .department .section-childs::before {background:#cbcbcb none; border-radius:0; content:''; display:block; height:4px; left:0; position:absolute; top:77px; width:40px;}
				.pageContent .organigramme ul li .departments .department .last-section-child::after {background:#fff; content:''; display:block; height:calc(100% - 76px); left:-6px; position:absolute; top:81px; width:10px;}

			.director > li > a.btn-primary {
				position: relative;
				z-index: 2;
				margin: 0 auto 0px auto;	
				width: 50%;
				min-width: 214px;
			}

				.subdirector::after {background:red; border-left:4px solid #cbcbcb; content:""; display:block; height: 250px; left:33.5%; position:relative; top:80px; width:0;} /* trait entre Le maire et Direction Générale des Services */

				.subdirector::before {/* Sous-bubriques sous "Direction Générale des Services" */
					position: absolute;
					left: 33.5%;
					top: 92px;
					display: block; 
					content: "";
					border-top: 4px solid #cbcbcb;
					width: 16.5%;
				}
				/*@media screen and (max-width: 1600px) {
					.subdirector::before {width: 48.3%;}
				}*/
				.subdirector,
				.departments {position:absolute; width:100%;}

        .departments {top: 280px;}/*  */

		.subdirector .department {border-color:transparent; clear:right; float:right; left:auto; right:25%; top:38px; width:18.59894921190893%; z-index:2;} /* Direction de la Communication */
			.subdirector .department a.btn-primary {margin-left:10%; width:90%;}
				.pageContent .organigramme .subdirector .department::before {left:55%;}

        .pageContent .organigramme ul li {padding:10px 0 0;}
        .pageContent .organigramme ul .dep-a {}
        .pageContent .organigramme ul .dep-b {}
        .pageContent .organigramme ul .dep-c {}
        .pageContent .organigramme ul .dep-d {}
        .pageContent .organigramme ul .dep-e {}

        .pageContent .organigramme ul .dep-f,
        .pageContent .organigramme ul .dep-g,
        .pageContent .organigramme ul .dep-h {
			top: -82px;
        }
        .pageContent .organigramme ul .dep-f {
			position: absolute;
			left: 38.9%;
        }
        .pageContent .organigramme ul .dep-g {
			position: absolute;
			left: 59.3%;
        }
        .pageContent .organigramme ul .dep-h {
			position: absolute;
			left: 79.7%;
		}

				.pageContent .organigramme ul li ul.subdirector,
				.pageContent .organigramme ul li ul.departments {margin:0; padding:0;}
				.pageContent .organigramme ul li ul.subdirector {}
				.pageContent .organigramme ul li ul.departments {}

				@media all and (min-width: 768px) {
					.department:first-child:before,
					.department:last-child:before {border:none;}
				}

				.department {border-left:4px solid #cbcbcb; float:left; margin-bottom:60px; margin-left:1.751313485113835%; width:18.59894921190893%;}
				.lt-ie8 .department {width:18.25%;}
					.departments:after {border-left:4px solid #cbcbcb; /*border-right:4px solid #cbcbcb;*/ border-top:4px solid #cbcbcb; content:""; display:block; height:22px; left:9.1%; margin:0 auto; position:absolute; top:130px; width:81.7%;}

						.pageContent .organigramme ul .department::before {
							position: absolute;
							left: 50%; 
							top: -26px; 
							z-index:1;
							display:block; 
							content:""; 
							border-left:4px solid #cbcbcb; 
							border-radius:0; 
							height:22px; 
							margin-left:-4px; 
							width:0; 
							background:none; 
						}
						.pageContent .organigramme ul .departments li:nth-child(2)::before {display:none;}
						/*.pageContent .organigramme ul .departments li:nth-child(6)::before,
						.pageContent .organigramme ul .departments li:nth-child(7)::before,
						.pageContent .organigramme ul .departments li:nth-child(8)::before,
						.pageContent .organigramme ul .departments li:nth-child(9)::before,
						.pageContent .organigramme ul .departments li:nth-child(10)::before,
						.pageContent .organigramme ul .departments li:nth-child(11)::before {height:27px; left:-6%;}*/
						.pageContent .organigramme ul .departments li:nth-child(11)::before {height:57px;}
						/*.pageContent .organigramme ul .departments li:nth-child(6)::after,
						.pageContent .organigramme ul .departments li:nth-child(7)::after,
						.pageContent .organigramme ul .departments li:nth-child(8)::after,
						.pageContent .organigramme ul .departments li:nth-child(9)::after,
						.pageContent .organigramme ul .departments li:nth-child(10)::after,
						.pageContent .organigramme ul .departments li:nth-child(11)::after {border-bottom:4px solid #cbcbcb; content:""; left:-6%; position:absolute; top:29px; width:5%;}*/

						/*.pageContent .organigramme ul .departments .dep-e:nth-child(6)::after {
							position: absolute; 
							left: -25px;
							top: 0;
							content: ""; 
							border-bottom: 4px solid #cbcbcb; 
							width: 25px;
						}*/

					.department > ul {margin-bottom:0; margin-top:0;}

						.subdirector > li:first-child,
						.departments > li:first-child {border-bottom:4px solid #cbcbcb; height:64px; margin:0 auto 92px auto; padding-top:25px; width:18.59894921190893%; z-index:1;}

						.subdirector > li:first-child {border-left:4px solid #cbcbcb; float:right; margin-bottom:0; right:25%;} /* Cabinet du maire */
						.departments > li:first-child {border-right:4px solid #cbcbcb; float:left; left:25%; top:-200px;} /* Direction Générale des Services */
						.department:first-child,
						.departments li:nth-child(2) {clear:left; margin-left:0;}

						.department li {border-bottom:4px solid #cbcbcb; height:80px; padding-left:25px;}

							.subdirector > li:first-child a.btn-primary,
							.departments > li:first-child a.btn-primary {width:90%;}
							.departments > li:first-child a.btn-primary {
								min-width: 190px;
							}
							.subdirector > li:first-child a.btn-primary {/*left:25px;*/ margin-left:10%;}
							.departments > li:first-child a.btn-primary {right:25px;}

							.department > a.btn-primary,
							.department > span.btn-primary {margin:-15px 0 -26px -4px; z-index:1;}
							.department > a.btn-primary:hover,
							.department > span.btn-primary:hover {height:80px;}

							.department > a.btn-primary.no-click:is(:focus,:hover,:active),
							.department > span.btn-primary.no-click:is(:focus,:hover,:active),
							.department > a.btn-primary.no-click:not(:disabled):not(.disabled):active, 
							.department > span.btn-primary.no-click:not(:disabled):not(.disabled).active,
							.department > a.btn.no-click:not(:disabled):not(.disabled),
							.department > span.btn.no-click:not(:disabled):not(.disabled) {
								height: 70px;
								cursor: default;
							}

							.department li a.btn-primary,
							.department li span.btn-primary {background:#fff; height:60px; position:absolute; right:-1px; top:48px; vertical-align:middle; width:90%; z-index:1;}
							/*background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
							background-image:-moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
							background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
							background-image:-webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
							background-image:-o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
							background-image:-ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
							background-image:linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
							filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1);*/

							.department li a:hover {background-image:none!important; box-shadow:8px 8px 9px -4px rgba(0,0,0,0.1); height:80px; top:39px; width:95%;}

							.pageContent ul .department .sections {padding:0;}
								.department .sections .section a.btn-primary,
								.department.dep-d .section span.btn-primary {
									border-color: #ddd; 
									border-width: 1px; 
									width: 95%;
								}
								.department.dep-d .section span.btn-primary {
									cursor: default;
								}

								.pageContent ul .department .niveau4 {
									margin: 70px 0 0 10% !important; 
									width: 90%;
								}
									.pageContent ul .department .niveau4 .section {border-left:4px solid #cbcbcb;}
										.pageContent ul .department .niveau4 .section a {}
										.pageContent ul .department.dep-b .niveau4 .section a {/*background-color:#f1fafe;*/}
										.pageContent ul .department.dep-c .niveau4 .section a {/*background-color:#f9f8fc;*/}
										.pageContent ul .department.dep-d .niveau4 .section a {/*background-color:#f5fbfa;*/}
#myOrganigrammeModal .modal-content {
    border: 0;
    border-radius: 5px;
}
	#myOrganigrammeModal .modal-header {
		min-height: 80px;
		padding: 0 0 0 20px;
	}
		#myOrganigrammeModal .modal-title {
			position: relative;
			z-index: 1;
			padding: 10px 10px 10px 0;
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1;
		}
			#myOrganigrammeModal .modal-title::after {
			    position: absolute;
			    bottom: -12px;
			    left: 0;
			    content: "";
			    z-index: -1;
			    display: block;
			    height: 11px;
			    width: 83px;
			    background: url(../Img/underline.png) no-repeat;
			}
		#myOrganigrammeModal .modal-header .close {
		    position: relative;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    border-radius: 50%;
		    height: 40px;
		    margin-right: 20px;
		    width: 40px;
		    background-color: #f3f3f3;
		    color: #737373;
		    opacity: 1;
		}
			#myOrganigrammeModal .modal-header .close::before {
				content: '\f00d';
				font-family: "Font Awesome 5 Pro";
				font-size: 24px;
				font-weight: 200;
			}
			#myOrganigrammeModal .modal-header .close span {
				display: none;
			}


.modal-dialog .modal-header {
	flex-direction: row;
}
.modal-dialog article {
	border-radius: 5px;
	margin-bottom: 20px;
    padding: 22px 30px;
    background: url(../Img/SVG/sigle_monochrome_transparent.svg) no-repeat 0px 5px / 141px 160px;
    color: #fff;
    line-height: 1;
    transition: all .3s;    
}
.modal-dialog article:last-child {
	margin-bottom: 0;
}
.modal-dialog article {/* Membre = tout le monde */
    background-color: var(--main-color-pale);
    color: #000;
}
.modal-dialog .item1 {/* Maire */
    background-color: var(--main-color);
    color: #fff;
}
	.modal-dialog article.item1 .titleArticle .function, 
	.modal-dialog article.item1 .titleArticle .city, 
	.modal-dialog article.item1 .titleArticle .phone, 
	.modal-dialog article.item1 .titleArticle .email {
		color: #fff;
	}
/*.modal-dialog .item2 {
    background-color: #03883e;
}*/
/*.modal-dialog .item8 {
    background-color: #0c264b;
}*/

/*.modal-dialog article:first-child {
	border-top: 0;
}*/
	.modal-dialog article .item {
	    min-height: 60px;
	    overflow: hidden;
	}
		.modal-dialog article .leftResult {
		    position: relative;
		    display: flex;
		    min-height: 60px;
		    width: 100%;
		    overflow: hidden;
		}
			.modal-dialog article .photograph img,
			.modal-dialog article .letters {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    border: 5px solid #fff;
			    border-radius: 50%;
			    height: 130px;
			    margin-right: 20px;	
			    padding: 0;
			    min-width: 130px;
			    background: #fff;
			    color: #333;
			    font-size: 48px;
			    font-weight: 600;
			    line-height: 1;
			    text-transform: uppercase;
			    overflow: hidden;
			}
			.modal-dialog article .photograph img {
				
			}
			/*.modal-dialog .item1 .letters {
			    background-color: #69c9bd;
			}
			.modal-dialog .item2 .letters {
			    background-color: #ff8764;
			}
			.modal-dialog .item3 .letters {
			    background-color: #f7c621;
			}
			.modal-dialog .item4 .letters {
			    background-color: #34baef;
			}
			.modal-dialog .item5 .letters {
			    background-color: #b198d9;
			}*/
			.modal-dialog article .titleArticle {
			    
			}
				.modal-dialog article .titleArticle .title {
					margin: 0 0 5px;
					padding: 0;				    
					font-size: 1.125em;
				    font-weight: 600;
					line-height: 1; 
				}
					.modal-dialog article .titleArticle .title::after {
						display: none;
					}
				.modal-dialog article .titleArticle .function,
				.modal-dialog article .titleArticle .city,
				.modal-dialog article .titleArticle .phone,
				.modal-dialog article .titleArticle .email {
					display: block;					
					color: #000;
					line-height: 24px;
				}
				.modal-dialog article .titleArticle .function {
				    margin-bottom: 5px;
				}
				.modal-dialog article .titleArticle .modal-container {
					display: inline-flex;
					align-items: center;
					font-size: .875em;
				}
					.modal-dialog article .titleArticle .icon {
					    position: relative;
					    top: 2px;
					    margin-right: 5px;
					}
				.modal-dialog article .titleArticle .categories {
				    margin: 0 0 3px;
				}
					.modal-dialog article .titleArticle .categories li {
					    font-weight: 600;
					    padding: 0;
					}

			.firefox .modal-dialog article .leftResult figure {
				top: 16px;
			}
				.modal-dialog article .leftResult figure > img {
					max-width: inherit;
				}
		.modal-dialog article .rightResult,	
		.modal-dialog article .centerResult {
			margin-left: 80px; 
			width: 100%;
			line-height: 1.2; 
		}
		.modal-dialog article .centerResult {
		    float: left;
		}
/* ========= COULEURS ========= */
.department.dep-f a.btn-primary {/* Police */
	background-color: #313C90;/* #9baac4 */
	color: #fff;
}
.department.dep-b span.btn-primary {/* CCAS */
	background-color: #e57fc4;
	color: #fff;
}
	.department.dep-b .section a.btn-primary {/* Sous-pages */
		background-color: #f2bfe1;
		color: #333;
	}
.department.dep-g a.btn-primary {
	background: #f5f5f5;
	color: #333;
}
.department.dep-c span.btn-primary {/* Communication */
	background-color: #d8cbec;
}
	.department.dep-c .section a.btn-primary {/* Sous-pages */
		background-color: #f0dff0;
		color: #333;
	}



/* 26 = Calendrier des services */
/* Header */
#calendar {background-color:#fff;}
.fc-toolbar.fc-header-toolbar {border:1px solid #ddd; border-bottom:0; border-top-left-radius:4px; border-top-right-radius:4px; margin:0;}
	.fc-toolbar .fc-center {display:block;}
		.fc-toolbar .fc-left .fc-button-group {margin-right:20px;}
			.fc-toolbar .fc-left .fc-button,
			.fc-toolbar .fc-right .fc-button {background:none; border:0; border-right:1px solid #ddd; border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow:none; height:62px; width:60px;}
			.fc-toolbar .fc-left .fc-corner-right {border-top-right-radius:0;}
			.fc-toolbar .fc-right .fc-corner-left {border-top-left-radius:0;}
			.pageContent .fc-toolbar .fc-button:focus,
			.pageContent .fc-toolbar .fc-button.fc-state-active {border:1px solid var(--main-color); outline:none;}
				.fc-toolbar .fc-left .fc-button .fc-icon {height:auto; margin:0; top:0; vertical-align:bottom;}
					.fc-toolbar .fc-left .fc-button .fc-icon::before {background:url("../Img/calendarArrow.svg") no-repeat center center; content:''; display:block; height:20px; width:11px;}
					.fc-toolbar .fc-left .fc-corner-right .fc-icon::before {transform:rotate(180deg);}
					.fc-toolbar .fc-left .fc-button .fc-icon::after {display:none;}
		.pageContent .fc-center h2 {clear:none; float:left; font-size:1.125em; margin:22px 0 0; text-transform:uppercase;}
		.fc-toolbar .fc-right .fc-button-group {}
			.fc-toolbar .fc-right .fc-button {border-left:1px solid #ddd; border-right:0; padding:0 20px; width:auto;}

/* Liste */
.pageContent .fc-head-container {
	padding: 0;
}
	#calendar table {
		margin: 0;
	}
		.pageContent table thead {
			font-size: 1em;
		}
			.pageContent .fc-head-container table th {
				padding: 15px 10px;
				text-align: left;
			}
				.pageContent .fc-head-container table th a {

				}
		.pageContent .fc-view-container table td {
			padding: 0;
		}
		.pageContent .fc-view-container table .fc-content-skeleton {
			top: 10px;
		}
			.pageContent .fc-view-container table .fc-content-skeleton td {
				padding: 0 10px 3px;
			}
			.pageContent .fc-view-container .fc-content-skeleton .fc-day-number {
				float: left;
			}
			.pageContent .fc-view-container .fc-content-skeleton tbody .fc-event {
				background-color: #b4e4de;
				border-color: #b4e4de;
				padding: 5px 0;
				font-size: 1em;
				cursor: pointer;
				text-align: center;
			}
			.pageContent .fc-view-container .fc-content-skeleton tbody .fc-event-to-complete {
				background-color: #99dcf7;
			}
			.pageContent .fc-view-container .fc-content-skeleton tbody .fc-event-canceled {
				background-color: #f3a59d;
			}
				.pageContent .fc-view-container .fc-content-skeleton tbody .fc-time,
				.pageContent .fc-view-container .fc-content-skeleton tbody .fc-title {
					color: #444;
					font-size: .875em;
				}
		.fc-unthemed td.fc-today {
			background-color: #f3f3f3;
		}

/* Popup événement */
.fc-more-popover .fc-event-container {
	padding: 30px;
}
	.fc-popover .fc-event-container a {
		background-color: transparent;
		border: 0;
		font-size: 1em;
	}

/* Infobulle du calendrier */
#infobulle {
	position: absolute;
	top: -9px;
	left: 50%;
	z-index: 9999999999999999;
	display: none;
	border-radius: 4px;
	box-shadow: 0 0 7px rgba(0,0,0,0.15);
	padding: 25px;
	max-width: 370px;
	width: auto;
	background-color: #fff;
	transform: translateX(-50%);
}
#infobulle.open {
	display: block;
}
	#infobulle::before {
		position: absolute;
		top: 7px;
		left: 50%;
		content: '';
		display: block;
		box-shadow: 0 0 7px rgba(0,0,0,0.15);
		height: 17px;
		padding: 1px;
		margin: -9px auto 0;
		width: 17px;
		background-color: #fff;
		transform: rotate(45deg) translateX(-50%);
		-webkit-transform: rotate(45deg) translateX(-50%);
		-ms-transform: rotate(45deg) translateX(-50%);
	}
	#infobulle::after {
		position: absolute;
		display: block;
		top: 0;
		left: 50%;
		content: '';
		height: 15px;
		width: 30px;
		background-color :#fff;
		transform: translateX(-50%);
	}
	#infobulle .btn-default {
		box-shadow: none;
		height: 36px;
		width: 36px;
		background-size: 14px 14px;
		opacity: 1;
	}
	#infobulle .statut {
		position: absolute;
		top: 20px;
		right: 35px;
		left: auto;
		border-radius: 4px;
		padding: 2px 5px;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
	}
	#infobulle .fc-event-canceled {
		background-color: #f3a59d;
	}
	#infobulle .fc-event-to-complete {
		background-color: #99dcf7;
	}

	#infobulle .category {
		display: block;
		color: #337ab7;
		margin-bottom: 0;
		padding-right: 90px;
		font-size: 1em;
	}
	#infobulle .title {
		margin-bottom: 0;
		font-size: 1.125em;
	}
		#infobulle .title a {

		}
	#infobulle .lead {
		margin-bottom: 0;
		font-size: 1em;
	}
	#infobulle .text {
		margin: 10px 0;
	}
	#infobulle .date {
		margin-bottom: 0;
	}
	#infobulle .edit {
		position: static;
		float: right;
		margin: 20px 0 0;
	}


/* 27 = Notes de services */
/* Liste */
.notes .pageContent .col-lg-12 .notes-only {
	float: left;
	display: block;
	margin-right: 30px;
	padding: 0;
	width: 28%;
}
	.notes .row .container-filters .bar-apparence {

	}
		.notes .row .container-filters .bar-filters {
			float: left;
		}
			.notes .container-filters .form-group .form-control {
				border-radius: 4px;
				border-right: 0;
			}
		.notes .container-filters .form-group {
			width: auto;
		}
		.notes-only {
			display: none;
		}
		.notes .listNews .text .title {
			margin-bottom: 0;
		}

/* Single */
.notes.single .headerContent .pageTitle {
	width: 265px;
}
	.notes.single .headerContent .pageTitle:before {
		content: 'Notes de services';
	}


/* 28 = Notifications */
.searchProfil .notifications {
	position: absolute;
	top: 10px;
	left: -50px;
	z-index: 9;
	display: inline-block;
	border-radius: 50%;
	padding-top: 10px;
	height: 40px;
	width: 40px;
	background-color: var(--main-color);
	text-align: center;
}
	.notifications .fa-bell {
		color: #fff;
		font-size: 19px;
	}
	.notifications .number {
		position: absolute;
		top: -5px;
		right: -5px;
		left: auto;
		border-radius: 50%;
		display: block;
		padding-top: 1px;
		height: 18px;
		width: 18px;
		background-color: #e74c3c;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}

/* Liste */
.listNotifications .listResults article .leftResult {
	width: auto;
}

.listNotifications .listResults .newNotif {
    text-transform: uppercase;
    color: #333;
    background-color: #F6C52A;
    padding: 0.3em 0.6em;
}


/* 29 = Suivi des demandes */
.suivi .pageContent .col-lg-12 .fondBlanc {background:none; border:0; padding:0;}
	.suivi .pageContent .col-lg-12 .fondBlanc .bloc {padding:0;}
		.content .suivi-demandes {clear:both; margin:0 15px 30px;}
		    .suivi-demandes .demandes-title {font-size:1.286em; line-height:1; margin:0; padding:26px 20px;}
		    .suivi-demandes .demandes-item {border-top:1px solid #ddd; overflow:hidden;}
		    .suivi-demandes .demandes-item:first-child {border-top:0;}
		        .suivi-demandes .demandes-item div {float:left; font-size:1.143em; line-height:1; padding:37px;}
		        .suivi-demandes .demandes-item .title {padding-left:100px; position:relative; width:33.33333333%;}
		            .suivi-demandes .demandes-item .title .icon {background:var(--main-color) url(../Img/clipboard.png) no-repeat center center; background-position:center center; background-repeat:no-repeat; background-size:auto 24px; border-radius:50%; height:50px; left:20px; position:absolute; top:50%; transform:translateY(-50%); width:50px;}
		            	.suivi-demandes .demandes-item .title .icon::before {content:'';}
		            /*.suivi-demandes .demandes-item .title .icon-page-4260 {background-image:url(../Img/profile.svg);}
		            .suivi-demandes .demandes-item .title .icon-page-4261 {background-image:url(../Img/calendar.svg);}
		            .suivi-demandes .demandes-item .title .icon-page-4262 {background-image:url(../Img/reservation.svg);}
		            .suivi-demandes .demandes-item .title .icon-page-4263 {background-image:url(../Img/profile.svg);}*/
		        .suivi-demandes .demandes-item .date {text-align:center; width:25%;}
		        .suivi-demandes .demandes-item .ref {text-align:center; width:25%;}
		        .suivi-demandes .demandes-item .status {position:relative; text-align:right; width:16.66666667%;}
		            .suivi-demandes .demandes-item .status span {background-color:#333; /*border-radius:20px;*/ color:#fff; display:inline-block; left:auto; line-height:1; font-size:.75em; padding:5px 10px;/*padding:14px 0;*/ position:absolute; right:30px; text-align:center; text-transform:uppercase; top:34px;/*top:25px; width:100px;*/}
		            .suivi-demandes .demandes-item .totreated span {background-color:#b198d9;}
		            .suivi-demandes .demandes-item .inprogress span {background-color:#ff8764;}
		            .suivi-demandes .demandes-item .rejected span {background-color:#e74c3c;}
		            .suivi-demandes .demandes-item .treated span {background-color:#69c9bd;}
		                .suivi-demandes .demandes-item .totreated span::before {content:'à traiter';}
		                .suivi-demandes .demandes-item .inprogress span::before {content:'en cours';}
		                .suivi-demandes .demandes-item .rejected span::before {content:'refusé';}
		                .suivi-demandes .demandes-item .treated span::before {content:'traité';}




@media screen and (max-width:1200px) {/* Point de rupture colonnes =================================== | =================================== | =================================== | =================================== */

	/* 04 = STRUCTURE */
	:is(.container, .container-fluid) .frame-container {
		max-width: unset;
	}
	:not(.mini) .site-main > .pageContent > .row > .col-lg-8,
	:not(.mini) .site-main > .pageContent > .row > aside.col-lg-4 {
		flex: 100%;
		max-width: 100%;
	}
	.mini .site-main > .pageContent > .row > .col-lg-8 {
		flex: 0 0 66.6666666667%;
    	max-width: 66.6666666667%;
	}
	.mini .site-main > .pageContent > .row > aside.col-lg-4 {
		flex: 0 0 33.3333333333%;
    	max-width: 33.3333333333%;
	}


	/* 05 = Header */
	/* Recherche + Login */
	.header .searchProfil .col-lg-8 {

	}
	.header .searchProfil .col-lg-4 {


	}

	/* 06 = Accueil */
	/* Colonne droite */
	#wrap:not(.mini) .col-right .section-home .section-home-title {
		font-size: 1.875em;
	}

	/* Accès rapides */
	.section-quick-access .mosaic-quick-access {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
		.section-quick-access .article-quick-access {
			width: 25%;
		}

	/* Actus */
	.section-home-news .listing {
		padding: 0 20px;
	}
		#wrap.mini .section-home-news .carousel picture {
			height: 310px;
		}
		#wrap:not(.mini) .section-home-news .carousel picture {
			height: 165px;
		}
			#wrap.mini .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
				height: 310px;
			}
			#wrap:not(.mini) .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
				height: 165px
			}
				.section-home-news :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
					height: 40px;
					min-width: 40px;
				}
					.section-home-news :is(.carousel-control-prev-icon, .carousel-control-next-icon)::after {
						height: 35px;
						width: 35px;
					}


	/* 07 = Page interne */
	.pageContent .col-lg-3 {
		clear: both;
	}
	.pageContent .col-lg-9 {
		width: 100%;
	}

	/* Page Kiosque */
	#wrap.mini .files-list-kiosque .kiosque-item {
		width: calc(50% - 15px);
	}
	#wrap:not(.mini) .files-list-kiosque .kiosque-item {
		width: 100%;
	}


	/* 09 = Login */
	/* Autres pages */
	.frame-type-felogin_login .form-horizontal .avatar {
		margin: 10px auto 0;
	}
	.frame-type-felogin_login .form-horizontal .username,
	.frame-type-felogin_login .form-horizontal .down {
		display: none;
	}
	.frame-type-felogin_login .form-horizontal .button-logout {
		position: absolute;
		top: 60px;
		right: 0;
		left: auto;
		transform: none;
	}
		.frame-type-felogin_login .form-horizontal .button-logout::before {
			left: auto;
			right: 15px;
		}


	/* 11 = Actualites */
	/* Liste */
	.listItem .col-lg-4 {
		clear: none;
		padding: 0 15px;
	}
	.listItem .col-lg-4:nth-child(3n+1) {
		clear: none;
	}
	.listItem .col-lg-4:nth-child(odd) {
		clear: left;
	}

	/* Fiche */
	.actualites.single .pageContent .col-lg-9 {
		margin-bottom: 30px;
	}
	.actualites.single .pageContent .col-lg-3 {
		margin-bottom: 30px;
		padding: 0;
	}


	/* 13  = Agenda */
	/* SINGLE */
	.agenda.single .frame-type-artificarecords_pi3 {
		display: flex;
		flex-direction: column;
	}
	.agenda.single .col-lg-12 .col-lg-3 {
		padding: 0 0 30px 0;
		order: 2;
	}
	.agenda.single .col-lg-12 .col-lg-9 {
		padding: 0;
		order: 1;
	}


	/* 16  = Annuaire */
	/* Liste */
	.listResults article .leftResult,
	.modal-dialog article .leftResult {
		width: inherit;
	}
	.listResults article .centerResult,
	.modal-dialog article .centerResult {
		clear: left;
		margin: 0 0 0 80px;
		width: inherit;
		line-height: initial;
	}
		.listResults article .centerResult .space {
			display: none;
		}
	.elus article .centerResult {
		margin: 0;
	}
	.listResults article .rightResult,
	.modal-dialog article .rightResult {
		clear: left;
		margin: .5em 0 0 80px;
		width: inherit;
		line-height: initial;
	}
	.elus article .rightResult {
		margin: 0;
	}
	.modal-dialog article .rightResult {
		margin: 0 0 0 80px;
	}

    /* 20 = Médiathèque */
    /* Tabulation */
	/* PDF */
	.tabulation .medias .listItem .col-lg-3 {
		clear: none;
		padding: 0 15px;
	}

    /* 21 = Sommaire */
	.pagesummary :not(.mini) .sibling-item {
		width: calc(50% - 15px);
	}
	.pagesummary .mini .sibling-item {
		width: calc(100% / 3 - 20px);
	}

    /* 23 = Projets */
    .projets main .pageContent.container-fluid > .row {
    	display: flex;
	    flex-direction: column;
	}
		.projets .right-project {
			order: 2;
			float: left;
			padding-bottom: 0;
		}
		.projets .content-project {
			order: 1;
		}
		.projets .documents-project {
			order:3;
			padding-bottom:30px;
		}
		.projets .footerPage {
			order: 4;
		}

    /* 25 = Organigramme */
	.rte-content .bloc.organigramme {
		height: 2970px;
		/*padding: 0 20px;*/
	}
		.organigramme ul a {
			font-size: 1em;
		}
		.pageContent .organigramme ul li ul.subdirector {/* Cabinet du Maire */
			position: relative;
			top: 80px;
		}
		.departments {
		    top: 100px;
		}
			.subdirector .department {
				right: 10%;
				margin-right: 2px;
				width: 40%;
			}

			.subdirector > li:first-child,
			.departments > li:first-child {
				width: 40%;
			}
			.departments > li:first-child {
				border-right: 0;
			}
			.subdirector > li:first-child {
				right: 10%;
				top: -80px;
				border-bottom: 0;
				margin-right:2px;
				width: 40%;
			}
				.subdirector > li:first-child a.btn-primary {/* Cabinet du Maire */
				    position: absolute;
				    right: 55%;
				    top: 24px;
				    margin-left: 0;
				    min-width: 190px;
				}
			.subdirector::before {
				display: none;
			}
			.subdirector:after {
				display: none;
				/*top: 64px;
				left: 50%;
				margin-left: -2px;
				height: 160px;*/
			}
			.departments > li:first-child {/* Direction Générale des Services */
				left: 50%;
				top: -56px;
				border-bottom: 4px solid #cbcbcb;
				border-right: 4px solid #cbcbcb;
				border-top: 4px solid #cbcbcb;
				height: 190px;
				margin-left: 2px;
			}
				.departments > li:first-child a.btn-primary {
					position: relative;
					right: 45%;
					top: 140px;
					min-width: 190px;
				}
			.departments:after {
				border-right: none;
				left: 0;
				top: 130px;
				height: 260px;
				width: 40%;
			}
				.department {
					float: none;
					margin-left: 0;
					width: 100%;
				}
				.pageContent .organigramme ul .dep-f,
				.pageContent .organigramme ul .dep-g,
				.pageContent .organigramme ul .dep-h {
					position: relative;
					left: 0;
				}
				.pageContent .organigramme ul .department::before {
					left: 0;
					top: -64px;
					height: 60px;
				}
				.pageContent .organigramme .subdirector .department::before {
					top: -24px;
					height: 22px;
				}

				.pageContent .organigramme ul li .departments .department .last-section-child::after {
					display: none;
				}

				.department:before {}
				.department:nth-child(2):before {
					display: none;
				}
				.pageContent .organigramme ul .dep-a,
				.pageContent .organigramme ul .dep-b,
				.pageContent .organigramme ul .dep-c,
				.pageContent .organigramme ul .dep-d,
				.pageContent .organigramme ul .dep-e,
				.pageContent .organigramme ul .dep-f,
				.pageContent .organigramme ul .dep-g,
				.pageContent .organigramme ul .dep-h {
					top: 0;
					/*margin-bottom: 0;*/
				}

				.pageContent .organigramme ul .departments li:nth-child(6)::before,
				.pageContent .organigramme ul .departments li:nth-child(7)::before,
				.pageContent .organigramme ul .departments li:nth-child(8)::before,

				.pageContent .organigramme ul .departments li:nth-child(10)::before,
				.pageContent .organigramme ul .departments li:nth-child(11)::before {
					left: 0;
				}
				.pageContent .organigramme ul .departments li:nth-child(11)::before {
					height: 60px;
				}
				.pageContent .organigramme ul .departments li:nth-child(6)::after,
				.pageContent .organigramme ul .departments li:nth-child(7)::after,
				.pageContent .organigramme ul .departments li:nth-child(8)::after,
				.pageContent .organigramme ul .departments li:nth-child(9)::after,
				.pageContent .organigramme ul .departments li:nth-child(10)::after,
				.pageContent .organigramme ul .departments li:nth-child(11)::after {
					display: none;
				}


	/* 27 = Notes de services */
	/* Liste */
	.notes .listNews {
		clear: right;
	}
	.notes .pageContent .col-lg-12 .notes-only {
		width: 50%;
	}
	.notes .row .container-filters .bar-filters {
		float: right;
	}


}



/*-MOBILE-*/
@media screen and (max-width:991px) {/******************************** Tablettes et mobiles ******************************************/

/* 04 = STRUCTURE */
	:is(.container, .container-fluid) .frame-container {
		max-width: unset;
	}
	:not(.mini) .site-main > .pageContent > .row > .col-lg-8,
	:not(.mini) .site-main > .pageContent > .row > aside.col-lg-4,
	.mini .site-main > .pageContent > .row > .col-lg-8,
	.mini .site-main > .pageContent > .row > aside.col-lg-4 {
		flex: 100%;
		max-width: 100%;
	}


/* 05 = HEADER */
	.header .searchProfil .col-lg-4 {
		border-left: none;
	}
		.header .logo a {
			width: 100%;
		}
		.header .searchProfil .col-lg-8 {
			width: calc(100% - 160px);
		}
		.header .searchProfil .col-lg-4 {
			width: 160px;
		}
			.header .searchProfil .frame-profil {
				
			}
				.header .searchProfil .user {
					justify-content: center;
					border-left: 1px solid #d5d5d5;
					padding: 0 15px;
				}
					.header .searchProfil .user .fa-circle-user {
						margin-right: 0;
					}
		.header .searchProfil .disconnect,
		.header .searchProfil .user {
			border-left: 0;
		}


/* 06 = Accueil */
	/* Une */
		.col-lg-8 .uneRecords .title {
			bottom: 20px;
			left: 20px;
			font-size: 1.125em;
		}

	/* Flash info */
	.col-lg-8 .flashInfo {
		padding: 40px 0 20px;
	}
		.flashInfo .titleFlash {
			padding: 6px 0;
			width: 100px;
		}
		.flashInfo .title {
			margin-bottom: 5px;
			font-size: 1.125em;
		}
		.flashInfo .text {
			font-size: 1em;
		}

	/* Accès rapides */
	.section-quick-access .article-quick-access {
		width: calc(100% / 3);
	}

	/* Actus */
	#wrap.mini .section-home-news .carousel picture {
		height: 400px;
	}
	#wrap:not(.mini) .section-home-news .carousel picture {
		height: 310px;
	}
		#wrap.mini .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
			height: 400px;
		}
		#wrap:not(.mini) .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
			height: 310px
		}

	/* Colonne de droite */
	#wrap:not(.mini) .col-right .section-home .section-home-title {
		font-size: 1.5em;
	}

/* 08 = Colonne gauche */
	/* Menu */
	.pageAside .navPrincipal {
		background-color: #656565;
	}

/* 13 = Agenda */
	/* Filtres */
	.pageContent .col-lg-8 .bar-apparence,
	.pageContent .col-lg-8 .bar-filters {
		margin: 0 0 30px;
		width: 100%;
	}
		.bar-apparence a {
			width: 50%;
		}
	/* single */
	.site-main .previous {

	}

/* 16  = Annuaire */
	/* Liste */
	.listResults .col-md-3 {
		margin-top: 20px;
		padding: 0 20px;
	}
	.directories-list tr {
		flex-direction: column;
	}
		.directories-list tr td,
		.directories-list tr td:first-child {
			width: 100%;
		}

/* 21 = Sommaire */
	.pagesummary :not(.mini) .sibling-item {
		width: calc(50% - 15px);
	}
	.pagesummary .mini .sibling-item {
		width: calc(50% - 15px);
	}

/* 23 = Projets */
	.projets .pageContent .col-lg-8 .bloc {
		margin-bottom: 30px;
	}

	/* Buttons */
	.projets .button {
		padding: 0 30px 0;
	}
		.projets .button .return {
			margin-bottom: 1em;
			width: 50%;
		}
		.projets .button .right {
			clear:both;
			float:none;
			margin-bottom:1em;
			padding-left:55px;
			width:50%;
		}
		.projets .button .right:last-child {
			margin-right:
			0;
		}
			.projets .button .right .fa-plus {
				left: 15px;
			}

	/* Events */
	.list-dates .list .date {
		margin: 0 0 30px;
		padding: 0 30px;
		min-width: 150px;
	}
	.list-dates .list .infos {
		border: 0;
		clear: left;
		padding: 0 0 30px 30px;
	}
		.list-dates .list .btn-comments {
			top: 30px;
		}

/* 26 = Calendrier des services */
	/* Header */
	.pageContent .fc-center h2 {
		font-size: .875em;
		margin: 14px 0 0;
	}
	.fc-toolbar .fc-left .fc-button-group {
		margin-right: 5px;
	}
		.fc-toolbar .fc-left .fc-button,
		.fc-toolbar .fc-right .fc-button {
			height: 40px;
			width: 40px;
		}
		.fc-toolbar .fc-right .fc-button {
			font-size: .875em;
			padding: 0 10px;
			width: auto;
		}
			.fc-toolbar .fc-left .fc-button .fc-icon::before {
				height: 14px;
				width: 6px;
			}

	/* Liste */
	.pageContent .fc-head-container table th {
		padding: 5px;
	}

/* 27 = Notes de services */
	/* Liste */
	.notes .pageContent .col-lg-12 .notes-only {
		width: 100%;
	}

}



@media screen and (max-width:768px) {/******************************** Mobiles******************************************/

/* 04 = Structure */
	aside.pageAside {
		position: absolute;
		top: 80px;
		bottom: 0;
		/*left: -320px;*/
		z-index: 10;
		background-color: #fff;
		transition: .3s ease-in-out;
	}
	.mini aside.pageAside {
		left: 0;
		width: 0;
	}
	main .pageContent {
		width: 100%;
	}
	.mini main .pageContent {
		width: 100%;
	}
	:is(.container, .container-fluid) .frame-container {
		max-width: unset;
	}

/* 05 = Header */
	/* Logo */
	.header .logo a {
		width: 80px;
	}
		.header .logo .img {
			margin-right: 0;
		}

	/* Recherche + Login */
	.header .searchProfil {
		position: static;
	}
		.searchProfil .container-fluid {
			padding: 0;
		}
			.searchProfil .container-fluid .row {
				margin: 0;
			}
				.header .searchProfil .col-lg-8 {
					position: static;
				}
					.searchProfil .artifica-form {
						position: absolute;
						top: -80px;
						right: 0;
						left: 0;
						z-index: 9;
						transition: top .1s ease-in-out;
					}
					.mobileSearch .searchProfil .artifica-form {
						top: 0;
						right: -90px;
						/*left: -160px;*//* Ne pas cacher le logo ! */
						z-index: 20;
						background-color: #fff;
					}
						.searchProfil .artifica-form .form-group {
							margin: 0;
						}
							.header .col-lg-8 .form-control {
								width: 100%;
							}
							.header .col-lg-8 .form-control::placeholder {
								font-size: .750em;
							}
		.header .frame-type-list .closeSearch {
			right: -175px;
			display: block;
		}
		.header .buttonMobileSearch {
			right: -15px;
			display: block;
		}
		.header .frame-type-list .closeSearch {
			top: -80px;
			transition: top .1s ease-in-out;
		}
		.mobileSearch .frame-type-list .closeSearch {
			top: 0;
		}


/* 06 = Accueil */
	.site-main .pageContent {
		padding: 0 30px;
	}
	/* Flash info */
	.col-lg-8 .frame-flashInfo {
		padding: 60px 15px 20px;
	}
	/* Agenda */
	#wrap:not(.mini) .section-home-events .card {
		flex-direction: row;
	}
	/* Colonne droite */
	.frameCalendar,
	.row .bloc {
		padding: 10px;
	}
		.pageContent table td,
		.pageContent table th {
			padding: 5px;
		}
	/* Accès rapides */
	.section-quick-access .mosaic-quick-access {

	}

/* 07 = Page interne */
	.pageContent .col-lg-12 {
		padding: 0 10px 30px;
	}
	.pageContent .headerContent {
		padding-bottom: 0;
	}

	/* Colonne de gauche */
	.pageContent .col-lg-3 {
		padding: 0 10px 30px;
	}

	/* Colonne de droite */
	.headerContent .pageTitle,
	.pageContent h1 {
		font-size: 1.5em;
	}

	/* Page Kiosque */
	.files-list-kiosque .list-unstyled {
		justify-content: center;
	}
		#wrap.mini .files-list-kiosque .kiosque-item {
			width: 100%;
		}

/* 09 = Login */
	/* Page Login */
	.pagevide .frame-type-felogin_login .bloc-connexion {
		background-position: center 15px;
		background-size: 30px 30px;
		padding: 60px 20px 20px;
	}
		.pagevide .frame-type-felogin_login .title-connexion {
			font-size: 1.5em;
			margin-bottom: 15px;
		}
		.pagevide .frame-type-felogin_login .form-horizontal .col-xs-12 {
			padding: 0;
		}
			.pagevide .frame-type-felogin_login .form-horizontal .form-group .input-group {
				left: 0;
				margin: 0;
				width: 100%;
			}
			.pagevide .frame-type-felogin_login .form-horizontal .col-xs-12 p {
				margin: 0;
			}
	.pagevide .pageContent .footerPage {
		position: static;
	}

/* 11 = Actualites */
	/* Fiche */
	.pageContent .frame-type-artificarecords_pi3 .col-lg-12 {
		padding: 0 5px 30px;
	}
	.single .fiche {
		margin: 0;
		padding: 10px;
	}

/* 12 = Share & Tools */
	.headerContent .share {
		display: none;
	}

/* 13 = Agenda */
	#containerRecordResults {
		margin: 0;
	}
		#containerRecordResults .col-lg-8,
		#containerRecordResults .col-lg-4 {
			padding: 20px 0 10px;
		}
			#containerRecordResults .col-lg-8 .listAgenda {
				border-radius: 0 0 4px 4px;
				margin: 0 0 30px;
			}
			#containerRecordResults .col-lg-8 .topListAgenda {
				border-bottom: 0;
				border-radius: 4px 4px 0 0;
				margin: 0;
				padding: 0;
			}
				.listAgenda .list {
					padding: 15px;
				}
	/* Single */
	.agenda.single .col-lg-12 .col-lg-9 {
		margin-bottom: 30px;
	}
	.agenda.single .dates .dateStart,
	.agenda.single .dates .dateEnd {
		padding: 10px;
	}

/* 15 = Recherche */
	/* Filtres */
	.filters {
	    margin-bottom: 20px;
	}
	/* List */
	.searchEngine .col-md-9,
	.searchEngine .col-md-3 {
		padding: 0;
	}
		.searchEngine .row .bloc {
			padding: 10px;
		}

/* 16  = Annuaire */
	/* Liste */
	.directories-list tr td {
	    display: flex;
	    flex-direction: column;
	}

	/*.listResults .row {
		margin: 0;
	}
		.listResults .col-md-9,
		.listResults .col-md-3 {
			padding: 0;
		}
		.listResults .col-md-3 {
			margin-bottom: 30px;
		}
			.listResults .form-inline .form-control {
				border-color: #ddd;
				border-radius: 4px;
			}*/
	/* Liste */
	/*.listResults .col-md-9 .form-group {
		width: 100%;
	}
	.listResults .col-md-9 .hiddenSelect {
		width: 100%;
	}
		.listResults .col-md-9 .form-group input {
			padding: 13px 10px;
		}
		.listResults .form-inline .form-control {
			width: 100%;
		}
		.listResults .form-inline .filtrer {
			top: auto;
			right: 0;
			bottom: 19px;
			width: 15%;
		}
	.elus .listResults {
		margin: -10px;
	}
	.listResults .article,
	.listResults article,
	.modal-dialog article {
		padding: 20px 10px;
	}*/

	/* Single Élus */
	/*.pageContent .singleElus {
		margin: -10px;
	}*/


/* 19 = Formulaire */
	.form-group .col-sm-4 .date .col-sm-4,
	.col-lg-12 .form-group .col-sm-4,
	.col-lg-12 .form-group .col-sm-8,
	.col-lg-12 .form-group .col-xs-12 {
		padding: 0;
	}
	.form-horizontal .form-group {
		margin: 0 0 15px;
	}

/* 20 = Médiathèque */
    /* Tabulation */
    .pageContent .nav-pills {
    	float: none;
    	margin-right: 0;
    }
	.tabulation .container-filters .form-group {
		margin: 0 0 10px;
	}
    /* Vidéos */
    .videos .listItem .row,
    .diaporamas .listItem .row {
    	margin: 0;
    }
    .videos .listItem .row .col-sm-12 .item,
    .diaporamas .listItem .row .col-sm-12 .item {
    	margin: 0;
    }
    	.videos .listItem .row .col-sm-12 .item .bloc,
    	.diaporamas .listItem .row .col-sm-12 .item .bloc {
    		margin: 0;
    	}
		.videos .list-documents .bloc figure,
		.diaporamas .list-documents .bloc figure {
			margin: -10px -20px 20px;
		}
	/* PDF */
	.tabulation .medias .listItem .col-lg-3 {
		padding: 20px 10px 10px;
	}
		.tabulation .medias .listItem .col-lg-3 .item {
			margin: 0;
		}
			.tabulation .medias .listItem .col-lg-3 .bloc {
				margin: 0;
				min-height: inherit;
			}

/* 23 = Projets */
	/* Events */
	.projets .right-project {
		padding: 0 10px;
	}
	.pageContent .list-dates .number-events,
	.projets .list-documents .header-documents .title {
		padding: 18px 10px;
	}
	.pageContent .list-dates .list {
		padding: 30px 10px 0 0;
	}
		.list-dates .list .date {
			padding: 0 10px;
			min-width: 125px;
		}
		.list-dates .list .btn-comments {
			right: 10px;
		}
		.list-dates .list .infos {
			padding: 0 0 10px 10px;
		}
	.list-dates .list .clear {
		margin-right: 0;
	}
		.list-dates .list .comments {
			margin: 0 -10px 0 0;
			padding: 10px;
		}
			.projets .comments .list-unstyled {
				margin: 0 0 20px;
			}
			.projets .comments .form-inline .form-group {
				margin-bottom: 0;
			}
		.list-dates .list .comments .form-inline input {
			padding: 13px 10px;
		}
	.projets .frameCalendar {
		display: none;
	}

	/* Documents */
	.projets .list-documents article a {
		padding: 0 10px;
	}
	.projets .list-documents .btn-comments {
		right: 10px;
	}
	.projets .list-documents .comments {
		padding: 10px;
	}

/* 26 = Calendrier des services */
	/* Popup événement */
	.fc-more-popover .fc-event-container {
		padding: 10px;
	}
	a.fc-more {
		display: block;
		width: 100%;
		font-size: .65em;
		overflow: hidden;
		white-space: nowrap;
	}

}



@media screen and (max-width: 576px) {/******************************** Petits écrans ******************************************/

/* 04 = STRUCTURE */
	:is(.container, .container-fluid) .frame-container {
		max-width: unset;
	}

/* 05 = HEADER */
	#wrap .header {
		height: 60px;
	}
		.header .menuButton {
			min-width: 60px;
			width: 60px;
		}
	/* Logo */
	.header .logo a {
		border: 0;
		width: 60px;
		font-size: 1.5em;
	}
		.header .logo .textBold {
			left: 0;
		}
	/* Recherche + Login */
	.header .searchProfil .col-lg-8 {
		height: 60px;
		width: calc(100% - 120px);
	}
		.header .buttonMobileSearch {
			height: 60px;
			width: 60px;
		}
			.mobileSearch .searchProfil .artifica-form {
				right: -75px;
				left: -130px;
				height: 60px;
			}
	.header .searchProfil .col-lg-4 {
		height: 60px;
		width: 120px;
	}
		.header .searchProfil .user {
			min-width: 60px;
			height: 60px;
			width: 60px;
		}
		.header .searchProfil .disconnect {
			min-width: 60px;
			height: 60px;
			width: 60px;
		}

/* 04 = STRUCTURE */
	aside.pageAside {
		top: 60px;
	}
	.mini aside.pageAside {
		/*width: 100%;*/
	}

/* 06 = ACCUEIL */
	/* Accès rapides */
	.section-quick-access .article-quick-access {
		width: 50%;
	}
	/* Focus */
	.section-focus .focus-img,
	.section-focus .focus-body {
		width: 100%;
	}
		.section-focus .focus-img {
			margin-bottom: 20px;
		}
		.section-focus .focus-body .textmedia-item {
			padding: 0;
		}
	/* Actus */
	#wrap.mini .section-home-news .carousel picture,
	#wrap:not(.mini) .section-home-news .carousel picture {
		height: 185px;
	}
		#wrap.mini .section-home-news :is(.carousel-control-prev, .carousel-control-next),
		#wrap:not(.mini) .section-home-news :is(.carousel-control-prev, .carousel-control-next) {
			height: 185px;
		}
	/* Agenda */
	#wrap:not(.mini) .section-home-events .card {
		flex-direction: column;
	}
		.section-home-events .card-img-top {
			height: 80px;
			width: 80px
		}

/* 09 = Login */
	/* Page Login */
	.pagevide .pageContent .col-lg-12 {
		padding: 30px 10px;
	}
		.pagevide .frame-type-felogin_login {
			max-height: inherit;
			padding: 160px 20px 20px;
			max-width: inherit;
			min-width: inherit;
		}
		.header .frame-type-list .closeSearch {
			right: -135px;
			height: 60px;
			width: 60px;
		}

/* 10 = Breadcrumbs */
	.pageContent .breadcrumb {
		width: 100%;
	}
		.pageContent .breadcrumb > * {
			margin-bottom: 10px;
		}

/* 12 = Share & Tools */
	.headerContent .tools-page {
		margin-left: auto;
	}

/* 16  = Annuaire */
	/* Single */
	.directories-single-title .grey-circle {
		height: 60px;
		width: 60px;
		font-size: 2em;
	}

/* 21 = Sommaire */
	.pagesummary :not(.mini) .sibling-item {
		width: 100%;
	}
	.pagesummary .mini .sibling-item {
		width: 100%;
	}

/* 23 = Projets */
	/* Buttons */
	.projets .button {
		padding: 0 10px;
	}
		.projets .button .return,
		.projets .button .right {
			width: 100%;
		}
	.list-dates .list .infos .location {
		padding-left: 100px;
	}

/* 25 = Organigramme */
	.organigramme ul a {
		font-size: .75em;
	}

/* 26 = Calendrier des services */
	/* Header */
	.fc-toolbar .fc-left {

	}
		.fc-toolbar .fc-left .fc-button-group {
			margin:0;
			width:100%;
		}
			.fc-toolbar .fc-left .fc-corner-right {
				float: right;
				border-left: 1px solid #ddd;
			}
	.fc-toolbar .fc-right,
	.fc-toolbar .fc-center {
		border-top: 1px solid #ddd;
		height: 40px;
		width: 100%;
		text-align: center;
	}
		.fc-toolbar .fc-right .fc-button-group,
		.pageContent .fc-center h2 {
			float: none;
		}
			.fc-toolbar .fc-right .fc-button {
				border-left: 0;
			}

	/* Tableau javascrip */
	.pageContent .fc-view-container table .fc-content-skeleton td {
		padding: 0;
	}
		.pageContent .fc-view-container .fc-content-skeleton tbody .fc-event {
			padding: 0;
		}

	/* Infobulle du calendrier */
	#infobulle {
		position: fixed;
		top: 0!important;
		right: 0!important;
		bottom: 0!important;
		left: 0!important;
		border-radius: 0;
		box-shadow: none;
		max-width: inherit;
		transform: inherit;
	}
	/*#infobulle.open {display:block;}
		#infobulle::before {background-color:#fff; box-shadow:0 0 7px rgba(0,0,0,0.15); content:''; display:block; height:17px; left:50%; margin:-9px auto 0; padding:1px; position:absolute; top:7px; -webkit-transform:rotate(45deg) translateX(-50%); -ms-transform:rotate(45deg) translateX(-50%); transform:rotate(45deg) translateX(-50%); width:17px;}
		#infobulle::after {background-color:#fff; content:''; display:block; height:15px; left:50%; position:absolute; top:0; transform:translateX(-50%); width:30px;}
		#infobulle .btn-default {background-size:14px 14px; box-shadow:none; height:36px; opacity:1; width:36px;}
		#infobulle .statut {border-radius:4px; color:#fff; font-size:12px; left:auto; padding:2px 5px; position:absolute; right:35px; text-transform:uppercase; top:20px;}
		#infobulle .fc-event-canceled {background-color:#f3a59d;}
		#infobulle .fc-event-to-complete {background-color:#99dcf7;}

		#infobulle .category {color:#337ab7; display:block; font-size:1em; margin-bottom:0; padding-right:90px;}
		#infobulle .title {font-size:1.125em; margin-bottom:0;}
			#infobulle .title a {color:#666;}
		#infobulle .lead {color:#666; font-size:1em; margin-bottom:0;}
		#infobulle .text {margin:10px 0;}
		#infobulle .date {margin-bottom:0;}*/

}


@media screen and (min-width: 577px) { /* ******************************* Mobiles ******************************* */

/* 16  = Annuaire */
	.directories-list .directories-table {
	    max-width: inherit;
	    display: table;
	}
		.directories-list .directories-table tbody {
			display: block;
		}
	/* Annuaire élus */


}


@media screen and (min-width: 768px) { /* ******************************* Mobiles ******************************* */

/* 15 - Recherche */
	/* Filtre */
	.top-page-wrapper {
		/*margin-bottom: 30px;*/
	}
		.filters .form-group-filter {		
			margin-right: 30px;
		}
			.filters .form-group-filter .col-filter-elected {
	    		border-radius: 5px;
				background-color: #f3f3f3;
			}
		.filters .filters-directories-text,
		.filters .filters-directories-select,
		.filters .search-input-arrow-box {
			margin-right: 30px;
			width: 240px;
		}
		.filters .filters-directories-text {
			margin-right: 0;
		}
		.filters .btn.filtrer, 
		.filters .btn.reset {
			width: 80px;
		}
		.filters .btn.filtrer {
			margin-bottom: 30px;
			margin-right: 30px;
		}
		.filters .link-flex {
			margin: 0 30px 30px 0;
		}

		.criteria-total .criteria {
			margin-left: 30px;
		}
		.criteria-total .criteria .btn {
			margin-bottom: 0;
		}

}

@media screen and (min-width: 992px) {/* TABLETTES  ************************************************ */

/* 16 = Annuaire */
	/* Annuaire des élus */
	.directories-list .item-directories-img {
		height: 160px;
		margin: 0 30px 20px 0;
		width: 130px;
	}
	.item-directories-caption .function {
		margin-bottom: 15px;
		font-size: 1.313em;
	}
	.directories-list .more-btn {
		height: 50px;
		font-size: 1em;
	}

/* 17 = Footer */
	.footer-main {
	    flex-direction: row;
	}

}

@media screen and (min-width: 1200px) { /* ******************************* Mobiles ******************************* */

/* 16  = Annuaire */
	/* Annuaire élus */


}