@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;0,900;1,800;1,900&display=swap');

@font-face {
    font-family: 'Avenir';
    font-style: normal;
    src: url('../fonts/AvenirBook.eot');
    src: url('../fonts/AvenirBook.eot') format('embedded-opentype'),
         url('../fonts/AvenirBook.woff2') format('woff2'),
         url('../fonts/AvenirBook.woff') format('woff'),
         url('../fonts/AvenirBook.ttf') format('truetype'),
         url('../fonts/AvenirBook.svg#AvenirBook01') format('svg');
}

@font-face {
    font-family: 'Avenir';
    font-style: italic;
    src: url('../fonts/AvenirBookOblique.eot');
    src: url('../fonts/AvenirBookOblique.eot') format('embedded-opentype'),
         url('../fonts/AvenirBookOblique.woff2') format('woff2'),
         url('../fonts/AvenirBookOblique.woff') format('woff'),
         url('../fonts/AvenirBookOblique.ttf') format('truetype'),
         url('../fonts/AvenirBookOblique.svg#AvenirBookOblique02') format('svg');
}

@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/AvenirBlack.eot');
    src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('../fonts/AvenirBlack.woff2') format('woff2'),
         url('../fonts/AvenirBlack.woff') format('woff'),
         url('../fonts/AvenirBlack.ttf') format('truetype'),
         url('../fonts/AvenirBlack.svg#AvenirBlack03') format('svg');
}

@font-face {
    font-family: 'Avenir';
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/AvenirBlackOblique.eot');
    src: url('../fonts/AvenirBlackOblique.eot') format('embedded-opentype'),
         url('../fonts/AvenirBlackOblique.woff2') format('woff2'),
         url('../fonts/AvenirBlackOblique.woff') format('woff'),
         url('../fonts/AvenirBlackOblique.ttf') format('truetype'),
         url('../fonts/AvenirBlackOblique.svg#AvenirBlackOblique04') format('svg');
}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	-ms-overflow-style: none;
}

body {
	font-family: 'Avenir', sans-serif;
	color: white;
	
}

body ::-webkit-scrollbar { width: 0 !important }  


.h1 .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	color: white;
}

.h1, h1 {
	font-size: 1.8em;
}

#loading {
	margin-top: -20px;
	display: none;
}

#content-programme #loading {
	display: block;
}

#loading h3 {
	margin-top: -25px;
	margin-bottom: 20px;
}

#openfl-content {
	background: #000000;
	width: calc(100% - 74px);
	height: 100%;
}

/*
#openfl-content.ready {
	width: calc(100% - 74px);
}
*/

/*
body.menu-open #openfl-content {
	width: calc(100% - 420px);
}
*/

.wrapper {
    display: flex;
    align-items: stretch;
}

.main-content {
    width: calc(100% - 74px);
    padding: 20px;
    min-height: 100vh;
    transition: all 0.5s;
}

.content {
	position: absolute;
	z-index: 10;
	width: calc(100% - 74px);
	min-height: 100vh;
	left: 0;
	top: 0;
	bottom: 0;
	transition: width 0.5s;
}

.menu-open .content {
	width: calc(100% - 420px);
}

.content-large {
	position: absolute;
	width: 100%;
	min-height: 100vh;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
}

.content-inner {
	padding: 40px;
	max-width: 900px;
	margin: 0 auto;
}

.content-large .content-inner {
	padding: 40px;
	max-width: 900px;
	margin: 0 auto;
}

@media (min-width: 1200px) {
	
	.content-inner {
		padding: 40px 80px;
	}
	
}

.scrollbar-light {
	/*height: 100%;*/
}

.scroll-wrapper {
	background: rgba(202, 0, 125, 0.9);
}

#sidebar .scroll-wrapper {
	background: transparent;
}

.scroll-element.scroll-x {
    display: none !important;
}

.scrollbar-light>.scroll-element.scroll-y {
	top: 125px;
	right: 14px;
	height: calc(100% - 139px);
	min-height: calc(100% - 139px);
}

#sidebar .scrollbar-light>.scroll-element.scroll-y {
	top: 20px;
	right: 3px;
	height: calc(100% - 40px);
	min-height: calc(100% - 40px);
}

.content-large.scrollbar-light>.scroll-element.scroll-y {
	top: 14px;
	right: 14px;
	height: calc(100% - 28px);
	min-height: calc(100% - 28px);
}

.scrollbar-light>.scroll-element {
    background-color: transparent;
}

.scrollbar-light>.scroll-element .scroll-element_size {
	background: rgba(255, 255, 255, 0.3);
}



#alerte-live {
	display: none;
	position: fixed;
	z-index: 5;
	top: 20px;
	left: 0;
	right: 0;
	text-align: center;
}

#alerte-live a {
    display: inline-block;
    padding: 14px;
    font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #2D2A26;
	text-shadow: 0px 10px 0px rgba(247, 217, 235, 0.7);
    background: url(../img/bg-btn-nav.png) #FFFFFF repeat;
    background-size: 18px 18px;
	border: 3px solid #C9007B;
	box-sizing: border-box;
	box-shadow: 8px 8px 0px #C9007B;
}

#alerte-live a:hover {
	background: url(../img/bg-btn-nav.png) #F7D9EB repeat;
    background-size: 18px 18px;
}

#alerte-live a span {
	color: #C9007B;
}

#alerte-live a img {
	float: right;
}

.logo-map {
	position: absolute;
    width: 170px;
    top: 20px;
    left: 20px;
    z-index: 4;
}

.content .logo,
.content-large .logo {
	width: 170px;
    margin-top: -45px;
	margin-bottom: 40px;
}

#content-site-ferme.content-large .logo {
    margin-top: 0px;
}

.content h1,
.content-large h1 {
	font-style: normal;
	font-weight: 900;
	/*font-size: 30px;*/
	line-height: 37px;
	text-transform: uppercase;
	text-shadow: 0px 12px 0px rgba(255, 255, 255, 0.3);
	margin-bottom: 20px;
}

.content h2,
.content-large h2 {
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 18px;
}

.content h3,
.content-large h3 {
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	line-height: 19px;
	margin-bottom: 20px;
}

.content p,
.content-large p {
	color: white;
	font-size: 16px;
	line-height: 23px;
	text-align: justify;
}

.content a,
.content-large a {
	color: white;
	font-weight: bold;
}

.content .text-content a,
.content-large .text-content a {
	color: #2D2A26;
	font-weight: bold;
}

.btn-close {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	margin: 8px auto 0 auto;
	padding: 0;
	background: white;
	border: 3px solid #2D2A26;
	box-shadow: 8px 8px 0px #2D2A26;
	border-radius: 0;
}

.btn-close::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 25px;
	top: 9px;
	left: 10px;
	z-index: 50;
	background: url(../img/close.png) no-repeat center center;
	background-size: 24px 25px;
	transform: rotate(180deg);
	transition: all 0.5s;
}

.btn-close:hover {
	background: #F7D9EB;
}

#loading {
	
}

.btn-primary {
	display: inline-block;
	width: auto;
	height: 48px;
	padding: 0 17px;
	color: #2D2A26;
	font-size: 1.3em;
	font-weight: 900;
	border: 3px solid #2D2A26;
	box-shadow: 8px 8px 0px #2D2A26;
	border-radius: 0;
	text-transform: uppercase;
	background: white;
}

.btn-primary:hover {
	color: #2D2A26;
	border: 3px solid #2D2A26;
	background: #F7D9EB;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
	color: #2D2A26;
	border: 3px solid #2D2A26;
	background: white;
	box-shadow: 8px 8px 0px #2D2A26;
}

@media (max-width: 767px) {
	.btn-close {
		margin-right: 0;
	}
}

.video-shadow-1 .embed-responsive,
.video-shadow-1 img,
.video-shadow-1 .plyr {
	border: 4px solid #2D2A26;
	background: white;
	position: relative;
	z-index: 10;
}

.video-shadow-1 {
	margin-right: 30px;
	margin-bottom: 55px;
}

#content-voeux .video-shadow-1 {
	/*margin-bottom: 0;*/
}

.video-shadow-1,
.video-shadow-2,
.video-shadow-3 {
	position: relative;
}

.video-shadow-1::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 3;
}

.video-shadow-2::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 2;
}

.video-shadow-3::after {
	content: "";
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 1;
}


.text-shadow-1 .text-content {
	border: 4px solid #2D2A26;
	background: white;
	position: relative;
	z-index: 10;
	padding: 40px 70px;
}

.text-shadow-1 .text-content h1 {
	color: #C9007B;
	text-shadow: 0px 12px 0px #F7D9EB;
}

.text-shadow-1 .text-content h5 {
	color: #C9007B;
	font-weight: 900;
}

.text-shadow-1 .text-content p {
	color: #2D2A26;
}

#content-programme .text-shadow-1 .text-content p a {
	color: #2D2A26;
	font-size: 1.15rem;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

#content-programme .text-shadow-1 .text-content p a:hover {
	color: #01B1AF;
}

.text-shadow-1 {
	margin-right: 30px;
	margin-bottom: 55px;
}

.text-shadow-1,
.text-shadow-2,
.text-shadow-3 {
	position: relative;
}

.text-shadow-1::after {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 3;
}

.text-shadow-2::after {
	content: "";
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 2;
}

.text-shadow-3::after {
	content: "";
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: -10;
	width: 100%;
	height: 100%;
	border: 4px solid #2D2A26;
	background: white;
	z-index: 1;
}


#sidebar {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
    min-width: 420px;
    max-width: 420px;
    background: #7386D5;
    color: #fff;
    transition: all 0.5s;
    order: 1;
    background: url(../img/bg-nav.png) #4DC8C6 repeat fixed;
	background-size: 24px 24px;
	background-blend-mode: multiply, normal;
	box-shadow: inset 4px 0px 0px #C9007B;
	z-index: 100;
	font-family: 'Montserrat', sans-serif;
}

#sidebar.active {
    min-width: 74px;
    max-width: 74px;
    text-align: center;
}

.zone-scroll {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: none;
}

#sidebar-collapse {
	position: relative;
	width: 48px;
	height: 48px;
	left: -23px;
	top: 48px;
	padding: 0;
	background: white;
	border: 3px solid #C9007B;
	box-shadow: 8px 8px 0px #C9007B;
	border-radius: 0;
}

#sidebar-collapse:hover {
	background: #F7D9EB;
}

#sidebar.active #sidebar-collapse {
	left: -34px;
}

#sidebar-collapse::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 25px;
	top: 9px;
	left: 10px;
	z-index: 101;
	background: url(../img/sidebar_collapse.png) no-repeat center center;
	background-size: 24px 25px;
	transform: rotate(180deg);
	transition: all 0.5s;
}

#sidebar.active #sidebar-collapse::before {
	top: 9px;
	left: 8px;
	transform: rotate(0deg);
}

#sidebar #sidebar-header {
	display: none;
	position: relative;
	left: 2px;
	top: calc(50% - 80px);
	color: #C9007B;
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	text-shadow: 4px 8px 0px rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

#sidebar.active #sidebar-header {
    display: block;
}

#sidebar-back {
	display: none;
	position: relative;
	width: auto;
	height: 48px;
	left: 80px;
	top: 48px;
	padding: 0 17px 0 35px;
	color: #C9007B;
	font-size: 1.3em;
	font-weight: 900;
	background: url(../img/sidebar_back.png) no-repeat white;
	background-size: 13px 24px;
	background-position: 10px 10px;
	border: 3px solid #C9007B;
	box-shadow: 8px 8px 0px #C9007B;
	border-radius: 0;
	text-transform: uppercase;
}

#sidebar-back:hover {
	background: url(../img/sidebar_back.png) no-repeat #F7D9EB;
	background-size: 13px 24px;
	background-position: 10px 10px;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar ul.components {
	display: block;
    padding: 0 35px 0 29px;
    position: relative;
}

#sidebar ul#menu-0 {
	margin: 20px 0 0 0;
    height: 1000px;
}

#sidebar ul#menu-0.prog-disable {
	height: 930px;
}

#sidebar ul.menu-poi {
	margin: 100px 0 0 0;
	display: none;
}

#sidebar ul#menu-poi1 {
    height: 560px;
}

#sidebar ul#menu-poi2 {
    height: 390px;
}

#sidebar ul#menu-poi3 {
    height: 580px;
}

#sidebar ul#menu-poi4 {
    height: 790px;
}

#sidebar ul#menu-poi5 {
    height: 560px;
}

#sidebar ul#menu-poi6 {
    height: 750px;
}

#sidebar ul#menu-poi7 {
    height: 480px;
}

#sidebar.active ul.components {
	display: none;
}

#sidebar ul.components li {
	position: absolute;
	margin-bottom: 40px;
}

#sidebar ul li a {
    display: inline-block;
    padding: 14px;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #C9007B;
	text-shadow: 0px 10px 0px rgba(247, 217, 235, 0.7);
    background: url(../img/bg-btn-nav.png) #FFFFFF repeat;
    background-size: 18px 18px;
	border: 3px solid #C9007B;
	box-sizing: border-box;
	box-shadow: 8px 8px 0px #C9007B;
}

#sidebar ul li a:hover {
	background: url(../img/bg-btn-nav.png) #F7D9EB repeat;
    background-size: 18px 18px;
}

#sidebar ul li a img {
	margin-bottom: 14px;
}

#sidebar ul li.nav-title span {
	display: inline-block;
	font-weight: 900;
	font-size: 32px;
	line-height: 39px;
	text-transform: uppercase;
	color: #FFFFFF;	
	text-shadow: 0px 12px 0px rgba(255, 255, 255, 0.3);
	margin-left: 18px;
}

#sidebar ul li.nav-title img {
	vertical-align: top;
	margin-top: 7px;
}

#sidebar ul li.nav-voeux a {
	position: relative;
	border: none;
	background: none;
    padding-bottom: 0;
    box-shadow: none;
}

#sidebar ul li.nav-voeux a span {
	display: block;
	position: absolute;
	top: 170px;
	left: 0px;
	z-index: 310;
	width: 270px;
    padding: 14px;
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #C9007B;
	text-shadow: 0px 10px 0px rgba(247, 217, 235, 0.7);
    background: url(../img/bg-btn-nav.png) #FFFFFF repeat;
    background-size: 18px 18px;
	border: 3px solid #C9007B;
	box-sizing: border-box;
	box-shadow: 8px 8px 0px #C9007B;
}

#sidebar ul li.nav-voeux a:hover span {
	background: url(../img/bg-btn-nav.png) #F7D9EB repeat;
    background-size: 18px 18px;
}

#sidebar ul li.nav-voeux a img {
	position: absolute;
	z-index: 300;
	margin-left: 10px;
    width: 315px;
}

#sidebar ul li.nav-programme {
	top: 255px;
    width: 355px;
	z-index: 200;
}

#sidebar ul.prog-disable li.nav-programme {
	display: none;
}

#sidebar ul li.nav-programme a {
	display: block;
	color: white;
	text-shadow: 0px 10px 0px rgba(247, 217, 235, 0.3);
	border: 3px solid #FFFFFF;
	background: url(../img/bg-btn-nav-prog.png) #C9007B repeat;
    background-size: 18px 18px;
    padding-bottom: 20px;
}

#sidebar ul li.nav-programme a:hover {
	background: url(../img/bg-btn-nav-prog.png) #b80072 repeat;
    background-size: 18px 18px;
}

#sidebar ul li.nav-programme a img {
	float: right;
}

#sidebar ul li.nav-type1 {
	margin-left: 35px;
}

#sidebar ul li.nav-type1 a {
	padding-right: 60px;
}

#sidebar ul li.nav-type2 {
	text-align: right;
}

#sidebar ul li.nav-type2 a {
	text-align: right;
}

#sidebar ul li.nav-type3 a {
	text-align: right;
	width: 255px;
}

#sidebar ul li.nav-type3 a img {
	float: left;
}

#sidebar ul li.nav-type4 a {
	
}

#sidebar ul li#nav-item1 {
	z-index: 200;
}

#sidebar ul li#nav-item2 {
	z-index: 200;
}

#sidebar ul li#nav-item3 {
	top: 335px;
	z-index: 200;
}

#sidebar ul li#nav-item4 {
	top: 370px;
    left: 227px;
	z-index: 230;
}

#sidebar ul li#nav-item5 {
	top: 515px;
	z-index: 220;
}

#sidebar ul li#nav-item6 {
	top: 590px;
    left: 207px;
	z-index: 210;
}

#sidebar ul li#nav-item6 a {
	width: 180px;
}

#sidebar ul li#nav-item7 {
	top: 650px;
	z-index: 200;
}

#sidebar ul li#nav-item8 {
	top: 770px;
    left: 232px;
	z-index: 210;
}

#sidebar ul li#nav-item8 a {
	width: 155px;
}

#sidebar ul li#nav-item8 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-item9 {
	top: 830px;
	z-index: 200;
	margin-left: 0;
}

#sidebar ul li#nav-item9 a {
	width: 260px;
}

#sidebar ul.prog-disable li#nav-item3 {
	top: 265px;
}

#sidebar ul.prog-disable li#nav-item4 {
	top: 300px;
}

#sidebar ul.prog-disable li#nav-item5 {
	top: 445px;
}

#sidebar ul.prog-disable li#nav-item6 {
	top: 520px;
}

#sidebar ul.prog-disable li#nav-item7 {
	top: 580px;
}

#sidebar ul.prog-disable li#nav-item8 {
	top: 700px;
}

#sidebar ul.prog-disable li#nav-item9 {
	top: 760px;
}


/* SOUS-MENU 01 */

#sidebar ul li#nav-1-item1 {
	top: 130px;
	left: 155px;
	z-index: 210;
}

#sidebar ul li#nav-1-item1 a {
	width: 220px;
}

#sidebar ul li#nav-1-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-1-item2 {
	top: 240px;
    z-index: 200;
    margin-left: 0;
    margin-right: 30px;
}

#sidebar ul li#nav-1-item3 {
	top: 382px;
    left: 143px;
    z-index: 190;
}

#sidebar ul li#nav-1-item4 {
	top: 495px;
    z-index: 180;
	margin-left: 0;
}

#sidebar ul li#nav-1-item4 a {
	width: 225px;
}

#sidebar ul li#nav-1-item5 {
	top: 633px;
    left: 118px;
    z-index: 200;
}

#sidebar ul li#nav-1-item5 img {
	float: right;
	margin-top: 15px;
	margin-bottom: 0;
}

#sidebar ul#menu-poi4.questions-disable {
    height: 670px;
}

#sidebar ul.questions-disable li#nav-1-item3 {
	display: none !important;
}

#sidebar ul.questions-disable li#nav-1-item4 {
	top: 377px;
    left: 149px;
    z-index: 200;
}

#sidebar ul.questions-disable li#nav-1-item4 a {
    text-align: right;
    padding-right: 14px;
}

#sidebar ul.questions-disable li#nav-1-item5 {
	top: 512px;
    left: auto;
    z-index: 200;
}

#sidebar ul.questions-disable li#nav-1-item5 a {
    text-align: left;
}

#sidebar ul.questions-disable li#nav-1-item5 img {
    float: left;
}

/* SOUS-MENU 02 */

#sidebar ul li#nav-2-item1 {
	top: 160px;
    left: 133px;
	z-index: 210;
}

#sidebar ul li#nav-2-item1 a {
	width: 245px;
}

#sidebar ul li#nav-2-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-2-item2 {
	top: 265px;
    z-index: 200;
    margin-left: 0;
}

#sidebar ul li#nav-2-item3 {
	top: 392px;
    left: 198px;
    z-index: 200;
}

#sidebar ul li#nav-2-item3 a {
	 width: 180px;
}


/* SOUS-MENU 03 */

#sidebar ul li#nav-3-item1 {
	top: 165px;
	left: 155px;
	z-index: 210;
}

#sidebar ul li#nav-3-item1 a {
	width: 220px;
}

#sidebar ul li#nav-3-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-3-item2 {
	top: 240px;
    z-index: 200;
    margin-left: 0;
}

#sidebar ul li#nav-3-item3 {
	top: 328px;
    left: 190px;
    z-index: 190;
}

#sidebar ul li#nav-3-item3 a {
	width: 190px;
}

#sidebar ul li#nav-3-item4 {
	top: 415px;
    z-index: 180;
}

#sidebar ul li#nav-3-item4 a {
	width: 195px;
}

/* SOUS-MENU 04 */

#sidebar ul li#nav-4-item1 {
	top: 130px;
    left: 155px;
    z-index: 210;
}

#sidebar ul li#nav-4-item1 a {
	width: 220px;
}

#sidebar ul li#nav-4-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-4-item2 {
	top: 206px;
    z-index: 200;
    margin-left: 0;
}

#sidebar ul li#nav-4-item3 {
	top: 315px;
    left: 180px;
    z-index: 190;
}

#sidebar ul li#nav-4-item3 a {
	width: 200px;
}

#sidebar ul li#nav-4-item4 {
	top: 405px;
    z-index: 180;
}

#sidebar ul li#nav-4-item4 a {
	width: 250px;
}


/* SOUS-MENU 05 */

#sidebar ul li#nav-5-item1 {
	top: 130px;
    left: 155px;
    z-index: 210;
}

#sidebar ul li#nav-5-item1 a {
	width: 220px;
}

#sidebar ul li#nav-5-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-5-item2 {
	top: 206px;
    z-index: 200;
    margin-left: 0;
}

/* SOUS-MENU 06 */

#sidebar ul li#nav-6-item1 {
	top: 130px;
    left: 145px;
    z-index: 210;
}

#sidebar ul li#nav-6-item1 a {
	width: 230px;
}

#sidebar ul li#nav-6-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-6-item2 {
	top: 250px;
    z-index: 200;
    margin-left: 0;
}

#sidebar ul li#nav-6-item3 {
	top: 380px;
    left: 180px;
    z-index: 190;
}

#sidebar ul li#nav-6-item3 a {
	width: 200px;
}
   
   
/* SOUS-MENU 07 */

#sidebar ul li#nav-7-item1 {
	top: 130px;
	left: 130px;
	z-index: 210;
}

#sidebar ul li#nav-7-item1 a {
	width: 250px;
}

#sidebar ul li#nav-7-item1 img {
	float: right;
	margin-bottom: 0;
}

#sidebar ul li#nav-7-item2 {
	top: 292px;
    z-index: 200;
    margin-left: 0;
}

#sidebar ul li#nav-7-item3 {
	top: 450px;
    left: 180px;
    z-index: 210;
}

#sidebar ul li#nav-7-item4 {
	top: 495px;
    z-index: 180;
	margin-left: 25px;
}

#sidebar ul li#nav-7-item4 a {
	width: 225px;
}

#sidebar ul li#nav-7-item5 {
	top: 604px;
    left: 130px;
    z-index: 170;
}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: -20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}