#pagesurmesure #rub_chartecontenu.sc-rub-charte
	{
		padding-top: 30px;
	}
#pagesurmesure .sc-charte-progress
	{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 4px;
		background: rgba(4, 114, 184, 0.12);
		z-index: 9999;
	}
#pagesurmesure .sc-charte-progress-bar
	{
		height: 100%;
		width: 0%;
		background: linear-gradient(to bottom, #0472b8 0%, #02a6e4 100%);
		transition: width 0.12s linear;
	}
#pagesurmesure #rub_chartecontenu .sc-charte-wrap
	{
		padding: 0px;
	}
#pagesurmesure .sc-charte-grid
	{
		display: flex;
		gap: 20px;
		align-items: flex-start;
	}
#pagesurmesure .sc-charte-sidebar
	{
		width: 320px;
		position: sticky;
		top: 95px;
		max-height: calc(100vh - 110px);
		overflow: hidden;
	}
#pagesurmesure .sc-charte-sidebar-inner
	{
		background: #ffffff;
		border: 1px solid #ececf2;
		border-radius: 10px;
		padding: 15px;
		max-height: calc(100vh - 110px);
		overflow-y: auto;
	}
#pagesurmesure .sc-charte-side-title
	{
		margin: 0px 0px 10px;
		font-size: 20px;
	}
#pagesurmesure .sc-charte-logo-wrap
	{
		padding: 0px 0px 12px;
		text-align: center;
	}
#pagesurmesure .sc-charte-logo
	{
		max-width: 150px;
		width: 100%;
		height: auto;
		display: inline-block;
	}
#pagesurmesure .sc-charte-search
	{
		padding: 0px 0px 10px;
	}
#pagesurmesure .sc-charte-search input
	{
		width: 100%;
		background: #ffffff;
		border: 1px solid #dfe5ee;
		border-radius: 8px;
		padding: 10px 12px;
		outline: none;
		font-size: 13px;
	}
#pagesurmesure .sc-charte-search input:focus
	{
		border-color: #93b4de;
	}
#pagesurmesure #sc_charte_toc ul
	{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
#pagesurmesure #sc_charte_toc details
	{
		margin: 0px 0px 4px;
	}
#pagesurmesure #sc_charte_toc details > summary
	{
		list-style: none;
		cursor: pointer;
		position: relative;
	}
#pagesurmesure #sc_charte_toc details > summary::-webkit-details-marker
	{
		display: none;
	}
#pagesurmesure #sc_charte_toc details.toc-section > summary::before,
#pagesurmesure #sc_charte_toc details.toc-subsection > summary::before
	{
		content: '›';
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%) rotate(0deg);
		color: #5c6f86;
		font-size: 16px;
		line-height: 1;
		transition: transform 0.2s ease;
	}
#pagesurmesure #sc_charte_toc details[open] > summary::before
	{
		transform: translateY(-50%) rotate(90deg);
	}
#pagesurmesure #sc_charte_toc ul.sc-charte-sublist
	{
		padding-left: 14px;
	}
#pagesurmesure #sc_charte_toc li
	{
		margin: 0px;
	}
#pagesurmesure #sc_charte_toc li::before
	{
		content: none !important;
		display: none !important;
	}
#pagesurmesure #sc_charte_toc a
	{
		display: block;
		padding: 7px 8px 7px 24px;
		margin-bottom: 4px;
		color: #2f3d4f;
		border-radius: 7px;
		text-decoration: none;
	}
#pagesurmesure #sc_charte_toc .toc-subsection > summary > a
	{
		padding-left: 22px;
	}
#pagesurmesure #sc_charte_toc .toc-subsection > ul a
	{
		padding-left: 28px;
	}
#pagesurmesure #sc_charte_toc a.sc-charte-lvl-2
	{
		font-weight: 700;
	}
#pagesurmesure #sc_charte_toc a.active
	{
		background: #e9f2ff;
		color: #0f3058;
	}
#pagesurmesure .sc-charte-main
	{
		flex: 1;
		min-width: 0;
	}
#pagesurmesure #sc_charte_doc
	{
		background: #ffffff;
		border: 1px solid #ececf2;
		border-radius: 10px;
		padding: 25px;
	}
#pagesurmesure #sc_charte_doc h1
	{
		margin: 0px 0px 20px;
		font-size: 38px;
		line-height: 1.15;
	}
#pagesurmesure #sc_charte_doc h1:first-child
	{
		display: none;
	}
#pagesurmesure #sc_charte_doc h2
	{
		margin: 40px 0px 12px;
		font-size: 28px;
		line-height: 1.2;
		font-weight: 700;
		background: linear-gradient(to bottom, #0472b8 0%, #02a6e4 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
#pagesurmesure .sc-charte-main > h2#qcm-passer-a-lengagement-niveau-1
	{
		margin: 40px 0px 12px;
		font-size: 28px;
		line-height: 1.2;
		font-weight: 700;
		background: linear-gradient(to bottom, #0472b8 0%, #02a6e4 100%);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
#pagesurmesure #sc_charte_doc h3
	{
		margin: 28px 0px 10px;
		font-size: 22px;
		line-height: 1.25;
		background-color: #f88c3d;
		color: #ffffff;
		width: fit-content;
		padding: 3px 10px;
		border-radius: 5px;
	}
#pagesurmesure #sc_charte_doc h4
	{
		margin: 22px 0px 8px;
		font-size: 20px;
		line-height: 1.3;
		color: #f88c3d;
	}
#pagesurmesure #sc_charte_doc p
	{
		margin: 0px 0px 14px;
		line-height: 1.75;
		color: #323f50;
	}
#pagesurmesure #sc_charte_doc ul
	{
		margin: 0px 0px 14px 20px;
	}
#pagesurmesure #sc_charte_doc li
	{
		margin-bottom: 8px;
		line-height: 1.65;
		color: #323f50;
	}
#pagesurmesure #sc_charte_doc ul.sc-charte-engagement-list
	{
		margin: 0px 0px 14px 0px;
		padding-left: 0px;
		list-style: none;
	}
#pagesurmesure #sc_charte_doc ul.sc-charte-engagement-list li.sc-charte-engagement-item
	{
		width: -moz-fit-content;
		width: fit-content;
		padding: 3px 8px 3px 26px;
		background: linear-gradient(to bottom, #0472b8 0%, #02a6e4 100%);
		color: #ffffff;
		border-radius: 4px;
	}
#pagesurmesure #sc_charte_doc ul.sc-charte-engagement-list li.sc-charte-engagement-item::before
	{
		filter: brightness(0) invert(1);
		left: 7px;
	}
#pagesurmesure #sc_charte_doc h2,
#pagesurmesure #sc_charte_doc h3,
#pagesurmesure #sc_charte_doc h4
	{
		scroll-margin-top: 150px;
	}
#pagesurmesure #sc_charte_doc .sc-charte-niveau-line
	{
		display: flex;
		align-items: center;
		gap: 10px;
		flex-wrap: wrap;
		margin-bottom: 14px;
	}
#pagesurmesure #sc_charte_doc .sc-charte-niveau-line h3
	{
		margin: 0px;
	}
#pagesurmesure #sc_charte_doc .sc-charte-niveau-current
	{
		font-size: 22px;
		line-height: 1.25;
		background-color: #37a96b;
		color: #ffffff;
		width: fit-content;
		padding: 3px 10px;
		border-radius: 5px;
		font-weight: normal;
	}
#pagesurmesure .sc-charte-quiz
	{
		margin-top: 18px;
		border: 1px solid #ececf2;
		border-radius: 10px;
		background: #ffffff;
		overflow: hidden;
	}
#pagesurmesure .sc-charte-quiz-head
	{
		padding: 16px 18px;
		border-bottom: 1px solid #ececf2;
		background: #f8fbff;
	}
#pagesurmesure .sc-charte-quiz-title
	{
		margin: 0px;
		font-size: 22px;
		font-weight: 700;
		color: #1a3550;
	}
#pagesurmesure .sc-charte-quiz-sub
	{
		margin: 6px 0px 0px;
		color: #44566c;
	}
#pagesurmesure .sc-charte-quiz-body
	{
		padding: 16px 18px 18px;
	}
#pagesurmesure .sc-charte-quiz-note
	{
		margin: 0px;
		color: #44566c;
	}
#pagesurmesure #sc_charte_qcm_gate_msg
	{
		background-color: #37a96b;
		color: #ffffff;
		padding: 8px 12px;
		border-radius: 5px;
		font-weight: bold;
	}
#pagesurmesure .sc-charte-adherent-box
	{
		padding: 12px;
		border: 1px solid #e4eaf2;
		border-radius: 8px;
		background: #f8fbff;
		margin-bottom: 14px;
	}
#pagesurmesure .sc-charte-adherent-label
	{
		margin: 0px 0px 6px;
		font-weight: 700;
		color: #2b3f57;
	}
#pagesurmesure .sc-charte-adherent-input
	{
		width: 100%;
		padding: 10px 12px;
		border: 1px solid #cfd8e3;
		border-radius: 8px;
		font-size: 14px;
	}
#pagesurmesure .sc-charte-adherent-infos
	{
		margin-top: 10px;
	}
#pagesurmesure .sc-charte-adherent-loading,
#pagesurmesure .sc-charte-adherent-error
	{
		color: #44566c;
	}
#pagesurmesure .sc-charte-adherent-error
	{
		color: #9d2f2f;
	}
#pagesurmesure .sc-charte-adherent-card
	{
		border: 1px solid #e4eaf2;
		border-radius: 8px;
		padding: 10px;
		background: #ffffff;
	}
#pagesurmesure .sc-charte-adherent-societe-top
	{
		margin: 0px 0px 10px;
		text-align: center;
		font-size: 21px;
		line-height: 1.2;
		font-weight: bold;
		color: #ffffff;
		background: linear-gradient(to bottom, #0472b8 0%, #02a6e4 100%);
		padding: 5px 12px;
		border-radius: 6px;
	}
#pagesurmesure .sc-charte-adherent-top
	{
		display: flex;
		gap: 12px;
		align-items: center;
	}
#pagesurmesure .sc-charte-adherent-left
	{
		width: 45%;
		min-width: 150px;
	}
#pagesurmesure .sc-charte-adherent-right
	{
		flex: 1;
		min-width: 0;
	}
#pagesurmesure .sc-charte-adherent-logo
	{
		margin-bottom: 0px;
		text-align: right;
	}
#pagesurmesure .sc-charte-adherent-logo img
	{
		max-width: 100%;
		max-height: 120px;
		height: auto;
		width: auto;
		display: block;
		margin-left: auto;
	}
#pagesurmesure .sc-charte-adherent-left-societe
	{
		margin-top: 8px;
	}
#pagesurmesure .sc-charte-adherent-head
	{
		display: flex;
		gap: 10px;
		align-items: center;
	}
#pagesurmesure .sc-charte-adherent-head.sc-charte-adherent-head-photoonly
	{
		align-items: flex-start;
	}
#pagesurmesure .sc-charte-adherent-photo
	{
		width: 56px;
		height: 56px;
		border-radius: 50%;
		background-size: cover;
		background-position: center center;
		background-color: #eff3f8;
		flex: none;
	}
#pagesurmesure .sc-charte-adherent-main p
	{
		margin: 0px 0px 3px !important;
		line-height: 1.35;
	}
#pagesurmesure .sc-charte-adherent-societe
	{
		font-weight: 700;
		color: #2b3f57;
	}
#pagesurmesure .sc-charte-adherent-zone,
#pagesurmesure .sc-charte-adherent-siren
	{
		color: #44566c;
		font-size: 14px;
	}
#pagesurmesure .sc-charte-adherent-gerant-line
	{
		margin: 0px 0px 4px !important;
		line-height: 1.3;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 700;
		color: #2b3f57;
	}
@media all and (max-width: 700px)
	{
		#pagesurmesure .sc-charte-adherent-top
			{
				display: block;
			}
		#pagesurmesure .sc-charte-adherent-left
			{
				width: 100%;
				margin-bottom: 8px;
			}
		#pagesurmesure .sc-charte-adherent-logo
			{
				text-align: left;
			}
		#pagesurmesure .sc-charte-adherent-logo img
			{
				margin-left: 0px;
			}
	}
#pagesurmesure .sc-charte-q-section
	{
		margin-top: 12px;
		border: 1px solid #ececf2;
		border-radius: 8px;
		background: #ffffff;
	}
#pagesurmesure .sc-charte-q-section-title
	{
		margin: 0px;
		padding: 10px 12px;
		font-size: 16px;
		font-weight: 700;
		color: #2b3f57;
		background: #f6f9fc;
		border-bottom: 1px solid #ececf2;
	}
#pagesurmesure .sc-charte-question
	{
		padding: 12px;
		border-bottom: 1px solid #f0f2f5;
	}
#pagesurmesure .sc-charte-question:last-child
	{
		border-bottom: none;
	}
#pagesurmesure .sc-charte-q-prompt
	{
		margin: 0px 0px 8px;
		font-weight: 700;
		color: #2b3f57;
	}
#pagesurmesure .sc-charte-q-choice
	{
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin-bottom: 6px;
		color: #344a61;
		line-height: 1.4;
	}
#pagesurmesure .sc-charte-q-choice input
	{
		margin: 0px !important;
		flex: none !important;
		position: relative;
		top: 0px;
	}
#pagesurmesure .sc-charte-quiz-footer
	{
		margin-top: 4px;
		display: flex;
		gap: 10px;
		align-items: center;
		flex-wrap: wrap;
	}
#pagesurmesure .sc-charte-quiz-btn
	{
		appearance: none;
		border: 1px solid #cfd8e3;
		background: #ffffff;
		border-radius: 999px;
		padding: 10px 14px;
		font-weight: 700;
		color: #2b3f57;
		cursor: pointer;
		margin: 15px auto;
		display: block;
	}
#pagesurmesure .sc-charte-quiz-status
	{
		margin-top: 12px;
		padding: 10px 12px;
		border-radius: 8px;
		border: 1px solid #dce8f7;
		background: #f2f7fd;
		color: #2b3f57;
		display: none;
	}
#pagesurmesure .sc-charte-adherent-recap
	{
		margin-top: 4px;
	}
#pagesurmesure .sc-charte-adherent-recap-title
	{
		margin: 0px 0px 6px !important;
		font-weight: 700;
		color: #2b3f57;
	}
#pagesurmesure .sc-charte-adherent-recap-card
	{
		border: 1px solid #dfe7f2;
		border-radius: 8px;
		background: #f8fbff;
		padding: 10px 12px;
	}
#pagesurmesure .sc-charte-adherent-recap-card p
	{
		margin: 0px 0px 3px !important;
		line-height: 1.35;
		color: #344a61;
	}
@media all and (max-width: 1100px)
	{
		#pagesurmesure .sc-charte-grid
			{
				display: block;
			}
		#pagesurmesure .sc-charte-sidebar
			{
				width: 100%;
				position: static;
				margin-bottom: 15px;
			}
	}

header .headerbtn-static
	{
		cursor: default;
	}
header .headerbtn-static:hover
	{
		background-color: #1f1f58;
	}

#pagesurmesure.page-charte-swoax #divchatb,
#pagesurmesure.page-charte-swoax #econetochatbox
	{
		display: none !important;
		visibility: hidden !important;
	}