/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  
}

body {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #ffffff;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
}

a {
  color: #a0f6aa;
  text-decoration: none;
}
h1 {
  font-family: Arial, sans-serif;
  font-size: 25px;
  text-align: center;  
  color: #222;
}
.font-bold {
  font-family: Arial, sans-serif;	
}
input {
  font-family: Arial, sans-serif;
  font-size: 16px;
}
header {
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
}
#content {
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 35px;
	margin-bottom: 55px;
}
#content .video-js {
	margin: 0 auto;
}
.video-js-audio {
  height: 32px; 
}
.video-js-audio .vjs-big-play-button {
	display: none; 
}
.video-js-audio .vjs-fullscreen-control {
	display: none; 
}
.video-js-audio .vjs-loading-spinner {
	display: none; 
}
.video-js-audio .vjs-control-bar {
	display: -ms-flexbox;
	display: flex;
	visibility: visible;
	opacity: 1; 
}
footer {
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
}
footer p {
	font-size: 12px;
	font-weight: 400;
	color: #808080;
	margin-top: 2px;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.cd-accordion-menu ul {
  display: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  background: #0c69a7;
  box-shadow: none;
  color: #ffffff;
  padding: 8px 24px 8px 35px;
  font-size: 16px;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #004c80;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before {
  background: url(../images/icons.png) no-repeat 0 0;
}
.cd-accordion-menu label.titre-niv3::before {
  background: url(../images/icons.png) no-repeat -16px 0;
}
.cd-accordion-menu label::before {
  left: 10px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu a.image::after {
  /* image icon */
  background: url(../images/icons.png) no-repeat -32px 0;
}
.cd-accordion-menu a.pdf::after {
  /* image icon */
  background: url(../images/icons.png) no-repeat -48px 0;
}
.cd-accordion-menu a.video::after {
  /* image icon */
  background: url(../images/icons.png) no-repeat -64px 0;
}
.cd-accordion-menu a.audio::after {
  /* image icon */
  background: url(../images/icons.png) no-repeat -80px 0;
}
.cd-accordion-menu a.doc::after {
  /* image icon */
  background: url(../images/icons.png) no-repeat -96px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu > li {
	margin-bottom: 30px;
	background: #fff;
}
.cd-accordion-menu ul label {
  background: #66a9cd;
  box-shadow: none;
  padding-left: 60px;
  margin-top: 2px;
}
.cd-accordion-menu label.titre-niv2 {
	background: #66a9cd;
}
.cd-accordion-menu label.titre-niv2:hover {
	background: #3886ba !important;
}
.cd-accordion-menu label.titre-niv3 {
	background: #cce2ee !important;
	color: #0a6aa8 !important;
}
.cd-accordion-menu label.titre-niv3:after {
	color: #0a6aa8 !important;
}
.cd-accordion-menu label.titre-niv3:hover {
	background: #99cbe6 !important;
	color: #0a6aa8 !important;
}
.cd-accordion-menu ul a {
  background: #cce2ee;
  box-shadow: none;
  padding-left: 60px;
  margin-top: 4px;
  font-size: 14px;
  color: #0c68a7;
}
.cd-accordion-menu ul a:hover {
  background: #99c5de !important; 
  text-decoration: underline;
}
.cd-accordion-menu ul label::before {
  left: 35px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left: 35px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 85px;
}
.cd-accordion-menu ul ul label::before {
  left: 60px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left: 60px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 110px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 96px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left: 85px;
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}