@font-face {
    font-family: 'AmaranthRegular';
    src: url('../fonts/AmaranthRegular/AmaranthRegular.eot');
    src: url('../fonts/AmaranthRegular/AmaranthRegular.eot') format('embedded-opentype'),
         url('../fonts/AmaranthRegular/AmaranthRegular.woff2') format('woff2'),
         url('../fonts/AmaranthRegular/AmaranthRegular.woff') format('woff'),
         url('../fonts/AmaranthRegular/AmaranthRegular.ttf') format('truetype'),
         url('../fonts/AmaranthRegular/AmaranthRegular.svg#AmaranthRegular') format('svg');
}
@font-face {
    font-family: 'AmaranthBold';
    src: url('../fonts/AmaranthBold/AmaranthBold.eot');
    src: url('../fonts/AmaranthBold/AmaranthBold.eot') format('embedded-opentype'),
         url('../fonts/AmaranthBold/AmaranthBold.woff2') format('woff2'),
         url('../fonts/AmaranthBold/AmaranthBold.woff') format('woff'),
         url('../fonts/AmaranthBold/AmaranthBold.ttf') format('truetype'),
         url('../fonts/AmaranthBold/AmaranthBold.svg#AmaranthBold') format('svg');
}
/* @font-face {
    font-family: 'ArchitectsDaughter';
    src: url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.eot');
    src: url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.eot') format('embedded-opentype'),
         url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.woff2') format('woff2'),
         url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.woff') format('woff'),
         url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.ttf') format('truetype'),
         url('../fonts/ArchitectsDaughter/ArchitectsDaughterRegular.svg#ArchitectsDaughterRegular') format('svg');
} */
/* @font-face {
    font-family: 'AmaranthItalic';
    src: url('../fonts/AmaranthItalic/AmaranthItalic.eot');
    src: url('../fonts/AmaranthItalic/AmaranthItalic.eot') format('embedded-opentype'),
         url('../fonts/AmaranthItalic/AmaranthItalic.woff2') format('woff2'),
         url('../fonts/AmaranthItalic/AmaranthItalic.woff') format('woff'),
         url('../fonts/AmaranthItalic/AmaranthItalic.ttf') format('truetype'),
         url('../fonts/AmaranthItalic/AmaranthItalic.svg#AmaranthItalic') format('svg');
} */
@font-face {
    font-family: 'RobotoItalic';
    src: url('../fonts/RobotoItalic/RobotoItalic.eot');
    src: url('../fonts/RobotoItalic/RobotoItalic.eot') format('embedded-opentype'),
         url('../fonts/RobotoItalic/RobotoItalic.woff2') format('woff2'),
         url('../fonts/RobotoItalic/RobotoItalic.woff') format('woff'),
         url('../fonts/RobotoItalic/RobotoItalic.ttf') format('truetype'),
         url('../fonts/RobotoItalic/RobotoItalic.svg#RobotoItalic') format('svg');
}
/* @font-face {
    font-family: 'RobotoLightItalic';
    src: url('../fonts/RobotoLightItalic/RobotoLightItalic.eot');
    src: url('../fonts/RobotoLightItalic/RobotoLightItalic.eot') format('embedded-opentype'),
         url('../fonts/RobotoLightItalic/RobotoLightItalic.woff2') format('woff2'),
         url('../fonts/RobotoLightItalic/RobotoLightItalic.woff') format('woff'),
         url('../fonts/RobotoLightItalic/RobotoLightItalic.ttf') format('truetype'),
         url('../fonts/RobotoLightItalic/RobotoLightItalic.svg#RobotoLightItalic') format('svg');
} */

.amaranthBold,
/* .static_texte h1:not(.accueil h1), */
#blocs-options .lightgray-box span > strong,
#message-wrapper > div h5 {
	font-family: AmaranthBold, sans-serif;
}
.amaranthItalic {
	font-family: AmaranthItalic, sans-serif;
}

/*
------------------------------------
	ANIMATIONS
------------------------------------
*/
.dot-flashing {
	position: relative;
	width: 14px;height: 14px;
	border-radius: 50%;
	background-color: rgb(0,150,213);
	color: rgb(0,150,213);
	-webkit-animation: dot-flashing 1s infinite linear alternate;
	animation: dot-flashing 1s infinite linear alternate;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.dot-flashing::before, .dot-flashing::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
}

.dot-flashing::before {
	left: -20px;
	width: 14px;height: 14px;
	border-radius: 50%;
	background-color: rgb(0,150,213);
	color: rgb(0,150,213);
	-webkit-animation: dot-flashing 1s infinite alternate;
	animation: dot-flashing 1s infinite alternate;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.dot-flashing::after {
	left: 20px;
	width: 14px;height: 14px;
	border-radius: 50%;
	background-color: rgb(0,150,213);
	color: rgb(0,150,213);
	-webkit-animation: dot-flashing 1s infinite alternate;
	animation: dot-flashing 1s infinite alternate;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

@-webkit-keyframes dot-flashing {
	0% { background-color: rgb(0,150,213); }
	35%, 100% { background-color: rgba(0,150,213, .35);}
}

@keyframes dot-flashing {
	0% { background-color: rgb(0,150,213); }
	35%, 100% { background-color: rgba(0,150,213, .35); }
}


@keyframes ldio-cw4ulad8bl4 {
   0% { transform: translate(7.07px,41.410000000000004px) scale(0); }
  25% { transform: translate(7.07px,41.410000000000004px) scale(0); }
  50% { transform: translate(7.07px,41.410000000000004px) scale(1); }
  75% { transform: translate(41.410000000000004px,41.410000000000004px) scale(1); }
 100% { transform: translate(75.75px,41.410000000000004px) scale(1); }
}
@keyframes ldio-cw4ulad8bl4-r {
   0% { transform: translate(75.75px,41.410000000000004px) scale(1): }
 100% { transform: translate(75.75px,41.410000000000004px) scale(0); }
}
@keyframes ldio-cw4ulad8bl4-c {
   0% { background: #0096d5 }
  25% { background: #0096d5 }
  50% { background: #0096d5 }
  75% { background: #0096d5 }
 100% { background: #0096d5 }
}
.ldio-cw4ulad8bl4 div {
  position: absolute;
  width: 18.18px;
  height: 18.18px;
  border-radius: 50%;
  transform: translate(41.410000000000004px,41.410000000000004px) scale(1);
  background: #0096d5;
  animation: ldio-cw4ulad8bl4 3.7037037037037033s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-cw4ulad8bl4 div:nth-child(1) {
  background: #0096d5;
  transform: translate(75.75px,41.410000000000004px) scale(1);
  animation: ldio-cw4ulad8bl4-r 0.9259259259259258s infinite cubic-bezier(0,0.5,0.5,1), ldio-cw4ulad8bl4-c 3.7037037037037033s infinite step-start;
}.ldio-cw4ulad8bl4 div:nth-child(2) {
  animation-delay: -0.9259259259259258s;
  background: #0096d5;
}.ldio-cw4ulad8bl4 div:nth-child(3) {
  animation-delay: -1.8518518518518516s;
  background: #0096d5;
}.ldio-cw4ulad8bl4 div:nth-child(4) {
  animation-delay: -2.7777777777777777s;
  background: #0096d5;
}.ldio-cw4ulad8bl4 div:nth-child(5) {
  animation-delay: -3.7037037037037033s;
  background: #0096d5;
}
.loadingio-spinner-ellipsis-vfsywrzkg6 {
  width: 101px;
  height: 101px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.ldio-cw4ulad8bl4 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-cw4ulad8bl4 div { box-sizing: content-box; }
/* generated by https://loading.io/ */

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


html {
	overflow-y: auto;
	font-size: 18px;
	line-height: 1.25;
}
html, body {
	/* width: 100%; */
	/* height: 100vh; */
}
body, input, textarea, h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Questrial', sans-serif;*/
}
ul li {
	list-style: none;
}
body {
	color: #333;
	overflow: hidden;
	/* background: url(../img/template/bg_body.jpg);
	background-size: cover; */
}
body.is_mobile {
	font-size: 20px;
}
a, link {
	text-decoration: underline;
}
a:hover, link:hover {
	text-decoration: none;
}
.uk-button, .uk-button a {
	text-decoration: none !important;
}
blockquote {
	font-style: italic;
}
dfn {
	font-style: normal;
}
a:active, a:focus {
	outline: none;
}
button {
	white-space: nowrap;
}
select {
	cursor: pointer;
}
#ajaxloader img {
	width: 120px;
}
/* --- 	INFO TIP ---
		couleur hexa => remplacer "#" par %23 [ fill="%23555" ]	*/
.info-tip {
	position: relative;
	text-decoration: none;
	display: inline-block;
	width: 2em; height: 1.2em;
	/* background: url(/assets/img/template/icon-info.svg) no-repeat center center;  */
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23555" viewBox="0 0 64 64" width="48px" height="48px"><path d="M32,10c13.785,0,25,8.951,25,19.954S45.785,49.907,32,49.907c-0.646,0-1.311-0.022-1.983-0.065 c-7.369,5.504-13.411,6.251-13.672,6.281c-0.076,0.009-0.152,0.013-0.228,0.013c-0.7,0-1.356-0.368-1.72-0.979 c-0.402-0.678-0.369-1.528,0.084-2.172c0.023-0.033,1.966-2.8,4.003-6.234C11.346,43.104,7,36.827,7,29.954 C7,18.951,18.215,10,32,10z M34,39c0-0.601,0-7.399,0-8c0-1.104-0.895-2-2-2c-1.104,0-2,0.896-2,2c0,0.601,0,7.399,0,8 c0,1.104,0.896,2,2,2C33.105,41,34,40.104,34,39z M32,25c1.657,0,3-1.343,3-3s-1.343-3-3-3s-3,1.343-3,3S30.343,25,32,25z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}
.info-tip > .info-text {display: none;position: absolute;font-size: .8em;line-height: 1.2;background-color: #333;padding: 8px;color: white;}
.info-tip:active > .info-text, .info-tip:focus > .info-text {display: block;}
/* ----------------	 */

#main-container, #site-header-content, #footer-content {
	box-sizing: border-box;
	/* max-width: 940px; */
	margin: auto;
	padding: 0 25px;
}
#editor-tools-bar button {
	width: 34px;
	background: none;
	border: 1px solid #bbb;
	outline: none;
	cursor: pointer;
}

@media only screen and (min-width: 1200px) {
	#main-container, #site-header-content, #footer-content {
		/* max-width: 1170px; */
	}
}


#page {
	min-height: 400px;
	margin-top: 50px;
	/* margin-bottom: 50px; */
	overflow: hidden;
}
#page.message {
	margin-top: 25px;
}

.picto-sous-titre {
	height: 60px; width: 60px;
	background: url(../img/template/puce-logo-outline.svg) no-repeat center center;
	background-size: contain;
}
.picto-sous-titre > span {
	position: absolute;
	top: 0; right: -12px;
	background: #0096d5;
	padding: 4px;
	border-radius: 50%;
}
.picto-sous-titre > span svg path,
.picto-sous-titre > span svg circle,
.picto-sous-titre > span svg polyline {
	stroke: white !important;
}
.page-title {
	max-width: 800px;
	margin: 0 auto 50px;
	text-align: center;
}
.main-title {
	margin-top: 0 !important;
}
.uk-grid {
	margin-left: 0;
}
pre {
	white-space: pre-wrap;
}
#scrollToTop {
	position: fixed;
	box-sizing: border-box;
	bottom: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	padding: 12px;
	background: #c71585;
	border-radius: 50%;
	opacity: 0;
	transition: opacity .5s;
}
#scrollToTop svg {
	fill: #fff;
}
.rgpd_notify .uk-button-default {
	border: 1px solid #e5e5e5 !important;
}


/* @@@ */
@media only screen and (max-width: 756px) {
	html { font-size: 18px; }
	#page { margin-top: 30px; }
}



/*
------------------------------------
    CUSTOMS CLASSES
------------------------------------
*/
.reset-float {
	clear: both;
	margin: 0;
	visibility: hidden;
}
.narrow-divider:after {
	content: '';
	display: block;
	height: 2px;
	width: 55%;
	margin: 15px auto;
	background: #ddd;
}
.mini-divider-after:after {
	content: '';
	display: block;
	height: 0;
	width: 35%;
	margin: 8px auto;
	border-bottom: 1px dotted rgba(0,0,0, .5);
}
.on-middle-h {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.on-middle-v {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.margin-tiny-left {
 	margin-left: 5px !important;
}
.margin-tiny-right {
 	margin-right: 5px !important;
}
.no-margin {
	margin: 0 !important;
}
.no-wrap {
	white-space: nowrap !important;
}
.border-dotted-bottom {
	border-bottom: 1px dotted;
}
.line-height-small {
	line-height: 1.15;
}
/*.is-mobile .hidden-on-mobile  { display: none; }
.is-mobile .visible-on-mobile { display: block; }*/
.flip-h {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.vertical-align-top {
	vertical-align: top;
}
.vertical-align-bottom {
	vertical-align: bottom;
}
.text-large {
	font-size: 1.15em;
}
.text-big {
	font-size: 2em;
}
.text-jumbo {
	font-size: 2.5em;
}
.lineheight-1 {
	line-height: 1;
}
.red-badge {
	/* Mention Obligatoire  */
	position: relative;
	top: -5px;
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	min-width: 22px;
	height: 25px;
	padding: 0 15px;
	border-radius: 500px;
	vertical-align: middle;
	background: #eee; /* #d93025  */
	color: #000;
	font-size: .875rem;
}
.red-badge .requis:after {
	font-size: 1.75em;
	/* color: inherit !important; */
	color: #fb3523;
	margin-left: 2px;
	vertical-align: -17px;
}
.width-94-pourcent { width: 94% !important; }
.width-33-pourcent { width: 33% !important; }

/* @@@ */
@media only screen and (min-width: 756px) {
	.width-50-pourcent-L { width: 50% !important; }
	.width-60-pourcent-L { width: 60% !important; }
	.width-75-pourcent-L { width: 75% !important; }
}
/* @@@ */
@media only screen and (max-width: 480px) {
	.width-50-pourcent-S { width: 50% !important; }
	.width-60-pourcent-S { width: 60% !important; }
	.width-75-pourcent-S { width: 75% !important; }
	.hidden-on-mobile { display: none !important; }
}
.footer-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sous-titre-plain-blue {
	padding: 3px 3px 10px;
	line-height: 1;
	background: #0f6ecd;
	color: white;
}
.lightgray-box {
	/* background: #f5f5f8; */
	background: #fafafa;
	border: 1px solid #cccfdd;
	box-shadow: 0 0 4px rgba(0,0,0, .2);
	text-decoration: none;
}
.outline-bg {
	/* bg outline certaines pages */
	background: url(../img/template/logo-outline.svg) no-repeat bottom center;
	background-size: 80% 80%;
}
.negatif-indent {
	display: flex;
}
.negatif-indent > :first-child {
	position: relative;
	top: .5em;
	margin-right: 2px;
	flex: 0 0 auto;
}
.notranslate {
	display: none !important;
}

@media only screen and (max-width: 480px) {
	.outline-bg { background-size: cover; }
}

/*
------------------------------------
    COULEURS
------------------------------------
*/
.gray			{ color: gray; }
.tomato 		{ color: tomato; }
.main-red 		{ color: #c71585; }
.bg-main-red 	{ background-color: #c71585; }
.main-blue 		{ color: #00a1e4; }
.bg-main-blue 	{ background-color: #00a1e4; }
.main-purple 	{ color: #2e294e; }
.bg-main-purple { background-color: #2e294e; }



/*
------------------------------------
    UIkit override
------------------------------------
*/
em {
	color: inherit;
}
.uk-navbar-toggle {
	min-height: inherit !important;
}
.uk-navbar-item {
	align-items: start;
}
.uk-button {
	white-space: nowrap !important;
}
.uk-button-default {
	background: rgb(250,250,250);
	border-color: #bbb;
}
.uk-button-default:hover {
	background: rgba(250,250,250,.75);
	border-color: #777 !important;
}
/* .uk-button-primary,
.uk-button-primary:focus {
	background: rgb(199,21,133);
	border-color: rgb(199,21,133) !important;
	transition: all .25s;
} */
body:not(.is_mobile) .uk-button-primary,
body:not(.is_mobile) .uk-button-secondary {
	transition: all .25s;
}
body:not(.is_mobile) .uk-button-primary:hover {
	background: white !important;
	color: #c71585 !important;
	border-color: #c71585;
}
body:not(.is_mobile) .uk-button-primary:hover > a {
	color: #c71585 !important;
}
body:not(.is_mobile) .uk-button-secondary:hover {
	background: #666;
}
.uk-button a:hover {
	text-decoration: none !important;
}
.uk-notification {
	box-shadow: 0 0 8px rgba(0,0,0, .75);
	z-index: 10001 !important;
}
.uk-notification-message {
	font-size: 1.1rem !important;
	line-height: 1.15 !important;
}
.uk-notification-message:not(.uk-notification-message-RGPD) p {
	display: flex !important;
}
.uk-notification-close {
	color: white !important;
}
.uk-notification-message-success {
	background: #d1e671;
	color: #004400;
}
.uk-notification-message-danger {
	background: #ff836c;
	color: black;
}
.uk-notification-message-confirm {
	background: gold;
	color: black;
}
.uk-notification-message-RGPD {
	/* message-RGPD */
	padding: 20px 20px 20px 30px;
	font-size: 1em !important;
	background-color: #2c2e2f; /* 0286bd */
	color: rgba(255,255,255, .75);
}
.rgpd_notify .uk-button-text {
	margin-left: 15px;
	color: white;
}
.uk-notification-bottom-center {
	/* message-RGPD */
	width: 90% !important;
	max-width: 480px;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);
}
.uk-notification-bottom-center:after {
	/* message-RGPD -> stop click */
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1;
}
.uk-notification-bottom-center p {
	/* message-RGPD -> p */
	margin: 0;
}
.uk-notification-bottom-center p.btns {
	/* message-RGPD -> p */
	display: inline-block;
	position: relative;
	margin-top: 15px;
	z-index: 3;
}
.uk-notification-bottom-center .uk-notification-close {
	/* message-RGPD -> btn Close */
	z-index: -1;
}
.uk-input, .uk-select, .uk-textarea {
	border-color: #ccc;
}
.uk-form-danger, .uk-form-danger:focus {
	color: #f0506e !important;
	border-color: #f0506e !important;
}
.uk-form-alert, .uk-form-alert:focus {
	color: darkorange !important;
	border-color: darkorange !important;
}

.uk-checkbox, .uk-radio {
	border-color: #888;
}
.uk-radio + label {
	display: inline !important;
}

.uk-modal {
	z-index: 10000;
}
.slim-modal {
	width: 410px;
}
.tiny-modal {
	width: 330px;
}
.uk-modal-header, .uk-modal-footer {
	border: none;
}

.uk-modal-dialog h3 {
	font-family: Questrial, sans-serif;
	line-height: 1.25;
}
button.uk-close > svg {
	width: 17px;
	height: 17px;
	color: tomato;
}
.uk-disabled {
	opacity: .35 !important;
}

.uk-dropcap::first-letter, .uk-dropcap > p:first-of-type::first-letter {
	font-size: 2.6em;
	font-weight: bold;
}
#depotAnnonce .uk-select:focus {
	color: none;
}
#depotAnnonce .uk-form-custom input[type='file'], #depotAnnonce .uk-form-custom select {
	max-height: 40px !important;
}
textarea {
	resize: vertical;
}
.uk-range::-webkit-slider-runnable-track{
	height:3px;
	background:rgba(130, 16, 87, .3);
	border-radius:500px;
}
.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{
	background:rgba(130, 16, 87, .3);
}
.uk-range::-moz-range-track{
	height:3px;
	background:rgba(130, 16, 87, .3);
	border-radius:500px;
}
.uk-range:focus::-moz-range-track{
	background:rgba(130, 16, 87, .3);
}
.uk-range::-ms-fill-lower,.uk-range::-ms-fill-upper{
	height:3px;
	background:rgba(130, 16, 87, .3);
	border-radius:500px;
}
.uk-range:focus::-ms-fill-lower,.uk-range:focus::-ms-fill-upper{
	background:rgba(130, 16, 87, .3);
}

.uk-range::-webkit-slider-thumb{
	-webkit-appearance:none;
	margin-top:-7px;
	height:20px;
	width:20px;
	border-radius:500px;
	background:#c71585;
	border:none;
}
.uk-range::-moz-range-thumb{
	border:none;
	height:20px;
	width:20px;
	border-radius:500px;
	background:#c71585;
}
.uk-range::-ms-thumb{
	margin-top:0;
	border:none;
	height:20px;
	width:20px;
	border-radius:500px;
	background:#c71585;
}

.uk-list-striped > li:nth-of-type(2n+1) {
	background: #fafafa !important;
}
.uk-pagination { margin-left: 0; }
.uk-pagination > li.prev { padding-left: 0; }
.uk-pagination .uk-disabled:focus, .uk-pagination .uk-disabled:hover {color: #999;}

.uk-grid > * {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
.uk-button[disabled]:hover {
	border-color: #e5e5e5 !important;
	background: transparent !important;
}
.uk-dropdown {
	min-width: 150px !important;
	box-shadow: 0 3px 6px rgba(0,0,0, .25) !important;
}
.uk-divider-icon {
	background-image: url(../img/template/puce-logo-outline.svg) !important;
	background-size: contain;
	height: 28px;
}
.uk-divider-icon::after, .uk-divider-icon::before {
	border-bottom: 1px solid #ddd !important;
}
/* .uk-accordion-title:before { background-image: none; }  */

@media only screen and (max-width: 480px) {
	.uk-modal-body { padding: 25px; }
	div[id^="modal-alerte-"] .uk-modal-footer {
		display: flex;
	    flex-direction: column-reverse;
	    width: 190px;
	    margin: auto;
	}
}




/*
------------------------------------
	FLATPICKR override
------------------------------------
*/
.flatpickr-current-month {
	top: 7px !important;
}



/*
------------------------------------
    NAV BAR
------------------------------------
*/
.uk-navbar {
	box-shadow: 0 1px 1px rgba(0,0,0, .15);
}
/* SLIDE on scroll */
.uk-navbar {
	padding-top: 5px !important;
	padding-bottom: 15px !important;
	transition: padding .25s;
}
.uk-navbar.uk-sticky-below {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.uk-navbar-nav li a, .uk-navbar-item,
.uk-navbar-item.uk-logo, .uk-sticky-placeholder {
	height: 40px !important;
	min-height: 0 !important;
}
.uk-navbar-item.uk-logo {
	/* text-shadow: 1px 1px 1px rgba(0,0,0, .15); */
}
.uk-navbar .uk-logo > span {
	width: 46px;
	margin-right: 10px;
	text-align: center;
}
.uk-navbar .uk-logo > span img {
	align-self: center;
	width: 46px;
	height: 46px;
	transition: all .2s;
}
.uk-navbar.uk-sticky-below .uk-logo > span img {
	width: 36px;
	height: 36px;
}
.uk-navbar-nav #nav-item-accueil a > span { opacity: .75; }
.uk-navbar-nav #nav-item-accueil a > span + span {
	display: none;
}

/* --- NOUVEAU (centré sans logo)  */
.uk-navbar-center {justify-content: center;}
.uk-navbar-item.uk-logo {font-size: 1.75em;text-shadow: 1px 1px 1px rgba(0, 14, 228, 0.3);flex: 0 0 100%;}
.uk-navbar .uk-logo > span {display: none;} /* Logo */
h1.slogan {
	flex: 0 0 100%;
	margin: 0 0 5px 0;
	font-family: AmaranthBold, sans-serif;
	font-size: 1.15em;
	text-align: center;
	line-height: 1;
   /* 	letter-spacing: 0.0125em; */
}
.uk-navbar-container {background: white !important;}
.uk-navbar-nav > li > a {color: #000 !important;}
.uk-navbar-nav > li.uk-active > a, .uk-navbar-nav > li > a:hover {color: #666 !important;}
.uk-navbar-toggle {margin-bottom: 5px;} /* menu sandwich */
.uk-navbar-nav a > .uk-icon {border-radius: 50%;padding: 4px;}
.uk-navbar-nav .uk-active a > .uk-icon {color: white;background: #00a1e4;}
@media only screen and (max-width: 480px) {
	#site-header {height: 220px !important;background-size: 132% !important;background-position: center 40px !important;}
	h1.slogan {font-size: 1em;}
}
/* ----- */



/*	NAV MOBILE
------------------*/
.uk-navbar-center > hr { /* pour forcer retour à la ligne */
	display: none;
	flex-basis: 100%;
	margin: 0;
	visibility: hidden;
}
.uk-navbar-toggle svg {
	width: 25px;
	height: 25px;
}

@media only screen and (max-width: 959px) {
	.uk-navbar-nav { display: none;margin: 15px 0; }
	.uk-navbar-center { justify-content: center !important; }
	.uk-navbar-nav li a { justify-content: flex-start; }
	.uk-navbar-nav #nav-item-accueil a span + span { display: inline; }
	.uk-navbar-center > hr { display: block; }
}

@media only screen and (max-width: 480px) {
	.uk-navbar .uk-logo { font-size: 1.65rem; }
	.uk-navbar-item { display: flex;align-items: center; }
}



/*
------------------------------------
    site HEADER
------------------------------------
*/
#site-header {
	height: 440px;
	margin-top: 20px;
	background-image: url(../img/template/femme-homme.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#site-header-content .slogan {
	position: relative;
	box-sizing: border-box;
	top: 40px;
	margin: auto;
	padding: 4px 70px 4px 4px;
	max-width: 1200px;
	font-weight: normal;
	font-size: 2em;
}
#site-header-content .slogan > span {
	background-color: rgba(0,0,0, .5);
	/* color: rgba(255,255,255, .85); */
	color: rgb(255, 226, 111);
	line-height: normal;
}

/* @media only screen and (max-width: 756px) {
	#site-header {
		height: 340px;
	}
	#site-header-content .slogan {
		top: 30px;
		left: -20px;
		font-size: 1.25em;
		max-width: none;
	}
} */
/* @media only screen and (max-width: 480px) {
	#site-header {
		height: 220px;
		background-size: 150% auto;
	}
	#site-header-content .slogan {
		padding: 4px 10px;
	}
} */



/*
------------------------------------
    ACCUEIL
------------------------------------
*/
.blocs .row {
	display: flex;
	/* alignement dans accueil_view */
}
.blocs .uk-article {
	margin: 0 0 50px 0 !important;
	max-width: 48%;
	display: flex;
	flex-direction: column;
}
.blocs .uk-article.v2 {
	/* justify-content: space-between;  */
}
#accueil-blocs-wrapper a:not(.uk-button) {
	text-decoration: underline;
	color: #c71585;
}
#accueil-blocs-wrapper a:not(.uk-button):hover {
	text-decoration: none;
}
/* #accueil-blocs-wrapper .uk-article:nth-child(odd) {
     margin-right: 25px;
}
#accueil-blocs-wrapper .uk-article:nth-child(even) {
     margin-left: 25px;
} */
.blocs .uk-article-title,
.bloc .uk-article-title {
	font-size: 1.5em;
/* 	min-height: 3em;  */
	margin: 0;
}
.blocs .uk-article > :last-child {
	/* margin-top: auto; */
}
.blocs .uk-text-lead {
	margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
	.blocs .row {
		flex-direction: column;
	}
	.blocs .uk-article {
		max-width: none !important;
		width: 100%;
	}
	.blocs .uk-article-title {
		min-height: 0 !important;
	}
	.blocs .uk-article > img {
		margin-top: 20px;
	}
}


/*
------------------------------------
    BLOCS options
------------------------------------
*/
#blocs-options .anim-dots {
	/* background: url(/assets/img/template/anim-dots.svg) no-repeat center center; */
	background: url(/assets/img/template/3-big-dots.svg) no-repeat center center;
	height: 24px;
	margin-top: 20px;
}
#blocs-options {
	display: flex;
	flex-wrap: wrap;
   /* 	justify-content: space-around; */
	justify-content: center;
	max-width: 550px;
	margin: auto;
}
/* #blocs-options .row {
	display: flex;
	justify-content: center;
} */
#blocs-options .num-index {
	position: absolute;
	top: 7px;
	right: 10px;
	font-weight: 700;
	color: gray;
}
#blocs-options .num-index:after {
	content: "/5";
	font-size: .7em;
	font-weight: normal;
}
#blocs-options a, #blocs-options a .picto,
#blocs-options a .picto:after {
	width: 8rem;
}
#blocs-options a {
	position: relative;
	margin: 25px;
	padding: 15px 30px;
	font-size: 1.15rem;
	line-height: 1.1;
	border-radius: 5px;
	transition: all .25s;
}
#blocs-options a:hover .picto:after,
#blocs-options a:active .picto:after,
#blocs-options a:focus .picto:after {
	/* opacity: 0 !important; */
}
/* #blocs-options a:hover .count {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
} */
#blocs-options a:hover, #blocs-options a:active, #blocs-options a:focus {
	transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
}
/* #blocs-options a .count {
	position: absolute;
	left: 12px; top: 12px;
	min-width: 24px;
	height: 24px;
	font-size: 1rem;
	background-color: rgba(199, 21, 133, .7);
	z-index: 1;
} */
#blocs-options a .count {
	position: absolute;
	left: 20px;
	top: 0;
	min-width: 36px;
	height: 80px;
	padding: 10px;
	font-size: 1rem;
	/* background: url(/assets/img/template/cercle.svg) no-repeat center center; */
   	/* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%23c71585" cx="10" cy="10" r="10"/></svg>');  */
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	background-size: contain;
	z-index: 1;
	transition: all .1s;
}
#blocs-options .lieu .count {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%23753820" cx="10" cy="10" r="10"/></svg>');
}
#blocs-options .transports .count {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%2367419b" cx="10" cy="10" r="10"/></svg>');
}
#blocs-options .parc-attraction .count {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%23981506" cx="10" cy="10" r="10"/></svg>');
}
#blocs-options .etranger .count {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%23265351" cx="10" cy="10" r="10"/></svg>');
}
#blocs-options .web .count {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><circle fill="%233458DA" cx="10" cy="10" r="10"/></svg>');
}

#blocs-options a .picto,
#blocs-options a .picto:after {
	display: inline-block;
	height: 8rem;
	border-radius: 50%;
}
#blocs-options a .picto {
	position: relative;
	background-position: center center;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#blocs-options a .picto:after,
.select-message-picto-type .uk-icon-image:after {
	/* transparence */
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	border-radius: 50%;
	opacity: .5;
	/* transition: opacity .25s; */
}
.select-message-picto-type .uk-icon-image:after {
	opacity: .35;
}
#blocs-options a.lieu .picto {
	background-image: url(../img/template/msg-types/lieu.svg);
}
#blocs-options a.lieu .picto,
#blocs-options a.lieu .picto:after,
.message.lieu .uk-icon-image,
.lieu .select-message-picto-type .uk-icon-image,
.lieu .select-message-picto-type .uk-icon-image:after {
	background-color: #ffc55e;
}
#blocs-options a.transports .picto,
#blocs-options a.transports .picto:after,
.message.transports .uk-icon-image,
.transports .select-message-picto-type .uk-icon-image,
.transports .select-message-picto-type .uk-icon-image:after {
	background-color: #d0b4f7;
}
#blocs-options a.transports .picto {
	background-image: url(../img/template/msg-types/transports.svg);
}
#blocs-options a.parc-attraction .picto,
#blocs-options a.parc-attraction .picto:after,
.message.parc-attractions .uk-icon-image,
.parc-attractions .select-message-picto-type .uk-icon-image,
.parc-attractions .select-message-picto-type .uk-icon-image:after  {
	background-color: #fbaca3;
}
#blocs-options a.parc-attraction .picto {
	background-image: url(../img/template/msg-types/parc-attractions.svg);
}
#blocs-options a.etranger .picto,
#blocs-options a.etranger .picto:after,
.message.etranger .uk-icon-image,
.etranger .select-message-picto-type .uk-icon-image,
.etranger .select-message-picto-type .uk-icon-image:after {
	background-color: #a2dbda;
}
#blocs-options a.etranger .picto {
	background-image: url(../img/template/msg-types/etranger.svg);
}
#blocs-options a.web .picto,
#blocs-options a.web .picto:after,
.message.web .uk-icon-image,
.web .select-message-picto-type .uk-icon-image,
.web .select-message-picto-type .uk-icon-image:after {
	background-color: #acbdff;
}
#blocs-options a.web .picto {
	background-image: url(../img/template/msg-types/web.svg);
}

#blocs-options a span strong {
	font-weight: normal;
	font-size: 1.15em;
}

@media only screen and (max-width: 480px) {
	#blocs-options .row {
		flex-direction: column;
		align-items: center;
	}
	#blocs-options a {
		margin: 15px 25px;
	}
}




/*
------------------------------------
    FORMS
------------------------------------
*/
#message-editor {
	display: inline-block; /* -> pour que RETOURS CHARIOT = <br> !  */
	width: 100%;
	padding: 6px 10px 12px;
	overflow-y: auto;
	border: 1px solid #e5e5e5;
}

.uk-input, .uk-textarea, #message-editor {
	/* background: #fafafc !important; */
	border-bottom: 1px solid #39f;
}
.uk-label-grey {
	background-color: gray;
}
.uk-form-label {
	font-size: 1rem;
	line-height: 1.15;
	margin-bottom: 10px !important;
	color: gray;
}
.uk-form-label.with-emoticon {
	display: flex !important;
	align-items: center;
}
.uk-form-label.with-emoticon img {
	align-self: flex-start;
	margin: 0 5px 0 1px;
	transform: scale(1.2,1.2);
}
#poster form, #depot-alerte form,
.alerte-notification, .static-page-form {
	max-width: 500px;
	margin: auto;
}
#poster form fieldset {
	padding-left: 0;
}
#poster form legend {
	/* border-bottom: 1px solid rgba(0,161,228, .35); */
	border-bottom: 1px solid rgba(0,0,0, .15);
}
form .transports-liste label {
	display: block;
	padding-left: 20px;
	text-indent: -20px;
	margin-bottom: 5px;
}
.email-1, .email-2 {
	width: 100%;
}
.requis:after {
   content: " *";
   font-size: 1rem;
   color: #d93025;
   /* vertical-align: -4px; */
}
#depot-alerte label#ville_cp:after,
#depot-alerte label#transport:after,
#depot-alerte label#pays:after {
	display: none;
}
.requis-legende:before {
	content: "* ";
	font-size: 1em;
	color: #d93025;
}
#cgu label span[uk-icon] {
	display: inline-block;
	position: relative;
	top: -5px;
	width: 14px; height: 14px;
}
#cgu label > a { color: #c71585; }

.label-form-alert:not(.no-alert) {
	color: tomato !important;
}
.input-form-alert:not(.no-alert) {
	border-bottom: 2px solid tomato !important;
}
input[type="checkbox"].uk-form-danger + label {
	border-bottom: 1px dashed #f0506e;
}

.error-synchro { position: relative; }
.error-synchro:after {
	/* content: "\26A0"; */  /* danger */
	content: url(/assets/img/template/icon-warning.svg);
	position: absolute;
	box-sizing: border-box;
	left: 100%;
	width: 10px; height: 80px;
	top: 20px;
	padding-top: 25px;
	color: #f0506e;
	border: 1px solid darkorange;
	border-left: none;
	/* font-size: 2.25em; */
	/* text-indent: -3px; */
}

/*	Message PREVIEW
--------------------*/
#message-preview div[class$="topbanner"] {
	height: 15px;
	margin: 0 4px 4px 4px;
}
#message-preview .uk-modal-title {
	margin-bottom: 0 !important;
	text-align: center;
	color: #1e87f0;
}

.dans_un_lieu_topbanner { background-color: #ffa400; }
.dans_les_transports_topbanner { background-color: #bb92f4; }
.dans_un_parc_attractions_topbanner { background-color: #f87060; }
.a_l_etranger_topbanner { background-color: #5bc0be; }
.sur_le_web_topbanner { background-color: #7692ff; }

#message-preview #message {
	/* font-family: AmaranthItalic, sans-serif;  */
	font-family: RobotoItalic, sans-serif;
}
#message-preview #message > h5 {
	font-style: normal;
}
#message-preview .preview-infos {
	display: flex;
	font-size: .85em;
	text-align: left;
}
#message-preview .preview-infos span:first-child {
	flex-shrink: 0;
	margin-top: 3px;
}

/*
------------------------------------
	EMOTICONS BAR
------------------------------------
*/
#emoticons-bar ul li {
  	/* width: 30px; */
	/* padding: 5px 10px;  */
	flex-basis: 30px;
	cursor: pointer;
}



/*
------------------------------------
	FORM MESSAGE PREVIEW
------------------------------------
*/
#message-wrapper {
	display: flex;
	flex-wrap: wrap;
}
#select-message .uk-subnav {
	border-bottom: 1px solid #e5e5e5 !important;
}
#select-message .uk-subnav li > a {
	color: #1e87f0 !important;
	text-decoration: none;
}
#select-message .uk-subnav .uk-active > a {
	color: white !important;
	background: #1e87f0;
}

#message-wrapper > div {
	flex: auto;
	padding: 10px 15px;
	margin: 4px;
}
#message-wrapper > div h5 {
	display: flex;
	align-items: center;
	/* font-weight: bold; */
	font-size: 1rem;
	line-height: 1;
	margin: 0 0 10px 0;
	white-space: nowrap;
}
#message-wrapper > div h5 .uk-icon {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	opacity: .7;
}
#message-wrapper > div#transport h5 .uk-icon-image {
	background-image: url(../img/template/msg-types/transports.svg);
}
#message-wrapper > div#ville h5 .uk-icon-image {
	background-image: url(../img/template/msg-types/lieu.svg);
}
/* #message-wrapper > div#date-rencontre h5 {
 	flex-wrap: wrap;
} */
/* #message-wrapper > div#phone p .uk-button {
 	margin-right: 15px;
} */
#message-wrapper > div p {
	margin: 0;
	padding-left: 30px;
}
#message-wrapper > div#message {
	/* flex: 2;  */
	flex-basis: 100%;
}

#delete-message div input {
	width: 300px;
}

@media only screen and (min-width: 480px) {
	#message-wrapper #phone p.uk-flex { align-items: center; }
	#message-wrapper > div h5 small { font-size: inherit; }
}


/*
------------------------------------
	RECHERCHE RESULT
------------------------------------
*/
.select-message.page-title > span {
	display: block;
	max-width: 600px;
	margin: 0 auto;
}
.select-message.page-title > span:not(:last-child):after {
	/* filet séparateur */
	content: "";
	display: block;
	line-height: .5em;
	color: #ccc;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
	height: 1px;
	width: 200px;
	margin: 6px auto;
}
/* .transports .select-message.page-title > span:nth-child(2) {
	display: block;
} */
.select-message.page-title > span:last-child {
	font-weight: 700;
	font-size: .9em;
}
.link-2-depot-alerte {
	display: flex;
	align-items: start;
}
.link-2-depot-alerte .uk-icon {
	flex: none;
	position: relative;
	top: 3px;

}
.select-message-picto-type {
	margin-bottom: 10px;
	text-align: center;

}
.select-message-picto-type .uk-icon-image {
	width: 60px !important;
	height: 60px !important;
	border-radius: 50%;
	background-size: 60% !important;
}
#select-message .message-picto {
	display: none;
	text-align: center;
}
#select-message .message-picto > img {
   width: 160px;
}
#select-message .uk-accordion-title {
	text-align: center;
	font-size: inherit;
	color: #1e87f0;
}
#select-message .uk-accordion-title:before {
	display: none;
}
#select-message .uk-accordion-title:hover {
	text-decoration: underline !important;
}

@media only screen and (max-width: 480px) {
	#select-message .link-2-depot-alerte  a small .uk-icon > svg {
		width: 42px;
		margin-top: 3px;
	}
}

.uk-tab a {
   /* background-color: #ffffff;  */
   transition: all .4s;
}
.uk-tab .uk-active a {
	background-color: #00a1e4;
	color: white;
}
.tab-content li h5 {
	text-align: center;
	line-height: 1.15;
}
.tab-content li:nth-child(2) h5 {
	color: black; /* #4a7089 */
}
/* .tab-content li:nth-child(3) h5 {
	color: tomato;
} */
.tab-content li .message-content {
	padding-bottom: 30px !important;
	font-size: 1.05rem;
	/* font-family: AmaranthItalic, sans-serif; */
	font-family: RobotoItalic, sans-serif;
	/* font-style: italic; */
}
.tab-content li .message-content span[uk-icon]  {
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #cccfdd;
	background: #fafafa;
	box-shadow: 0 0 4px rgba(0,0,0, .2);
}
#messages, #select-message, #post_message_result, #PP-transaction {
	max-width: 600px;
	margin: auto;
}
#post_message_result p {
	margin: 0;
}
#post_message_result h1,
#post_message_result h2,
#post_message_result h3,
#post_message_result h4,
#post_message_result h5 {
	margin-top: 0 !important;
}
#select-message #top-bar {
	margin-bottom: 18px;
}
#top-bar {
	display: flex;
	justify-content: center;
	height: 36px;
}
#top-bar button.trier-menu {
	flex-basis: 110px;
	text-transform: none !important;
	background: #fff;
}
#top-bar button.trier-menu .uk-icon {
	color: #00a1e4;
}
#top-bar .uk-dropdown button {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.75;
	text-align: left;
	background: none;
	border: none;
	color: #555;
	cursor: pointer;
}
#top-bar .uk-dropdown button:hover {
	background: rgba(0,161,228, .15)
}
#top-bar .uk-dropdown button.active {
	background: rgb(0,161,228); /* = #00a1e4 */
	color: white;
}
.back-button, #top-bar .back-button {
	position: relative;
	background: url(/assets/img/template/back-arrow.svg) no-repeat center center !important;
	background-size: 100% !important;
	padding: 0 20px;
	border: none;
	transition: opacity .15s;
}
.back-button.with-label:after {
	content: attr(data-label);
	position: absolute;
	left: 0; top: 100%;
	width: 150px;
	font-size: .7em;
	line-height: 1;
	left: 50%;
	color: #888;
	transform: translateX(-50%);
}
.back-button:hover {
	opacity: .75 !important;
}
#messages #top-bar #total-messages-count {
	display: inline-flex;
	align-items: center;
	padding: 0 12px;
	margin-right: 2px;
}

/* --- pagination --- */
.page-next > svg, .page-previous > svg {fill: #c71585;}
.folio, .totalPages {display: inline-flex;font-size: 1rem;}
.page-debut, .page-fin { font-size: .85rem; }
.folio {
	vertical-align: unset;
	color: white !important;
	/* background-color: #226e88 !important; */
	background-color: #153243 !important;
	border-radius: 3px !important;
}
.uk-pagination {
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;

}
.uk-pagination > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-basis: 146px;
	margin: 0;
	padding: 0;
}
.uk-pagination .prev.uk-disabled,
.uk-pagination .next.uk-disabled {
	opacity: .2;
}
.uk-pagination li.page-debut,
.uk-pagination li.page-fin {
	flex-basis: 80px;
	align-self: center;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.uk-pagination li.page-debut a,
.uk-pagination li.page-fin a {
    text-decoration: none;
}
.uk-pagination li.page-debut a > span,
.uk-pagination li.page-fin a > span {
	fill: rgba(199,21,133, .65);
}
.uk-pagination li.page-debut a.uk-disabled > span,
.uk-pagination li.page-fin a.uk-disabled > span {
	fill: #999;
}


#messages-result { padding: 0; }
#messages-result .message {
	display: flex;
	align-items: start;
	margin: 15px;
}
#messages-result .message a { text-decoration: none;color: #333; }
#messages-result .message a:hover { color: #1e87f0; }

#messages-result .message a > strong:link {
	/* tri = ENDROIT */
	color: #555;
	/* border-bottom: 1px dotted #999; */
}

#messages-result .message .uk-icon-image {
	flex-shrink: 0;
	width: 45px !important;
	height: 45px !important;
	margin-right: 10px;
	border-radius: 50%;
	background-size: 60% !important;
	transition: all .2s;
}
#messages-result .message:hover .uk-icon-image {
	background-size: 76% !important;
	background-color: transparent;
}

#messages #no-message-wrapper {
	display: none;
}
#messages .no-message {
	display: flex;
	background: #ffdc65; /* #d5f2fb  */
}
.no-message h1,
.no-message h2,
.no-message h3 {
	margin: 0 0 15px 0 !important;
	line-height: 1.15;
}
.no-message p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.15;
}
.no-message .uk-icon {
	flex-shrink: 0;
	margin-right: 12px;
}

#message-wrapper #phone .uk-button {
	min-width: 190px;
	font-weight: bold;
}
#message-wrapper #phone .uk-button > a {
	display: inline-block;
	width: 100%;height: 100%;
}

/* #post_message_result div:after {
	content: "";
	position: absolute;
	left: 0;top: 50%;
	width: 100%; height: 1px;
	background: #e5e5e5;
	z-index: -1;
} */

@media only screen and (max-width: 480px) {
	#message-wrapper #phone > p { flex-wrap: wrap; }
	#message-wrapper #phone > p small { margin-top: 7px; }
}




/*
------------------------------------
	ALERTES
------------------------------------
*/
.alerte-notification {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.alerte-notification p[uk-icon*="bell"],
.alerte-notification p[uk-icon*="trash"] {
	padding: 5px;
	border-radius: 50%;
	border: 2px solid;
}
.alerte-notification p[uk-icon*="bell"] { color: green; }
.alerte-notification p[uk-icon*="question"] { color: orangered; }
#confirmation-alerte p:not(.uk-icon) {
	margin: 4px 0 !important;
	text-align: center;
}



/*
------------------------------------
	SEARCH BAR
------------------------------------
*/
#search-bar {
	min-height: 50px;
	padding: 4px 4px 10px;
}
#search-bar h5 {
	position: relative;
	top: 10px;
	margin: 0 !important;
	font-size: large;
	font-weight: bold;
}
#search-bar h5 .uk-icon {
	vertical-align: 2px;
}
/* #search-bar h5:before, #search-bar h5:after {
	content: " " "\2015 \2015" " ";
	font-size: 20px;
	line-height: .5em; */
	/* letter-spacing: 1px;   */
	/* color: rgba(0,0,0, .2);  */
/* 	color: rgba(30, 135, 240, .35);
} */
#search-bar form {
	padding: 0 20px;
	background: rgba(213,242,251, .5);
	border: 1px solid rgba(19,117,216, .3);
}
#search-bar form fieldset {
	padding: 20px 0;
	flex: auto;
}
#search-bar form .uk-form-label {
	line-height: 1.75;
	color: #1375d8 !important;
}
#search-bar form label.transports-list-item {
	display: flex;
	line-height: 1.2;
	padding: 4px 0;
	/* align-items: baseline; */
}
#search-bar form label.transports-list-item .uk-radio {
	flex-shrink: 0;
	position: relative;
	top: 8px;
}
#search-bar form label small,
#poster form .transports-liste label small,
#depot-alerte form .transports-liste label small,
.page-title.select-message small {
	font-size: .85em !important;
	opacity: .75;
}

.etranger #search-bar form .filter-genre,
.parc-attractions #search-bar form .filter-genre,
.web #search-bar form .filter-genre {
/*centrage si élément unique */
	margin: auto;
}
.etranger #search-bar form select#pays,
form#etranger select#liste-pays {
	/* UIkit override */
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231e87f0%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%231e87f0%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-size: 32px 32px;
}
.etranger #search-bar form select#pays > option {
	/* font-family: "Lucida Sans", sans-serif;
	font-size: .85rem;
	color: #555; */
	/* letter-spacing: 3px !important; */
}
#search-bar form .filter-genre.filter-periode {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#search-bar form .flatpickr-wrapper {
	display: block !important;
	width: 100% !important;
}
#search-bar form .flatpickr-calendar {
	left: -20px;
	z-index: 999999999 !important;
}
#search-bar form .real-date {
	font-size: .98rem;
}

#search-bar .uk-button { padding: 0 !important; }
#search-bar #search-bar-submit { flex: 1.35; }
#search-bar #reset-filters { flex: 1; }
#search-bar #reset-filters .uk-icon { vertical-align: 2px; }

#search-bar .info-tip .info-text {
	width: 160px;
	bottom: 100%; left: -40px;
}
#search-bar .date-periode small {
	display: inline-block;
	line-height: 1.25;
	margin-bottom: 4px;
}



@media only screen and (max-width: 530px) {
	#search-bar form { justify-content: left; }
	#search-bar form fieldset { margin: 0; }
	#search-bar form .date-periode { margin-top: 10px; }
}
@media only screen and (max-width: 380px) {
	#search-bar #search-bar-submit { flex: 1; }
}




/*
------------------------------------
    TEXTE BAS PAGES
------------------------------------
*/
.static_texte .uk-accordion, .static_texte.temoignages {
	max-width: 600px;
	margin: auto;
}
.static_texte h1:not(.accueil h1) {
	color: #666; /* titres pages */
}
.texte-bas-page h2 {
	font-size: 1.255rem;
	line-height: 1.25;
	margin: 0;
	break-inside: avoid-column;
	/* Pour Firefox : */
	page-break-inside: avoid;
	/* Pour WebKit : */
	-webkit-column-break-inside: avoid;
}
.texte-bas-page p {
	color: #666;
	margin: 0 !important;
	text-align: justify;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
}
#texte-bas-page-deposer h1 {
	font-size: 1.7rem;
	color: #2274a5;
}
#temoignages .uk-article p {
	margin: 0 !important;
	font-size: 1.1rem;
}


/*
------------------------------------
    FOOTER
------------------------------------
*/
/* #023436 */
#footer {	/* MODIFIÉ */
	/* background: rgba(46, 41, 78, 1) url(/assets/img/template/img-footer.jpg) no-repeat;
	background-size: cover;
	background-position: 80% 35%;
	background-blend-mode: soft-light;  */
}
.uk-modal-footer {
	text-align: center;
}
#footer-content {
	min-height: 150px;
	padding: 0 15px;
}
#footer-content .container {
	position: relative;
	box-sizing: border-box;
	padding: 15px 0 35px;
	/* border-left: 5px solid #2e294e; */
	/* border-right: 5px solid #2e294e; */
	/* border: 1px solid rgba(255,255,255, .25); */
	/* border-radius: 50%; */
}
/* #footer-content .container::before {
    content: "";
	position: absolute;
    left: 25%;
    right: 25%;
    top: 0;
    border-top: 1px dotted black;
} */
#footer-content .container h2 {
	font: normal 1.5em AmaranthBold, sans-serif;
	color: #615454;
	/* font-variant: all-small-caps; */
}
#footer-content .container h2:before,
#footer-content .container h2:after {
	font-size: 24px;
	opacity: .55;
}
/* FILETS gauche + droite */
#footer-content h2 > span { position: relative; }
#footer-content h2 > span:before,
#footer-content h2 > span:after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 60%;
	width: 60px;
	height: 2px;
	background: #615454;
}
#footer-content h2 > span:before { right: 120%; }
#footer-content h2 > span:after { left: 120%; }

#footer-content *,  #footer-bottom * {
	/* color: rgba(255,255,255, .85);	MODIFIÉ */
}
#footer-content .container .footer-col-picto {
	background-image: url(/assets/img/template/puce-logo-outline-white.svg);
	background-size: 95% 95%;
	display: inline-block;
	width: 38px;
	height: 35px;
	border-radius: 50%;
}
#footer-content .container:nth-child(1) .footer-col-picto {background-color: #a5126f;}
#footer-content .container:nth-child(2) .footer-col-picto {background-color: #0f7ae6;}
#footer-content .container:nth-child(3) .footer-col-picto {background-color: #cb7a01;}
#footer-content h2 {
	padding-bottom: 3px;
	/* border-bottom: 1px dotted rgba(255,255,255, .35);  */
	white-space: nowrap;
	margin: 0 !important;
}
#footer-content ul {
	padding: 0;
}
#footer-content ul li {
	padding: 5px 0;
}
#footer-content ul li a {
	color: #c71585;	/* MODIFIÉ */
	text-decoration: underline !important;
}
#footer-content a:hover {
	text-decoration: none !important;
}
#footer-bottom .footer-slogan {
	line-height: 1 !important;
}
#footer .uk-divider-small:after {
	width: 40px !important;
	border-top-width: 4px !important;
	opacity: .75 !important;
}



/*
------------------------------------
	MODAL -> DÉPÔT ALERTES
------------------------------------
*/
/* @@@ */
@media only screen and (min-width: 756px) {
	div[id^="modal-alerte-"] .uk-modal-dialog {
   		width: 560px;padding: 0 40px;
	}
}


/*
------------------------------------
	STATIC PAGES
------------------------------------
*/
.static_texte { text-align: left;margin-bottom: 40px; }
.static_texte h1 { text-align: center; }
.static_texte ul:not(.uk-accordion) li { list-style: disc; }
.static_texte a:not(.uk-button), .bloc.with-link a:not(.uk-button) { text-decoration: underline;color: #c71585; }
.static_texte a:hover, .bloc.with-link a:not(.uk-button):hover { text-decoration: none; }
.static_texte .uk-button a { color: white; }
.static_texte #avis-form label[data-icon] { display: flex !important;align-items: center; }
.static_texte #avis-form label[data-icon] .uk-icon { margin-right: 5px; }
.uk-open .uk-accordion-title { color: black; }

.beige {background: beige !important;}

.ml-dev + p:before {
 /* mentions légales -> g-creation */
	content: url(/assets/img/template/logo_g-creation_38x38.png);
	float: left;
	margin-left: 25px;
}

/* BLOCS */
#static-blocs-wrapper .uk-article{
	margin: 0 0 50px 0 !important;
	max-width: 48%;
}


/* BLOCS IMAGE		### OBSOLÈTE ### */
.blocs-wrapper {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; >> classe dans balise */
}
.blocs-wrapper .bloc {
	position: relative;
	flex: 1;
	max-width: 48%;
	margin: 0 0 30px !important;
	/* padding-bottom: 40px; */
}
.blocs-wrapper .bloc.with-link {
	padding-bottom: 40px;
}
.blocs-wrapper .bloc .uk-article-title {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/* height: 2em;  */
}
.blocs-wrapper .bloc .sous-titre {
	margin: 20px 0 !important;
	line-height: 1.15;
}
.blocs-wrapper .bloc .img-wrapper {
	margin: 0;
	max-height: 330px;
	overflow: hidden;
}
.blocs-wrapper .bloc .btn-wrapper {
	position: absolute;
	width: 100%;
	left: 0; bottom: 0;
}
@media only screen and (max-width: 620px) {
	.blocs-wrapper {
		display: block;
	}
	.blocs-wrapper .bloc {
		width: 100%;
		max-width: none;
		margin: 0;
	}
	/* .blocs-wrapper .bloc .uk-article-title {
		height: auto;
	} */
	.blocs-wrapper .bloc .btn-wrapper {
		position: static;
	}
	.blocs-wrapper .bloc.with-link {
		padding-bottom: 0;
	}
}



/*
------------------------------------
	PAYPAL Boutons
------------------------------------
*/
#paypal-container {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	max-width: 100%;
	padding-left: 0;
}
#paypal-container li {
	/* display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
	box-sizing: border-box;
	max-width: 100%;
	padding: 0 40px 40px;
	text-align: center;
	background: url(/assets/img/template/angle-droit.svg) no-repeat left top;
	background-size: 90px 60px;
	/* border: 1px solid #bbb; */
	transition: all .5s;
}
:not(.is_mobile) #paypal-container li {
	width: 290px; /* ajuster aussi dans script PP_paiement_view.php ('onCancel') */
}
.is_mobile #paypal-container li {
	padding: 0 10px 35px;
}
#paypal-container li > h2 {
	position: relative;
	left: -40px;
	margin-bottom: 10px;
	text-align: left;
	text-indent: .9em;
   /* border: 1px dotted #aaa; */
   /* background-color: crimson; */
}
.is_mobile #paypal-container li > h2 {
	left: 0;
	text-indent: .4em;
}

#paypal-container li h2:not(small) {
	font: 1.5em 'AmaranthBold';
}
#paypal-container li h2 > small {
	position: relative;
	top: -7px;
	font: .55em Questrial, sans-serif !important;
}
.paypal-bouton-card {
 	width: 100%;
	transition: all .5s;
}
/* :not(.is_mobile) .paypal-bouton-card {
	width: 100%;
} */




/*
------------------------------------
	ADMIN EDITOR -> Documentation
------------------------------------
*/
#editor-tools-bar {
	position: fixed;
	top: 25%; left: 90%;
	padding: 12px 0;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 3px rgba(0,0,0, .5);
	width: 45px;
	align-items: center;
	justify-content: space-around;
	height: 170px;
	background-color: white;
	border-top: 4px solid #1e87f0;
	z-index: 1;
}
#editor-tools-bar button {
	width: 26px; height: 26px;
	padding: 0;
}
#editor-tools-bar button#save {
	background: url(/assets/img/template/floppy.svg) no-repeat center center;
	background-size: contain;
	border: none;
	flex: .45;
}