/*
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;

	--primary: #00dcff;
	--secondary: #e9ecef;
	--success: #28a745;
	--info: #003264;
	--warning: #ffe100;
	--danger: #dc3545;
	--light: #f7f7f7;
	--dark: #343a40;*/

	 


body {
	color: #003264;
/*	line-height: 1.7;*/
	line-height: 1.6666667;
	counter-reset: articles 0 subarticles 0 labels 0;
	/*font-size: .85rem;*/

	/*overflow-x: hidden;*/
	/*
	background: repeating-linear-gradient(
	-45deg,
	#f7f7f7,
	#f7f7f7 10px,
	white 10px,
	white 20px
	);*/

	/*overflow: initial !important;*/
}

#wbody {
	position: absolute;
	min-height: 100vh;
	/* Fallback for browsers that do not support Custom Properties */
	min-height: calc(var(--vh, 1vh) * 100);
	/* ios */
	min-width: 100%;
	background-color: #fff;

}


.body-centered,
.body-vertical-centered {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
	/* ios */
}

/*html.scroll-lock, */
/*html.scroll-lock body {
	overflow: hidden !important;
	height: 100% !important;
}*/

/*body *:not(b, span, i) {
	vertical-align: middle;
}*/

/*Background color for mobile pull (above page) */
body::before,
body::after {
	content: '';
	position: fixed;
	width: 100%;
	height: 50vh;
	top: 0px;
	background-color: #00dcff;
	transition: background 0s linear .1s;
}

body.wtbf::before {
	background-color: #fff;
}

/*Background color for mobile pull (under page) */
body::after {
	z-index: -1;
	top: 50vh;
	background-color: #003264;
}

html.show-overlay body::before,
html.show-overlay body::after {
	background-color: #fff;
}


footer.footer {
	position: absolute;
	width: 100%;
	background-color: #003264;
	color: #fff;
	/*13px au lieu de 16px*/
	/*font-size: 81.25%;*/
	font-size: 86.666666%;
	border-top: 5rem solid #fff;
	/*
	background: repeating-linear-gradient(
	-45deg,
	#00dcff,
	#00dcff 10px,
	#003264 10px,
	#003264 20px
	);*/
}

footer.footer-top-border-light {
	border-top-color: #f7f7f7;
}

@media (min-width: 992px) {
	footer.footer-top-bg-border-white {
		border-top-color: #fff !important;
	}
}


#footer h2,
#footer p.h2 {
	padding-top: 1em;
	/*font-size: 1.5em;*/
	margin-bottom: .5em;
}

#footer h2::after,
#footer p.h2::after {
	content: none;
}



.freezePage {
	overflow: hidden;
	height: 100%;
	position: relative;
}


@media (max-width: 575px) {
	.container {
		max-width: 100vw;
	}
}


img {
	-ms-interpolation-mode: bicubic;
	vertical-align: unset;
}

div:not(.no-margin-paragraph) > div.paragraph {
	margin-bottom: 1rem;
}


::selection {
	color: #003264 !important;
	background: #00dcff;
}

.text-montserrat {
	font-family: "Montserrat", "montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


.text-underline {
	text-decoration: underline;
}

.text-italic {
	font-style: italic;
}

.text-normal {
	font-size: 1rem;
	font-style: normal;
	font-weight: unset;
}

.text-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.collapse.show.inline {
	display: inline !important;
}

/* faster collapse, default .35s */
/*.collapsing {
	transition: height 0.18s ease; 
}*/
a[data-toggle="rubrique-collapse"] {
	box-shadow: none !important;
}


a:hover {
	color: #003264;
}

.break-all {
	word-break: break-all;
}

.break-word {
	word-break: break-word;
}

.text-green {
	color: #28a745;
}
.text-gray {
	color: #CCC !important;
}

.text-info-light {
	color: rgba(0, 50, 100, .5) !important;
}

.text-warning {
	color: #ffe100 !important;
}

.text-warning:hover {
	color: #ffe100 !important;
}


.text-transparent {
	color: transparent !important;
}

.flex-grow {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.flex-shrink {
	-ms-flex-negative: 1;
	flex-shrink: 1;
}

.help {
	color: #003264;
}


.custom-control-input.form-control:disabled,
.custom-control-input.form-control[readonly] {
	opacity: 0;
}


div.custom-control {
	min-height: 1.5em;
	padding-left: 1.5em;
	margin-left: 0.5em;
}

div.custom-control:not(.custom-control-inline) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.custom-control-inline {
	margin-right: 1em;
}

label.custom-control-label {
	margin-left: -0.5em;
}

label.custom-control-label::before {
	/*vertical-align: middle;*/
	/*margin-top: 0.05em;*/
	display: inline-block;
	/*width: 1em;*/
	/*height: 1em;*/
	/*width: 19px;*/
	/*height: 19px;*/
	width: 16px;
	height: 16px;
	/*top: 0.24em;*/
/*	top: 6px;*/
	top: 5px;
	left: -1.5em;
} 

.small label.custom-control-label::before {
	/*width: 17px;*/
	/*height: 17px;*/
	top: 3px;
}





@media (max-width: 1199px) {
	label.custom-control-label::before {
		top: 5px;
	}
	.small label.custom-control-label::before {
		top: 3px;
	}
}

@media (max-width: 991px) {
/*@media (min-width: 768px) and (max-width: 991px) {*/
	label.custom-control-label::before {
		/*top: 5px;*/
		width: 16px;
		height: 16px;
	}
}

@media (max-width: 575px) {
	label.custom-control-label::before {
		/*top: 5px;*/
		/*width: 17px;*/
		/*height: 17px;*/
	}
	.small label.custom-control-label::before {
		/*top: 3px;*/
		width: 16px;
		height: 16px;
	}
}

label.custom-control-label::after {
	margin-left: 0;
	top: 0.23em;
	left: -1.5em;
	display: inline-block;
}

div.custom-control label {
	cursor: pointer !important;
}

/*.seance .d-flex.align-items-center:hover {
	cursor: pointer !important;
}*/

form[id$="contact-form"] div {
	cursor: default !important;
}


.custom-file-label,
.custom-file-label::after {
	height: unset;
}



.custom-file-label:lang(fr)::after {
	content: "Parcourir";
}

.custom-select {
	background-color: white;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: .8em;
	line-height: 1.4rem;
}

label.custom-file-label {
	border-radius: .8em;
}

input[type="file"],
label.custom-file-label::after {
	cursor: pointer;
	border-radius: 0 .8em .8em 0;
}

#cb-mode-organisateur+label {
	color: #00dcff;
	cursor: pointer;
	/*position: relative;*/
	/*padding-left: 0.3em;*/
	/*margin-left: -0.8em;*/
}

#cb-mode-organisateur+label::before {
	border: rgba(0, 220, 255, 1) 1px solid;
	/*position: relative;*/
	/*top: -0.1em;*/
	/*left: -0.25em;*/
}

/*#cb-mode-organisateur+label::after {
	left: 0;
}*/




/* Alerte olympe */
div.alerte-container {
	position: fixed;
	display: flex;
	top: 0;
	width: 100%;
	height: 100vh;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 10000;
}
div.alerte-container > p {
	padding: .5em 2em;
	border-radius: 2em;
	color:#fff;
	background-color: rgba(0,50,100,.85);
	text-align: center;
}

/* Découpage bootsrap */

@media (min-width: 1200px) {
	.col-xl-3-et-demi {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.col-xl-8-et-demi {
		flex: 0 0 70%;
		max-width: 70%;
	}
}

@media (min-width: 992px) {
	.col-lg-3-et-demi {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.col-lg-8-et-demi {
		flex: 0 0 70%;
		max-width: 70%;
	}
}

@media (min-width: 1500px) {
	.col-xxl-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxl-5-et-demi {
		flex: 0 0 37%;
		max-width: 37%;
	}
}


/* Formulaires bootsrap */

label.custom-control-label{
	padding-left: 1em;
	margin-left: -1.5em;
}

label.custom-control-label::before,
label.custom-control-label::after {
	left: -0.5em;
}

.custom-control-input:checked~.custom-control-label:not(.posting)::before {
	color: #fff;
	background-color: #00dcff;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	/*background-position: 3px 3px;*/
	background-position: center center;
	/*background-size: 65% 65%;*/
	/*background-size: 13px 13px;*/
	background-size: 10px 10px;
}

.small .custom-control-input:checked~.custom-control-label:not(.posting)::before {
	/*background-size: 11px 11px;*/
}

label.custom-control-label::after {
	background-size: 0;
}

@media (max-width: 991px) {
	.custom-control-input:checked~.custom-control-label:not(.posting)::before {
		/*background-size: 9px 9px;*/
	/*background-size: 10px 10px;*/
	}
}

@media (max-width: 575px) {
	.custom-control-input:checked~.custom-control-label:not(.posting)::before {
		/*background-size: 11px 11px;*/
	}
}

label:not(.custom-control-label):not(.form-check-label):not(.error),
div.solo-checkbox label.custom-control-label,
.boldyless {
	font-weight: 500;
}

div.counting label:not(.custom-control-label):not(.form-check-label)::before {
	counter-increment: labels;
	/* On incrémente le compteur section */
	content: counter(labels) "/ ";
	/* On affiche le compteur */
}

h3.article.counting::before,
h2.article.counting::before {
	color: #00dcff;
	counter-increment: articles;
	content: "Article "counter(articles);
}

label.posting::before {
	content: "";
	background-image: url('/static/img/loading.gif');
	background-size: 1em 1em;
	width: 1em;
	height: 1em;
}

label.posting::after {
	content: "";
	display: none;
}

p.help-text {
	font-style: italic;
	font-size: 85%;
	text-align: right;
	margin-left: 1rem;
	color: rgba(0, 50, 100, .4);
}




@media (min-width: 992px) {
	.bg-lg-transparent {
		background-color: transparent !important;
	}
}


div.form-group {
	margin-bottom: 1em;
}

div.form-group.counting {
	margin-top: 1.5em;
}



input[type="checkbox"] {
	height: 1em;
}

.custom-checkbox>input[type="checkbox"] {
	display: none
}

.custom-radio>input[type="radio"] {
	display: none;
}

/* .input-group > .input-group-prepend > .input-group-text {
	padding-top:0;
	padding-bottom:0;
} */

div.form-group label {
	display: inline;
}

div.inline-checkbox,
div.inline-checkbox>label {
	display: inline;
}

div.inline-checkbox>label {
	position: absolute;
	/*margin-left: 0.3em;*/
}


select.form-control:not([size]):not([multiple]),
input.form-control  {
	height: unset;
	padding: .35rem .1rem .3rem .5rem;
}

input.form-control {
	/*height: 2.2rem;*/
	line-height: 1.5em;
}

.form-control, 
.input-group-text {
	border-radius: .8em;
}

.form-control {
	font-size: unset;
}

/* à garder séparés */
.form-control::-webkit-input-placeholder {
	color: rgba(0, 50, 100, .5);
	font-style: oblique;
}

.form-control:-ms-input-placeholder {
	color: rgba(0, 50, 100, .5);
	font-style: oblique;
}

.form-control::placeholder {
	color: rgba(0, 50, 100, .5);
	font-style: oblique;
}

.form-control::-ms-input-placeholder {
	color: rgba(0, 50, 100, .5);
	font-style: oblique;
}

.form-control::-ms-input-placeholder {
	color: rgba(0, 50, 100, .5);
	font-style: oblique;
}



input.form-control[readonly] {
	background-color: white;
	-ms-touch-action: none;
	touch-action: none;
}


/* Placeholder pour les mots de passe */
input#id_old_password::placeholder,
input#id_new_password1::placeholder,
input#id_password::placeholder {
	opacity: 0;
	transition: opacity .3s;
	font-size: 1em;
	height: 1.6rem;
	line-height: 1.6rem;
}
input#id_old_password.input-focused::placeholder,
input#id_new_password1.input-focused::placeholder,
input#id_password.input-focused::placeholder {
	opacity: .75;
}

div.form-group + ul.errorlist,
div.form-group + ul.messagelist {
	margin-top: -1rem;
}

.modal {
	white-space: normal;
	cursor: auto;
	line-height: 1.7; /* pour éviter les sauts d'affichage */
}

@media (min-width: 768px) {
	.modal-dialog.modal-larger {
		max-width: 600px;
	}
}

.modal-content {
	border-radius: .8em;
}

.modal-frontdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	background-color: #000;
	border-radius: 0.3rem;
	opacity: 0;
}

.modal-frontdrop.show {
	opacity: 0.25;
}

.over-frontdrop {
	z-index: 1051;
}

.dropdown-menu {
	border-radius: .8rem;
}

.btn-warning:not(:disabled):not(.disabled).active:focus, 
.btn-warning:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-warning.dropdown-toggle:focus, 
.btn-warning:focus {
	box-shadow: none ;
}

a.disabled {
	color: #e9ecef;
}

a.a-danger {
	color: #dc3545;
}
a.a-danger:hover {
	color: #78141e;
}

/*Oui c'est bien du bleu qu'il faut*/
a.white-on-hover:hover {
	color: #00dcff !important;
}
a.true-white-on-hover:hover {
	color: #fff !important;
}

.as-a-link>*:not(.btn) {
	cursor: pointer;
	-webkit-transition: color 0.1s;
	transition: color 0.1s;
}

/* .as-a-link:hover > *:not(.btn) { 
 color: #00dcff;
}  */

/* LIEN SVG ON HOVER */

/* Ajout evenement */
.block-add-event .svg-event-select svg path {transition: 0.2s;}
.block-add-event:hover .svg-event-select svg path:last-child,
.block-add-event.hover .svg-event-select svg path:last-child {d: path("M28,9L28,15M27,22L27,28M30,25L24,25");}
.block-add-event:hover .svg-event-select svg .hide-on-hover,
.block-add-event.hover .svg-event-select svg .hide-on-hover {d: path("");}

/* Invitation */
.block-invite-people .svg-mail svg path {transition: 0.2s;}
.block-invite-people:hover .svg-mail svg path:last-child,
.block-invite-people.hover .svg-mail svg path:last-child {d: path("M18,18L23,18M20.5,20.5L20.5,15.5");}
.block-invite-people:hover .svg-mail svg .hide-on-hover,
.block-invite-people.hover .svg-mail svg .hide-on-hover {d: path("");}

/* Désinscription */
.block-desinscrire.btn-group svg,
.block-desinscrire.btn-group svg path {transition: 0.2s;}
/*.block-desinscrire.btn-group:hover svg,
.block-desinscrire.btn-group.hover svg {transform: rotate(-90deg);}*/
.block-desinscrire.btn-group:hover svg path:first-child,
.block-desinscrire.btn-group.hover svg path:first-child {d: path("M18 6  L7 17");}
.block-desinscrire.btn-group:hover svg path:last-child,
.block-desinscrire.btn-group.hover svg path:last-child  {d: path("M18 17 L7 6");}

/* Abonnement aux publications */
.subscribe-publi-button .svg-mail-tick svg path, .subscribe-publi-button .svg-mail svg path {transition: 0.2s;}
.subscribe-publi-button:hover .svg-mail-tick svg path:last-child {d: path("M17.5,16L22.5,21M17.5,21L22.5,16");}
.subscribe-publi-button:hover .svg-mail svg path:last-child {d: path("M17,18L19,20M19,20L23,16");}
.subscribe-publi-button:hover .svg-mail svg path:nth-child(3) {d: path("");}

/* Maintien des séance */
.blinking-secondary {
	animation: blinking 1.8s infinite;
}
.blinking-secondary:hover {
	animation: none;
}
@keyframes blinking{
	0%{opacity: 1;}
	5%{opacity: .2;}
	100%{opacity: 1;}
}

/* Arrondis btn-group */
.btn-group>.btn.mo-off:not(:last-child) {
	border-top-right-radius: .8em;
	border-bottom-right-radius: .8em;
	padding-left: .75rem!important;
}

.rotate-svg svg {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.rotate-svg[aria-expanded="true"] svg {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.font-weight-boldy,
.card-title {
	font-weight: 600 !important;
}

.boldyless {
	font-weight: 500 !important;
}

.boldier,
.label-boldy>label {
	font-weight: 600 !important;
}

.text-bold,
.boldy {
	font-weight: 700 !important;
}

.normal {
	font-weight: 400 !important;
}

strong,
.boldiest {
	font-weight: 800 !important;
}


.display-5 {
	font-size: 2.9rem;
	font-weight: 300;
	line-height: 1.2;
}

.display-6 {
	font-size: 2.5em;
}

@media (max-width: 574px) {
	.display-6 {
		font-size: 2em;
	}
}

svg {
	display: inline;
/*	align-self: center;*/
/*	display: block;*/
}

.btn.btn-vsml > svg {
	align-self: center;
}

.btn.btn-sm.btn-svg,
.btn.btn-sm.hide-first-opener {
	display: inline-flex;
	padding-left: 0.2666667rem;
	padding-right: 0.2666667rem;
}

.svg-block > svg,
.float-right > svg {
	display: block;
}

.collapse-plus-moins {
/*	vertical-align: middle;*/
	vertical-align: sub;
}

svg.svg-inverse {
	background-color: #00dcff;
	border-radius: .5em;
}

.svg-stroke-info svg.svg-inverse {
	color: #003264 !important;
}

.svg-stroke-white svg.svg-inverse {
	color: #fff !important;
}

.svg-stroke-primary svg.svg-inverse {
	color: #00dcff !important;
}

a:hover svg.svg-inverse {
	background-color: #e9ecef;
}
a.bg-hover-info:hover svg.svg-inverse {
	background-color: #003264;
}



/*.feather:hover {
	stroke: #e9ecef;
	color: #e9ecef;
	cursor: pointer;
}

.nav-link > .feather {
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	stroke-width: 2;
	vertical-align: text-bottom;
}*/

/*.feather {
	width: 1em;
	height: 1em;
	margin-bottom: 0.2em;
	stroke-width: 1;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	vertical-align:middle;
}

.feather-medium {
	width: 1.5em;
	height: 1.5em;
}
.feather-big {
	width: 4em;
	height: 4em;
	stroke-width: 1.5;
}*/


/*.feather-center {
	left: calc(50% - 2em);
	position: relative;
	top: -8em;
	color: #00dcff;
	stroke: #00dcff;
}
.feather-center span{
	position: absolute;
	vertical-align:middle;
	line-height: 5em;
}
.feather-center:hover {
	stroke: #003264;
	color: #003264;
	cursor: pointer;
}*/

#presentation a .feather {
	width: 50px;
	height: 50px;
}

.stroke-warning,
ul.ul-warning+a svg,
/* next immediate sibling */
ul.ul-warning a svg {
	color: #ffe100;
	stroke: #ffe100;
}

.stroke-info,
ul.ul-info+a svg,
/* next immediate sibling */
ul.ul-info a svg {
	color: #003264;
	stroke: #003264;
}


header.section-light,
section.section-light,
.background-light {
	background-color: #f7f7f7;
}

.background-white {
	background-color: #fff;
}

header.section-primary,
section.section-primary,
div.jumbotron-primary {
	background-color: #00dcff;
	color: #fff;
}


.partial-overlay {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*padding: 0 !important;*/
	/*margin: 0 !important;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 16%;
	height: 15rem;
}

.partial-overlay>div.container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	/* IE */
}

@media (max-width: 575px) {
	.partial-overlay>div.container {
		max-width: calc(100vw);
		/* IE */
		padding: 0;
	}
}

.partial-overlay>div.container>div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: rgba(255, 255, 255, 0.85);
	min-width: 70%;
	/*border-radius: 1em;*/
	border-radius: 30px;
}

.partial-overlay>div.container>div.discreet-shadow {
	-webkit-box-shadow: 0 0 50px 1px rgba(0, 50, 100, .25);
	box-shadow: 0 0 50px 1px rgba(0, 50, 100, .25);
}

.partial-overlay>div.container>div>h1,
.partial-overlay>div.container>div>h2 {
	max-width: 100%;
	/* IE */
	margin: 0;
}

.partial-overlay>div.container>div>p {
	max-width: 100%;
	/* IE */
	text-align: center;
	margin-bottom: 0;
}

.partial-overlay-text {
	position: relative;
	margin-top: -15rem;
	height: 15rem;
}

.partial-overlay-text>div {
	min-height: 15rem;
	height: 15rem;
	overflow: hidden;
}

#banniere,
#footer-private {
	overflow-x: hidden;
}

.scroll-moving {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.scroll-moving #picture-slider,
#picture-slider:hover {
	opacity: 1;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 50, 100, .2);
	box-shadow: 0 0 10px 1px rgba(0, 50, 100, .2);
}

#picture-slider {
	position: absolute;
	right: 10px;
	top: calc(7.5rem - 75px);
	width: 20px;
	height: 150px;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 20px;
	text-align: center;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	opacity: .4;
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 50, 100, .3);
	box-shadow: 0 0 10px 1px rgba(0, 50, 100, .3);
}

#picture-slider .container-scroll {
	width: 3px;
	height: 100px;
	border-radius: 2px;
	background-color: darkgray;
	position: relative;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#picture-slider .scroll {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #00dcff;
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

#picture-slider .scroll:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

@media only screen and (max-width: 767px) {
	#picture-slider {
		visibility: hidden;
	}
}

div#cgv div.rounded-bg {
	margin: 0.15em -0.5em;
	padding: 0.15em 0.5em;
	border-radius: 0.5em;
}

/* Utilisé dans les landings */
.big {
	font-size: 1.15em;
}

/* Utilisé dans les landings */
.bigger {
	font-size: 1.6rem;
}

div.title h2:not(.no-barre)::after {
	margin-bottom: 0;
}
div.title {
	margin-bottom: 1.225em;
}

.text-small,
.small, small {
	/*font-size: .87rem;*/
	font-size: .8666666rem;
	line-height: 1.6153846;
}

.text-very-small {
	font-size: .8rem;
}

.small .tooltip {
	/*font-size: 90%;*/
	font-size: .85rem;
}

.small-tootip-text .tooltip {
	/*font-size: 80%;*/
	font-size: .85rem;
}

.tooltip {
	/*font-size: .75rem;*/
	font-size: .85rem;
	pointer-events: none;
}

.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
	display: inline-block;
	word-break: break-word;
	max-width: 200px;
	width: unset;
	border-radius: .8em;
	background-color: #003264;
	border-radius: .8em;
	color: #FFF;
}

.tooltip.bs-tooltip-top .arrow::before {
	border-top-color: #003264;
}

.tooltip.bs-tooltip-right .arrow::before {
	border-right-color: #003264;
}

.tooltip.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #003264;
}

.tooltip.bs-tooltip-left .arrow::before {
	border-left-color: #003264;
}

.modal.fade.show > .tooltip.bs-tooltip-top {
	left: 8px !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow, 
.bs-tooltip-top .arrow {
	bottom: 1px;
}

.popover p{
	margin-bottom: 0;
	padding-bottom: 0;
}

.error,
.errorlist li {
	color: #dc3545;
	list-style-type: none;
}
.error.bullet,
.errorlist.bullet li {
	list-style-type: initial;
}

.message,
.messagelist li {
	color: #00dcff;
	list-style-type: none;
	font-style: italic;
}

ul.errorlist,
ul.messagelist {
	padding-left: 0;
	margin-bottom: 0;
}



/* Breadcrumb navigation dans les pages activités pour mobile */

.breadcrumb {
	background-color: transparent;
/*	font-size: 80%;*/
	padding: 0.75rem 0;
	font-style: italic;
	white-space: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

#acces-rapide-mobile {
	max-width: calc(100vw - 30px);
}

#acces-rapide>a,
a.arrowed,
.breadcrumb-item.active,
.breadcrumb-item > a {
	/*display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: start !important;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
#acces-rapide-mobile .breadcrumb-item.active,
#acces-rapide-mobile .breadcrumb-item > a {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}
#acces-rapide > a,
a.arrowed {
	line-height: 1.3em;
	margin-bottom: .4em;
}

#acces-rapide>a>svg,
a.arrowed>svg {
	/*height: 1.5em;*/
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: unset;
	margin-right: .3em;
}

#acces-rapide>a>span {
	/*margin-right: .3em;*/
	line-height: 1.3em;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: .55em;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: none;
}



#colonne-gouttiere > .sticky-gouttiere-landing,
#colonne-gouttiere > .sticky-gouttiere {
	position: sticky; 
	top:65px;
}

#colonne-gouttiere > .sticky-gouttiere-landing {
	top:100px;
}


#colonne-gouttiere a > svg {
	flex-shrink: 0;
}
#colonne-gouttiere a.btn[data-toggle="rubrique-collapse"] {
	max-width: 93%;
	overflow: hidden;
}

#colonne-gouttiere h3 {
	font-size: 1em;
	padding-top: 1.5em;
}

/* Spécial rubriques : doit être slidable sur mobile, et non slidable sur bureau */
@media (max-width: 767px) {
	.rubriques {
		overflow: hidden; 
		margin-left: -15px; 
		width: calc(100% + 30px);
	}
	.rubriques .scrollable {
		flex-wrap: nowrap; 
		margin: 15px;
	}
}
@media (min-width: 768px) {
	.rubriques .scrollable > div {
		margin-left: 0 !important; /* prevent horizontal slide on touch */
	}
}

#colonne-principale h3 {
	/*font-size: 1.25em;*/
	padding-top: 1em;
	padding-bottom: .5em;
}



/* Breadcrumb navigation dans les pages activités pour mobile */

.breadcrumb-item.active,
.breadcrumb-item.active>span {
	color: rgba(0, 50, 100, 1);
	overflow: hidden;
}

.breadcrumb-item.active>svg {
	overflow: visible;
}

.breadcrumb-item.active>span {
	text-overflow: ellipsis;
}

.jumbotron {
	background-color: #f7f7f7;
}


/* Message sur fond gris arrondi */
div.message-information {
	background-color: #f6f6f6;
	text-align: center;
	/*border-radius: 1em;*/
	border-radius: 30px;
	margin: 1em 0;
	padding: 1em 1em;
	padding-bottom: .01em; /* hack... */
	width: 100%;
}



/* flex-list */
ul.flex-list > li {
	display: flex;
	align-items: center;
}



/* unordered-list */
ul.unordered-list, 
ul.no-bullet {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.unordered-list>li {
	position: relative;
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 1.5em;
	margin-left: 0.4em;
}
.card-body ul.unordered-list > li {
	padding-left:1.5em;
	margin-left:0;
}

ul.unordered-list.light-mb,
ul.unordered-list.no-mb {
	margin-bottom: 1rem;
}

ul.unordered-list.no-mb>li {
	margin-bottom: 0;
}

ul.unordered-list.light-mb>li {
	margin-bottom: .5rem;
}

ul.unordered-list.with-space>li {
	padding-left: 2em;
	margin-left: .8em;
}

ul.unordered-list.no-bullet>li,
ul.unordered-list>li.no-bullet {
	padding-left: 0em;
}

ul.unordered-list.no-bullet>li>img,
div#pictos img {
	height: 1.5em;
	vertical-align: top;
	padding-right: 0.5em;
}

ul.unordered-list:not(.no-bullet)>li:not(.no-bullet):before {
	content: "";
	position: absolute;
	width: .9em;
	height: .9em;
	border: .2em solid #00dcff;
	top: .4em;
	left: 0;
	border-radius: 50%
}

ul.ul-info:not(.no-bullet)>li:not(.no-bullet):before {
	border-color: #003264;
}

ul.ul-warning:not(.no-bullet)>li:not(.no-bullet):before {
	border-color: #ffe100;
}

ul.unordered-list.check-list:not(.no-bullet)>li:not(.no-bullet)::before,
ul.unordered-list:not(.no-bullet)>li.check:not(.no-bullet)::before {
	margin-left: 0px;
	margin-top: 0px;
	width: 1em;
	height: .6em;
	border: none;
	border-bottom: solid .2em #00dcff;
	border-left: solid .2em #00dcff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 0;
}

ul.unordered-list.check-list:not(.no-bullet)>li.disabled:not(.no-bullet)::before,
ul.unordered-list:not(.no-bullet)>li.check.disabled:not(.no-bullet)::before {
	border-color: #e9ecef;
}

ul.unordered-list.check-list.ul-info:not(.no-bullet)>li:not(.no-bullet)::before,
ul.unordered-list.ul-info:not(.no-bullet)>li.check:not(.no-bullet)::before {
	border-color: #003264;
}

ul.unordered-list:not(.no-bullet) > li.cross:not(.no-bullet):before {
	margin-left: .05em;
	margin-top: -.1em;
	content: '+';
	font-size: 2.2em;
	line-height: 0;
	text-align: center;
	font-weight: 500;
	color: #ffe100;
	border: none;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ul.unordered-list:not(.no-bullet)>li.cross.danger:not(.no-bullet):before {
	color: #dc3545;
}

ul.unordered-list:not(.no-bullet)>li.cross.disabled:not(.no-bullet):before {
	color: #e9ecef;
}

/* Utilisé dans survey regex (?<!-)card(?!-|i|s) */
.card {
	border-radius: 0.8rem;
}

/* Utilisé dans survey et paiement */
.card-body {
	padding: 1.25rem 0.75rem;
}

/* CSS for Credit Card Payment form */
.credit-card-box .panel-title {
	display: inline;
	font-weight: bold;
}

.credit-card-box .form-control.error {
	border-color: red;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.credit-card-box label.error {
	color: red;
	margin-top: 2px;
}

.credit-card-box .payment-errors {
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}

.credit-card-box label {
	display: block;
}

/* The old "center div vertically" hack */
.credit-card-box .display-table {
	display: table;
}

.credit-card-box .display-tr {
	display: table-row;
}

.credit-card-box .display-td {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

/* Just looks nicer */
.credit-card-box .panel-heading img {
	min-width: 180px;
}

.card-header {
	padding: .75rem 1.25rem;
}

@media (max-width: 575px) {
	.card-header {
		padding: .75rem 1rem;
	}
}

.card-header .img,
.card-header .img-60,
.small-paiement-card.img,
.small-paiement-card.img-60 {
	height: 3em;
	width: 4em;
	background-position: center center;
	background-size: cover;
}

.card-header .img-60 {
	height: 45px;
	width: 75px;
}

.small-paiement-card.img {
	height: 30px;
	width: 40px;
}

.small-paiement-card.img-60 {
	height: 30px;
	width: 50px;
}

@media (max-width: 767px) {
	.card-header .img {
		width: 50px;
		height: 38px;
	}

	.card-header .img-60 {
		width: 63px;
		height: 38px;
	}
}

/* Utilisé dans paiement */
#reservations .btn-outline-secondary {
	color: #003264;
}

/* Utilisé sur les pages de landing */
a.square-img,
div.square-img,
div.square-img-70 {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: 50% 50%;
	overflow: hidden;
}

div.square-img-70 {
	width: 70%;
	padding-bottom: 70%;
	margin-top: 100%;
}

div.square-img-70>span.blason-text {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	font-weight: 700;
	font-size: 4.5rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
	div.square-img-70>span.blason-text {
		font-size: 4rem;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	div.square-img-70>span.blason-text {
		font-size: 4.2rem;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	div.square-img-70>span.blason-text {
		font-size: 2.8rem;
	}
}

@media (max-width: 575px) {
	div.square-img-70>span.blason-text {
		font-size: 2.2rem;
	}
}


samp {
	background-color: #f7f7f7;
	font-style: normal;
}

.btn-icon {
	padding: 0.2em 0;
	margin: 0.2em 0.15em;
	min-width: 2em;
}


.btn {
	border-radius: .8em;
	user-select: text;
    line-height: 1.4rem;
    padding: .3333333rem .8rem;
}

.btn.btn-sm {
/*	padding: 0.2em 0.5em;*/
	padding: 0.2666667rem 0.6rem;
/*	vertical-align: baseline;*/
	border-radius: .7em;
	font-size: 1rem;
    line-height: 1.4rem;
    vertical-align: unset;
}

.btn.btn-sml {
	padding: 0rem 0.5rem;
    vertical-align: unset;
}


.btn-group {
	margin-bottom: 0.25em;
}

.btn-vsml:not(.btn-group),
.btn-group.btn-vsml>.btn {
	padding: 0em .5em;
	margin: 0;
	/*font-size: 85%;*/
/*	font-size: .9rem;*/
	font-size: .8666666rem;
/*	line-height: 1.4;*/
    line-height: 1.2666666rem;
    vertical-align: unset;
}

.btn-vsml {
	border-radius: 1em;
}

.v-middle {
	vertical-align: middle;
}
.v-baseline {
	vertical-align: baseline;
}

a.btn.disabled:not(.no-pointer-events) {
	pointer-events: auto;
}

.btn.disabled,
.btn:disabled {
	opacity: 1;
}

.btn-group > form:not(:last-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group > form:not(:first-child) > .btn,
.btn-group > form:not(:first-child) > a {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.border-warning {
	border: 1px solid #ffe100;
}

.btn-small {
	padding: 0rem 1rem;
	font-size: 85%;
	border-radius: 0.2rem;
}

.btn-warning,
.btn-primary,
.btn-primary.disabled,
.btn-outline-primary:hover,
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-light:not(.disabled):not(:disabled),
.btn-light:not(.disabled):not(:disabled):hover,
.btn-secondary-light {
	color: #003264;
}

.btn-secondary-light {
	background-color: #dadee5;
	border-color: #dadee5;
}

.btn-secondary-light:hover {
	background-color: #cacfd7;
	border-color: #bfc4cd;
}

.btn.btn-danger,
.btn.btn-danger:not([href]),
.btn.btn-danger:not([href]):hover {
	color: #fff;
}

.badge {
	/*vertical-align: text-bottom;*/
	font-weight: 700;
}

.btn-group a {
	box-shadow: none !important;
}


.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-right-width: 0;
}

.right-title-buttons > div:not(:only-of-type) .btn-group a:first-child,
.hide-first a:first-child,
.hide-first button:first-child,
.hide-first.btn-group > form:first-child > button {
	width: 0;
	opacity: 0;
	-webkit-transition: padding 0.5s, width 0.5s;
	transition: padding 0.5s, width 0.5s;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
}

.right-title-buttons > div:not(:only-of-type) .btn-group a:first-child,
.hide-first > .btn-group > a:first-child {
	padding-left: 0;
	padding-right: 0;
}


.right-title-buttons > div:not(:only-of-type) .btn-outline-danger:first-child:hover,
.hide-first .btn-outline-danger:first-child:hover {
	color: #dc3545;
	background-color: rgba(255, 255, 255, 1);
}

.right-title-buttons > div:not(:only-of-type) .btn-outline-primary:first-child:hover,
.hide-first .btn-outline-primary:first-child:hover {
	color: #00dcff;
	background-color: rgba(255, 255, 255, 1);
}

.right-title-buttons > div:not(:only-of-type) .btn-outline-light:first-child:hover,
.hide-first .btn-outline-light:first-child:hover {
	color: #003264;
	background-color: rgba(255, 255, 255, 1);
}

.right-title-buttons > div:not(:only-of-type) > .btn-group:hover a:first-child,
.right-title-buttons > div:not(:only-of-type) > .btn-group.force-open a:first-child,
.right-title-buttons > div.mo-off + div.mo-on:last-of-type a:first-child,
.hide-first:hover a:first-child,
.hide-first:hover > form:first-child > button {
	/*needs onclick on hovered element to work fine on mobile*/
	width: auto;
	opacity: 1;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: none !important;
	-webkit-transition: padding 0.5s, width 0.5s;
}

.right-title-buttons > div:not(:only-of-type) > .btn-group > a:not(:first-child),
.btn-group.hide-first > a:not(:first-child),
.btn-group.hide-first > form:not(:first-child) > button {
	border-radius: 0.5em;
}

.right-title-buttons > div:not(:only-of-type) > .btn-group > a.btn-vsml:not(:first-child),
.hide-first > .btn-group > a.btn-vsml:not(:first-child),
.hide-first > .btn-group > button.btn-vsml:not(:first-child),
.hide-first > .btn-group > form:not(:first-child) > button.btn-vsml {
	border-radius: 1em;
}

.right-title-buttons > div:not(:only-of-type) > .btn-group:hover > a:not(:first-child),
.right-title-buttons > div:not(:only-of-type) > .btn-group.force-open a:not(:first-child),
.right-title-buttons > div.mo-off + div.mo-on:last-of-type a:not(:first-child),
.hide-first:hover a:not(:first-child),
.hide-first:hover > .btn-group > a:not(:first-child),
.hide-first:hover form:not(:first-child) > button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.activity-cards > div {
	border-radius: 30px !important;
}

.activity-cards > div.activity-card.dd-is-dragging {
	padding: 0 !important;
}



.g-disabled,
.g-unavailable {
	color: #C0C0C0 !important;
	/* silver */
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(1) blur(2px);
	/* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1) blur(2px);
	/* Microsoft Edge and Firefox 35+ */
	opacity: 0.7;
	cursor: default !important;
	pointer-events: none;
}


.g-disabled .admin-buttons,
.g-unavailable .admin-buttons {
	pointer-events: all;
}

.g-disabled a.btn.disabled:not(.no-pointer-events),
.g-unavailable a.btn.disabled:not(.no-pointer-events) {
	pointer-events: none;
}

.g-unavailable {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.g-disabled a,
.g-unavailable a, 
.no-pointer, 
.no-pointer .pointer,
a.disabled:not(.pointer),
span.btn.disabled:not(.pointer) {
	cursor: default !important;
}

.g-disabled .btn,
.g-unavailable .btn {
	background-color: #e3e3e3;
	border-color: #e3e3e3;
}

.g-disabled a,
.g-unavailable a {
	color: #C0C0C0 !important;
}

.text-crossed,
.text-crossed a,
.text-crossed a:hover,
.text-crossed a:not([href]),
.text-crossed a:not([href]):hover,
a.text-crossed:not([href]),
a.text-crossed:not([href]):hover {
	text-decoration: line-through;
}

a.btn-info:not([href]):not([tabindex]) {
	color: #fff;
}

.pointer,
.g-unavailable a.pointer {
	cursor: pointer !important;
}

.helper-cursor {
	cursor: help;
}





/**********************************
/      SEANCES
/*********************************/

div.seance,
div.commande {
	display: flex;
	position: relative;
	/*margin: 0.7em -10px;*/
	margin: 0.7em 0;
	padding: 0.4em 8px;
	/*border-radius: 5px;*/
	/*border-radius: .8em;*/
	border-radius: 1em;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-left: 4px solid rgba(0, 0, 0, 0.125);
}


@media (max-width: 769px) {
	div.seance,
	div.commande {
		max-width: calc(100vw - 10px);
	}
}

div.seances > div.individuelles div.seance {
	margin: 0.25em 5px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 10px);
	flex: 0 0 calc(50% - 10px);
	max-width: calc(50% - 10px);
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

@media (max-width: 575px),
(min-width: 768px) and (max-width: 991px) {
	div.seances>div.individuelles div.seance {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 10px);
		flex: 0 0 calc(100% - 10px);
		max-width: calc(100% - 10px);
	}
}


div.seances>div.individuelles.available-only div.seance.g-unavailable {
	display: none !important;
}

div.seances>div.individuelles {
	margin: 0 -15px;
}

div.seances>div.individuelles>div.scrollable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow-y: scroll;
	max-height: 360px;
}


div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #EEE;
	border-radius: 10px;
	border: 4px solid #EEE;
}

div.seances>div.individuelles>div.scrollable::-webkit-scrollbar {
	width: 12px;
	background-color: #EEE;
}


div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-thumb {
	background-color: grey;
	border-radius: 10px;
	border: 3px solid #EEE;
}

div.seances>div.individuelles>div.scrollable:hover::-webkit-scrollbar-thumb {
	background-color: #00dcff;
}

div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-button {
	background-size: 100%;
	height: 14px;
	border: 2px solid #EEE;

	/*-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);*/
}

div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-button:vertical:start:increment,
div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-button:vertical:end:decrement {
	display: none;
}

div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-button:vertical:start:decrement {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20' fill='none' stroke-linecap='round' stroke='grey' stroke-width='4'><polyline points='14 11 8 5 2 11'/></svg>");
}

div.seances>div.individuelles>div.scrollable::-webkit-scrollbar-button:vertical:end:increment {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20' fill='none' stroke-linecap='round' stroke='grey' stroke-width='4'><polyline points='2 5 8 11 14 5'/></svg>");
}


div.seance.active,
div.seance:hover {
	border-left: 4px solid #00dcff;
	background-color: #f7f7f7;
}
div.commande:hover {
	border-left: 4px solid #003264;
	background-color: #f7f7f7;
}

div[id^=commande-] .total-amount.btn,
div[id^=avoir-] .total-amount.btn {
	border-radius: 1em;
	padding-left: .75em;
	padding-right: .75em;
}

div[id^=commande-] div.commande-item,
div[id^=avoir-] div.avoir-item {
	margin-bottom: 2px;
}
div[id^=commande-] div.commande-item > .col:nth-child(1),
div[id^=avoir-] div.avoir-item > .col:nth-child(1) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div[id^=commande-] div.commande-item > .col:nth-child(2),
div[id^=avoir-] div.avoir-item > .col:nth-child(2) {
	flex-grow: 0;
	white-space: nowrap;
}

div.seance .btn-light {
	color: #003264;
}

div.seance.active .btn-light,
div.seance:hover .btn-light {
	border: 1px solid rgba(0, 0, 0, 0.125);
	-webkit-transition: border-color 0.1s ease;
	transition: border-color 0.1s ease;
}

div.seance:hover .hide-first .btn-light {
	transition: border-color 0.1s ease, width 0.5s, padding 0.5s;
}

div.seances .seance:hover div.photo-user::before {
	border-color: #f7f7f7;
}

div.seance.details,
div.commande.details {
	border-left: 4px solid #00dcff;
}

.g-disabled div.seance.details,
.g-unavailable div.seance.details {
	border-left: 4px solid #C0C0C0;
}



div.seance.details .hide-if-detailed {
	display: none !important;
}

div.seance:not(.details) .show-if-detailed {
	display: none !important;
}


div.seance .date > span:not(.mode-organisateur) {
	margin-right: 0.15em;
}

span.mode-organisateur {
/*	vertical-align: middle;*/
}

div.seance div.admin-buttons {
	display: inline-flex;
	white-space: nowrap;
	vertical-align: middle;
	margin-left: .15rem;
}
div.seance div.admin-buttons > span.mode-organisateur {
	margin-right: 0.15em;
}


div.seance .date {
	margin-right: .5rem;
	line-height: 1.4em;
}

div.seance .date a.btn {
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

div.seance .action {
	position: relative;
	display: flex;
	margin-left: auto;
	text-align: right;
	align-self: start;
	margin-top: .4em;
}
div.seance.individuelle .action {
	align-self: center;
	margin-top: 0;
}


.seances .illustration {
	margin-top: -0.4em;
	left: -12px;
	/*border-bottom-left-radius: .8em;*/
	/*border-top-left-radius: .8em;*/
	border-bottom-left-radius: 1em;
	border-top-left-radius: 1em;
	margin-bottom: -0.4em;

	background-repeat: no-repeat;
	background-size: cover;

	background-position: 50% 16%;
	overflow: hidden;
	border-left: 4px solid rgba(0, 0, 0, 0.250);

}

div.seance:hover .illustration {
	border-left: 4px solid #00dcff;
}

div.seance.details .illustration {
	border-left: 4px solid #00dcff;
}


div.seance div.photos {
	position: relative;
	display: flex;
	align-items: center;
	height: 65px;
	transition: height .2s ease;
	white-space: nowrap;
	max-width: calc(100% + 3px);
	padding-left: 5px;
	margin-left: -3px;
	overflow: hidden; 
}

div.seance div.photos::after {
	content: "";
	position: absolute;
	display: block;
	pointer-events: none;
	right: 0;
	width: 30px;
	height: 100%;
	z-index: 10;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
div.seance.active div.photos::after,
div.seance:hover div.photos::after {
	background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 1) 100%);
}

div.seance::after {
	content: "";
	position: absolute;
	width: 100%;
	height: .8em;
	bottom: -.8em;
	left: 0;
}

div.seance:hover div.photos {
	height: 81px;
}


div.seance.individuelle div.photos {
	height: 55px;
}
div.seance.individuelle:hover div.photos {
	height: 55px;
}
div.seance.individuelle div.photos::after {
	display: none;
}



div.seance div.photos div.user-container {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 100%;
}


/* Message et lien qui suient les participants */
div.seance div.photos p.show-if-participants,
div.seance div.photos div.user-container:not(div.coach-container) ~ p.hide-if-participants {
	display: none;
}
div.seance div.photos div.user-container:not(div.coach-container) ~ p.show-if-participants {
	display: inline;
}

div.photo-user {
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	text-align: center;
	flex-shrink: 0;
	line-height: 1.2em;
	font-size: 1.75em;
	margin-bottom: 2em;
}

div.photo-user > p {
	line-height: 2em;
}
div.seance div.photo-user > p,
div.photo-user.no-name > p {
	display: none;
}



div.photo.not-confirmed img,
div.photo-user.not-confirmed img {
	filter: grayscale(1) contrast(0.25) brightness(1.7);
}

div.photo-user.vsmall {
	/* Utile pour les séances individuelles */
	width: 2.8rem;
	height: 2.8rem;
	font-size: 0.6rem;
}

div.seance div.photos > p {
	margin-bottom: 0px;
	transition: margin-bottom .2s ease;
	cursor: default;
}

div.seance:hover div.photos > p {
	margin-bottom: 16px;
}

div.seance div.photos div.photo-user {
	/*width: 52px;*/
	/*height: 52px;*/
	width: 60px;
	height: 60px;
	/*transition: .2s ease;*/
	transition: all .2s ease;
	border: 10px solid transparent;
	/*margin-bottom: 8px;*/
	margin-bottom: 0px;
	margin-left: -35px;
	margin-right: 0px;
	/*margin-top: -15px;*/

}

div.seance:hover div.photos div.photo-user {
	margin-bottom: 16px;
}


div.seance div.photos div.photo-user:last-of-type {
	margin-right: 5px;
}

/* MOBILE SCREEN */
@media (hover: none) {
	/* Grossissement de base */
	div.seance div.photos div.photo-user.hover {
		width: 74px;
		height: 74px;
		margin-left: -25px;
		margin-right: 10px;
	}
	/* dernier élément, lorsqu'il n'y a pas que 2 éléments */
	div.seance div.photos div.user-container div.photo-user.hover:last-of-type:not(:nth-child(2)) {
		border-right-width: 20px;
		width: 84px;
	}
	/* dernier élément, lorsqu'il n'y a pas que 2 éléments, pour le premier bloc */
	div.seance div.photos div.user-container:nth-child(1) > div.photo-user.hover:last-of-type:not(:nth-child(2)) {
		border-right-width: 15px;
		width: 79px;
	}
	/* dernier élément, lorsque le 2e ou plus est hover */
	div.seance div.photos div.user-container > div.photo-user.hover:nth-child(1n+2):last-of-type,
	div.seance div.photos div.user-container > div.photo-user.hover:nth-child(1n+2) ~ div.photo-user:last-of-type {
		margin-right: -5px;
	}
	/* dernier élément, lorsque le 2e ou plus est hover, et lorsqu'il n'y a que 2 éléments */
	div.seance div.photos div.user-container > div.photo-user.hover:nth-child(2):last-of-type {
		margin-right: 5px;
	}
}

/* LARGE SCREEN */
@media (hover: hover) {
	/* Grossissement de base */
	div.seance div.photos:not(.sliding) div.photo-user:hover {
		width: 74px;
		height: 74px;
		margin-left: -25px;
		margin-right: 10px;
	}
	/* dernier élément, lorsqu'il n'y a pas que 2 éléments */
	div.seance div.photos:not(.sliding) div.user-container div.photo-user:last-of-type:not(:nth-child(2)):hover {
		border-right-width: 20px;
		width: 84px;
	}
	/* dernier élément, lorsqu'il n'y a pas que 2 éléments, pour le premier bloc */
	div.seance div.photos:not(.sliding) div.user-container:nth-child(1) > div.photo-user:last-of-type:not(:nth-child(2)):hover {
		border-right-width: 15px;
		width: 79px;
	}
	/* dernier élément, lorsque le 2e ou plus est hover */
	div.seance div.photos:not(.sliding) div.user-container > div.photo-user:nth-child(1n+2):last-of-type:hover,
	div.seance div.photos:not(.sliding) div.user-container > div.photo-user:nth-child(1n+2):hover ~ div.photo-user:last-of-type {
		margin-right: -5px;
	}
	/* dernier élément, lorsque le 2e ou plus est hover, et lorsqu'il n'y a que 2 éléments */
	div.seance div.photos:not(.sliding) div.user-container > div.photo-user:nth-child(2):last-of-type:hover {
		margin-right: 5px;
	}
}

div.seance div.photos div.photo-user.hover:first-child,
div.seance div.photos div.photo-user:first-child:hover,
div.seance div.photos div.photo-user:first-child {
	margin-left: -10px;
}



div.seance div.photos div.user-container > p {
	position: absolute;
	left: 0;
/*	display: block;*/
	bottom: 0;
	font-size: 12px;
	color: rgba(0, 50, 100, .5);
	margin: 0;
	opacity: 0;
	width: 50px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: all 0.2s ease;
	cursor: default;
}

/* Spécial pour les désinscriptions tardives qui ne s'affichent pas pour tout le monde */
div.seance div.photos div.user-container > p {
	display: none;
}
div.seance div.photos div.user-container > div.photo-user ~ p {
	display: block;
}

/* Affichage de noms de rubrique au survol du bloc seance */
div.seance:hover div.photos div.user-container > p {
	opacity: 1;
}

/* Largeur du nom de rubrique dépendant du nombre de photos */
div.seance div.photos div.user-container > div.photo-user:nth-child(2) ~ p { width: 75px; }
div.seance div.photos div.user-container > div.photo-user:nth-child(3) ~ p { width: 100px; }
div.seance div.photos div.user-container > div.photo-user:nth-child(4) ~ p { width: 125px; }
div.seance div.photos div.user-container > div.photo-user:nth-child(5) ~ p { width: 150px; }

/* Idem mais lorsque la rubrique est active */
div.seance div.photos:not(.sliding) div.user-container:hover > div.photo-user:nth-child(1) ~ p { width: 80px; }
div.seance div.photos:not(.sliding) div.user-container:hover > div.photo-user:nth-child(2) ~ p { width: 105px; }
div.seance div.photos:not(.sliding) div.user-container:hover > div.photo-user:nth-child(3) ~ p { width: 130px; }
div.seance div.photos:not(.sliding) div.user-container:hover > div.photo-user:nth-child(4) ~ p { width: 155px; }
div.seance div.photos:not(.sliding) div.user-container:hover > div.photo-user:nth-child(5) ~ p { width: 180px; }

/* Pour le dernier bloc, le nom de rubrique n'a pas de contrainte de taille... */
div.seance div.photos:not(.sliding) div.user-container:last-of-type:hover > p {
	width: 180px !important;
}

/* Affichage en gras et sans transparence lorsque la rubrique est "sélectionnée" */
div.seance div.photos:not(.sliding) div.user-container:hover > p {
	color: #003264;
	font-weight: 700;
}


/* Ajout d'une cale pour éviter le redimensionnement de la page au survol */

div.seances > div#height-difference {
	height: 16px;
	transition: height .2s ease;
}

div.seances > div.seance:not(.individuelle):hover ~ div#height-difference {
	height: 0px;
}




div.photo-user.very-small,
div.photo-user.small {
	position: relative;
	flex-shrink: 0;
	margin-left: 0;
	margin-right: 0;
	/*margin-bottom: 5px;*/
	border-width: 0px;
	height: 50px;
	width: 50px;
	margin-bottom: 0;
}

div.modal div.photo-user.very-small {
	height: 20px;
	width: 20px;
}


div.photo-user.medium {
	width: 80px;
	height: 80px;
	font-size: 0.7rem;
}

div.photo-user.large {
	width: 120px;
	height: 120px;
	font-size: 1.2rem;
}
div.photo-user.large .user-badge > span {
	font-size: 1.2em;
}


div#preview-pane>div>p.username,
div.photo-user>p {
	position: relative;
	width: 100%;
	z-index: 8;
	font-weight: 700;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0; 
}

/*div.photo-user.not-confirmed::before,*/
div.photo-user a.medaillon,
div.photo-user img.medaillon {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	z-index: 2;
}

div.photo-user a.medaillon,
div.photo-user a.medaillon:hover {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #003264;
	color: #fff;
	font-weight:700;
	font-size: 60%;
	transition: font-size 0.2s ease;
}


div.photo-user:hover > a.medaillon {
	font-size: 81%; /* ratio 54/40*/
}

@media (min-width: 576px) and (max-width: 991px) {
	div.photo-user {
		width: 200px;
		height: 200px;
	}
}

div.photo-user div.user-badge {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
	color: #003264;
	line-height: 1.1em;
	cursor: default;
	width: 42%;
	height: 42%;
	border-radius: 50%;
/*	margin: -6% 6% 6% -6%;*/
	margin: -3px 3px 3px -3px;
}

div.photo-user div.user-badge.badge-right {
	right: 0;
/*	margin: -6% -6% 6% 6%;*/
	margin: -3px -3px 3px 3px;
}

div.photo-user div.user-badge.badge-low {
	bottom: 0;
/*	margin: 6% 6% -6% -6%;*/
	margin: 3px 3px -3px -3px;
}


div.photos div.photo-user div.user-badge span {
	font-size: 0.42em;
	transition: font-size 0.2s ease;
}

div.photos div.photo-user div.user-badge.big span {
	font-size: 0.46em;
}

/* liste "voir plus" */
div.modal-body div.photo-user div.user-badge span {
	font-size: 0.46em;
}
div.modal-body div.photo-user div.user-badge.big span {
	font-size: 0.58em;
}

/* Augmentation de la taille de l'écriture on hover, uniquement lorsque la liste utilisateur n'est pas en train de sliding... */
div.photos:not(.sliding) div.photo-user.hover div.user-badge span,
div.photos:not(.sliding) div.photo-user:hover div.user-badge span {
	font-size: 0.57em; /* ratio 54/40*/
}
div.photos:not(.sliding) div.photo-user.hover div.user-badge.big span,
div.photos:not(.sliding) div.photo-user:hover div.user-badge.big span {
	font-size: 0.62em; /* ratio 54/40*/
}

div.photo-user div.user-badge,
div.photo-user div.user-badge span {
	white-space: nowrap;
}


div.photo-user div.user-badge.badge-warning {
	background-color: #ffe100;
}

div.photo-user div.user-badge.badge-primary {
	background-color: #00dcff;
}

div.photo-user div.user-badge.badge-info {
	background-color: #003264;
	color: #00dcff;
}

div.photo-user div.user-badge.badge-white {
	background-color: #fff;
}

div.photo-user div.user-badge.badge-danger {
	background-color: #dc3545;
	color: white;
}

div.photo-user div.user-badge.badge-grey {
	background-color: rgba(200, 200, 200, 1);
}

div.photo-user div.user-badge.badge-light {
	background-color: #f7f7f7;
}



/* ***************************************
/* USER PARTICIPATIONS (IN USER DETAILS) 
/* --------------------------------------- */

.participation-name {
	position: relative;
	display: block;
	line-height: 1.4em;
	max-height: 2.8em;
	overflow: hidden;
	word-break: break-word;
	text-overflow: ellipsis;
		margin-bottom: .2em;
}
.participation-name > span {
	opacity: .3;
	font-style: italic;
}
.participation-block {
	position: relative;
	display: flex;
	width:100%;
	cursor: default;
	font-size: 12px;
}
.participation-block > .participation-bar {
	position: relative;
	display: block;
	width:70%;
	flex-shrink: 0;
	white-space: nowrap;
}

.participation-block > .participation-bar.big-bar {
	width:90%;
}

.participation-block > .participation-bar > div {
	position: relative;
	min-width: 15px;
	width: 10px;
	margin-top: -15px;
	height: 15px;
	border-radius: 10px;
	background-color: #00dcff;
}
.participation-block > .participation-bar.big-bar > div {
	margin-top: -20px;
	height: 20px;
		margin-bottom: 10px;
}
.participation-block > .participation-bar.info-bar > div {
	background-color: #003264;
}
.participation-block > .participation-bar::before {
	content: "";
	display: block;
	position: relative;
	height: 15px;
	width: 100%;
	border-radius: 10px;
	background-color: #e9ecef;
}
.participation-block > .participation-bar.big-bar::before {
	height: 20px;
}
.participation-block > .participation-bar > div > span.participation-counter,
.participation-block > .participation-bar > div > span.participation-bar-name {
	display: block;
	position: absolute;
	line-height: 15px;
	font-size: 12px;
}
.participation-block > .participation-bar > div > span.participation-counter {
	margin-left: calc(100% + 5px);
	font-weight: 700;
	color: #00dcff;
}
.participation-block > .participation-bar > div > span.participation-bar-name {
	margin-left: 15px;
	max-width: calc(100% - 20px);
	overflow: hidden;
	text-overflow: ellipsis;
}
.participation-block > .participation-bar.big-bar > div > span.participation-counter,
.participation-block > .participation-bar.big-bar > div > span.participation-bar-name {
	line-height: 20px;
}
.participation-block > .participation-bar.big-bar > div > span.participation-bar-name {
	font-size: 1.33em;
}
.participation-block > .participation-bar.info-bar > div > span.participation-counter {
	color: #003264;
}
.participation-block > .participation-bar.info-bar > div > span.participation-bar-name {
	color: #00dcff;
}


.participation-block > .participation-coach {
	position: relative;
	display: inline-flex;
		margin-top: -2px;
	margin-left: 23px;
	flex-shrink: 0;
	top: -2px;
}
.participation-block > .participation-coach > div {
	position: relative;
	display: inline-flex;
}
.participation-block > .participation-coach > div > span.participation-counter {
	line-height: 20px;
	font-weight: 700;
	color: #003264;
	margin-left: 3px;
	margin-right: 5px;
}

@media (max-width: 575px) {
	.participation-block > .participation-bar {
		width:65%;
	}
	.participation-block > .participation-coach {
		width:70px;
		margin-left: 18px;
	}
	/* Masquage à partir du 3e coach */
	.participation-block > .participation-coach > div:nth-child(1n+3) {
		display: none;
	}
}




div.descr-coach {
	padding-bottom: 1em;
	word-break: break-word;
}

div.detailable {
	cursor: pointer;
	background-color: transparent;
	border-radius: 50% 50% 50% 50%;
	transition: all 0.3s;
	transition-delay: 0.15s;
}

div.detailable svg {
	opacity: 0;
	transition: all 0.3s;
	color: #00dcff;
}

div.detailable:not(.show-user-details-inline):hover p,
div.detailable.show-user-details-inline p {
	color: #00dcff;
}


div.user-details-container {
	background-color: #e9ecef;
	/*border-radius: 1em;*/
	border-radius: 30px;
	max-width: 100%;
}

@media (max-width: 575px) {
	div.user-details-container {
		max-width: calc(100% - 10px);
	}
}


div.show-user-details-inline {
	background-color: #e9ecef;
	border-radius: 50% 50% 0px 0px;
	transition-delay: 0s;
}


div.detailable .photo-user::after {
	content: "";
	background-color: #e9ecef;
	width: calc(100% + 1rem);
	position: absolute;
	bottom: -0em;
	height: 0em;
	left: -0.5rem;
	transition: all 0.2s ease-out;
}
div.detailable.show-user-details-inline .photo-user::after {
	bottom: -5em;
	height: 5em;
}





/* LOOKING FOR USERS (INVITATION) */

#qi-wrap {
	-webkit-box-flex: 10;
	-ms-flex-positive: 10;
	flex-grow: 10;
	width: 50px;
}

#qi {
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 1.5;
	color: #495057;
	border: none;
	/*border-radius: 0;*/
	border-radius: .8em;
	-webkit-transition: none;
	transition: none;
	padding: 0;
	margin: 0;
	cursor: text;
	padding-top: 0.1em;
}

#qi-results {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	background-color: white;
	border: solid 1px #ced4da;
	border-top: none;
/*	border-radius: 0.25rem;*/
	border-radius: 0.8rem;
	width: calc(100% - 30px);
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

#qi-results.focused {
	border-color: #80eeff;
	-webkit-box-shadow: 0 0.18rem 0 0.2rem rgba(0, 220, 255, .25);
	box-shadow: 0 0.18rem 0 0.2rem rgba(0, 220, 255, .25);
}

#qi-results .row {
	position: relative;
	height: 100%;
	padding: 0.5em 0;
}

#qi-results .user-results-container {
	background-color: #fff;
	-webkit-transition: background 0.15s;
	transition: background 0.15s;
	overflow: hidden;
	text-overflow: ellipsis;
}

#qi-results .user-results-container:hover {
	background-color: #f7f7f7;
	cursor: pointer;
}

#qi-results .user-results-container.choosed {
	background-color: #e9ecef;
}

#qi-results .user-results-container.selected,
#qi-results .user-results-container.selected.choosed {
	background-color: #f7f7f7;
}

#qi-results .user-results-container>span {
	line-height: 1.2em;
	font-size: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#qi-results .user-results-container img {
	border-radius: 50%;
	height: 2.5em;
	width: 2.5em;
	min-height: 2.5em;
	min-width: 2.5em;
}

#qi-results .user-results-container div.custom-checkbox {
	font-size: 1.2em;
}

#qi-results .user-results-container div.custom-checkbox input {
	width: 0;
}

#liste-convives {
	width: 100%;
	line-height: 1.5;
	border: 1px solid #ced4da;
	border-radius: .8em;
	height: unset;
	padding: .1rem .2rem 0 .3rem;
	margin: 0;
	cursor: text;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

#liste-convives.focused {
	border-color: #80eeff;
	-webkit-box-shadow: 0 0rem 0 0.2rem rgba(0, 220, 255, .25) !important;
	box-shadow: 0 0rem 0 0.2rem rgba(0, 220, 255, .25) !important;
}

#liste-convives .user-convive-container {
	cursor: default;
	background-color: #f7f7f7;
	-webkit-transition: background 0.15s, opacity 0.25s;
	transition: background 0.15s, opacity 0.25s;
	border-radius: 1em;
	opacity: 1;
	margin-top: 0.05rem;
	margin-bottom: 0.15rem;
}

#liste-convives .user-convive-container:hover {
	background-color: #e9ecef;
}

#liste-convives .user-convive-container.hide {
	opacity: 0;
}

#liste-convives .user-convive-container div img {
	border-radius: 50%;
	height: 1.9em;
	width: 1.9em;
	margin-left: 0.15em;
}

#liste-convives .user-convive-container div span {
	line-height: 2.1em;
	padding-top: 0.1em;
	white-space: nowrap;
}

#liste-convives .user-convive-container div div:hover {
	cursor: pointer;
	color: #dc3545;
}

/* LOOKING FOR ANIMATEUR */

.photo-results-container:nth-child(odd):not(.one-column) {
	padding-right: 7px;
}

.photo-results-container:nth-child(even):not(.one-column) {
	padding-left: 7px;
}

.photo-result {
	cursor: pointer;
	line-height: 1em;
	border-radius: 30px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	width: 100%;
	height: 60px;
	-webkit-transition: background-color 0.15s;
	/* Safari */
	transition: background-color 0.15s;
}

.photo-result:hover {
	background-color: #f7f7f7;
}

.photo-result:hover a.onhover-link:not(.text-primary) {
	color: #cbd3da !important;
}

.photo-result-choice .photo-result {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	border-radius: 40px;
}

@media (max-width: 767px) {
	.photo-result-choice .photo-result {
		max-width: 85%;
	}
}

@media (max-width: 575px) {
	.photo-result-choice .photo-result {
		max-width: 100%;
	}
}

.photo-result img {
	/*position: absolute;*/
	border-radius: 50%;
	height: 58px;
	width: 58px;
	min-height: 58px;
	min-width: 58px;
}

.photo-result-choice img {
	height: 80px;
	width: 80px;
	min-height: 80px;
	min-width: 80px;
}

.photo-result div {
	overflow: hidden;
	/*padding-left:60px;*/
		text-overflow: ellipsis;
		white-space: nowrap;
}

.photo-animateur-container a:not(:hover) {
	color: #dc3545;
}

.photo-animateur-container select.form-control:not([size]):not([multiple]) {
	font-size: 90%;
	padding: .2rem 1.75rem .2rem .4rem;
}

@media (min-width: 768px) {
	.col-md-no {
		-ms-flex-preferred-size: unset;
		flex-basis: unset;
		-webkit-box-flex: unset;
		-ms-flex-positive: unset;
		flex-grow: unset;
		width: unset;
	}
}








/* ****** */
/* SURVEY */

.survey>.hide,
.togglable-item.hide {
	display: none;
}

div.form-group.required>label::after,
div.form-group.required>div.custom-control:not(.custom-radio,.custom-checkbox)::after,
form.olympe-survey div.form-group.required>label::after {
	content: "*";
	margin-left: .3em;
	color: #dc3545;
}


.activity-card div.go {
	left:0;
	top:0;
	/*border: 1px solid rgba(0,0,0,.125);*/
	/*border-radius: .8em;*/
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 100%;
	min-height: 350px;
	max-width: 100%;
	max-height: 350px;
	-o-object-fit: cover;
	object-fit: cover;
}

.activity-card div.go > div {
	position: absolute;
	top: 45%;
	width: calc(100% - 0.5rem);
	height: calc(50% - 0.25rem);
}

.activity-card>a.go:hover {
	text-decoration: none;
}

.activity-card .btn-group {
	min-width: 42%;
}

.activity-card div.go .btn-group .btn:not(.dropdown-toggle) {
	flex-grow: 1; 
	white-space: normal;
}
.activity-card div.go > div:not(.btn-group) > .btn,
.activity-card div.go .btn-group .btn.mo-on:not(.dropdown-toggle) {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


@media (max-width: 575px) {
	.activity-card>div.go {
		min-height: 250px;
		max-height: 250px;
	}
	.activity-card.one-col>div.go {
		min-height: 250px;
		max-height: 250px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.activity-card>div.go {
		min-height: 320px;
		max-height: 320px;
	}
	.activity-card.one-col>div.go {
		min-height: 200px;
		max-height: 200px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.activity-card>div.go {
		min-height: 300px;
		max-height: 300px;
	}
	.activity-card.one-col>div.go {
		min-height: 250px;
		max-height: 250px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.activity-card>div.go {
		min-height: 225px;
		max-height: 225px;
	}
	.activity-card.one-col>div.go {
		min-height: 320px;
		max-height: 320px;
	}
}

@media (min-width: 1200px) {
	.activity-card>div.go {
		min-height: 290px;
		max-height: 290px;
	}
	.activity-card.one-col>div.go {
		min-height: 360px;
		max-height: 360px;
	}
}

/* BORDER */

.olympe-border-top,
.olympe-border-y {
	border-top: .25em solid #00dcff;
}

.olympe-border-bottom,
.olympe-border-y {
	border-bottom: .25em solid #00dcff;
}

.olympe-border-left,
.olympe-border-x {
	border-left: .25em solid #00dcff;
}

.olympe-border-right,
.olympe-border-x {
	border-right: .25em solid #00dcff;
}

.warning-border-top,
.warning-border-y {
	border-top: .25em solid #ffe100;
}

.warning-border-bottom,
.warning-border-y {
	border-bottom: .25em solid #ffe100;
}

.warning-border-left,
.warning-border-x {
	border-left: .25em solid #ffe100;
}

.warning-border-right,
.warning-border-x {
	border-right: .25em solid #ffe100;
}

.info-border-top,
.info-border-y {
	border-top: .25em solid #003264;
}

.info-border-bottom,
.info-border-y {
	border-bottom: .25em solid #003264;
}

.info-border-left,
.info-border-x {
	border-left: .25em solid #003264;
}

.info-border-right,
.info-border-x {
	border-right: .25em solid #003264;
}

.danger-border,
.danger-border-top,
.danger-border-y {
	border-top: .25em solid #dc3545;
}

.danger-border,
.danger-border-bottom,
.danger-border-y {
	border-bottom: .25em solid #dc3545;
}

.danger-border,
.danger-border-left,
.danger-border-x {
	border-left: .25em solid #dc3545;
}

.danger-border,
.danger-border-right,
.danger-border-x {
	border-right: .25em solid #dc3545;
}

.no-border-right {
	border-right: none;
}
.no-border-left {
	border-left: none;
}
.no-border-top {
	border-top: none;
}
.no-border-bottom {
	border-bottom: none;
}

@media (min-width: 769px) {
	.no-border-md-left {
		border-left: none;
	}
	.info-border-md-right {
		border-right: .25em solid #003264;
	}
}



/* *********************
	LANDING : DEVIS
* *********************/

#historique-devis div#liste-devis-entete {
	background-color: #ffe100;
	border-radius: 30px;
/*	font-size: .9rem;*/
	font-size: .8666666rem;
	margin-left: 0px;
	margin-right: 0px;
}

#historique-devis div[id^="devis-"] {
	margin-left: 0px;
	margin-right: 0px;
	border-radius: .8em;
	background-color: transparent;
}

#historique-devis div[id^="devis-"] > div {
	align-self: center;
}

#historique-devis div[id^="devis-"] > div.coordonnees {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	opacity: .5
}

#historique-devis div[id^="devis-"]:nth-of-type(2n) {
	background-color: #f6f6f6;
}

#historique-devis div[id^="devis-"]:hover {
	background-color: rgba(255, 225, 0, .1);
}

#historique-devis div[id^="devis-"]:not([data-valide]) a {
	cursor: help;
}
#historique-devis div[id^="devis-"][data-valide] {
	cursor: default;
}

@media (max-width: 575px) {

	#historique-devis div[id^="devis-"] span:last-of-type {
		float: right !important;
	}

}

.tooltip-coordonnees .tooltip-inner {
	max-width: 350px;
}
.tooltip-coordonnees-2 .tooltip-inner {
	max-width: 250px;
}



/* *********************
	LANDING : GENERAL
* *********************/

.olympe-comment {
	position: relative;
	display: block;
	background-color: #e9ecef;
	padding: 8px 15px;
	border-radius: 30px;
	white-space: normal;
	margin: .25em 0;
	text-align: center;
	width: 100%;
}

.card-columns,
.card-columns > .card,
.card-columns > .olympe-comment {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */           /* Theoretically FF 20+ */
	break-inside: avoid-column;         /* IE 11 */
}

.card-columns.columns-2 {
	-webkit-column-count: 2;
	column-count: 2;
}

@media (min-width: 769px) {
	.card-columns.columns-md-3 {
		-webkit-column-count: 3;
		column-count: 3;
	}
}
@media (min-width: 992px) {
	.card-columns.columns-lg-4 {
		-webkit-column-count: 4;
		column-count: 4;
	}
}
@media (min-width: 1200px) {
	.card-columns.columns-xl-5 {
		-webkit-column-count: 5;
		column-count: 5;
	}
}

.olympe-card-group,
.olympe-title-group {
	background-color: #e9ecef;
	padding: 15px 0;
	border-radius: 30px;
}

.olympe-title-group {
	margin: 0;
	text-align: center;
}

.olympe-card {
	position: relative;
	background-color: white;
	border-radius: 20px;
	padding: .75em .75em;
	margin: .5em 1em;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* temoignages */
.olympe-card-group.temoignage {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.olympe-card-group.temoignage.olympe-border-top {
	transition: border-top-color .2s, background-color .2s;
}
.olympe-card-group.temoignage.olympe-border-top:hover {
	border-top-color: #003264;
/*	background-color: #f6f6f6;*/
}

.olympe-card-group.temoignage > .olympe-card {
	margin-top: 0;
	margin-bottom: 1em;
}

.olympe-card-group.temoignage > .olympe-card > svg {
	color: #00dcff;
	position:absolute;
	bottom:-2.2em;
	right:1em;
	transform:rotate(180deg);
}

.olympe-card-group.temoignage .auteur {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: 1rem;
}

.olympe-card-group.temoignage .auteur > img {
	width:4.3em;
	height:4.3em;
	border-radius: 50%;
}

.olympe-card-group.temoignage .auteur > p {
	line-height:1.4;
	margin-left: 1rem;
	margin-bottom: 0;
	text-align: left;
	text-transform: uppercase;
}

.olympe-card-group.temoignage .auteur > p > span {
	display: block;
}

.olympe-card-group.temoignage .auteur > p > img {
	height: 1em; 
/*	margin-bottom: .3em;*/
	margin-bottom: 1px;
}

.olympe-card>p {
	margin-bottom: .5em
}

/* Spécial simulateur tarifs: left-half / right-half */
.olympe-card-group>.left-half,
.olympe-card-group>.right-half {
	width: 50%;
}

.olympe-card-group>.left-half:after {
	position: absolute;
	content: "";
	top: 0;
	left: calc(50% - .3em);
	width: 0px;
	height: 100%;
	border-right: .6em dashed #fff;
}

.olympe-card-group>.left-half div:not(.tooltip-inner) {
	margin-right: 0 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.olympe-card-group>.right-half div:not(.tooltip-inner) {
	margin-left: 0 !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.olympe-card-group > .card-illustration {
	position: absolute;
	overflow: hidden;
	width: calc(100% - 1rem);
	height: 100%;
	background-color: rgba(0, 50, 100, 0);
}

.olympe-card-group > .card-illustration > div {
	background-size: cover !important;
	opacity: 1;
	height: 100%;
}

.olympe-card-group > .card-illustration,
.olympe-card-group > .card-illustration > div {
	border-radius: 30px;
	transition: all .25s;
}

.olympe-card-group:hover > .card-illustration {
	background-color: rgba(0, 50, 100, 1);
}

.olympe-card-group:hover > .card-illustration > div {
	opacity: .1;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.olympe-card-group>.card-title {
	position: relative;
	padding: 1rem;
	margin-bottom: 0;
}

.olympe-card-group > .card-title > a {
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 0 .8em;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0.05em;
}

.olympe-card-group > .card-title > a:hover {
	color: #003264;
}

.olympe-card-group > .card-title > span {
	display: inline;
	border-radius: 1em;
	padding: .1em .7em;
	background-color: #fff;
	color: #003264;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 1.4;
}

.olympe-card-group > .card-description {
	position: relative;
	display: flex;
	align-items: center;
	height: 250px;
	padding: 2rem 1rem 1rem 1rem;
}

.olympe-card-group > .card-description > .card-text {
	position: relative;
	font-size: 90%;
	color: white;
	opacity: 0;
	transition: opacity .25s;
}

.olympe-card-group:hover > .card-description > .card-text {
	opacity: 1;
}


@media (max-width: 574px) {
	.olympe-card-group > .card-description {
		height: 220px;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	.olympe-card-group > .card-description {
		height: 200px;
	}
}


.olympe-title-group>.title-illustration {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.olympe-title-group>h3 {
	font-size: 1.3em;
	padding: 0 1rem;
	margin: 0;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.olympe-title-group:not(.wide) {
		text-align: left;
	}

	.olympe-title-group:not(.wide)>.title-illustration {
		border-bottom-left-radius: 30px;
		border-top-right-radius: 0px;
		width: 30%;
		padding-bottom: 30%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.olympe-title-group.wide>.title-illustration {
		width: 50%;
		height: 0;
		padding-bottom: 50%;
	}
}




.text-wrap {
	white-space: normal;
}

.word-break {
	word-break: break-word;
}





h1,
h2, .h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
	font-weight: 700;
}

h1:not(.h2) {
	text-align: center;
}

h1:not(.no-barre):after {
	content: '';
	display: block;
	position: relative;
}

h1:not(.no-barre):after,
.barre-olympe {
	margin: .5rem auto;
	height: 0.22em;
	width: 1.8em;
	background-color: #ffe100;
}

.text-right .barre-olympe {
	position: relative;
	margin-left: calc(100% - 1.8em);
}

h2, 
.h2 {
	/*font-size: 1.75em;*/
	font-size: 1.5em;
	padding-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2.text-center,
.h2.text-center {
	font-size: 2.5em;
	padding-top: 1.5em;
	/*margin-bottom: 1em;*/
}

h2:not(.no-barre)::after,
.h2:not(.no-barre)::after {
	content: '';
	display: block;
	position: relative;
	height: 0.255em;
	background-color: #ffe100;
	width: 1.5em; /* 2.2em; */
	margin: .3em 0 .7em 0;
}

h3.article {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-top: 0;

}

h3.article:not(.no-barre)::after {
	content: '';
	display: block;
	position: relative;
	height: 0.22em;
	background-color: #003264;
	width: 2em;
	margin: .3em 0 .7em 0;
}

h3.legende {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1.3em;
}
h3.legende.barre-after {
	padding-top: 0;
}

h3.legende.barre-after:not(.no-barre)::after,
h3.legende:not(.no-barre):not(.barre-after)::before {
	content: '';
	display: block;
	position: relative;
/*	height: 0.255em;*/
	height: 0.35em;
	background-color: #003264;
/*	width: 2.2em;*/
	width: 2em;
	margin: 0em 0 .7em 0;
}
h3.legende.barre-after:not(.no-barre)::after {
	margin: 0.4em 0 0 0;

}


@media (max-width: 767px) {
	#blog-article h1:not(.h2) {
		font-size: 2em !important;
	}
}

#blog-article h2 {
	/*text-transform: uppercase;*/
}

#blog-article h3 {
	font-size: 1.25em;
	/*color: #003264;		*/
	/*text-transform: uppercase;*/
}

#blog-article h4 {
	font-size: 1em;
	/*color: #00dcff;		*/
	color: #003264;		
	/*text-transform: uppercase;*/
	/*font-style: italic;*/
}

hr.dotted,
#blog-index hr,
#blog-article hr {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: none;
	height: 1.8em;
}

hr.dotted::before,
#blog-index hr::before,
#blog-article hr::before {
	content: "⭓ ⭓ ⭓";
	position: absolute;
	display: inline;
	color: #00dcff;
	width: calc(100% - 30px);
	text-align: center;
	/*margin-top: -1em;*/
}

hr.dotted.light::before,
#blog-article hr.light::before {
	color: #e9ecef;
}

#blog-article .sticky-gouttiere hr::before {
	width: 100%;
}


#blog-article div#article-content .img-block {
	margin-bottom: 1em;
	text-align: center;
}
#blog-article div#article-content .img-block > img {
	max-width: 100%;
    width: 100%;
}
#blog-article div#article-content .img-block > span {
	display: inline-block;
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: .9em;
	font-weight: 700;
}

.blog-article-list div.olympe-card-group {
	cursor: pointer;
	border-bottom: .25em solid #003264;
	transition: border .25s;
}


.blog-article-list div.olympe-card-group:hover {
	border-bottom-color: #00dcff;
}

.blog-article-list div.olympe-card-group:hover a {
	text-decoration: underline;
	color: #003264;
}

.blog-article-list div.olympe-card-group > div:first-child {
	border-radius: 30px 30px 0 0;
	overflow: hidden;
}

.blog-article-list div.olympe-card-group > div:first-child > img {
	width: 100%;
	border-radius: 30px 30px 0 0;
	object-fit: cover;
	max-height: 15em;
	transform: scale(1.0);
	transition: transform .25s;
}
.blog-article-list.light-version div.olympe-card-group > div:first-child > img {
	max-height: 12em;
}
.blog-article-list div.olympe-card-group:hover > div:first-child > img {
	transform: scale(1.07);
}

.blog-article-list div.olympe-card {
	display: block;
	margin-top: -1.75em;
}


div.svg-input-end  {
	position: relative;
}

div.svg-input-end > input {
	padding-right: 2em;
}
div.svg-input-end > button {
	position: absolute;
	display: block;
    height: 100%;
	margin-left: calc(100% - 1.6em);
	margin: -1.8em 0 0 0;
	padding: 0 .5em;
	right: 0;
	color: #ccc;
	border: none;
	background-color: transparent;	
	font-size: 1.3em;
	transition: color 0.2s;
	cursor: pointer;
}
div.svg-input-end:hover > button {
	color: #003264;
}
div.svg-input-end > button > svg {
	display: block;
}

/* list for blog */
#copywriting-landing #sommaire {
	position:absolute;
	width:100%;
	height:100%;
}
#copywriting-landing #sommaire > div {
	height:100%
}
#copywriting-landing #sommaire #colonne-gouttiere {
	height:100%;
	padding-top:5.2rem;
	padding-left:0;
}
#copywriting-landing #sommaire #acces-rapide {
	border-radius:20px;
	background-color: rgba(255, 255, 255, .9);
}


#copywriting-landing ul,
#blog-article ul,
ul.pentagone {
	list-style: none;
	padding-inline-start: 2.5em;
}


#copywriting-landing ul > li,
#blog-article ul > li, 
ul.pentagone > li {
    margin-bottom: .5rem;
}

#copywriting-landing ul > li::before,
#blog-article ul > li::before,
ul.pentagone > li::before {
	content: "⭓";
	color: #00dcff;
	/*color: #003264;*/
	width: 2.5rem;
	text-align: center;
	position: absolute;
	display: block;
	margin: .075rem 0rem .075rem -2.5rem;
	font-size: .85rem;
}

#blog-article ul.simple-bullet > li::before {
	content: "-";
	color: #003264;
	font-weight: 700;
}


#copywriting-landing .text-white ul > li::before,
#blog-article .text-white ul > li::before,
.text-white ul.pentagone > li::before {
	color: #fff;
}
#copywriting-landing .bg-warning ul > li::before,
.bg-warning ul.pentagone > li::before{
	color: #003264;
}



#blog-article ul.bullet-info > li::before {
	color: #e9ecef;
	color: #003264;
	font-size: .75rem;
	margin: .175rem 0rem .175rem -2.5rem;
}

#blog-article ul.no-mb > li {
	margin-bottom: 0;
}

#blog-article ul.no-bullet {
	margin: 0;
	padding: 0;
	list-style: none;
}

#blog-article ul.no-bullet > li::before {
	content: "";
}
@media (max-width: 360px) {
	#blog-author-ribon {
		font-size: .9em;
	}
}

p.title-num+h3.legende::before {
	height: 0.37em;
}

div.olympe-title-group h3.legende {
	margin-bottom: 0;
}

@media (min-width: 768px) {

	.text-md-right h3.legende:not(.no-barre)::after,
	h3.legende.text-right:not(.no-barre)::after,
	h3.legende.text-md-right:not(.no-barre)::after,
	.text-md-right h3.legende:not(.no-barre)::before,
	h3.legende.text-right:not(.no-barre)::before,
	h3.legende.text-md-right:not(.no-barre)::before {
		margin-left: auto;
	}
}

p.title-num {
	font-weight: 700;
	font-size: 5em;
	line-height: 1;
}

@media (max-width: 767px) {
	p.title-num {
		font-size: 3em;
		margin-bottom: 0;
	}

	div.olympe-title-group h3.legende {
		/*padding-bottom: .1em;*/
		padding-left: 0;
	}

	div.olympe-title-group h3.legende:not(.no-barre)::before {
		content: none;
	}

	h2.text-center,
	.h2.text-center {
/*		font-size: 1.75em;*/
		font-size: 2em;
	}
}


.text-white h3.legende::before,
h3.legende.barre-white::before,
h1.barre-white::after,
h2.barre-white::after,
.h2.barre-white::after {
	background-color: #fff !important;
}

h1.barre-info::after,
h2.barre-info::after,
.h2.barre-info::after {
	background-color: #003264;
}

div.olympe-title-group.bg-info h3.legende::before {
	background-color: #00dcff !important;
}


.text-primary h3.legende::before {
	background-color: #00dcff;
}

h1.text-left:not(.no-barre)::after {
	margin: .5em 0;
}

h2.text-center:not(.no-barre)::after,
.h2.text-center:not(.no-barre)::after {
	margin: .6em auto;
}

h3 {
/*	font-size: 1.75em;*/
	font-size: 1.5em;
	padding-top: 1em;
}

#copywriting-landing h3 {
	padding-top: 1.5em;
	margin-bottom: 1rem;
}

h4 {
	padding-top: 1em;
	color: #00dcff;
}

.left-title-text {
	overflow-wrap: break-word;
	min-width: 50px;
}

.right-title-buttons {
	display: flex;
	position: relative;
	min-height: 1px;
/*	line-height: 1;*/
	padding-right: 15px;
	padding-top: 1em;
}
.right-title-buttons > div {
	padding-right: 3px;
}
.right-title-buttons > div:last-of-type {
	padding-right: 0;
}


h1#lp-h1 {
	font-weight: 400;
	font-size: 1.3em;
	line-height: 1.7;
	/*min-height: 5.3em; NORMAL */
	min-height: 6.5em;/* AVEC OLYMPE VISIO */
	color: white;
	max-width: 90%;
}

#lp-title {
	line-height: 1.2;
	margin-bottom: 0;
	color: white;
}

header#banniere .vertical-adjust,
header#accueil .vertical-adjust {
	margin-top: -12vh;
}

.quart-overlay {
	margin-top: -25vh;
}

#img-mont-olympe>img {
	height: 200px;
}

#img-mont-olympe>p {
	font-size: 1.6rem;
}

#aussi-en-visio-texte {
	position:absolute;
	right: 0;
	top: -10%;
	font-family: 'Kalam', cursive; 
	transform: rotate(12deg);
	font-size: 1.15rem;
}

#aussi-en-visio-fleche {
	position: absolute;
	right: 16%;
	top: 12%;
}

@media (min-width: 575px) {
	html {
		/*font-size: 106%;*/
		/*font-size: 90%;*/
	}

	#lp-title,
	h1:not(#lp-h1):not(.h2),
	.barre-olympe {
		font-size: 2em;
	}

	#img-mont-olympe>img {
		height: 150px;
	}

	#img-mont-olympe>p {
		font-size: 1.2rem;
	}

	h1#lp-h1 {
		min-height: 5.5em;
	}
}

@media (max-width: 574px) {

	header#banniere .vertical-adjust,
	header#accueil .vertical-adjust {
		margin-top: -25vh;
	}

	.quart-overlay {
		margin-top: -30vh;
	}

	#lp-title,
	h1:not(#lp-h1):not(.h2),
	.barre-olympe {
		font-size: 2em;
	}

	h1#lp-h1 {
		font-size: 1.1rem;
	}

	#img-mont-olympe>img {
		height: 180px;
	}

	#img-mont-olympe>p {
		font-size: 1.4rem;
	}
}

@media (max-width: 400px) {

	#lp-title,
	h1:not(#lp-h1):not(.h2),
	.barre-olympe {
		font-size: 1.8em;
	}
}

@media (min-width: 768px) {

	#lp-title,
	h1:not(#lp-h1):not(.h2),
	.barre-olympe {
		font-size: 2.2em;
		/*font-size: 2em;*/
	}

	h1#lp-h1 {
		/*font-size: 1.3em;*/
		font-size: 1.2em;
	}

	#img-mont-olympe>img {
		height: 210px;
	}

	#img-mont-olympe>p {
		font-size: 1.6rem;
	}
}

@media (min-width: 992px) {
	html {
		/*font-size: 112%;*/
		/*font-size: 100%;*/

		/* 14px au lieu de 16px*/
		font-size: 87.5%; 
	}

	#lp-title,
	h1:not(#lp-h1):not(.h2),
	.barre-olympe {
		/*font-size: 2.5em;*/
		font-size: 2.3em;
	}

	h1#lp-h1 {
		min-height: 3.5rem;
		/*min-height: 5rem;*/
	}


}

	html {
		/*font-size: 118%;*/
		/*font-size: 105%;*/
		/*font-size: 100%;*/

		/* 15px au lieu de 16px*/
		font-size: 93.75%; 

	}
@media (min-width: 1200px) {
	#aussi-en-visio-texte {
		right: 6%;
		/*top: -10%;*/
	}

	#aussi-en-visio-fleche {
		right: 20%;
		top: 14%;
	}

}

table.table-justify-between td:not(:first-child):not(:last-child),
table.table-justify-between th:not(:first-child):not(:last-child) {
	text-align: center;
}

table.table-justify-between td:last-child,
table.table-justify-between th:last-child {
	text-align: right;
}

table.valign-center td,
table.valign-center th {
	vertical-align: middle;
}



@media (min-width: 992px) {
	.ml-lg--7 {
		margin-left: -7% !important;
	}

	.ml-lg-p7 {
		margin-right: -7% !important;
	}
}


.mr--1,
.mx--1 {
	margin-right: -0.25rem !important;
}

.ml--1,
.mx--1 {
	margin-left: -0.25rem !important;
}

.mr--2,
.mx--2 {
	margin-right: -0.5rem !important;
}

.ml--2,
.mx--2 {
	margin-left: -0.5rem !important;
}

.mr--3,
.mx--3 {
	margin-right: -1rem !important;
}

.ml--3,
.mx--3 {
	margin-left: -1rem !important;
}



.mt-01,
.my-01 {
	margin-top: 0.15em;
}

.mb-01,
.my-01 {
	margin-bottom: 0.15em;
}

.mt-02,
.my-02 {
	margin-top: 0.2em;
}

.mb-02,
.my-02 {
	margin-bottom: 0.2em;
}



.m-6 {
	margin: 5rem !important;
}

.mt-6,
.my-6 {
	margin-top: 5rem !important;
}

.mr-6,
.mx-6 {
	margin-right: 5rem !important;
}

.mb-6,
.my-6 {
	margin-bottom: 5rem !important;
}

.ml-6,
.mx-6 {
	margin-left: 5rem !important;
}


.p-6 {
	padding: 5rem !important;
}

.pt-6,
.py-6 {
	padding-top: 5rem !important;
}

.pr-6,
.px-6 {
	padding-right: 5rem !important;
}

.pb-6,
.py-6 {
	padding-bottom: 5rem !important;
}

.pl-6,
.px-6 {
	padding-left: 5rem !important;
}



.m-7 {
	margin: 7rem !important;
}

.mt-7,
.my-7 {
	margin-top: 7rem !important;
}

.mr-7,
.mx-7 {
	margin-right: 7rem !important;
}

.mb-7,
.my-7 {
	margin-bottom: 7rem !important;
}

.ml-7,
.mx-7 {
	margin-left: 7rem !important;
}


.p-7 {
	padding: 7rem !important;
}

.pt-7,
.py-7 {
	padding-top: 7rem !important;
}

.pr-7,
.px-7 {
	padding-right: 7rem !important;
}

.pb-7,
.py-7 {
	padding-bottom: 7rem !important;
}

.pl-7,
.px-7 {
	padding-left: 7rem !important;
}




.m-8 {
	margin: 10rem !important;
}

.mt-8,
.my-8 {
	margin-top: 10rem !important;
}

.mr-8,
.mx-8 {
	margin-right: 10rem !important;
}

.mb-8,
.my-8 {
	margin-bottom: 10rem !important;
}

.ml-8,
.mx-8 {
	margin-left: 10rem !important;
}


.p-8 {
	padding: 10rem !important;
}

.pt-8,
.py-8 {
	padding-top: 10rem !important;
}

.pr-8,
.px-8 {
	padding-right: 10rem !important;
}

.pb-8,
.py-8 {
	padding-bottom: 10rem !important;
}

.pl-8,
.px-8 {
	padding-left: 10rem !important;
}




.m-9 {
	margin: 16rem !important;
}

.mt-9,
.my-9 {
	margin-top: 16rem !important;
}

.mr-9,
.mx-9 {
	margin-right: 16rem !important;
}

.mb-9,
.my-9 {
	margin-bottom: 16rem !important;
}

.ml-9,
.mx-9 {
	margin-left: 16rem !important;
}


.p-9 {
	padding: 16rem !important;
}

.pt-9,
.py-9 {
	padding-top: 16rem !important;
}

.pr-9,
.px-9 {
	padding-right: 16rem !important;
}

.pb-9,
.py-9 {
	padding-bottom: 16rem !important;
}

.pl-9,
.px-9 {
	padding-left: 16rem !important;
}









/* *********************
		MAIN NAVBAR MENU
* *********************/


/* ANIMATED MENU ICON */
nav#topmenu #hamb-icon {
	margin: 0 0 0 .75em;
	z-index: 1010;
	cursor: pointer;
}

nav#topmenu #hamb-icon:after,
nav#topmenu #hamb-icon:before,
nav#topmenu #hamb-icon div {
	background-color: #003264;
	border-radius: 1px;
	content: '';
	display: block;
	height: 3px;
	width: 32px;
	margin: 8px 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/*nav#topmenu.force-white:not(.no-animation) #hamb-icon::after, 
nav#topmenu.force-white:not(.no-animation) #hamb-icon::before, 
nav#topmenu.force-white:not(.no-animation) #hamb-icon div,*/
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon::after,
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon::before,
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon div,
nav#topmenu.opened #hamb-icon:not(.force-hamb)::after,
nav#topmenu.opened #hamb-icon:not(.force-hamb)::before,
nav#topmenu.opened #hamb-icon:not(.force-hamb) div {
	background-color: #fff;
}

/*nav#topmenu.force-white:not(.no-animation) #hamb-icon:hover::after, 
nav#topmenu.force-white:not(.no-animation) #hamb-icon:hover::before, 
nav#topmenu.force-white:not(.no-animation) #hamb-icon:hover div,*/
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon:hover:after,
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon:hover:before,
nav#topmenu.on-top:not(.no-animation):not(.light-theme):not(.not-really-on-top) #hamb-icon:hover div,
nav#topmenu.opened #hamb-icon:hover::after,
nav#topmenu.opened #hamb-icon:hover::before,
nav#topmenu.opened #hamb-icon:hover div {
	background-color: #fff;
}

nav#topmenu.opened #hamb-icon:not(.force-hamb)::before {
	-webkit-transform: translateY(11px) rotate(135deg);
	transform: translateY(11px) rotate(135deg);
	border-radius: 0px;
	/* IE */
}

nav#topmenu.opened #hamb-icon:not(.force-hamb)::after {
	-webkit-transform: translateY(-11px) rotate(-135deg);
	transform: translateY(-11px) rotate(-135deg);
	border-radius: 0px;
	/* IE */
}

nav#topmenu.opened #hamb-icon:not(.force-hamb) div {
	-webkit-transform: scale(0);
	transform: scale(0);
}

@media (max-width: 575px) {

	nav#topmenu #hamb-icon:not(.keep-big):after,
	nav#topmenu #hamb-icon:not(.keep-big):before,
	nav#topmenu #hamb-icon:not(.keep-big) div {
		height: 2.5px;
		width: 26px;
		margin: 6.5px 0;
	}

	nav#topmenu.opened #hamb-icon:not(.keep-big):not(.force-hamb)::before {
		height: 3px;
		-webkit-transform: translateY(9px) rotate(135deg);
		transform: translateY(9px) rotate(135deg);
	}

	nav#topmenu.opened #hamb-icon:not(.keep-big):not(.force-hamb)::after {
		height: 3px;
		-webkit-transform: translateY(-9px) rotate(-135deg);
		transform: translateY(-9px) rotate(-135deg);
	}
}



/* OVERLAY vs OVERFLOW... */
html.show-overlay #wbody {
	position: fixed;
	left: 0;
	right: 0;
}

/* NAVBAR */
nav#topmenu {
	position: fixed;
	padding: 5px 1rem;
	/*.3rem 1rem;*/
}


nav#topmenu.on-top {
	background: rgba(255, 255, 255, 0);
	-webkit-transition: background 0.4s;
	transition: background 0.4s;
}

html:not(.show-overlay) nav#topmenu.on-top {
	position: -webkit-sticky;
	position: sticky;
	/* does not work on IE 10 & 11 */
}

/* Affichage nav fond blanc */
nav#topmenu.not-really-on-top,
nav#topmenu:not(.on-top),
nav#topmenu.no-animation {
	background-color: #fff;
	-webkit-transition: background 0.4s;
	transition: background 0.4s;
}

/* Fixed position */
html.ie11m nav#topmenu.no-animation~article:first-of-type,
html.show-overlay nav#topmenu.no-animation~article:first-of-type,
nav#topmenu.no-animation:not(.on-top)~article:first-of-type {
	margin-top: 62px;
	/*calc(42px + 1.225rem);*/
}

/* Sticky position */
/* IE 10 & 11 does not manage sticky position */
html:not(.ie11m):not(.show-overlay) nav#topmenu.on-top:not(.no-animation)~article:first-of-type {
	margin-top: -62px;
	/*calc(-42px - 1.225rem);*/
}

/* Full screen section */
@media (max-width: 575px) {
	nav#topmenu.navbar {
		padding: 3px 0;
	}

	/* Fixed position */
	html.ie11m nav#topmenu.no-animation~article:first-of-type,
	html.show-overlay nav#topmenu.no-animation~article:first-of-type,
	nav#topmenu.no-animation:not(.on-top)~article:first-of-type {
		margin-top: 51px;
		/*calc(35px + .725rem + 6px);*/
	}

	/* Sticky position */
	/* IE 10 & 11 does not manage sticky position */
	html:not(.ie11m):not(.show-overlay) nav#topmenu.on-top:not(.no-animation)~article:first-of-type {
		margin-top: -51px;
		/*calc(-35px - .725rem - 6px);*/
	}

}


/* Logo */
a.logo-alone,
nav#topmenu a.navbar-logo,
nav#topmenu a.navbar-brand {
	position: relative;
	font-size: 1em;
	margin-right: 0;
	height: 52px;
	/*calc(42px + .625rem); */
	z-index: 1010;
	/*padding-bottom: 7px;*/
	/*padding-top: 7px;*/
	padding-bottom: 5px;
	padding-top: 5px;
	/*	correction alignement	*/
    display: inline-flex;
    align-items: center;
}

a.logo-alone img,
nav#topmenu a.navbar-brand img {
	position: relative;
	display: inline-block;
	/*height: 42px;*/
	height: 38px;
}

nav#topmenu a.navbar-brand img {
	margin-left: .75em;
}

nav#topmenu a.navbar-logo img {
	position: absolute;
	top: 6px;
	/*.3125rem;*/
	left: 0;
	/*height: 42px;*/
	height: 38px;
	opacity: 1;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

@media (max-width: 575px) {

	nav#topmenu a.navbar-logo,
	nav#topmenu a.navbar-brand {
		height: 45px;
		/*calc(35px + .625rem);*/
	}

	nav#topmenu a.navbar-logo img,
	nav#topmenu a.navbar-brand img {
		height: 35px;
	}
}

/* Affichage logo normal */
nav#topmenu:not(.on-top):not(.opened):not(.force-white) a.navbar-logo img.full-white,
nav#topmenu:not(.on-top):not(.opened):not(.force-white) a.navbar-logo img.half-white,
nav#topmenu:not(.on-top):not(.opened):not(.force-white) a.navbar-logo img.full-navy,
nav#topmenu.on-top.light-theme:not(.on-top-info):not(.opened):not(.force-white) a.navbar-logo img.full-white,
nav#topmenu.on-top.light-theme:not(.on-top-info):not(.opened):not(.force-white) a.navbar-logo img.half-white,
nav#topmenu.on-top.light-theme:not(.on-top-info):not(.opened):not(.force-white) a.navbar-logo img.full-navy,
nav#topmenu.no-animation:not(.opened) a.navbar-logo img.full-white,
nav#topmenu.no-animation:not(.opened) a.navbar-logo img.half-white,
nav#topmenu.no-animation:not(.opened) a.navbar-logo img.full-navy {
	opacity: 0;
}

/* Affichage logo moitié blanc */
nav#topmenu.on-top:not(.force-white):not(.no-animation):not(.light-theme) a.navbar-logo img.normal,
nav#topmenu.on-top:not(.force-white):not(.no-animation):not(.light-theme) a.navbar-logo img.full-white,
nav#topmenu.on-top:not(.force-white):not(.no-animation):not(.light-theme) a.navbar-logo img.full-navy,
nav#topmenu.opened:not(.force-white) a.navbar-logo img.normal,
nav#topmenu.opened:not(.force-white) a.navbar-logo img.full-white,
nav#topmenu.opened:not(.force-white) a.navbar-logo img.full-navy {
	opacity: 0;
}

/* Affichage logo entièrement blanc */
/*nav#topmenu.force-white:not(.no-animation) a.navbar-logo img.half-white,
nav#topmenu.force-white:not(.no-animation) a.navbar-logo img.normal,
nav#topmenu.force-white:not(.no-animation) a.navbar-logo img.full-navy
{
	opacity: 0;
}*/

/* Affichage logo entièrement navy */
nav#topmenu.light-theme.on-top.on-top-info:not(.opened):not(.force-white) a.navbar-logo img.full-white,
nav#topmenu.light-theme.on-top.on-top-info:not(.opened):not(.force-white) a.navbar-logo img.half-white,
nav#topmenu.light-theme.on-top.on-top-info:not(.opened):not(.force-white) a.navbar-logo img.normal {
	opacity: 0;
}

/* Couleurs spéciales */
nav#topmenu.on-top.on-top-info:not(.opened) #polymorphic-menu>div>ul>li>a.btn,
nav#topmenu.on-top.on-top-info:not(.opened) #polymorphic-menu>div>ul>li.ungroup>div>ul>li>a.btn {
	background-color: #003264 !important;
	border-color: #003264 !important;
	color: #fff !important;
	/*#ffe100*/
}

/* Spécial site de dev */
span#logo-subtitle {
	position: absolute;
	display: block;
	right: -190px;
	bottom: 0;
}
@media (max-width: 574px) {
	span#logo-subtitle {
		right: -155px;
	}
}


/* Menu / Sous-menu */
nav#topmenu #polymorphic-menu li.dropdown>a.nav-toggle-after {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

nav#topmenu #polymorphic-menu>div>ul>li.mobile-only,
nav#topmenu #polymorphic-menu>div>ul>li.dropdown.ungroup li.mobile-only {
	display: block;
}

/* Photo de profil  & entreprise*/
nav#topmenu a.navbar-brand img.photo-profil {
	border-radius: 50%;
}

/* badges */
nav#topmenu .badge {
	margin-left: .8em;
	vertical-align: text-bottom;
}

/* Basket ball cart */

#basketball-cart {
	z-index: 999;
}
#basketball-cart>a {
	display: inline-block;
	width: 37px;
	height: 40px;
	margin-right: -0.2em;
	background: url('/static/img/basketball-cart.png') no-repeat center center;
	background-size: contain;
	line-height: 1;
	text-align: center;
}

#basketball-cart>a>#cart-qty,
#basketball-cart>a>#cart-timer {
	position: absolute;
	display: block;
	margin: 0;
	top: 32px;
	padding: 3px .35em;
}

#basketball-cart>a>#cart-timer {
	font-weight: 400;
	min-width: 3.3em;
	left: -2.8em;
}

#basketball-cart>a>#cart-qty {
	right: -.7em;
}

@media (max-width: 991px) {
	#basketball-cart>a {
		width: 34px;
		height: 35px;
	}

	#basketball-cart>a>#cart-qty,
	#basketball-cart>a>#cart-timer {
		top: 28px;
	}
}

/*NORMAL MENU*/
@media (min-width: 992px) {
	nav#topmenu #polymorphic-menu {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		/*margin-left: auto;*/
	}

	nav#topmenu #polymorphic-menu>div {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	nav#topmenu #polymorphic-menu ul {
		margin: 0;
		padding: 0;
	}

	nav#topmenu #polymorphic-menu ul li {
		color: #003264;
		margin-right: .75em;
		margin-left: .75em;
		list-style: none;
	}

	nav#topmenu #polymorphic-menu>div>ul>li {
		/*font-size: .9em;*/
		font-size: 1em;
	}

	/* nav#topmenu #polymorphic-menu > div > ul > li:last-child {
		margin-right: 0;
	} */

	/* liens */
	nav#topmenu #polymorphic-menu ul li a {
		color: #003264;
	}

	nav#topmenu.on-top:not(.no-animation):not(.light-theme) #polymorphic-menu>div>ul>li.ungroup a:not(.btn-warning):not(.btn-secondary),
	nav#topmenu.on-top:not(.no-animation):not(.light-theme) #polymorphic-menu>div>ul>li>a:not(.btn-warning):not(.btn-secondary) {
		color: white;
	}

	nav#topmenu #polymorphic-menu ul li a.btn:hover {
		text-decoration: none !important;
	}

	nav#topmenu #polymorphic-menu li.dropdown {
		padding-left: 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown>a {
		text-decoration: none !important;
		font-weight: 700;
		cursor: default;
	}

	nav#topmenu #polymorphic-menu ul li a.current-anchor:not(.btn) {
		text-decoration: underline !important;
	}

	/* intercalaire pour que le :hover se passe bien */
	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup)::after {
		content: "";
		top: 100%;
		left: 0;
		position: absolute;
		width: 100%;
		height: 0.8em;
	}

	/* ungroup for direct access without submenu, but in the mobile version */
	nav#topmenu #polymorphic-menu li.ungroup>a.nav-toggle-after {
		display: none;
	}

	nav#topmenu #polymorphic-menu li.dropdown.ungroup {
		margin-right: 0;
		margin-left: 0;
	}

	nav#topmenu #polymorphic-menu>div>ul>li.mobile-only,
	nav#topmenu #polymorphic-menu>div>ul>li.dropdown.ungroup li.mobile-only {
		display: none;
	}

	/* sous-menu */
	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu {
		background-color: transparent;
		top: 0;
		left: auto;
		right: 0;
		min-width: unset;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .dropdown-menu {
		font-size: 1em;
		background-color: #e9ecef;
		border-radius: 1em;
		border: none;
		border-left: .25em solid #003264;
		margin-top: 0.8em;
		top: 100%;
		float: unset;
	}

	nav#topmenu #polymorphic-menu li.dropdown.ungroup .dropdown-menu {
		position: relative;
		display: list-item;
		border: 0;
		font-size: 1em;
		margin-top: 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown.ungroup .dropdown-menu ul {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	nav#topmenu #polymorphic-menu li.dropdown.ungroup .dropdown-menu .ungroup-hide,
	nav#topmenu #polymorphic-menu li.dropdown.ungroup .dropdown-menu ul.ungroup-hide {
		display: none !important;
	}

	nav#topmenu #polymorphic-menu li.dropdown.ungroup .dropdown-menu .ungroup-show {
		display: inline !important;
	}


	nav#topmenu #polymorphic-menu li.dropdown.drop-high:not(.ungroup) {
		margin-left: 1.5em;
	}

	nav#topmenu #polymorphic-menu li.dropdown.drop-high:not(.ungroup) .dropdown-menu {
		margin-top: 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .dropdown-menu ul {
		border-radius: .8em;
		background-color: white;
		padding: .15em;
		margin: .5em 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .dropdown-menu ul li {
		margin: 0;
		padding: .2em 1em .2em .5em;
		white-space: nowrap;
		width: 100%;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .dropdown-menu ul li a {
		display: inline-block;
		width: 100%;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .nav-toggle-after::before {
		content: "";
		position: absolute;
		display: inline-block;
		margin-right: .5em;
		margin-top: .1em;
		width: .6em;
		height: .6em;
		opacity: .3;
		border: 0.2em solid;
		border-top: none;
		border-left: none;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.drop-high):not(.ungroup) .nav-toggle-after::before {
		left: calc(50% - .15em);
		bottom: -.3em;
	}

	nav#topmenu #polymorphic-menu li.dropdown.drop-high:not(.ungroup) .nav-toggle-after::before {
		position: relative;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: unset;
		bottom: unset;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup):hover .nav-toggle-after::before {
		opacity: 1;
	}

	nav#topmenu #polymorphic-menu li.dropdown.drop-high:not(.ungroup):hover .nav-toggle-after::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -.2em;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup) .dropdown-menu {
		-webkit-transition: all .4s;
		transition: all .4s;
		display: block;
		height: 0px;
		overflow: hidden;
		padding: 0 .75em;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	nav#topmenu #polymorphic-menu li.dropdown.show:not(.ungroup) .dropdown-menu,
	nav#topmenu #polymorphic-menu li.dropdown:not(.ungroup):hover .dropdown-menu {
		height: 90vh;
		padding: .5em .75em;
		-webkit-box-shadow: 0 2px 4px 1px rgba(0, 50, 100, .125);
		box-shadow: 0 2px 4px 1px rgba(0, 50, 100, .125);
	}
}


/* OVERLAY MOBILE MENU*/
@media (max-width: 991px) {

	nav#topmenu #hamb-icon {
		margin-left: 1.1em;
	}

	/* menu */
	nav#topmenu #polymorphic-menu {
		position: fixed;
		/*display: flex;*/
		height: 100%;
		padding-top: 130px;
		width: 0;
		z-index: 1000;
		top: 0;
		left: 0;
		background-color: #003264;
		overflow: hidden;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}

	/*nav#topmenu #polymorphic-menu, 
	nav#topmenu #polymorphic-menu * {
		-webkit-transform: translateZ(0);
	}*/
	nav#topmenu.opened #polymorphic-menu {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		/* ios < 12 */
		/*z-index: 0; */
		/*-webkit-transform: translateZ(0px);*/
		width: 100%;
	}

	nav#topmenu #polymorphic-menu::after {
		content: "";
		position: fixed;
		top: 0;
		left: inherit;
		width: 0;
		height: 200px;
		background: linear-gradient(rgba(0, 50, 100, 1) 0%, rgba(0, 50, 100, 1) 70px, rgba(0, 50, 100, 0) 150px, rgba(0, 50, 100, 0) 100%);
		z-index: 1012;
		-webkit-transition: width .5s;
		transition: width .5s;
		pointer-events: none;
		/* disable click for this layer */
	}

	nav#topmenu.opened #polymorphic-menu::after {
		width: calc(100% - 20px);
	}

	nav#topmenu #polymorphic-menu>div {
		position: relative;
		opacity: 0;
		width: 50%;
		-ms-flex-item-align: center;
		align-self: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		text-align: center;
		-webkit-transition: opacity .2s;
		transition: opacity .2s;
		margin-top: auto;
		margin-bottom: auto;
	}

	nav#topmenu #polymorphic-menu ul {
		min-width: 90vw;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0;
		padding: 0;
	}

	nav#topmenu #polymorphic-menu>div.show {
		opacity: 1;
	}

	/* photo profil */
	/* nav#topmenu a.navbar-brand img.photo-profil {
		margin-left: 1.2em;
	} */

	/* icon management : page public; */
	nav#topmenu>div:not(.alternate)>#photo-profil {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	nav#topmenu>div:not(.alternate)>#hamb-icon {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}

	nav#topmenu>div:not(.alternate)>#entreprise-icon {
		display: none;
	}


	/* icon management : utilisateur identifié */
	nav#topmenu>div.alternate {
		position: relative;
	}

	nav#topmenu>div.alternate>#hamb-icon {
		position: absolute;
		height: 42px;
		/*top: calc(.3125rem - 3.5px);*/
		top: 5px;
		/*.3125rem;*/
		right: 20px;
		opacity: 0;
		-webkit-transition: opacity .4s;
		transition: opacity .4s;
	}

	nav#topmenu.opened>div.alternate>#hamb-icon {
		opacity: 1;
	}

	nav#topmenu>div.alternate>#entreprise-icon {
		opacity: 1;
		-webkit-transition: opacity .4s;
		transition: opacity .4s;
	}

	nav#topmenu.opened>div.alternate>#entreprise-icon {
		opacity: 0;
		/*display: none !important;*/
	}

	/* liste */
	nav#topmenu #polymorphic-menu>div>ul {
		padding-bottom: 4em;
	}

	nav#topmenu #polymorphic-menu ul li {
		/*width: 100%;*/
		-webkit-transition: all .2s;
		transition: all .2s;
		margin: 0;
		padding: .5em 0;
		list-style: none;
	}

	nav#topmenu #polymorphic-menu ul li a {
		color: white;
		font-size: 1.7em;
		display: inline-block;
	}

	nav#topmenu #polymorphic-menu ul li a.current-anchor:not(.btn) {
		text-decoration: underline !important;
	}

	nav#topmenu #polymorphic-menu ul li a:not(.btn) {
		/*width: 100%;*/
		padding: 0 1em;
	}

	nav#topmenu #polymorphic-menu ul li a.btn {
		padding-left: 1em;
		padding-right: 1em;
		color: #003264;
	}

	nav#topmenu #polymorphic-menu ul li a:not(.btn):hover {
		text-decoration: underline !important;
		color: #00dcff !important;
		cursor: pointer;
	}

	nav#topmenu #polymorphic-menu ul li a:not(.btn):hover>span.badge-secondary {
		background-color: #00dcff;
	}

	nav#topmenu #polymorphic-menu li.dropdown>a {
		width: 100%;
		font-weight: 700;
		text-transform: uppercase;
	}

	nav#topmenu #polymorphic-menu li.dropdown>a:not(.btn):hover {
		text-decoration: none !important;
	}

	nav#topmenu #polymorphic-menu li.dropdown.active>a {
		color: #00dcff !important;
	}

	nav#topmenu #polymorphic-menu li.dropdown.active>a>span.badge-secondary {
		background-color: #00dcff;
	}

	/* sous-menu */
	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu {
		position: relative;
		display: block;
		top: 0;
		width: 100%;
		color: #fff;
		/*font-size: 1em;*/
		overflow: hidden;
		background-color: #003264;
		border: none;
		-webkit-transition: all .4s;
		transition: all .4s;
		margin: 0;
		padding: 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown:not(.active) .dropdown-menu {
		padding: 0em .75em;
		height: 0px;
	}

	nav#topmenu #polymorphic-menu li.dropdown.active .dropdown-menu {
		height: 100vh;
	}

	/* nav#topmenu #polymorphic-menu li.dropdown.active + li {
		margin-top: 2em !important;
	} */
	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu ul {
		padding: .5em 0 1.2em 0;
		position: relative;
	}

	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu ul.bg-secondary {
		background-color: transparent !important;
	}

	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu.no-mobile-sep ul:not(:last-child),
	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu ul.no-mobile-sep:not(:last-child) {
		padding-bottom: 0;
		/*padding-top: 0;*/
	}

	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu ul.no-mobile-sep + ul {
		padding-top: 0;
	}

	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu:not(.no-mobile-sep) ul:not(.no-mobile-sep):not(:last-child)::after {
		content: "";
		position: absolute;
		left: 50%;
		margin-left: -.25em;
		bottom: 0;
		height: .5em;
		width: .5em;
		border-radius: 50%;
		background-color: #00dcff;

		/*content: "⭓";
		text-align: center;
		width: 4em;
		margin-left: -2em;
		color: #00dcff;*/
	}

	nav#topmenu #polymorphic-menu li.dropdown .dropdown-menu ul li {
		padding: .5em 0;
		text-align: center;
	}

	/* flèche */
	nav#topmenu #polymorphic-menu li.dropdown .nav-toggle-after::after {
		content: "";
		/*position: absolute;*/
		position: relative;
		display: inline-block;
		left: unset;
		/*right: 5vh; */
		/*top: .8em;*/
		margin-top: 0;
		margin-left: .7em;
		width: .6em;
		height: .6em;
		opacity: 1;
		border: 0.2em solid;
		border-top: none;
		border-left: none;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	nav#topmenu #polymorphic-menu li.dropdown.active .nav-toggle-after::after {
		/*transform: rotate(45deg) translate(-.1em, -.1em);*/
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -.2em;
	}
}

/* Complément (sorti pour lecture par IE) */
@media (max-width: 574px) {
	nav#topmenu #polymorphic-menu ul li a {
		font-size: 1.1em;
	}

	nav#topmenu #polymorphic-menu ul li.dropdown>a,
	nav#topmenu #polymorphic-menu ul li a.btn {
		font-size: 1.3em;
	}

	nav#topmenu #polymorphic-menu li.dropdown .nav-toggle-after::after {
		margin-top: .05em;
		/*top: .95em;*/
	}

	nav#topmenu>div.alternate>#hamb-icon {
		/*height: 35px;*/
		top: 1.5px;
	}
}

/* Complément (hack IE 10 & 11) - gradient */
@media (max-width: 991px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	nav#topmenu #polymorphic-menu>div::after {
		/*display: none;*/
		background: none;
	}
}

/* *********************
		DATE RANGE PICKER
* *********************/

.daterangepicker {
	position: absolute;
	color: inherit;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	width: 278px;
	max-width: none;
	padding: 0;
	margin-top: 7px;
	top: 100px;
	left: 20px;
	z-index: 3001;
	display: none;
	/*font-family: arial;*/
	font-size: 15px;
	line-height: 1em;
}

.daterangepicker:before,
.daterangepicker:after {
	position: absolute;
	display: inline-block;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.daterangepicker:before {
	top: -7px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
	top: -6px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
	right: 9px;
}

.daterangepicker.opensleft:after {
	right: 10px;
}

.daterangepicker.openscenter:before {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
}

.daterangepicker.openscenter:after {
	left: 0;
	right: 0;
	width: 0;
	margin-left: auto;
	margin-right: auto;
}

.daterangepicker.opensright:before {
	left: 9px;
}

.daterangepicker.opensright:after {
	left: 10px;
}

.daterangepicker.drop-up {
	margin-top: -7px;
}

.daterangepicker.drop-up:before {
	top: initial;
	bottom: -7px;
	border-bottom: initial;
	border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
	top: initial;
	bottom: -6px;
	border-bottom: initial;
	border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
	float: none;
}

.daterangepicker.single .drp-selected {
	display: none;
}

.daterangepicker.show-calendar .drp-calendar {
	display: block;
}

.daterangepicker.show-calendar .drp-buttons {
	display: block;
}

.daterangepicker.auto-apply .drp-buttons {
	display: none;
}

.daterangepicker .drp-calendar {
	display: none;
	max-width: 270px;
}

.daterangepicker .drp-calendar.left {
	padding: 8px;
}

.daterangepicker .drp-calendar.right {
	padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
	border: none;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
	color: #fff;
	border: solid black;
	border-width: 0 2px 2px 0;
	border-radius: 0;
	display: inline-block;
	padding: 3px;
}

.daterangepicker .calendar-table .next span {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 32px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	white-space: nowrap;
	cursor: pointer;
}

.daterangepicker .calendar-table {
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #fff;
}

.daterangepicker .calendar-table table {
	width: 100%;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
	background-color: #eee;
	border-color: transparent;
	color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
	font-size: 80%;
	color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
	background-color: #fff;
	border-color: transparent;
	color: #999;
}

.daterangepicker td.in-range {
	background-color: #ebf4f8;
	border-color: transparent;
	color: #000;
	border-radius: 0;
}

.daterangepicker td.start-date {
	border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
	border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
	border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
	background-color: #003264;
	border-color: transparent;
	color: #fff;
}

.daterangepicker td.weekend {
	color: #999;
}


.daterangepicker th.month {
	width: auto;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
	color: #999;
	cursor: not-allowed;
	text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default;
}

.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%;
}

.daterangepicker select.yearselect {
	width: 40%;
}

.daterangepicker select.daysselect,
.daterangepicker select.daysselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
	width: 50px;
	margin: 0 auto;
	background-color: #f7f7f7;
	border: 1px solid #eee;
	padding: 2px;
	outline: 0;
	font-size: 12px;
}

.daterangepicker select.yearselect,
.daterangepicker select.monthselect {
	background-color: #f7f7f7;
	border: 1px solid #eee;
	padding: 2px;
	outline: 0;
	font-size: 12px;
}

.daterangepicker select.custom-select {
	background-position: right 0.4rem center;
	height: unset;
	padding: 2px 0px 2px 7px;
}







.daterangepicker .calendar-time {
	text-align: center;
	margin: 4px auto 0 auto;
	line-height: 30px;
	position: relative;
	white-space: nowrap;
}

.daterangepicker .calendar-time select.disabled {
	color: #ccc;
	cursor: not-allowed;
}

.daterangepicker .drp-buttons {
	clear: both;
	text-align: right;
	padding: 8px;
	border-top: 1px solid #ddd;
	display: none;
	line-height: 12px;
	vertical-align: middle;
}

.daterangepicker .drp-selected {
	display: inline-block;
	font-size: 12px;
	padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
	margin-left: 8px;
	font-size: 12px;
	/*font-weight: bold;*/
	padding: 4px 8px;
}

.daterangepicker .drp-buttons .btn-default {
	background-color: #f7f7f7;
}

/* .daterangepicker.show-ranges .drp-calendar.left {
	border-left: 1px solid #ddd;
} */

.daterangepicker .ranges {
	float: none;
	text-align: left;
	margin: 0;
	padding: 2px;
}

/* .daterangepicker.show-calendar .ranges {
	margin-top: 8px;
} */

.daterangepicker .ranges ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.daterangepicker .ranges li {
	font-size: 12px;
	padding: 8px 12px;
	cursor: pointer;
	border-radius: 4px;
}

.daterangepicker .ranges li:hover {
	background-color: #eee;
}

.daterangepicker .ranges li.active {
	background-color: #003264;
	color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
	.daterangepicker {
		width: auto;
	}

	.daterangepicker .ranges ul {
		width: 140px;
	}

	.daterangepicker.single .ranges ul {
		width: 100%;
	}

	.daterangepicker.single .drp-calendar.left {
		clear: none;
	}

	.daterangepicker.single.ltr .ranges,
	.daterangepicker.single.ltr .drp-calendar {
		float: left;
	}

	.daterangepicker.single.rtl .ranges,
	.daterangepicker.single.rtl .drp-calendar {
		float: right;
	}

	.daterangepicker.ltr {
		direction: ltr;
		text-align: left;
	}

	.daterangepicker.ltr .drp-calendar.left {
		clear: left;
		/*margin-right: 0; */
	}

	.daterangepicker.ltr .drp-calendar.left .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.daterangepicker.ltr .drp-calendar.right {
		margin-left: 0;
	}

	.daterangepicker.ltr .drp-calendar.right .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.daterangepicker.ltr .drp-calendar.left .calendar-table {
		padding-right: 8px;
	}

	.daterangepicker.ltr .ranges,
	.daterangepicker.ltr .drp-calendar {
		float: left;
	}

	.daterangepicker.rtl {
		direction: rtl;
		text-align: right;
	}

	.daterangepicker.rtl .drp-calendar.left {
		clear: right;
		margin-left: 0;
	}

	.daterangepicker.rtl .drp-calendar.left .calendar-table {
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	.daterangepicker.rtl .drp-calendar.right {
		margin-right: 0;
	}

	.daterangepicker.rtl .drp-calendar.right .calendar-table {
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.daterangepicker.rtl .drp-calendar.left .calendar-table {
		padding-left: 12px;
	}

	.daterangepicker.rtl .ranges,
	.daterangepicker.rtl .drp-calendar {
		text-align: right;
		float: right;
	}
}

@media (min-width: 730px) {
	.daterangepicker .ranges {
		width: auto;
	}

	.daterangepicker.ltr .ranges {
		float: left;
	}

	.daterangepicker.rtl .ranges {
		float: right;
	}

	.daterangepicker .drp-calendar.left {
		clear: none !important;
	}
}

/* *********************
		JQUERY JCROP
* *********************/

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
	direction: ltr;
	text-align: left;
}

.jcrop-vline,
.jcrop-hline {
	background: #FFF url('/static/vendor/jcrop/css/Jcrop.gif');
	font-size: 0;
	position: absolute;
}

.jcrop-vline {
	height: 100%;
	width: 1px !important;
}

.jcrop-vline.right {
	right: 0;
}

.jcrop-hline {
	height: 1px !important;
	width: 100%;
}

.jcrop-hline.bottom {
	bottom: 0;
}

.jcrop-tracker {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	height: 100%;
	width: 100%;
}

.jcrop-handle {
	background-color: #333;
	border: 1px #EEE solid;
	font-size: 1px;
	height: 7px;
	width: 7px;
}

.jcrop-handle.ord-n {
	left: 50%;
	margin-left: -4px;
	margin-top: -4px;
	top: 0;
}

.jcrop-handle.ord-s {
	bottom: 0;
	left: 50%;
	margin-bottom: -4px;
	margin-left: -4px;
}

.jcrop-handle.ord-e {
	margin-right: -4px;
	margin-top: -4px;
	right: 0;
	top: 50%;
}

.jcrop-handle.ord-w {
	left: 0;
	margin-left: -4px;
	margin-top: -4px;
	top: 50%;
}

.jcrop-handle.ord-nw {
	left: 0;
	margin-left: -4px;
	margin-top: -4px;
	top: 0;
}

.jcrop-handle.ord-ne {
	margin-right: -4px;
	margin-top: -4px;
	right: 0;
	top: 0;
}

.jcrop-handle.ord-se {
	bottom: 0;
	margin-bottom: -4px;
	margin-right: -4px;
	right: 0;
}

.jcrop-handle.ord-sw {
	bottom: 0;
	left: 0;
	margin-bottom: -4px;
	margin-left: -4px;
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
	height: 7px;
	width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
	height: 100%;
	width: 7px;
}

.jcrop-dragbar.ord-n {
	margin-top: -4px;
}

.jcrop-dragbar.ord-s {
	bottom: 0;
	margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
	margin-right: -4px;
	right: 0;
}

.jcrop-dragbar.ord-w {
	margin-left: -4px;
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
	background: #FFF;
	filter: alpha(opacity=70) !important;
	opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #000;
	border-color: #FFF;
	border-radius: 3px;
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
	background: #000;
	filter: alpha(opacity=70) !important;
	opacity: .7 !important;
}

.jcrop-dark .jcrop-handle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #FFF;
	border-color: #000;
	border-radius: 3px;
}

.jcrop-dark .jcrop-selection {
	-webkit-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
	background: #FFF;
}

.jcrop-holder img,
img.jcrop-preview {
	max-width: none;
}

/* *********************
		COMMENT SYSTEM
* *********************/

.comment {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.comment .author {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	padding: .2em .3em 2em;
}

.comment .author img {
	height: 48px;
	border-radius: 50%
}

.responses .comment .author img {
	height: 1.85rem;
}

.comment .main {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 50px;
	/* IE... */
}

.comment .info {
	color: rgba(0, 50, 100, .7);
	/*font-size: 90%;*/
}

.comment .main .content {
	position: relative;
	background-color: #f6f6f6;
	border-radius: .8em;
	padding: .3em .5em;
	transition: background-color .2s;
}

.comment:hover>.main>.content {
	background-color: #e9ecef;
}

.comment .content .text > p:last-of-type {
	margin-bottom: 0;
	word-break: break-word;
}

.comment .content .text a:hover {
	color: #003264 !important;
}

.comment .content .reactions {
	position: absolute;
	display: table-cell;
	bottom: -1.25em;
	right: 1.5em;
	font-size: 90%;
	background-color: white;
	padding: 0 .3em;
	border-radius: .8em;
	cursor: pointer;
}

.comment .action {
	padding: 0em .5em .8em .5em;
}

.comment .action>* {
	margin-right: .6em;
}

/* .tooltip-reactions.show {
	opacity: 1;
} */

/*.tooltip-short .tooltip-inner {*/
	/*max-width: 250px;*/
	/*width: unset;*/
	/*min-width: 80px;*/
	/*border-radius: .8em;*/
/*}*/

.tooltip-reactions .tooltip-inner {
	max-width: unset;
	/*width: unset;*/
	min-width: 80px;
	/*background-color: #FFF;*/
	/*border-radius: .8em;*/
	/*color: #003264;*/
}
/*
.tooltip-reactions.bs-tooltip-top .arrow::before {
	border-top-color: #FFF;
}

.tooltip-reactions.bs-tooltip-right .arrow::before {
	border-top-color: #FFF;
}

.tooltip-reactions.bs-tooltip-bottom .arrow::before {
	border-top-color: #FFF;
}

.tooltip-reactions.bs-tooltip-left .arrow::before {
	border-top-color: #FFF;
}*/

.tooltip-users.bs-tooltip-top {
	top: 8px !important;
}
.tooltip-users.bs-tooltip-bottom {
	top: -8px !important;
}


.tooltip-users .tooltip-inner {
	/*max-width: 150px;*/
	/*width: unset;*/
	min-width: 80px;
}

/*
.tooltip-users.bs-tooltip-top .arrow::before {
	border-top-color: #003264;
}

.tooltip-users.bs-tooltip-right .arrow::before {
	border-top-color: #003264;
}

.tooltip-users.bs-tooltip-bottom .arrow::before {
	border-top-color: #003264;
}

.tooltip-users.bs-tooltip-left .arrow::before {
	border-top-color: #003264;
}*/

.comment .reaction {
	margin: .1em 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.comment .reaction img {
	height: 20px;
	border-radius: 50%;
	margin-right: .25em;
}

/*.comment .reaction span,
.container a:hover {
	color: #003264;
}
*/
.comment .reaction span {
	/*font-size: 90%;*/
	margin-left: .25em;
}

#footer a:hover {
	color: #e9ecef;
}

/*#footer-private>div>.col-12 {
	left: 25%;
	transform: translateX(-50%);
}*/

@media only screen and (max-width: 576px) {
	#footer-private {
		text-align: center;
	}

	#footer-private>div>.col-12 {
		left: auto;
		transform: inherit;
	}
}


.media-area {
	min-width: 100px;
	margin: .125em -.125em;
}

.media-area .media-content {
	position: relative;
	width: calc(50% - 0.25em);
	margin: .25em .125em 0 .125em;
	background-color: white;
	border-radius: .8em;
	cursor: pointer;
}


@media (min-width: 576px) and (max-width: 767px) {
	.media-area .media-content {
		width: calc(33.33% - 0.25em);
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.media-area .media-content {
		width: calc(33.33% - 0.25em);
	}
}

@media (min-width: 1200px) {
	.media-area .media-content {
		width: calc(25% - 0.25em);
	}
}

.media-area .media-content::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.media-area .media-content>div.image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: .8em;
	border: 1px solid #ced4da;
}


.media-area.or-100>.media-content,
.media-area.or-200>.media-content,
.media-area.or-300>.media-content,
.media-area.or-110>.media-content,
.media-area.or-1xx>.media-content:nth-of-type(1),
.media-area.or-3xx>.media-content:nth-of-type(1) {
	width: calc(100% - 0.26em);
}

.media-area.or-120>.media-content:nth-of-type(1),
.media-area.or-210>.media-content:nth-of-type(2) {
	width: calc(68% - 0.26em);
}

.media-area.or-120>.media-content:nth-of-type(2),
.media-area.or-210>.media-content:nth-of-type(1) {
	width: calc(32% - 0.26em);
}

.media-area.or-2xx>.media-content:nth-of-type(1) {
	width: calc(55.3% - 0.26em);
}

.media-area.or-220>.media-content,
.media-area.or-330>.media-content,
.media-area.or-310>.media-content,
.media-area.or-130>.media-content,
.media-area.or-320>.media-content,
.media-area.or-230>.media-content {
	width: calc(50% - 0.26em);
}

.media-area.or-1xx>.media-content:nth-of-type(2),
.media-area.or-1xx>.media-content:nth-of-type(3),
.media-area.or-3xx>.media-content:nth-of-type(2),
.media-area.or-3xx>.media-content:nth-of-type(3) {
	width: calc(50% - 0.26em);
}

.media-area.or-2xx>div:not(.media-content) {
	width: calc(44.7% - 0.26em);
}

.media-area.or-2xx>div:not(.media-content)>.media-content {
	width: 100%;
}

.media-content[orientation="horizontale"]::after {
	padding-bottom: 61.8%;
}

.media-content[orientation="verticale"]::after {
	padding-bottom: 161.8%;
}

.media-area.or-310>.media-content::after,
.media-area.or-130>.media-content::after,
.media-area.or-320>.media-content::after,
.media-area.or-230>.media-content::after {
	padding-bottom: 100%;
}

.media-area.or-1xx>.media-content:nth-of-type(2)::after,
.media-area.or-1xx>.media-content:nth-of-type(3)::after,
.media-area.or-3xx>.media-content:nth-of-type(2)::after,
.media-area.or-3xx>.media-content:nth-of-type(3)::after,
.media-area.or-2xx>div:not(.media-content)>.media-content::after {
	padding-bottom: 100%;
}

.media-content.more-than-3 {
	display: none;
}

.media-content>.last-but-more {
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.media-content>.last-but-more>span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.5em;
	font-weight: 700;
	border-radius: 100%;
	height: 50%;
	width: 50%;
	background-color: rgba(255, 255, 255, .7);
}


form.edit-comment {
	margin-bottom: 1em;
}


form.edit-comment.new-comment>div.photo {
	min-width: 48px;
	margin: 0 .3em;
	text-align: center;
}

form.edit-comment.new-comment.has-parent>div.photo {
	min-width: 1.85rem;
}

form.edit-comment.new-comment>div.photo>img {
	border-radius: 50%;
	margin-top: .05em;
	height: 2.1rem;
	transition: height .3s;
}

form.edit-comment.new-comment.inputed:not(.has-parent)>div.photo>img,
form.edit-comment.new-comment:not(.has-parent):hover>div.photo>img {
	height: 48px;
}

form.edit-comment:not(.new-comment)>div.photo {
	display: none;
}


form.edit-comment>div.contenu,
form.edit-comment>div.contenu>div.media-area {
	flex-grow: 2
}

form.edit-comment>div.contenu>div:first-of-type {
	flex-grow: 2;
}


form.edit-comment textarea {
	position: relative;
	z-index: 10;
	border-radius: .8em;
	height: 2.25rem;
	transition: height .3s, opacity .3s;
	overflow: hidden;
	background-color: transparent;
}

form.edit-comment:hover>div.contenu>div>textarea,
form.edit-comment.inputed>div.contenu>div>textarea {
	height: calc(0.7rem + 3 * 1.2rem);
}

form.edit-comment.inputed>div.contenu>div>textarea {
	overflow: auto;
}

form.edit-comment.drag-drop>div.contenu>div>textarea {
	opacity: 0;
	border-width: 0;
}

form.edit-comment>div.contenu>div.buttons button {
	height: calc((0.7rem + 3 * 1.2rem) / 4 - .125rem);
	width: calc((0.7rem + 3 * 1.2rem) / 2 - .125rem);
	transition: height .3s;
}

form.edit-comment>div.contenu>div.buttons button.whole-width {
	min-width: calc(100% - .25rem);
}

form.edit-comment:hover>div.contenu>div.buttons button,
form.edit-comment.inputed>div.contenu>div.buttons button {
	height: calc((0.7rem + 3 * 1.2rem) / 2 - .125rem);
	padding: .3em;
}

form.edit-comment>div.contenu>div.buttons {
	display: flex;
	flex-wrap: wrap;

	width: 0px;
	min-width: 0px;
	height: calc((0.7rem + 3 * 1.2rem) / 2 - .125rem);
	opacity: 0;
	transition: min-width .3s, height .3s, opacity .3s;
	overflow: hidden;

	margin: -.25em;
	margin-left: 0;
	padding: .25em;
	padding-left: 0;
}

form.edit-comment:hover>div.contenu>div.buttons,
form.edit-comment.inputed>div.contenu>div.buttons {
	height: calc(0.7rem + 3 * 1.2rem + .5em);
	min-width: calc((0.7rem + 3 * 1.2rem) / 2 - .125rem + .3rem + .25em);
	opacity: 1;
}

form.edit-comment:not(.new-comment):hover>div.contenu>div.buttons,
form.edit-comment:not(.new-comment).inputed>div.contenu>div.buttons {
	width: calc(((0.7rem + 3 * 1.2rem) / 2 - .125rem + .25rem) * 2 + .25em);
	min-width: calc(((0.7rem + 3 * 1.2rem) / 2 - .125rem + .25rem) * 2 + .25em);
}


form.edit-comment>div.contenu>div>div.upload-area {
	position: relative;
	z-index: 0;
	font-weight: 700;
	color: #00dcff;
	border: 5px dashed #ced4da;
	border-radius: .8em;
	height: 1.95rem;
	margin-top: -1.95rem;
	opacity: 1;
	font-size: 120%;
	transition: height .3s, opacity .3s, margin-top .3s;
}

form.edit-comment:hover>div.contenu>div>div.upload-area,
form.edit-comment.inputed>div.contenu>div>div.upload-area {
	height: calc(0.7rem + 3 * 1.2rem);
	margin-top: -4.3rem;
}

form.edit-comment:not(.drag-drop)>div.contenu>div>div.upload-area {
	opacity: 0;
}



form.edit-comment .btn-group.btn-vsml>.btn {
	border-width: 2px;
}

form.edit-comment .btn-group.btn-vsml:hover > .btn:last-of-type {
	background-color: white;
}







/* *********************
		BIG PICTURE SYSTEM
* *********************/


#big-picture {
	position: fixed;
	z-index: 3147483640;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .9);
}

#big-picture>div.bp-top-nav {
	align-self: start;
	width: 100%;
	display: flex;
	padding: .5em;
}

#big-picture>div.bp-nav {
	position: fixed;
	z-index: 10;
	top: calc(50% - 5vw + 1.5em);
	left: 0;
	width: 100%;
	display: flex;
	padding: 0 5%;
}

#big-picture>div.bp-nav>a {
	display: inline-block;
	height: 10vw;
	width: 10vw;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50%;
	opacity: .33;
}

@media (max-width: 767px) {
	#big-picture>div.bp-nav>a {
		opacity: 1;
	}
}

#big-picture>div.bp-nav>a:not(.in-transition) {
	transition: opacity .3s;
}

#big-picture>div.bp-nav>a:hover {
	opacity: 1;
}

#big-picture>div.bp-images {
	position: relative;
	display: flex;
	top: 0;
	height: calc(100% - 3em);
	margin: 0;
	padding: 0;
}

#big-picture>div.bp-images>div.bp-image {
	position: relative;
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

#big-picture img {
	max-width: 95vw;
	max-height: 90%;
	border-radius: 1em;
	background-color: #f7f7f7;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

#big-picture div a:hover{
	color:white;
}


/* *********************
		DRAG & DROP SYSTEM
* *********************/


#dd-placeholder {
	border: 5px dashed #CCC;
	border-radius: .5em;
	/*border-radius: 30px;*/
}

.dd-is-dragging {
	z-index: 1000000000000;
	transform: rotate(3deg);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .2);
	transition: transform .1s;
}


.dd-is-waiting-for-server {
	-webkit-filter: blur(2px);
	filter: blur(2px);
	opacity: 0.7;
	transition: opacity .3s, filter .3s;
}