@import url("../../../assets/css/fonts.css");

.tk-ratio { font-family: "Ratio",sans-serif; }
.tk-ratio-display { font-family: "Ratio-display",sans-serif; }


body {
	height: auto;
	/* background: #f5f5f5; */
	background: #011e9c !important
}
#container-wrap,
#container_head_wrap {
	position: relative;
	height: auto;
	background: transparent;
	padding-top: 60px;
}
#container:not([style*="zoom"]) { 
	margin: 80px auto 50px;
	height: auto;
	padding: 0 24px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid rgba(0,0,0,.05);
	box-shadow: 0 0 15px rgba(0,0,0,.1)
}
#container_head {
	display: flex;
	justify-content: space-between;
	height: 55px;
	margin: 0 auto;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border: 0px solid rgba(0,0,0,.05);
}
.titre_page {
	display: table;
	width: 100%;
}
.table_titre {
	display: table-cell;
	vertical-align: middle;
	padding-right: 60px;
	text-align: center;
}
.titre_page h1 {
	color: #008386;
	font-family: Ratio;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.01em;
}
.logo_doc {
	text-align: center;
}

.lien_accueil {
	text-align: left;
	width: 60px;
	float: left;
}

@media (max-width: 991px) {
	#container:not([style*="zoom"]),
	#container_head {
		width: 90%;
	}
}
@media (min-width: 992px) {
	#container:not([style*="zoom"]),
	#container_head {
		width: 850px;
	}
}

nav {
	position: absolute;
	top: 1px;
	left: 0px;
}

#container_nav {
	position: fixed;
	top: 55px;
	height: 60px;
	background: #fff;
	left: 0;
	width: 100%;
	z-index: 50;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}

/* ligne 114 */
.pageItem, 
svg { 
	position:relative; 
	top:0; 
	left:0; 
}
/* ligne 161 */
.page, 
.page-scale-wrap {
	position:relative; 
	float:none; 
	overflow:hidden;
}
/* ligne 387 */
span.tabbed-standard {
    text-indent: 2ex;
    padding-left: 2ex;
    color: red;
    background: #33fff3;
	min-height: 12px;
}
.pageItem.singleline {
	min-height: 12px !important;
}
/* ligne 445 */
.page-scale-wrap { 
	width:auto !important; 
	height:auto !important; 
	background: #fff !important; 
}
/* ligne 446 */
.paper-vertical { 
	width:auto !important; 
	height:auto !important; 
}
/* ligne 1801 */
#item66133 {
    width: 564px !important;
    height: 683px !important;
    left: 45px !important;
    top: 74px !important;
    border-radius: 0 0 0 69px;
    background: #008386;
}
h2.autoParaStyle5,
h2.autoParaStyle8 {
	font-weight:500;
	font-family:Ratio;
	font-size:55px;
	line-height:58px;
	color:#fff;
	text-align:left;
    left: 0 !important;
    border-radius: 0 0 0 69px;
    background: #008386;
	padding: 150px 30px 60px;
	width: 470px;
	max-width: 90%;
	margin: 50px 15px 50px auto;
	position: relative;
}
@media (min-width: 992px) {
	h2.autoParaStyle5,
	h2.autoParaStyle8 {
		font-size:66px;
		line-height:60px;
		width: 470px;
		max-width: 95%;
	}
}
h2.autoParaStyle5 span,
h2.autoParaStyle8 span {
	display: block;
}
#item52812:after {
	content: " ";
	display: table;
	height: 10px;
}

/* ligne 1906 */
.Encadre p {
	font-weight:500;
	font-family:FF-Marianne-Medium,Marianne,serif;
	font-size:12px;
	line-height:1.4;
	color:#008386;
	hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens:none;
	hyphenate-after:4;
	-ms-hyphenate-after:4;
	-moz-hyphenate-after:4;
	-webkit-hyphenate-after:4;
	hyphenate-before:4;
	-ms-hyphenate-before:4;
	-moz-hyphenate-before:4;
	-webkit-hyphenate-before:4;
	padding-left:11px;
	padding-right:11px;
	padding: 10px 0 5px;
	margin-top:0px;
	margin-bottom:0px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
p.Encadre-Titre {
	font-weight:bold;
	font-family:FF-Marianne-ExtraBold,Marianne,serif;
	font-size:13px;
	line-height:1.5;
	color:#008386;
	text-transform:uppercase;
	hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens:none;
	hyphenate-after:4;
	-ms-hyphenate-after:4;
	-moz-hyphenate-after:4;
	-webkit-hyphenate-after:4;
	hyphenate-before:4;
	-ms-hyphenate-before:4;
	-moz-hyphenate-before:4;
	-webkit-hyphenate-before:4;
	padding-left:1px;
	padding-right:1px;
	padding: 0px;
	margin-top:0px !important;
	text-align:left;
	border-color:#fff;
	border-style:solid;
	border-width:0px;
	border-radius:14.1732283464567px 0 14.1732283464567px 0;
}
.Encadre {
	padding-left:11px;
	padding-right:11px;
	padding: 12px;
	margin-top:23px;
	text-align:left;
	border-color:#008386;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-radius:14.1732283464567px 0 14.1732283464567px 0;
}
/* ligne 1966 */
p._04-Chap-Inter {
	font-weight:bold;
	font-family:FF-Marianne-Bold,Marianne,serif;
	font-size:14px;
	line-height:1.4;
	color:#f18715;
	letter-spacing:0.010em;
	margin-top:11px;
	margin-bottom:9px;
	text-align:left;
}
/* ligne 1978 */
h4._03-Chap-SousTitre,
p._03-Chap-SousTitre {
	font-weight:500;
	font-family:Ratio;
	font-size:21px;
	line-height:24px;
	color:#008386;
	text-decoration:underline;
	text-decoration-color:#f8b46d;
	-webkit-text-decoration-color:#f8b46d;
	text-underline-offset: 0.09rem;
	text-decoration-thickness: 5px;
	margin-top:14px;
	margin-bottom:16px;
	text-align:left;
	-webkit-column-span:all;
	column-span:all;
}
/* ligne 1994 */
h3._02-Chap-Titre,
p._02-Chap-Titre {
	font-family:Ratio;
	font-size:12px;
	line-height:14.4px;
	color:#f18715;
	letter-spacing:-0.020em;
	padding:11px;
	margin-top:51px;
	margin-bottom:23px;
	text-align:left;
	border-color:#008386;
	border-style:solid;
	border-width:2px;
	border-radius:8.50393700787402px 8.50393700787402px 8.50393700787402px 8.50393700787402px;
	-webkit-column-span:all;
	column-span:all;
}
._02-Chap-Titre img {
	margin-top: -53px !important;
}
/* ligne 2042 */
ol.Texte-Courant-Puce-Chiffre > li {
	font-family:FF-Marianne-Regular,Marianne,serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	letter-spacing:0.010em;
	text-indent:0;
	padding-left:1px;
	margin-bottom:6px;
	list-style-type:decimal;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
ol.Texte-Courant-Puce-Chiffre {
	margin-left: 1.7em;
}
ol.Texte-Courant-Puce-Chiffre > li::marker {
	color: #f18715;
	padding-left: 5px;
	font-weight: 700;
}

ul.Texte-Courant---puce > li {
	font-family:FF-Marianne-Regular,Marianne,serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	letter-spacing:0.010em;
	padding-left:26px;
	margin-bottom:6px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
ul.Texte-Courant---puce > li::before {
	content:'\2022';
	position:absolute;
	display:inline-block;
	left:14.1732283464567px;
	width:0;
	font-weight:bold;
	font-family:FF-Marianne-ExtraBold,Marianne,serif;
	color:#f18715;
}
/* ligne 2057 */
ul.Texte-Courant---puce > li {
	font-family:FF-Marianne-Regular,Marianne,serif;
	font-size:13px;
	line-height:16px;
	color:#000;
	letter-spacing:0.010em;
	padding-left:26px;
	margin-bottom:6px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
/* ligne 2080 */
p.Texte-Courant {
	font-family:FF-Marianne-Regular,Marianne,serif;
	font-size:13px;
	line-height:1.4;
	color:#000;
	letter-spacing:0.010em;
	hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	-webkit-hyphens:none;
	hyphenate-after:4;
	-ms-hyphenate-after:4;
	-moz-hyphenate-after:4;
	-webkit-hyphenate-after:4;
	hyphenate-before:4;
	-ms-hyphenate-before:4;
	-moz-hyphenate-before:4;
	-webkit-hyphenate-before:4;
	margin-bottom:9px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
/* ligne 2125 */
p._02-Chapo-Suite {
	font-weight:500;
	font-family:FF-Marianne-Medium,Marianne,serif;
	font-size:14px;
	line-height:1.4;
	color:#008386;
	margin-bottom:9px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}

p._01-Chapo-Lettrine {
	font-weight:500;
	font-family:FF-Marianne-Medium,Marianne,serif;
	font-size:14px;
	line-height:1.4;
	color:#008386;
	margin-bottom:9px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
/* ligne 2148 */
p._01-Chapo-Lettrine:first-child:first-letter {
	font-size:77.2px;
	padding:0px 3px 0 0;
	float:left;
	line-height: .8;
}
/* ligne 2104 */
ul._03-Chapo-Puce > li {
	font-weight:500;
	font-family:FF-Marianne-Medium,Marianne,serif;
	font-size:14px;
	line-height:18px;
	color:#008386;
	padding-left:26px;
	margin-bottom:9px;
	-moz-text-align-last:left;
	text-align-last:left;
	text-align:left;
}
/* ligne 2263 */
span.TitrePrincipe {
	font-weight:300;
	font-size:24px;
	text-transform:uppercase;
	line-height: 1.1;
}
@media (min-width: 992px) {
	span.TitrePrincipe {
		font-size:28px;
	}
}
/* ligne 2284 */
span.Yo-Chap-N° {
	font-size: 200px;
	height: 120px;
	padding-bottom: 20px;
}
span.Yo-DisplayThin {
    font-weight: 200;
    font-size: 50px;
}
@media (min-width: 992px) {
	span.Yo-DisplayThin {
		font-weight: 200;
		font-size: 66px;
	}
}
/* ligne 2312 */
span.Yo-Chap-Titre-DisplayMedium-BDC {
	font-weight:500;
	font-family:Ratio;
	font-size:18px;
	text-transform: none;
	display: block;
}

body div[id^="item"].pageItem {
	width: auto !important;
    left: 0 !important;
    top: 0 !important;
    min-height: 1px !important;
}

.marg_top_20 {
	margin-top: 20px;
}

.couv {
	text-align: center;
}
.couv img {
	max-width: 95% !important;
}

header.header_page {
	height: 55px;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	background: #fff;
}

.progress_bar {
	position: fixed;
	height: 10px;
	background: orange;
	bottom: 0px;
	left: 0;
	right: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	z-index: 120;
}
.Yo-Bold {
	font-weight: bold;
}

.highlight {  
	background: #333 !important;
	color: #fff; 
	padding: 5px 10px;
	border: solid 2px #444;
	font-size: 13px;
	letter-spacing: 0.02em;
} 
.highlighter { 
	border: 1px solid #eee; 
	background: red !important;
	color: white; 
	padding: 5px 10px;
} 
.tooltip-inner {
	background: #132144 !important;
	background: #2b4297 !important;
	background: #4a6fc3 !important;
	opacity: 1 !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #4a6fc3 !important;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #4a6fc3 !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #4a6fc3 !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4d4d4d !important;
}

.txt_mini {
	font-size: 6px;
}

/* -------------------------------- 

Icons 

-------------------------------- */

.cd-icon {
  --size: 1em;
  font-size: var(--size);
  height: 1em;
  width: 1em;
  display: inline-block;
  color: inherit;
  fill: currentColor;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}

.cd-icon use { /* SVG symbols - enable icon color corrections */
  color: inherit;
  fill: currentColor;
}

/* -------------------------------- 

Component 

-------------------------------- */

.back-to-top {
	--size: 40px;
	width: var(--size);
	height: var(--size);
	display: flex;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 10;
	border-radius: 50%;
	background-color: hsla(230, 13%, 9%, 0.9);
	visibility: hidden;
	opacity: 0;
	transition: 0.2s;
	box-shadow: 0 0 15px rgba(255,255,255,.3);
}

.back-to-top:hover {
  background-color: hsl(230, 13%, 9%);
}

.back-to-top .cd-icon {
  --size: 20px;
  display: block;
  margin: auto;
  color: hsl(0, 0%, 100%);
}

.back-to-top--is-visible {
  visibility: visible;
  opacity: 1;
}

/* ====================================================================================
Styles Sommaire
==================================================================================== */

.tocible .Yo-Chap-N°,
.tocible .Yo-DisplayThin {
	font-family: Ratio;
	font-family: FF-Marianne-Bold,Marianne,serif;
	color: #f18715;
	font-size: 18px !important;
	line-height: 20px;
	/* font-weight: 400 !important; */
}
.tocible .Yo-Chap-N° {
	padding-right: 15px;
	font-size: 24px;
}
.tocible .TitrePrincipe img {
	display: none;
}
.tocible .TitrePrincipe {
	font-family: FF-Marianne-Bold,Marianne,serif;
	color: #008386;
	font-size: 13px;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0.12px;
}
.tocible .texte_italic {
	font-style: italic;
}
.tocible .Yo-Chap-Titre-DisplayMedium-BDC {
	display: block;
	font-size: inherit;
}


