.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.site-main-compte .btn-light, 
.site-main-compte .btn-light:is(:focus,:focus-visible,:hover), 
.site-main-compte .btn-light:not(:disabled):not(.disabled):active, 
.site-main-compte .btn-light:not(:disabled):not(.disabled).active, 
.site-main-compte .show > .btn-light.dropdown-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
    border: 2px solid var(--main);
    width: fit-content;
    background-color: #fff;
    color: #333;
    outline: none;
}
.site-main-compte .btn-light:not(:disabled):not(.disabled):active:is(:focus,:focus-visible,:focus), 
.site-main-compte .btn-light:not(:disabled):not(.disabled).active:is(:focus,:focus-visible,:focus), 
.site-main-compte .show > .btn-light.dropdown-toggle:focus {
    border: 2px solid var(--main);
    background-color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(217,218,219,0.5);
    outline: none;
}

/* Favoris header de page */
.page-header-body a {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    margin-right: 10px;
    font-size: 1.5rem;
    text-decoration: none;
}
.page-header-body .btn-add-favorite {
	position: relative;
	color: #03192b;
	background-color: var(--main);
	color: #fff;
	border: 0;		
}			
	.page-header-body .btn-add-favorite::before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		top: 55px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 7.5px 10px 7.5px;
		border-color: transparent transparent var(--main) transparent;
		opacity: 0;
		transition: opacity .3s;
	}
.page-header-body .account-action-star--remove,
.page-header-body .account-action-star--remove:hover {
	position: relative;
	color: #fff;
}

.page-header-body .account-action-star--add::after {
	content: attr(data-text);
	position: absolute;
	z-index: -1;
	top: 65px;
	left: 50%;
	width: 150px;
	padding: 5px 10px;
	text-align: center;
	transform: translateX(-50%);
	display: block;
	background-color: var(--main);
	font-size: 0.875rem;
	border-radius: 5px;
	transition: opacity .3s;
	opacity: 0;
}
.page-header-body .account-action-star--add:hover::after,
.page-header-body .account-action-star--add:hover::before {
	opacity: 1;
	z-index: 1;
}

/* Compte */
.creat-account {
	margin-right: 20px;
    color: #03192b;
    white-space: nowrap;
}
.compte-connexion {
    font-size: 1.5rem;
    font-weight: 700;
}
.mobile-text-hidden {
	white-space: nowrap;
}			
	.compte-connexion .fa-user-circle {
		margin: 0 7px 0 -7px;
	}
	.compte-connexion .icon-mobile {
		/*display: none;*/
		font-size: 30px;
	}

/* Volet latéral (importé de Gennevilliers) */
#asideSite {
	position: fixed;
	bottom: 0;
	left: auto;
	right: 0;
	top: 0;
	width: 360px;
	background-color: #fff;
	color: #333;
	box-shadow: 0 0 50px rgba(0,0,0,.5);
	transform: translateX(125%);
	transition: transform .3s;
	z-index: 10000;
	overflow-y: auto;
}
.navbar-visible #asideSite {
	transform: translateX(0%);
}
.navbar-visible {
	height: 100vh;
	overflow-y: hidden;
}
	.inner-navbar {
		position: absolute;
		right: 0;
		top: 0;
		border: 0;
	    height: 60px;
	    width: 60px;
	    background: transparent url(../Img/SVG/cross.svg) no-repeat center center;
	    background-size: 20px 20px;
	}
		.navbar-body_header {
	    	display: flex;
	    	align-items: center;
		    height: 80px;
		    padding: 0 60px 0 25px;
		    background-color: var(--main);
		    color: #fff;
		}
			.navbar-body_header-title {
		    	display: flex;
		    	align-items: center;
		    	margin: 0;
		    	padding: 0;
		    	color: #fff;
			    font-size: 1rem;
			    font-weight: 400;
			    line-height: 1;
			    text-transform: uppercase;
			}
				.navbar-body_header-icon {
					font-size: 1.875rem;
					margin: 0 10px 0 0;
				}
		.first-screen {
			padding: 40px 20px 0;
			color: #03192b;
		}
		.form-visible .first-screen {
			display: none;
		}
			.first-screen p {
				margin: 0;
			}
			.first-screen ul {
				list-style: inherit;
				list-style-position: inside;
				margin-bottom: 2.813rem;
			}
				.first-screen li {
					padding-left: 0;
					background: url("../Img/list-connexion.svg") no-repeat 0 6px;
					background-size: 13px 12px;
				}
					.first-screen strong {
						font-weight: 700;
					}
			.first-screen .btn-connexion,
			.first-screen .creat-account,
			.felogin-connect-form .btn-primary,
			.felogin-connect-form .creat-account,
			.first-screen .btn-light:not(:disabled):not(.disabled):active,
			.felogin-connect-form .btn-light:not(:disabled):not(.disabled):active {
				width: 200px;
			}
			.first-screen .btn-connexion {
				justify-content: center;
				margin: 0 auto;
			}
			.first-screen .creat-account {
			    border-radius: 25px;
			    min-height: 40px;
				background-color: var(--main);
			    color: #fff;
				margin: 20px auto;
			}
			.first-screen .creat-account:is(:focus-visible,:focus,:hover,:active) {
				background-color: #fff;
			    color: var(--main);
			}
		.felogin-connect {
			display: none;
			padding: 0 20px;
		}
		.form-visible .felogin-connect {
			display: block;
		}
			.felogin-connect .navbar-body_header-title {
			    color: #03192b;
			    font-size: 1.5rem;
			    font-weight: bold;
			    height: 100px;
			    justify-content: center;
			    text-transform: inherit;
			}
			.felogin-connect-form {

			}
				.felogin-connect-form .form-default .form-control[type="email"],
				.felogin-connect-form .form-default .form-control[type="password"] {
				    display: inline-flex;
				    border: 1px solid #e3e3e3;
				    border-radius: 5px !important;
				    height: 50px;
				    background-color: #f3f3f3;
				    color: #737373;
				}
				.felogin-connect-form .form-default .form-control[type="email"]::-webkit-input-placeholder,
				.felogin-connect-form .form-default .form-control[type="password"]::-webkit-input-placeholder {color: #737373;}
				.felogin-connect-form .form-default .form-control[type="email"]::-moz-placeholder,
				.felogin-connect-form .form-default .form-control[type="password"]::-moz-placeholder {color: #737373;}
				.felogin-connect-form .form-default .form-control[type="email"]:-ms-input-placeholder,
				.felogin-connect-form .form-default .form-control[type="password"]:-ms-input-placeholder {color: #737373;}
				.felogin-connect-form .form-default .form-control[type="email"]:-moz-placeholder,
				.felogin-connect-form .form-default .form-control[type="password"]:-moz-placeholder {color: #737373;}

				.felogin-connect-form .form-default .form-control::-webkit-input-placeholder {
					color: #737373;
				}
				.felogin-connect-form .form-default .form-control::-moz-placeholder { 
					color: #737373;
				}
				.felogin-connect-form .form-default .form-control:-ms-input-placeholder {
					color: #737373;
				}
				.felogin-connect-form .form-default .form-control:-moz-placeholder {
					color: #737373;
				}
				.felogin-connect-form .form-default .form-control:-webkit-autofill {
					color: #737373;
					-webkit-box-shadow:0 0 0px 1000px #f3f3f3 inset;
				}
				.felogin-connect-form .btn-forgot-password,
				.felogin-connect-form .btn-return-connect-form {
					display: inline-block;
					margin-bottom: 35px;
					color: #737373;
					font-size: .75rem;
				}
				.felogin-connect-form .form-group-submit {
					margin: 0;
					text-align: center;
				}
				.felogin-connect-form .btn-primary {
					justify-content: center;
					margin: 0 auto;
				}
				.felogin-connect-form .creat-account {
					display: flex;
					margin: 20px auto;
				}
				
		/* CONNECTÉ */
		.connected .navbar-body_header-title {
			text-transform: inherit;
		}
		.compte-flex {
			display: flex;
			align-items: center;
			justify-content: space-between;
			background-color: var(--main);
			padding: 0 20px 20px;
		}
			.compte-flex form {
				display: flex;
				justify-content: space-between;
				padding: 0;
				width: 100%;
			}
				.compte-flex .btn-primary {
					border-color: #fff;
					background-color: #fff;
					color: var(--main);
				}
				.compte-flex .btn-primary:is(:focus-visible,:hover) {
					color: var(--main);
				}
				.compte-flex .btn-light {
				    border: 1px solid #fff;
				    border-radius: 25px;
				    background-color: transparent;
				    color: #fff;
				    transition: all .3s;
				}
				.compte-flex .btn-light:is(:focus-visible,:hover) {
					background-color: #fff;
					color: var(--main);
				}
		.connexion-shortcuts-list {
			background-color: #f2f2f2;
		}
		.connexion-shorcut-item {
			
			background-color: #fff;
			margin-bottom: 10px;
		}
		.connexion-shorcut-item__header {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
		}
			.connexion-shorcut-item__header a {
				color: #333;
				text-decoration: none;
			}
		.connexion-shorcut-item__title {
			margin: 0;
			text-transform: uppercase;
			color: #03192b;
			font-size: 1rem;
			font-weight: 600;
		}
		.connexion-shorcut-item__badge {
			display: flex;
			align-items: center;
		}
		.connexion-shorcut-item__amount {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 30px;
			padding-top: 3px;
			width: 30px;
			background-color: var(--main);
			color: #fff;
			font-size: .875rem;
			border-radius: 50%;
		}

		.connexion-shorcut-item__arrow {
			background-image:url(../Img/neutra_display_arrow_right_grey.svg);
			background-repeat: no-repeat;
			background-size: contain;
			width: 12px;
			height: 12px;
			margin-left: 10px;
		}

		/* shortcuts */

		/* shortcut services */

.connexion-shorcut-item__body {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.connexion-shorcut-item__body p {
		padding: 0 15px;
	}

.connexion-shorcut-item__body--services {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding: 0 20px 20px;
}

.shortcut-services-add {
	border: 2px solid var(--main);
}

.shortcut-services-add a {
	color: var(--main);
}

.shortcut-services-add__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background-color: var(--main);
	color: white;
	font-size: 0.875rem;
	border-radius: 50%;
	margin-bottom: 5px;
}

/* shortcut favoris */
.shortcut-list__item--favoris {
	border-bottom: 1px solid #e2e2e2;
	padding: 20px;
}

.shortcut-list__item--favoris--events {
	display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 10px;
}
a.shortcut-list__item--favoris--events {
	color: inherit;
	text-decoration: none;
}
	.shortcut-list__item--favoris--events.favoris-seemore {
	    display: block;
	    padding: 13px 20px;
	    text-align: center;
	}
		.shortcut-list__item--favoris--events.favoris-seemore a {
			text-decoration: none;
		}
.shortcut-list__item--favoris__title {
	color: #03192b;
	font-size: 1rem;
	font-weight: 400;
}
.shortcut-list__item--favoris__text .typage {
	color: #737373;
	font-size: .75em;
}
	.typage .far,
	.typage .fas {
		font-size: 14px;
	}
.shortcut-list__item--favoris__date {
	color: #737373;
	font-size: 0.75rem;
}
	.shortcut-list__item--favoris__date .fa-users {
    	margin-right: 5px;
	}
.shortcut-list__item--favoris__image img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

/* shortcut featured (ma une) */
.connexion-shorcut-item__body--featured {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
	.connexion-shorcut-item__body--featured p {
		padding: 0 20px;
	}

.shortcut-list__item--featured {
	margin: 5px;
	border: 2px solid var(--main);
	padding: 6px 10px;
	border-radius: 30px;
	color: #0093bd;
	font-size: .875em;
    line-height: 1;
}
.navbar-body .connexion-shorcut-item__body .shortcut-list__item--featured:hover {
	border-color: #ffdb37;
}

.shortcut-list__item--featured a {
	text-decoration: none;
	color: inherit;
}


/* 28 = COMPTE */
.site-header-compte {
	background-color: var(--secondary);
}
	.site-main-compte .page-illustration {
    	margin: 0;
	}
	.page-title_compte {
		margin-bottom: 2rem;
		font-size: 1.5em;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

		.site-header-compte__figure {
			margin: 0 10px;

		}
		.page-title_compte span {
		   margin: 0 10px;
		   text-align: left;
		}
		.site-header-compte__avatar {
			width: 200px;
			height: 200px;
			border: 10px solid #fff;
			border-radius: 50%;

		}
	.site-header-compte .site-header-bar {
		justify-content: space-between;
	}
		.site-header-compte .btn-share,
		.site-header-compte .site-header-separator {
			display: none!important;
		}		
		.site-header-compte .btn-light {
		    border: 1px dotted #737373;
		    background-color: transparent;
		    color: #737373;
		}
	.site-header-compte__form {
		margin: 0; 
	}
.site-header-content {
	padding-bottom: 20px;
}

.site-main-compte {
	padding-bottom: 2em;
	background-color: #f3f3f3;
}
	.tabs-compte {
	    border-bottom: 1px solid #e3e3e3;
	    margin-bottom: 3rem;
	    background-color: #fff;
	}
		.header_content-compte .nav-tabs-flex {
			display: flex;
			border: 0;
			margin: 0 !important;
			padding: 0 !important;
		}
			.header_content-compte .nav-tabs .nav-item {
	    		width:25%;
	    		text-align: center;
			}
				.header_content-compte .nav-tabs .nav-link {
					display: flex;
					align-items: center;
					justify-content: center;
	    			border-right: 1px solid #e3e3e3;
    				border-bottom: 0;
	    			height: 100px;
	    			width: 100%;
				    color: #03192b;
				    font-size: 1.125rem;
				    font-weight: 500;
				    text-decoration: none;
				    text-transform: uppercase;
				}
				.header_content-compte .nav-tabs .nav-item:first-child .nav-link {
	    			border-left: 1px solid #e3e3e3;
				}
				.header_content-compte .nav-tabs .active {
					background: linear-gradient(var(--main), var(--main)) no-repeat;
					background-position: left bottom;
					background-size: 100% 5px;					
				}				
					.header_content-compte .nav-tabs-count {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						position: relative;
						top: -2px;
						border-radius: 50%;
						height: 30px;
						margin-left: 10px;
						padding-top: 4px;
						width: 30px;
						background-color: var(--main);
						color: #fff;
						font-size: .875em;
						line-height: 1;
					}
/* Onglets */
.tab-content-hr {
	margin-bottom: 60px;
}
.rte-content .tab-content-title {
    border: 0;
    margin: 0 auto 30px;
    padding: 0 20px;
    max-width: 780px;
    font-size: 1.5em;
    text-transform: uppercase;
}
.radio label {
	font-size: 1em;
}
.tab-content .form-horizontal .text-center {
	margin-top: 70px;
}
.rte-content .tab-content-title.text-center strong {
	font-weight: 900;
}
.tab-content h4,
.tab-content h5,
.tab-content p.text-left,
.tab-content p.text-center {
    margin-left: auto;
    margin-right: auto;
	max-width: 780px;
	font-size: .875em;
}
.tab-content h4 {
    margin-bottom: 1em;
}
.tab-content h5 {
    margin-bottom: 0;
}

.pagecompte .form-group .control-label,
#myForm1977 .form-group .control-label {
    display: block;
    font-weight: 400;
}
#myForm1977 .captcha .control-label {
	display: inline-flex;
	font-weight: 600;
}
.pagecompte .input-group .form-control {
	height: 50px;
	margin-bottom: 14px;
	font-weight: 300;
}
.pagecompte .form-group .radio,
#myForm1977 .form-group .radio {
    display: inline-block;
    margin-right: 20px;
}
	.pagecompte .form-group .radio label {
		/*position: relative;
		padding-left: 35px;
		overflow: hidden;*/
	}
		.pagecompte .form-group .radio input {
			/*position: absolute;
			top: -50px;
			background: url("../Img/radio-off.gif") no-repeat 0 50px);*/
		}

.pagecompte .form-group .input-group-addon:last-child {
	display: none;
	background-color: #fff;
}
				
/*Compte - tabs content*/
.account-tab-message {
	font-size: 1.125em;
	text-align: center;
}
.account-list {
	padding: 0;
	list-style: none;
}
.account-list__item {
	position: relative;
}

/*Compte - choisir ma Une*/
.account-list--featured {	
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 10px;
}

.account-list__item--featured {
	height: 100px;
	border: 3px solid #e0e0e0;
	border-radius: 5px;
	text-align: center;
	transition: background .3s, border .3s;
}

.account-list__item:hover {
	background-color: var(--secondary);
	border-color: var(--main);
}
.navbar-body .account-list__item:hover {
	background-color: transparent;
	color: var(--main);
}
	.account-list__item--services:hover .account-icon {
		filter: invert(47%) sepia(42%) saturate(559%) hue-rotate(142deg) brightness(84%) contrast(85%);
	}

.account-list__item--featured a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #03192b;
	text-decoration: none;
	transition: color .3s;
}
.page-content .account-list__item:hover a {
	color: var(--noir);
}

.account-action-star {
	position: absolute;
	top: 8px;
	z-index: 1;
	right: 8px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	color: #03192b;
	font-size: 1.3rem;
	border-radius: 50%;
	opacity: 0;
	transition: opacity .3s;
}

.account-list__item:hover .account-action-star {
	opacity: 1;
}
.account-list__item.active .account-action-star--add {
	display: none;
}
.account-action-star--remove {
	display: none;
	color: white;
	background-color: #fb5252;
}
.account-list__item.active .account-action-star--remove {
	display: flex;
}
.icon-minus {
	/*position: absolute;
	top: 6px;
	right: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 11px;
	height: 11px;
	font-size: 0.65rem;
	background-color: #fff;
	color: #fb5252;
	border-radius: 50%;*/
}

/*Compte - Mes Favoris*/
.account-header p {
	margin-bottom: 3em;
}
.account-header-favoris {
	position: relative;
	min-height: 5em;
}
.account-tab-message {
    color: #03192b;
    font-size: 1em;
    /*font-weight: 700;*/
}
.account-remove-all-bookmarks {
	position: absolute;
	top: 0;
	right: 0/*20px*/;
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 15px;
	border: 0;
	border-radius: 50px;
	background-color: #fb5252;
	color: white;
	text-decoration: none;
}
.account-remove-all-bookmarks__icon {
	position: relative;
	margin-right: 10px;
	font-size: 1.25rem;
}

.account-remove-all-bookmarks__icon .icon-minus {
    top: 0;
    right: 0;
	width: 10px;
    height: 10px;
    font-size: 0.65rem;
}

.account-remove-all-bookmarks__text {
	line-height: 1;
}

.account-remove-all-bookmarks:hover {
	color: white;
}

.account-list--favoris {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 60px;
	grid-row-gap: 40px;
}
	.account-list--favoris p {
		text-align: center;
	}

.account-list__item--favoris {
	position: relative;
	padding-bottom: 50px;
	background-color: #fff;
}

.account-list__item--annuaire {
	padding-top: 45px; 
}

.account-list__item__media {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	background-color: var(--main);
	color: white;
	border-radius: 50%;
	font-size: 0.875em;
}

.account-list__item--favoris__caption {
	padding: 0 20px;
}
	.account-list__item--favoris__caption .category {
		justify-content: flex-start;
		height: auto;
	    margin-bottom: 5px;
	    width: auto;
	    line-height: 1;
	}
.rte-content .home-suggestion__title,
.rte-content .home-suggestion__title:last-child {
	border: 0;
	margin: 0;
	font-size: 1.125em;
	font-weight: 700;
}
	.rte-content .home-suggestion__title a {
		color: #03192b;
		text-decoration: none;
	}

/* Annuaires */
.account-list__item--annuaire__details {
	border-top: 1px solid #e3e3e3;
	margin-top: 20px;
	padding-top: 20px;
	color: #0093bd;
}

.annuaire__details__item__icon {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 40px;
    margin-right: 5px;
    width: 40px;
    background-color: #ffd205;
    color: #fff;
    font-size: 1.125rem;
}

.remove-single-bookmark {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin: 0;
	color: white;
	background-color: #fb5252;
	font-size: 1.25em;
	border-radius: 25px 25px 10px 25px / 25px 25px 10px 25px;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s;
}

.account-list__item--favoris:hover .remove-single-bookmark {
	opacity: 1;	
}

.remove-single-bookmark .icon-minus {
    width: 12px;
    height: 12px;
    font-size: 0.625rem;
    top: 10px;
    right: 10px;
}


/* Compte - Mes Services (Idem Gennevilliers) - début *********************************************** */
.account-list--services {	
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-gap: 10px;
}

.account-list__item--services {
	border: 1px solid var(--main);
	border-radius: 5px;
	/*min-height: 80px;*/
	text-align: center;
	transition: background .3s, border .3s;
}
.account-list__item.active {
	border: 3px solid #ffd205 !important;
	background-color: #fff;
}

.account-tab-content--services {

}
	.account-list__item--services a {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;		
		border-radius: 5px;
		min-height: 115px;
		padding: 0 5px;
		color: var(--main);
		font-size: .75em;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		transition: color .3s;
	}
	.account-list__item--services a:is(:focus-visible,:focus,:hover) {
		border-color: transparent;
	}
	.shortcut-services-add a {
		border: 1px solid var(--main);
	}
	.navbar-body .account-list__item--services a {
		height: 100%/*80px*/;
	}
		.account-list__item--services .account-icon {
			display: inline-block;
			height: 70px;
			max-height: 48px;
			margin: 10px 0;
			width: 50px;
			max-width: 48px;    
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 50px auto;
			filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(339deg) brightness(100%) contrast(88%);
			transition: filter .3s;
		}
		.navbar-body .account-list__item--services .account-icon {
			max-height: 40px;
			max-width: 40px; 
		}
		.navbar-body .account-list__item--services .account-text {
			min-height: 25px;
		}

.account-list__item--services__icon {
	font-size: 2.315rem;
	margin-bottom: 5px;
}

/* Drag & drop */
.ui-widget-content {
    color: none;
    background: none;
    border: none;
}
.myPlaceholder {
	border:2px dotted #ffd205; 
}
.sortable-list {

}
	.rte-content .sortable-list ul,
	.rte-content .sortable-list ul:not(.list-unstyled) {
		position: relative;
		margin: 0; 
		padding: 17px 0 2em;
		list-style: none; 
	}
		.sortable-list .sortable-item {
		    clear: both;
		    position: relative;
		    margin: 0px 0px 2px 0px;
		    padding: 5px 0px 5px 0px;
		    background-color: #ffffff;
		    color: #000;
		    border-bottom: 1px solid #e9e9e9;
		}

/* Compte - Mes Services (Idem Gennevilliers) - fin *********************************************** */

/* Mon espace */
/* Mes infos */
.rte-content .tab-pane .tab-content-title {
    padding: 0;
}
.tab-pane .form-horizontal .btn-default {
	border: 2px solid var(--secondary);
	height: 40px;
	padding: 10px 20px;
	background-color: var(--secondary);
	color: var(--dark);
    font-size: .875em;
	text-transform: uppercase;
	box-shadow: none;
}
.tab-pane .form-horizontal .btn-default:is(:focus-visible,:hover) {
	border: 2px solid var(--third);
	background-color: var(--third);
	color: #fff;
}
.tab-pane .flex-center {
	gap: 10px;
}
.modal-content .h1.title {
    margin: 0;
    font-size: 1.5em;
}


/* RESPONSIVE ********************************************************************************************* */
@media screen and (max-width: 991px) {/* *********************** TABLETTES *********************** */

/* Connexion */
	.site-header__body > .switch-account {
		align-items: center;
		justify-content: center;
	    height: 40px;
	    padding: 0;
		min-width: 40px;
	    width: 40px;
	}
	.safari .compte-connexion > .switch-account {
		display: block;
	}
		.compte-connexion .icon-mobile {
			/*display: block;*/
		}
		.compte-connexion .fa-user-circle {
			margin: 0;
			font-size: 1.5rem;
		}
		.safari .compte-connexion .fa-user-circle {
			margin: 3px;
			width: 23px;
		}
		.mobile-text-hidden {
			display: none;
		}

/* 28 = COMPTE < 991px */	
	.account-list--services {    	
    	grid-template-columns: repeat(6, 1fr);    	
	}
	.account-remove-all-bookmarks {
	    position: static;
	    margin-bottom: 40px;
	}
	.account-list--favoris {
	    grid-template-columns: repeat(3, 1fr);
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
	}
	.account-list--featured {
       	grid-template-columns: repeat(5, 1fr);    	
	}

}

/* MOBILE = Tous */
@media screen and (max-width: 767px) {

/* 28 = COMPTE < 767px */
	.header_content-compte .nav-tabs-flex {
	    display: flex;
	    flex-direction: column;
	}
	.header_content-compte .nav-tabs .nav-item {
 		width: 100%;
    	text-align: center;
	}
	.header_content-compte .nav-tabs .nav-link {
		border-left: 1px solid #e3e3e3;
		border-right: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;		
	}
	.header_content-compte .nav-tabs .nav-item:first-child .nav-link {
		border-top: 1px solid #e3e3e3;
	}
	.account-list--services {    	
    	grid-template-columns: repeat(4, 1fr);    	
	}
	.account-list--favoris {
	    grid-template-columns: repeat(2, 1fr);
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
	}
	.account-list--featured {
       	grid-template-columns: repeat(4, 1fr);    	
	}

}

@media screen and (max-width: 575px) {

/* 28 = COMPTE < 575px */
	.account-list--services {
    	grid-template-columns: repeat(3, 1fr);
	}
	.account-list--favoris {
	    grid-template-columns: repeat(2, 1fr);
	    grid-column-gap: 40px;
	    grid-row-gap: 40px;
	}
	.account-list--featured {
       	grid-template-columns: repeat(3, 1fr);
    	
	}

}

/* MOBILE = Petits */
@media screen and (max-width: 480px) {

/* 28 = COMPTE < 575px */	
	.account-list--services {
    	grid-template-columns: repeat(3, 1fr);
	}
	.account-list--favoris {
	    grid-template-columns: repeat(2, 1fr);
	    grid-column-gap: 10px;
	    grid-row-gap: 10px;
	}
	.account-list--featured {
       	grid-template-columns: repeat(2, 1fr);
	}

}

/* MOBILE = Petits */
@media screen and (max-width: 380px) {

	.account-list--favoris {
	    grid-template-columns: repeat(1, 1fr);
	}

}