/*** Body ***/

body {
	font-family: Arial, sans-serif;
}

/*** Link ***/
a {
	color: #1b2a66;
	text-decoration: none;
}

a:hover {
	color: #2b43a4;
	text-decoration: underline;
}

.cursor-pointer {
	cursor: pointer !important;
}

/*** Url **/
a.no-underline {
	text-decoration: none !important;
}

a.no-underline:hover .u {
	text-decoration: underline !important;
}

/*** Data ***/
[data-url] {
	cursor: pointer;
}

/*** Padding ***/
.padding-5 {
	padding-left: 5px;
	padding-right: 5px;
}

/*** Width ***/
.w-80 {
	width: 80% !important;
}

/*** Font Size ***/
.fs-72 {
	font-size: 72px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.fs-38 {
	font-size: 38px !important;
}

.fs-34 {
	font-size: 34px !important;
}

.fs-33 {
	font-size: 33px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-22 {
	font-size: 22px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-17 {
	font-size: 17px !important;
}

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

.fs-15 {
	font-size: 15px !important;
}

@media (min-width: 992px) {
	.fs-lg-64 {
		font-size: 64px !important;
	}

	.fs-lg-40 {
		font-size: 40px !important;
	}

	.fs-lg-38 {
		font-size: 38px !important;
	}
}

/*** Font Weight ***/
.fw-500 {
	font-weight: 500 !important;
}

/*** Line Height ***/
.line-height-09 {
	line-height: 0.9;
}

.line-height-1 {
	line-height: 1;
}

.line-height-11 {
	line-height: 1.2;
}

.line-height-12 {
	line-height: 1.2;
}

.line-height-18 {
	line-height: 1.8;
}

/*** Letter Spacing ***/
.letter-spacing-4 {
	letter-spacing: 0.4px;
}

.letter-spacing-6 {
	letter-spacing: 0.6px;
}

/*** Font Family ***/
.font-avenir-lt {
	font-family: 'Avenir Light', sans-serif;
}

.font-clarendon-lt {
	font-family: 'Clarendon W02 Light', sans-serif;
}

.font-corben {
	font-family: 'Corben Bold', sans-serif;
}

.font-arial {
	font-family: Arial, sans-serif;
}

/*** Text ***/
.text-justify {
  text-align: justify !important;
}

/*** Color ***/
.color-white {
	color: #fff !important;
}

.color-offwhite {
	color: #fff8eb !important;
}

.color-desertorange {
	color: #fcdbb0 !important;
}	

.color-lightorange {
	color: #E3C489 !important;
}

.color-greengrass {
	color: #527d57 !important;
}

.color-marineblue {
	color: #0b4ba9 !important;
}

.color-lighterblue {
	color: #4084C1 !important;
}

/*** Background Color ***/

.bg-white {
	background-color: #fff !important;
}

.bg-offwhite {
	background-color: #fff8eb !important;
}

.bg-greengrass {
	background-color: #527d57 !important;
}

.bg-stronggreen {
	background-color: #0e581a !important;
}

.bg-darkgreen {
	background-color: #364738 !important;
}

.bg-lightgreen {
	background-color: #a9bba1 !important;
}

.bg-winered {
	background-color: #6e1919 !important;
}

.bg-marineblue {
	background-color: #0b4ba9 !important;
}

.bg-lighterblue {
	background-color: #4084C1 !important;
}

/*** Text Effect ***/
.text-shadow-1 {
	text-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 0px
}

.text-shadow-2 {
	text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px 1px
}
/*** Header ***/

/*** FP Slider ***/
#fp-slider .fp-slider-content {
	opacity: 0.8;
}

#fp-slider .fp-slider-overlay {
	top: 20%;
	left: 0;
}

@media (min-width: 992px) {
	#fp-slider .fp-slider-content {
		opacity: 0.9;
	}

	#fp-slider .fp-slider-overlay {
		top: 62%;
		left: 0;
	}
}

/*** A propos ***/
#a-propos .texte {
	max-width: 500px;
}

#a-propos .btn {
	font-size: 14px;
	background-color: #3e569e;
	border-color: #3e569e;
}

/*** Méthode Apprentissage ***/
#methode-apprentissage .box .visuel img {
	max-height: 300px;
}

/*** Vidéo démonstration ***/


/*** Audio Prononciation ***/
.plyr--audio {
    border-radius: 12px;
    box-shadow: 0 .5px .6px, 0 1.7px 1.9px -.8px 0, 0 4.3px 4.8px -1.7px 0, -.1px 10.6px 11.9px -2.5px 0;
}

/*** Footer ***/
#footer .box {
	max-width: 260px;
}