/* Affichage telephone. L'ecran large reste inchange. */
.cf-burger {
	display: none;
}

@media screen and (max-width: 860px) {
	html, body {
		overflow-x: hidden;
		max-width: 100%;
	}

	div[align="center"] {
		width: 100% !important;
		max-width: 100% !important;
	}

	table, thead, tbody, tfoot, tr, td, th {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		box-sizing: border-box;
		float: none !important;
	}

	td, th {
		padding: 0 !important;
		border: 0 !important;
	}

	td:empty,
	td[width="1"],
	td[width="8"],
	td[width="10"],
	td[width="19"] {
		display: none !important;
	}

	p, font, label, li, a {
		overflow-wrap: break-word;
	}

	p {
		margin: 0 16px 12px 16px !important;
		padding: 0 !important;
		line-height: 1.45 !important;
		text-align: inherit;
	}

	/* En-tete */
	img[width="461"],
	img[src*="copyrightfrance.png"] {
		display: block;
		float: none !important;
		width: 240px !important;
		max-width: 72% !important;
		height: auto !important;
		margin: 18px auto 4px auto !important;
	}

	td[style*="461px"] p,
	td[style*="320px"] p {
		margin: 0 20px 16px 20px !important;
		text-align: center !important;
		line-height: 1.3 !important;
	}

	td[style*="320px"] font {
		font-size: 17px !important;
	}

	/* Menu */
	.cf-burger,
	table.cf-topnav.cf-nav-open {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}

	.cf-burger {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		min-height: 48px;
		height: 48px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 16px !important;
		border: 0;
		border-radius: 0;
		background: #6687E7;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 1;
		cursor: pointer;
		box-sizing: border-box;
	}

	.cf-burger-icon {
		display: inline-block;
		width: 18px;
		height: 2px;
		margin: 0;
		background: #ffffff;
		box-shadow: 0 6px 0 #ffffff, 0 -6px 0 #ffffff;
	}

	table.cf-topnav {
		display: none !important;
	}

	table.cf-topnav.cf-nav-open {
		display: block !important;
		margin-bottom: 8px !important;
	}

	td.SmoothDarkBackgroundTransition {
		padding: 0 !important;
		text-align: left !important;
		border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
	}

	td.SmoothDarkBackgroundTransition a {
		display: block;
		padding: 14px 16px;
		line-height: 1.3;
	}

	td.SmoothDarkBackgroundTransition p {
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.3 !important;
		text-align: left !important;
	}

	td.SmoothDarkBackgroundTransition font {
		font-size: 16px !important;
	}

	/* Colonne de navigation */
	.container, .container-fluid, .row, .card, .sidebar, aside, section, header {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}

	.sidebar .nav-link {
		display: block;
		padding: 13px 16px !important;
		margin: 0 !important;
		border-bottom: 1px solid #e6ebf8;
		line-height: 1.35;
	}

	.sidebar .submenu,
	.sidebar .dropdown-menu {
		position: static !important;
		left: auto !important;
		top: auto !important;
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 0 4px 0 !important;
		box-shadow: none;
		border: 0;
		background: #f4f7fd;
	}

	.sidebar .submenu .nav-link {
		padding: 10px 16px 10px 28px !important;
		font-size: 15px;
	}

	.sousmenu {
		margin: 0 16px 8px 16px !important;
		padding: 0 !important;
		line-height: 1.7 !important;
		text-align: left !important;
	}

	/* Images */
	img {
		max-width: 100% !important;
		height: auto !important;
	}

	img[width="10"] {
		width: 10px !important;
		height: 10px !important;
		max-width: 10px !important;
	}

	img[width="15"] {
		width: 15px !important;
		height: 16px !important;
		max-width: 15px !important;
	}

	img[width="16"] {
		width: 16px !important;
		height: 16px !important;
		max-width: 16px !important;
	}

	.sidebar .nav-link {
		position: relative;
		padding-right: 36px !important;
	}

	.sidebar .float-end {
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		float: none !important;
		width: auto !important;
		height: auto !important;
	}

	img[width="100"],
	img[width="130"],
	img[width="132"],
	img[width="169"],
	img[width="180"] {
		display: block;
		margin: 8px auto 12px auto !important;
	}

	marquee {
		display: block;
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		height: 140px !important;
		margin: 4px auto 12px auto !important;
	}

	/* Bandeau bleu */
	td[bgcolor="#6687E7"]:not(.SmoothDarkBackgroundTransition),
	td[bgcolor="#6687e7"]:not(.SmoothDarkBackgroundTransition) {
		text-align: center !important;
		padding: 6px 16px !important;
	}

	td[bgcolor="#6687E7"]:not(.SmoothDarkBackgroundTransition) p,
	td[bgcolor="#6687e7"]:not(.SmoothDarkBackgroundTransition) p {
		margin: 6px 0 !important;
		text-align: center !important;
	}

	td[background] {
		background-image: none !important;
		background-color: #5576d8 !important;
		width: calc(100% - 32px) !important;
		margin: 10px 16px !important;
		padding: 14px 12px !important;
		border-radius: 6px;
		text-align: center !important;
	}

	td[background] p {
		margin: 0 !important;
		text-align: center !important;
	}

	font[size="5"] {
		font-size: 20px !important;
	}

	font[size="4"] {
		font-size: 18px !important;
	}

	/* Liste d'avantages et packs */
	td[width="230"] p {
		margin: 16px 16px 8px 16px !important;
		text-align: left !important;
		line-height: 1.45 !important;
	}

	td[width="230"] br + br {
		display: none;
	}

	table[style*="BORDER-SPACING"] {
		padding: 0 12px 8px 12px !important;
		box-sizing: border-box;
	}

	table[style*="BORDER-SPACING"] tr {
		margin: 0 0 10px 0;
		background: #f7f9ff;
		border-radius: 8px;
		overflow: hidden;
	}

	table[style*="BORDER-SPACING"] td {
		padding: 12px 14px 4px 14px !important;
		text-align: left !important;
		background: transparent !important;
	}

	table[style*="BORDER-SPACING"] td + td {
		padding: 0 14px 12px 14px !important;
	}

	table[style*="BORDER-SPACING"] p {
		margin: 0 !important;
		line-height: 1.35 !important;
	}

	/* Boutons et champs */
	input, select, textarea {
		max-width: 100% !important;
		box-sizing: border-box;
		font-size: 16px;
	}

	.df-fields {
		margin: 0 16px 14px 16px !important;
		max-width: none !important;
		width: auto !important;
	}

	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="file"],
	select,
	textarea {
		width: 100% !important;
		min-height: 44px;
		margin: 0 0 8px 0;
	}

	a.btn, .btn, button, input[type="submit"], input[type="button"] {
		white-space: normal !important;
		display: block;
		width: calc(100% - 32px) !important;
		max-width: none;
		min-height: 44px;
		height: auto !important;
		margin: 8px 16px 14px 16px !important;
		padding: 12px 16px !important;
		box-sizing: border-box;
		text-align: center;
		font-size: 16px !important;
		float: none !important;
	}

	table[style*="BORDER-SPACING"] a.btn {
		width: 100% !important;
		margin: 8px 0 0 0 !important;
	}

	.cf-burger {
		width: 100vw !important;
		margin: 0 !important;
	}
}