html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: "Fira Sans Extra Condensed", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes example {
	0% {
		bottom: -48px;
		opacity: 0.7
	}
	100% {
		bottom: 0;
		opacity: 1
	}
}

.col-1 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 8.3333333333%
}

.col-2 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 16.6666666667%
}

.col-3 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 25%
}

.col-4 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 33.3333333333%
}

.col-5 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 41.6666666667%
}

.col-6 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 50%
}

.col-7 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 58.3333333333%
}

.col-8 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 66.6666666667%
}

.col-9 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 75%
}

.col-10 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 83.3333333333%
}

.col-11 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 91.6666666667%
}

.col-12 {
	position: relative;
	padding: 0 15px;
	margin: 0 auto;
	width: 100%
}

@media only screen and (max-width: 1200px) {
	.col-m-1 {
		width: 8.3333333333%
	}
	.col-m-2 {
		width: 16.6666666667%
	}
	.col-m-3 {
		width: 25%
	}
	.col-m-4 {
		width: 33.3333333333%
	}
	.col-m-5 {
		width: 41.6666666667%
	}
	.col-m-6 {
		width: 50%
	}
	.col-m-7 {
		width: 58.3333333333%
	}
	.col-m-8 {
		width: 66.6666666667%
	}
	.col-m-9 {
		width: 75%
	}
	.col-m-10 {
		width: 83.3333333333%
	}
	.col-m-11 {
		width: 91.6666666667%
	}
	.col-m-12 {
		width: 100%
	}
}

@media only screen and (max-width: 800px) {
	.col-s-1 {
		width: 8.3333333333%
	}
	.col-s-2 {
		width: 16.6666666667%
	}
	.col-s-3 {
		width: 25%
	}
	.col-s-4 {
		width: 33.3333333333%
	}
	.col-s-5 {
		width: 41.6666666667%
	}
	.col-s-6 {
		width: 50%
	}
	.col-s-7 {
		width: 58.3333333333%
	}
	.col-s-8 {
		width: 66.6666666667%
	}
	.col-s-9 {
		width: 75%
	}
	.col-s-10 {
		width: 83.3333333333%
	}
	.col-s-11 {
		width: 91.6666666667%
	}
	.col-s-12 {
		width: 100%
	}
}

html {
	box-sizing: border-box
}

html *,
html *::before,
html *::after {
	box-sizing: inherit
}

body {
	font-family: arial, sans-serif;
	font-size: 100%;
	font-weight: 400;
	color: #000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: #f2f0f0
}

body strong {
	font-weight: 700
}

body em {
	font-style: italic
}

body img {
	max-width: 100%
}

body a {
	outline: none !important
}

header,
main,
footer {
	display: block
}

.hide {
	display: none
}

.bold {
	font-weight: 700
}

.strong {
	font-weight: bold
}

.strong-500 {
	font-weight: 500
}

.strong-700 {
	font-weight: 700
}

.unstrong {
	font-weight: normal
}

.contact {
	background: #112647;
	color: #fff;
	padding: 92px 0 80px
}

@media only screen and (max-width: 800px) {
	.contact {
		padding: 30px 0
	}
}

.contact__title {
	color: #fff;
	font-size: 2.5rem;
	line-height: 1;
	font-weight: bold;
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px
}

.contact__subtitle {
	color: #fff;
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 300;
	position: relative;
	width: 100%;
	z-index: 2;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px
}

.contact__form {
	width: 800px;
	margin: 0 auto;
	z-index: 2;
	position: relative
}

@media only screen and (max-width: 800px) {
	.contact__form {
		width: 100%
	}
}

.contact__form--popin {
	width: 80%;
	max-width: 400px
}

@media only screen and (max-width: 1200px) {
	.contact__form--popin {
		margin: 0 auto 0
	}
}

.contact__form__line {
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (max-width: 1200px) {
	.contact__form__line {
		margin-bottom: 10px
	}
}

.contact__form__boxlarge {
	width: 100%
}

.contact__form__boxlittle {
	width: calc(-10px + 50%);
	display: inline-block
}

.contact__form__boxlittle:first-child {
	margin-right: 10px
}

.contact__form__boxlittle:last-child {
	margin-left: 10px
}

@media only screen and (max-width: 800px) {
	.contact__form__boxlittle:last-child {
		margin-left: 0;
		margin-top: 10px
	}
}

@media only screen and (max-width: 800px) {
	.contact__form__boxlittle {
		width: 100%;
		margin: 0
	}
}

.contact__form__item {
	display: inline-block;
	padding-right: 10px;
	font-family: "Roboto", sans-serif;
	font-size: .875rem
}

.contact__form__element {
	width: 100%;
	color: #112647;
	padding: 10px 15px;
	border: none;
	border-radius: 50px
}

.contact__form__textarea {
	height: 180px
}

.contact__form__mandatory {
	color: #fff;
	font-size: .75rem;
	text-align: center
}

.contact__form__btnsubmit {
	margin: 50px auto 10px;
	width: 150px;
	display: block;
	color: #fff;
	border: 2px solid #c63861;
	padding: 10px 15px;
	text-transform: uppercase;
	text-align: center;
	font-size: 1rem;
	cursor: pointer;
	font-weight: 300;
	font-family: "Roboto", sans-serif
}

@media only screen and (max-width: 800px) {
	.contact__form__btnsubmit {
		margin: 20px auto 10px
	}
}

.contact__form__btnsubmit:hover {
	border: 2px solid #fff;
	color: #fff;
	background: transparent
}

.wrapper-main {
	max-width: 1600px;
	padding: 0 0;
	width: 100%;
	margin: auto;
	position: relative;
	background: #fff;
	overflow: hidden
}

@media only screen and (max-width: 800px) {
	.wrapper-main {
		padding-top: 60px
	}
}

.wrapper {
	 
	width: 100%;
	margin: auto;
	position: relative
}

@media only screen and (max-width: 1200px) {
	.wrapper {
		padding: 0 50px
	}
}

@media only screen and (max-width: 800px) {
	.wrapper {
		padding: 0 20px
	}
}

.wrapper--jcarrousel {
	padding: 0 70px
}

@media only screen and (max-width: 1200px) {
	.wrapper--jcarrousel {
		padding: 0 30px
	}
}

.wrapper--variant-popin {
	max-width: 1200px
}

.wrapper--variant-city {
	max-width: 1000px;
	top: 7%;
	max-height: 86%
}

@media only screen and (max-width: 1200px) {
	.wrapper--variant-city {
		top: 0
	}
}

.wrapper--variant {
	padding: 0
}

.wrapper--background {
	min-height: 650px
}

@media only screen and (max-width: 800px) {
	.wrapper--background {
		min-height: 0;
		padding: 0
	}
}

.wrapper--variant2 {
	height: 690px;
	padding: 0
}

@media only screen and (max-width: 800px) {
	.wrapper--variant2 {
		height: 300px
	}
}

.btn {
	background: #c63861;
	padding: 15px 25px;
	border-radius: 50px;
	color: #fff;
	line-height: 1;
	-webkit-appearance: none;
	border-radius: 0
}

.btn:hover {
	background: #112647
}

.btn__nav {
	padding: 8px 15px
}

input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0
}

.ui-autocomplete-input.select2-outline {
	border: 1px solid #d1d1d1 !important
}

.ui-autocomplete {
	max-height: 215px;
	overflow-y: scroll;
	overflow-x: hidden
}

.ui-autocomplete-category {
	color: #000;
	font-weight: bold;
	line-height: 30px;
	border-top: 1px solid #f7f7f7
}

.ui-autocomplete-category:first-child {
	border-top: none
}

.ui-menu .ui-menu-item {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 30px;
	position: relative;
	width: calc(10px + 100%);
	margin-left: -5px
}

.ui-menu .ui-menu-item span {
	background: #000;
	color: #fff;
	font-size: 0.7rem;
	padding: 3px;
	position: absolute;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 16px;
	text-align: center;
	top: calc(-10px + 50%)
}

.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper {
	color: #fff !important
}

.ui-menu .ui-menu-item-wrapper {
	width: 100%;
	position: relative
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #fff !important;
	background: #000;
	border-color: #000;
	font-weight: normal
}

.ui-widget.ui-widget-content {
	padding: 5px
}

.form {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width: 800px) {
	.form {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.form__line {
	width: calc(-8px + 50%);
	margin-bottom: 16px
}

@media (max-width: 800px) {
	.form__line {
		width: 100%
	}
}

.form__line--large {
	width: 100%
}

.form__line__label {
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px
}

.form__line--connect {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 15px
}

@media (max-width: 800px) {
	.form__line--connect {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.form__line--connect div:nth-child(2) {
	margin-left: 16px
}

@media (max-width: 800px) {
	.form__line--connect div:nth-child(2) {
		margin-left: 0;
		margin-top: 20px
	}
}

.form__line--flex {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width: 800px) {
	.form__line--flex {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.form__line--flex label {
	width: 100px;
	padding-top: 16px;
	text-align: center
}

@media (max-width: 800px) {
	.form__line--flex label {
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
		padding-right: 0
	}
}

.form__line--flex select {
	width: calc(-100px + 100%)
}

.form__line--offre {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	max-width: 650px
}

@media (max-width: 800px) {
	.form__line--offre {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.form__line--offre label {
	width: 135px;
	padding-top: 16px;
	text-align: center
}

@media (max-width: 800px) {
	.form__line--offre label {
		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
		padding-right: 0
	}
}

.form__line--offre select {
	width: calc(-135px + 100%)
}

@media (max-width: 800px) {
	.form__line--offre select {
		width: 100%
	}
}

.form__line--single {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.form__line--single>.select2-container {
	width: 100% !important
}

@media (max-width: 800px) {
	.form__line--single {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
	.form__line--single .form__field {
		margin-bottom: 20px
	}
}

.form__line--separator {
	width: 100%;
	display: block;
	height: 20px
}

.form__label {
	font-size: 1rem;
	padding-right: 20px;
	text-align: left;
	display: table-cell;
	color: #272b31
}

.form__label--radio {
	text-align: left;
	display: table-cell;
	padding: 0 20px
}

@media (max-width: 800px) {
	.form__label--radio {
		padding: 0 10px
	}
}

.form__label--checkbox {
	text-align: left;
	display: table-cell;
	padding: 0 20px 0 0;
	position: relative
}

@media (max-width: 800px) {
	.form__label--checkbox {
		text-align: left;
		width: auto;
		display: inline-block
	}
	.form__label--checkbox+.form__label--checkbox {
		padding-left: 3%
	}
}

.form__label--infobulle {
	background: #4a4a4f;
	color: #fff;
	font-size: 0.75rem;
	position: absolute;
	left: -17px;
	top: 26px;
	padding: 16px;
	border-radius: 5px;
	display: none
}

.form__label--infobulle:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #4a4a4f transparent;
	position: absolute;
	top: -5px;
	left: 19px
}

.form__field {
	width: 100%;
	border: 1px solid #272b31;
	color: #000;
	background-color: transparent;
	font-family: Arial;
	text-align: left;
	padding: 15px 10px;
	font-size: 1rem;
	font-weight: 100
}

.form__field--large {
	width: 100%
}

.form__textarea {
	width: 100%;
	border: 1px solid #272b31;
	color: #272b31;
	background-color: transparent;
	text-align: left;
	padding: 15px 10px;
	font-size: 1rem;
	font-weight: 100;
	height: 100px
}

.form__button {
	background: #000 url(../img/arrow-newsletter.png) no-repeat scroll 170px center;
	border: 1px solid #000;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 52px;
	padding: 10px 50px 11px 28px;
	width: 220px;
	display: block;
	margin: 10px auto 0;
	cursor: pointer
}

.form__button--variant {
	margin: 10px auto
}

.form__button--contact {
	background: #000;
	padding: 10px 20px
}

.form__button:hover {
	background-color: #333
}

.form__button--white {
	background: #fff;
	color: #000;
	padding: 15px 30px 12px;
	margin: 10px auto 0 !important;
	height: auto
}

.form__button--white:hover {
	background-color: #000;
	color: #fff;
	border: 1px solid #fff
}

.form__button__ml {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1rem;
	margin: 0 auto 20px;
	border: 1px solid #fff;
	color: #fff;
	background: #000;
	text-transform: uppercase;
	width: 220px;
	display: block;
	padding: 12px 5px 9px;
	cursor: pointer
}

.form__button__ml:hover {
	color: #000;
	background: #fff
}

.form__button.disabled {
	background: #4a4a4f;
	color: #fff;
	cursor: default
}

.form__button.disabled:hover {
	background: #4a4a4f;
	color: #fff;
	border: 1px solid #4a4a4f
}

.form__loading {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 46px;
	padding: 10px 50px 11px 28px;
	width: 220px;
	display: block;
	margin: 10px 0 0;
	cursor: default;
	text-align: center
}

@media (max-width: 800px) {
	.form__loading {
		margin: 10px auto 0
	}
}

.form__loading--white {
	background: #fff;
	color: #000;
	padding: 17px 30px 14px;
	margin: 10px auto 0 !important;
	height: auto
}

.form__mandatory {
	font-size: 0.8rem;
	color: #272b31
}

@media (max-width: 800px) {
	.form__mandatory br {
		display: none
	}
}

.form__ml {
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	line-height: 1.1rem
}

@media (max-width: 800px) {
	.form__ml br {
		display: none
	}
}

.form__ml__content {
	display: none
}

.form__demande {
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	line-height: 1.1rem
}

@media (max-width: 800px) {
	.form__demande br {
		display: none
	}
}

.form__demande__content {
	display: none
}

@media only screen and (max-width: 800px) {
	.form__demande__content {
		padding-bottom: 52px
	}
}

.form__span--radio {
	font-size: 1rem;
	color: #272b31;
	margin-left: -2px
}

.form__span--checkbox {
	font-size: 1rem;
	color: #272b31;
	margin-left: -2px;
	line-height: 1.4
}

@media (max-width: 800px) {
	.form__span--checkbox {
		font-size: 0.9rem;
		line-height: 1.2rem
	}
}

.form__span--checkbox a {
	color: #fff;
	text-decoration: underline
}

.form__span--white {
	color: #fff !important
}

.form__list {
	margin: 0;
	padding: 0 0 10px 10px;
	list-style: none;
	text-align: left
}

.form__item {
	display: inline-block;
	padding-right: 20px;
	text-align: left;
	line-height: 45px
}

@media (max-width: 800px) {
	.form__item {
		width: 100%
	}
}

.form__icon {
	background: url(../img/sprite-result.png) no-repeat;
	height: 45px;
	display: block
}

.form__icon--mail {
	background-position: 0 -54px;
	padding-left: 35px
}

.form__icon--tel {
	background-position: 0 -99px;
	padding-left: 25px
}

.form__retour {
	padding: 15px;
	border-style: solid;
	border-width: 1px 1px 1px 10px;
	text-align: left;
	width: 100%;
	margin-bottom: 20px
}

.form__retour:last-child {
	margin-bottom: 20px
}

.form__retour--newsletter {
	width: 62%;
	margin: 0 auto
}

@media (max-width: 800px) {
	.form__retour--newsletter {
		width: 87%;
		margin: 0 auto 10px
	}
}

.form__success {
	color: #859b81;
	border-color: #dce9d8 #dce9d8 #dce9d8 #abcea1;
	background: #def0d8;
	display: none
}

.form__error {
	color: #ba6c5f;
	border-color: #e5dbd9 #e5dbd9 #e5dbd9 #d23802;
	background: #fcf4f2;
	display: none
}

.form__success__mob {
	padding: 15px;
	border-style: solid;
	border-width: 1px 1px 1px 10px;
	text-align: left;
	width: 100%;
	color: #859b81;
	border-color: #dce9d8 #dce9d8 #dce9d8 #abcea1;
	background: #def0d8;
	display: none;
	position: absolute;
	bottom: 80px;
	left: 0
}

#errMsg {
	display: none;
	width: 100%
}

.g-recaptcha {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 800px) {
	.g-recaptcha {
		display: block;
		width: 260px;
		margin: 0 auto;
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}
}

.fb_iframe_widget {
	margin-right: 20px
}

.form-white .iradio::before,
.form-white .icheckbox::before {
	border: 1px solid #fff
}

.form-white .icheckbox::before {
	background: #fff
}

.form-white .icheckbox.checked {
	background: #000
}

.form-white .icheckbox.checked:before {
	border: 3px solid #fff;
	background: #000
}

.form-white label,
.form-white .form__span--radio,
.form-white .form__span--checkbox,
.form-white .form__mandatory {
	color: #fff
}

.form-white .form__field,
.form-white .form__textarea {
	color: #000;
	background: #fff;
	border: 1px solid #fff
}

.form-white .form__button {
	margin: 10px auto
}

.form-white input::-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input:-ms-input-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input::placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input::-webkit-input-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input::-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input:-ms-input-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white input:-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

.form-white .datepicker {
	padding-left: 60px;
	position: relative;
	background: #fff url(../img/calendar.png) no-repeat 20px 12px;
	display: block
}

.form-white span.wrapdate {
	width: 100%;
	margin-right: 20px;
	position: relative
}

.form-white span.wrapdate:after {
	content: "";
	position: absolute;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center;
	width: 17px;
	height: 9px;
	right: 5%;
	top: calc(-5px + 50%)
}

.form-contact .error input::-moz-placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input:-ms-input-placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input::placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input::-webkit-input-placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input::-moz-placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input:-ms-input-placeholder {
	color: red !important;
	opacity: 1
}

.form-contact .error input:-moz-placeholder {
	color: red !important;
	opacity: 1
}

.styled-select.slate {
	background: url(../img/arrow-select-reference.png) no-repeat 96% center;
	height: 52px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #c63861
}

.styled-select.slate select {
	border: none;
	font-size: 1.375rem;
	height: 52px;
	width: calc(20px + 100%);
	padding: 5px;
	background: transparent;
	color: #c63861
}

.styled-select.contact {
	background: #fff url(../img/arrow-select-contact.png) no-repeat 96% center;
	height: 34px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #888
}

.styled-select.contact select {
	border: none;
	height: 34px;
	width: calc(20px + 100%);
	padding: 5px;
	background: transparent;
	color: #112647
}

@media only screen and (max-width: 800px) {
	select.select-tri {
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;
		outline: 0;
		box-shadow: none;
		border: 0 !important;
		background: transparent;
		background-image: none;
		font-size: 1rem
	}
	select.select-tri option {
		color: black;
		font-weight: normal
	}
	select.select-tri option:hover {
		background: #000;
		color: #fff
	}
	select.select-tri:not(:checked) {
		color: black;
		font-weight: bold
	}
	.search__box.select-tri-wrap {
		position: relative;
		display: block;
		width: auto;
		min-width: 180px;
		background: transparent;
		overflow: hidden;
		border-radius: 50px;
		min-width: auto;
		margin-bottom: 15px
	}
	select.select-tri {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0 0 0 10px;
		color: #184991;
		cursor: pointer;
		font-family: "Fira Sans Extra Condensed", sans-serif
	}
	select.select-tri::-ms-expand {
		display: none
	}
	.search__box.select-tri-wrap::after {
		content: "";
		width: 13px;
		height: 13px;
		border-left: 1px solid #184991;
		border-bottom: 1px solid #184991;
		border-top: none;
		border-right: none;
		position: absolute;
		transform: rotate(-45deg);
		top: calc(-8px + 50%);
		right: 10px;
		bottom: 0;
		pointer-events: none
	}
	.search__box.select-tri-wrap:hover::after {
		color: #184991
	}
	.search__box.select-tri-wrap::after {
		transition: .25s all ease
	}
}

.contact__form__item label {
	cursor: pointer
}

.iradio {
	border-radius: 99px
}

.iradio {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	padding: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-top: -3px;
	margin-right: 5px;
	border: 4px solid #fff
}

.iradio.checked {
	background: #000
}

.iradio:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	border: 1px solid #272b31;
	width: 14px;
	height: 14px;
	background: transparent;
	border-radius: 50px
}

.form-white .iradio {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	padding: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-top: -3px;
	margin-right: 5px;
	border: 1px solid #fff
}

.form-white .iradio:before {
	display: none
}

.form-white .iradio.checked {
	background: #000
}

.form-white .iradio.checked:before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	border: none;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50px
}

.icheckbox {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	padding: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-top: -3px;
	margin-right: 5px;
	border: 4px solid #fff
}

.icheckbox.checked {
	background: #000
}

.icheckbox:before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	border: 1px solid #272b31;
	width: 14px;
	height: 14px;
	background: transparent
}

#map .icheckbox {
	width: 25px;
	height: 25px;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 0;
	margin-right: 0;
	background: #F5F3F1;
	border: none;
	position: relative
}

#map .icheckbox.checked {
	background: #f5f3f1
}

#map .icheckbox:before {
	content: "";
	position: absolute;
	top: 2px !important;
	left: 0 !important;
	border: none !important;
	width: 23px !important;
	height: 23px !important;
	background: transparent !important
}

#map .icheckbox.checked:before {
	content: "x";
	position: absolute;
	top: 2px;
	left: 0;
	color: #888888;
	text-align: center;
	border: none;
	width: 23px;
	height: 23px;
	background: transparent
}

.ui-datepicker {
	width: auto
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
	width: 42px;
	line-height: 42px;
	height: 42px
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
.ui-datepicker html .ui-button.ui-state-disabled:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active {
	border-radius: 50px;
	height: 42px;
	border-color: #fff;
	background: none
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-widget-header .ui-state-default:hover,
.ui-datepicker .ui-button:hover,
.ui-datepicker html .ui-button.ui-state-disabled:hover:hover,
.ui-datepicker html .ui-button.ui-state-disabled:active:hover {
	background: #f6f6f6
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center;
	height: 40px;
	padding: 0
}

.ui-datepicker .ui-state-default {
	color: #000;
	font-weight: 700;
	border-color: #fff
}

.ui-datepicker .ui-state-default:hover {
	color: #fff;
	background: #000;
	border-color: #000
}

.ui-datepicker .ui-state-default.ui-state-active {
	color: #fff;
	background: #333;
	border-color: #333
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff
}

.ui-state-highlight:hover,
.ui-widget-content .ui-state-highlight:hover,
.ui-widget-header .ui-state-highlight:hover {
	border: 1px solid #000;
	background: #000;
	color: #fff
}

.ui-widget-header {
	background: #f6f6f6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	color: #000;
	font-weight: bold
}

.abcRioButton {
	background: #000 !important;
	color: #fff !important;
	width: 230px !important;
	height: 35px !important
}

.abcRioButton:hover {
	background: #333 !important
}

.abcRioButtonContents {
	font-family: "Fira Sans Extra Condensed", sans-serif !important;
	font-size: 15px !important;
	line-height: 35px !important;
	padding-right: 20px !important;
	letter-spacing: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-right: 20px !important
}

#googlesignin:hover,
.abcRioButtonContentWrapper:hover,
.abcRioButton:hover {
	outline: none !important;
	border: none !important;
	box-shadow: none !important
}

.abcRioButtonIcon {
	padding: 8px 8px 8px 24px !important
}

.fb-login {
	background: #000 url(../img/ico-facebook.png) no-repeat 34px center;
	background-color: #000;
	color: #fff;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	padding-left: 55px;
	padding-right: 30px;
	font-weight: 600;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	width: 245px;
	cursor: pointer
}

.fb-login:hover {
	background-color: #333
}

.form__step {
	display: none
}

.form__step.form__step1 {
	display: block
}

@media only screen and (max-width: 800px) {
	.form__step.hide__mob {
		display: none !important
	}
}

.form__step__error {
	color: #fff;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #fff;
	display: none;
	font-size: 0.8rem;
	text-align: center
}

.form__step__error--variant {
	width: 100%;
	margin: -10px 0 20px
}

.form__step__success {
	display: none;
	padding-right: 20px;
	font-weight: 700;
	padding: 15px;
	text-align: center;
	color: #859b81;
	border-color: #dce9d8 #dce9d8 #dce9d8 #abcea1;
	background: #def0d8;
	position: relative;
	z-index: 100;
	width: 100%
}

.form__step__header {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	text-align: right;
	margin-bottom: 30px;
	display: none;
	width: 62px;
	position: absolute;
	right: 90px
}

@media only screen and (max-width: 1200px) {
	.form__step__header {
		right: 50px
	}
}

@media only screen and (max-width: 800px) {
	.form__step__header {
		position: relative;
		right: auto;
		margin: 0 auto 30px
	}
}

.form__step__header span {
	padding: 10px 12px;
	font-size: 0.9rem;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	color: #fff;
	background: #000;
	cursor: pointer;
	display: inline-block
}

.form__step__controls {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: right;
	margin: 8px auto;
	width: 140px;
	position: relative;
	background: transparent url(../img/pixel.jpg) repeat-x center center
}

.form__step__controls .trait {
	width: 140px;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
	top: 50%
}

.form__step__controls span {
	padding: 8px;
	font-size: 0.9rem;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	color: #fff;
	background: #fff;
	border: 1px solid #000;
	border-radius: 50px;
	display: block;
	position: relative;
	z-index: 1
}

.form__step__controls span.fill {
	background: #000
}

.form__step__footer {
	text-align: center;
	margin-bottom: 0;
	display: block;
	margin: 0 auto
}

@media only screen and (max-width: 800px) {
	.form__step__footer {
		margin-top: 20px
	}
}

.form__step__footer div {
	display: inline-block;
	cursor: pointer;
	background: none;
	border: 1px solid #fff;
	border-radius: 30px;
	padding: 15px 15px;
	color: #fff;
	font-size: 0.7rem;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 20px
}

@media only screen and (max-width: 800px) {
	.form__step__footer div {
		padding: 8px 15px;
		margin-top: 0px
	}
}

.form__step__footer div strong {
	font-size: 1rem
}

.form__step__footer div span {
	font-size: 1rem
}

.js-form-white-step .form__button,
.js-form-step .form__button {
	display: none;
	margin-left: auto;
	margin-right: auto
}

.popin .form__step__error,
.js-form-white-step .form__step__error {
	color: red;
	border: 1px solid red
}

.popin .form__step__header span,
.js-form-white-step .form__step__header span {
	border: 1px solid #000
}

.popin .form__step__header span.fill,
.js-form-white-step .form__step__header span.fill {
	background: #000
}

.popin .form__step__footer div,
.js-form-white-step .form__step__footer div {
	background: #000 url(../img/arrow-newsletter.png) no-repeat 160px center;
	border: 1px solid #000;
	border-radius: 0;
	padding: 15px 50px 15px 15px;
	color: #fff;
	font-size: 1rem;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: none
}

.popin .form__step__footer div strong,
.js-form-white-step .form__step__footer div strong {
	font-size: 1rem;
	font-weight: 400
}

.popin .form__step__footer div span,
.js-form-white-step .form__step__footer div span {
	font-size: 1rem;
	font-weight: 400
}

.popin .glyphicon,
.js-form-white-step .glyphicon {
	right: 0 !important;
	top: 0 !important
}

.icon {
	display: inline-block;
	vertical-align: middle;
	background-image: url(../img/sprite.png)
}

.icon__tel {
	background-position: -58px -128px;
	width: 40px;
	height: 40px
}

.icon__tel:hover {
	background-position: -117px -128px
}

.icon__ptz {
	display: block;
	width: 110px;
	height: 110px;
	text-align: center;
	margin: 0 auto 20px
}

.icon__ptz--rt {
	background-position: 0 -204px
}

.icon__ptz--pinel {
	background-position: -118px -204px
}

.icon__ptz--taux {
	background-position: -236px -204px
}

.icon__invite {
	display: block;
	width: 110px;
	height: 110px;
	text-align: center;
	margin: 0 auto 20px
}

.icon__invite--un {
	background-position: 0 -331px
}

.icon__invite--deux {
	background-position: -118px -331px
}

.icon__invite--trois {
	background-position: -236px -331px
}

.icon__tw {
	width: 41px;
	height: 41px;
	background-position: 0 -586px;
	margin-left: 10px
}

@media only screen and (max-width: 800px) {
	.icon__tw {
		margin-left: 8px
	}
}

.icon__fb {
	width: 41px;
	height: 41px;
	background-position: -63px -586px;
	margin-left: 10px
}

.icon__in {
	width: 41px;
	height: 41px;
	background-position: -129px -586px;
	margin-left: 10px
}

.popin {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	display: none;
	-webkit-overflow-scrolling: auto
}

@media (max-width: 800px) {
	.popin .popin-form-alert,
	.popin .popin-form-call,
	.popin .popin-form-rdv,
	.popin .popin-form-contact,
	.popin .popin-form-condition {
		position: absolute
	}
	.popin--form--opened {
		overflow: hidden;
		position: fixed
	}
	.popin--form--opened .wrapper-main {
		overflow: hidden;
		position: fixed
	}
}

.popin--form--opened .ui-menu {
	z-index: 1000;
	max-height: 215px
}

.popin__overlay {
	position: absolute;
	background: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
	height: 100%;
	Width: 100%;
	z-index: 1;
	cursor: pointer
}

.popin__supraheader {
	height: 50px;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 0
}

@media only screen and (max-width: 800px) {
	.popin__supraheader {
		background: #f2f0f0
	}
}

.popin .signup {
	background: #f2f0f0
}

.popin .form__textarea,
.popin .form__field {
	background: #fff;
	border: 1px solid #fff;
	padding: 18px 10px
}

.popin .icheckbox::before {
	border-color: #fff
}

.popin .icheckbox {
	background: #fff;
	width: 18px;
	height: 18px
}

.popin .icheckbox.checked {
	background: #000
}

.popin .iradio::before {
	border-color: #fff
}

.popin .iradio {
	background: #fff;
	width: 18px;
	height: 18px
}

.popin .iradio.checked {
	background: #000
}

.popin .form__mandatory {
	display: block;
	text-align: left;
	padding-top: 15px
}

.popin .form__legals {
	opacity: 0.7;
	font-size: .75rem;
	line-height: 1.2;
	text-align: center
}

.popin .select2-container {
	width: 100% !important
}

.popin__wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1440px;
	min-width: 280px;
	height: auto;
	margin: 0 auto;
	background: #f2f0f0;
	max-height: 100%;
	overflow: auto
}

@media (max-width: 800px) {
	.popin__wrapper {
		margin: auto;
		width: 100%;
		min-width: 200px
	}
}

.popin__wrapper--conditions {
	top: 5%;
	overflow-y: auto;
	height: auto;
	max-height: 90%
}

@media only screen and (min-width: 1200px) and (max-height: 900px) {
	.popin__wrapper--conditions {
		width: 90%
	}
}

@media (max-width: 1200px) {
	.popin__wrapper--conditions {
		width: 90%
	}
}

@media (max-width: 800px) {
	.popin__wrapper--conditions {
		top: 0;
		width: 100%;
		height: auto
	}
	.popin__wrapper--conditions .popin__content {
		padding-bottom: 105px !important
	}
}

.popin__wrapper--media {
	max-width: 95%;
	top: 3%;
	height: 94%
}

.popin__head {
	text-align: right;
	background: #000;
	min-height: 50px;
	text-align: right;
	top: 0;
	width: 100%;
	z-index: 90
}

.popin__head--variant {
	text-align: center
}

.popin__head:after {
	content: "";
	display: block;
	clear: both
}

@media only screen and (max-width: 800px) {
	.popin__head {
		display: none
	}
}

.popin__head .supramenu {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.popin__head .supramenu__item {
	max-height: 45px;
	list-style: none;
	text-align: left;
	padding-right: 22px;
	display: inline-block
}

.popin__head .supramenu__item:last-child {
	padding-right: 0
}

.popin__head .supramenu__link {
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
	padding: 0 15px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	cursor: pointer;
	height: 50px;
	line-height: 50px
}

.popin__head .supramenu__link:hover {
	text-decoration: underline
}

.popin__title {
	padding: 40px 20px 0;
	margin: 0;
	color: #d12d2e;
	font-family: "Open Sans";
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.9rem
}

.popin__title span {
	display: block;
	font-size: 1.4rem;
	margin-top: 5px
}

.popin__title em {
	font-style: normal;
	color: #000
}

@media (max-width: 800px) {
	.popin__title {
		font-size: 1.2rem
	}
	.popin__title span {
		font-size: 1rem
	}
}

.popin__close {
	text-decoration: none;
	right: 30px;
	top: 35px;
	z-index: 10;
	position: absolute;
	width: 36px;
	line-height: 45px;
	text-align: center;
	color: #000;
	font-size: 3rem;
	border: none;
	background: none;
	cursor: pointer
}

@media only screen and (max-width: 1200px) {
	.popin__close {
		top: 30px
	}
}

@media only screen and (max-width: 800px) {
	.popin__close {
		color: #000;
		right: 0;
		top: 0
	}
}

.popin__content {
	background: #f2f0f0;
	padding: 30px 0 20px
}

.popin__content a {
	text-decoration: underline;
	color: #000
}

.popin__content--variant {
	background: #D12D2E
}

@media (max-width: 800px) {
	.popin__content {
		padding: 20px 10px
	}
}

.popin__content__title {
	font-size: 2.8125rem;
	text-transform: uppercase;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin: 10px auto 40px;
	text-align: center;
	font-weight: 400
}

@media only screen and (max-width: 1200px) {
	.popin__content__title {
		margin: 0px auto 30px
	}
}

@media only screen and (max-width: 800px) {
	.popin__content__title {
		font-size: 1.8rem;
		line-height: 1.2;
		margin-bottom: 30px;
		margin-top: 20px
	}
}

.popin__footer {
	text-align: center;
	margin-top: 20px
}

.popin__footer__link {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.125rem;
	width: 100%;
	max-width: 465px;
	position: relative;

	cursor: pointer;
	padding: 18px 0;
	border-bottom: 1px solid #eeeeef;
	line-height: 1.2
}

@media (max-width: 800px) {
	.popin__footer__link {
		font-size: 0.9rem
	}
}

@media (max-width: 350px) {
	.popin__footer__link {
		font-size: 0.8rem
	}
}

.popin__footer__link__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #5b5b5c;
	text-align: left;
	text-decoration: none;
	background: #fff
}

@media (max-width: 350px) {
	.popin__footer__link__wrap {
		padding: 0 10px
	}
}

.popin__footer__link__wrap:hover {
	background: #000;
	color: #fff
}

.popin__footer__link__wrap:hover .popin__footer__link {
	border-color: #000
}

.popin__footer__form__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #5b5b5c;
	padding: 20px 0;
	color: #fff
}

@media only screen and (max-width: 800px) {
	.popin__footer__form__wrap {
		position: fixed;
		bottom: 0;
		z-index: 100
	}
}

.popin__footer__form__head {
	border-left: 1px solid #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.6875rem;
	width: 100%;
	max-width: 380px;
	padding: 10px 30px;
	position: relative;
	cursor: pointer;
	margin-left: 105px
}

@media (max-width: 800px) {
	.popin__footer__form__head {
		font-size: 1.1rem;
		padding: 0px 15px;
		margin-left: 75px
	}
}

.popin__footer__form__head:after {
	content: "";
	background: url(../img/arrow-form-popin.png) no-repeat center center;
	width: 30px;
	height: 16px;
	position: absolute;
	right: 0;
	top: calc(-8px + 50%);
	transition: transform 0.5s
}

@media (max-width: 800px) {
	.popin__footer__form__head:after {
		right: 18px
	}
}

.popin__footer__form__head:before {
	content: "";
	background: url(../img/icon-form-popin.png) no-repeat;
	background-position: 0 0;
	width: 60px;
	height: 35px;
	position: absolute;
	left: -90px;
	top: calc(-17px + 50%);
	transition: background-position 0.5s
}

@media (max-width: 800px) {
	.popin__footer__form__head:before {
		width: 40px;
		height: 24px;
		top: calc(-12px + 50%);
		background-size: 40px;
		left: -57px
	}
}

.popin__footer__form__head.active:after {
	transform: rotate(-180deg);
	transition: transform 0.5s
}

.popin__map {
	width: 100%;
	height: 400px
}

.popin .ui-tabs-vertical {
	width: 100%;
	margin: 0 auto
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical {
		width: 100%;
		padding: 0 10px
	}
}

@media (max-width: 374px) {
	.popin .ui-tabs-vertical {
		width: 100%;
		padding: 0
	}
}

.popin .ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: left;
	width: 12em
}

.popin .ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical .ui-tabs-nav li {
		display: inline-block;
		margin: 0 0 0 13px;
		clear: right;
		width: auto
	}
	.popin .ui-tabs-vertical .ui-tabs-nav li:first-child {
		margin-left: 0
	}
}

@media (max-width: 374px) {
	.popin .ui-tabs-vertical .ui-tabs-nav li {
		margin: 0 0 0 1px
	}
}

.popin .ui-tabs-vertical .ui-tabs-nav li a {
	display: block
}

.popin .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px
}

.popin .ui-tabs-vertical .ui-tabs-panel {
	padding: 0;
	float: right;
	width: calc(-295px + 100%)
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical .ui-tabs-panel {
		float: left;
		width: 100%
	}
}

.popin .ui-widget.ui-widget-content {
	border: medium none
}

.popin .ui-widget-header {
	background: none;
	border: none
}

.popin .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.popin .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.popin .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: pointer
}

.popin .ui-tabs-vertical .ui-tabs-nav {
	float: left;
	padding: 0;
	width: 235px;
	list-style: none
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical .ui-tabs-nav {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 10px
	}
}

.popin .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	border-right-width: 0;
	padding-bottom: 0;
	padding-right: 0
}

.popin .ui-state-default,
.popin .ui-widget-content .ui-state-default,
.popin .ui-widget-header .ui-state-default,
.popin .ui-button,
.popin html .ui-button.ui-state-disabled:hover,
.popin html .ui-button.ui-state-disabled:active {
	background: none;
	border: none
}

.popin .ui-tabs-vertical .ui-tabs-nav li a {
	background: #c9c8c8;
	display: block;
	height: 72px;
	width: 235px;
	color: #272b31;
	cursor: pointer
}

.popin .ui-tabs-vertical .ui-tabs-nav li a:hover {
	background: #184991;
	color: #fff
}

.popin .ui-tabs-vertical .ui-tabs-nav li a:hover:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 20px;
	border-color: transparent transparent transparent #184991;
	position: absolute;
	top: 18px;
	right: -15px;
	z-index: 100
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical .ui-tabs-nav li a:hover:after {
		display: none
	}
}

.popin .ui-tabs-vertical .ui-tabs-nav li.ui-state-active a {
	background: #000;
	color: #fff
}

.popin .ui-tabs-vertical .ui-tabs-nav li.ui-state-active a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 0 18px 20px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 18px;
	right: -15px;
	z-index: 100
}

@media (max-width: 800px) {
	.popin .ui-tabs-vertical .ui-tabs-nav li.ui-state-active a:after {
		display: none
	}
}

.popin .ui-state-active,
.popin .ui-widget-content .ui-state-active,
.popin .ui-widget-header .ui-state-active,
.popin a.ui-button:active,
.popin .ui-button:active,
.popin .ui-button.ui-state-active:hover {
	background: none;
	border: none
}

.popin .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 1em
}

.popin__accordion--content {
	display: none
}

.popin__accordion--header {
	background: #c9c8c8;
	color: #fff;
	width: 100%;
	display: block;
	padding: 20px;
	text-decoration: none;
	margin-bottom: 20px;
	cursor: pointer
}

.popin__accordion--header:hover,
.popin__accordion--header.active {
	background: #184991
}

.popin__accordion--header.active+.popin__accordion--content {
	display: block
}

.popin__content .carousel-control {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -31px;
	width: 41px;
	height: 62px
}

.popin__content .carousel-control.left {
	background: rgba(255, 255, 255, 0.8) url(../img/arrow-carousel-left.png) no-repeat 10px 10px;
	left: 10px
}

.popin__content .carousel-control.right {
	background: rgba(255, 255, 255, 0.8) url(../img/arrow-carousel-right.png) no-repeat 10px 10px;
	right: 10px
}

@media (max-width: 800px) {
	.popin .inscription__button {
		margin: 20px auto
	}
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--select-tri-theme .select2-selection--multiple,
.select2-container--select-tri-theme .select2-selection--single,
.select2-container--select-programme-theme .select2-selection--multiple,
.select2-container--select-programme-theme .select2-selection--single {
	cursor: pointer;
	padding: 12px 40px 12px 8px;
	border: 1px solid #fff;
	border-radius: 0px;
	font-size: 0.9rem;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center;
	font-size: 1rem;
	font-family: Arial;
	cursor: pointer
}

.select2-container--select-tri-theme .select2-selection--multiple,
.select2-container--select-tri-theme .select2-selection--single {
	border: none;
	outline: none;
	padding: 20px 40px 20px 8px;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% 18px;
	font-family: Arial
}

@media only screen and (max-width: 800px) {
	.select2-container--select-tri-theme .select2-selection--multiple,
	.select2-container--select-tri-theme .select2-selection--single {
		background-color: #f7f7f7
	}
}

.select2-container--default .select2-selection--multiple .select2-selection__clear,
.select2-container--select-tri-theme .select2-selection--multiple .select2-selection__clear,
.select2-container--select-programme-theme .select2-selection--multiple .select2-selection__clear {
	display: none
}

.recrutement__form .select2-container--default .select2-selection--multiple,
.recrutement__form .select2-container--default .select2-selection--single {
	height: 50px
}

.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: left;
	-ms-justify-content: left;
	-o-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--single .select2-selection__choice,
.select2-container--select-tri-theme .select2-selection--multiple .select2-selection__choice,
.select2-container--select-tri-theme .select2-selection--single .select2-selection__choice,
.select2-container--select-programme-theme .select2-selection--multiple .select2-selection__choice,
.select2-container--select-programme-theme .select2-selection--single .select2-selection__choice {
	border: none;
	background: none;
	margin-top: 3px
}

.select2-container .select2-search--inline .select2-search__field,
.select2-container--select-programme-theme .select2-search--inline .select2-search__field {
	margin-top: 0;
	padding-left: 3px
}

.select2-container--default .select2-results__option .select2-container--select-programme-theme .select2-results__option {
	padding: 12px
}

.select2-container--default .select2-results__option .select2-container--select-programme-theme .select2-results__option:hover {
	background-color: #000
}

.select2-container--select-tri-theme .select2-results__option {
	padding: 10px 15px;
	font-size: 0.9rem;
	font-family: 'Arial'
}

.select2-container--select-tri-theme .select2-results__option:hover {
	color: #000
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--select-tri-theme .select2-results__option--highlighted[aria-selected],
.select2-container--select-programme-theme .select2-results__option--highlighted[aria-selected] {
	background-color: #000;
	color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--single .select2-selection__choice__remove,
.select2-container--select-tri-theme .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--select-tri-theme .select2-selection--single .select2-selection__choice__remove,
.select2-container--select-programme-theme .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--select-programme-theme .select2-selection--single .select2-selection__choice__remove {
	color: #000;
	margin-right: 3px
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--select-programme-theme .select2-results__option[aria-selected="true"] {
	position: relative;
	background-color: #333;
	color: #fff
}

.select2-container--select-tri-theme .select2-results__option[aria-selected="true"] {
	position: relative;
	background-color: #f7f7f7;
	color: #000;
	font-weight: bold
}

.select2-container--default .select2-dropdown--above .select2-results__option[aria-selected="true"]:after,
.select2-container--select-tri-theme .select2-dropdown--above .select2-results__option[aria-selected="true"]:after,
.select2-container--select-programme-theme .select2-dropdown--above .select2-results__option[aria-selected="true"]:after,
.select2-container--default .select2-selection--multiple .select2-results__option[aria-selected="true"]:after,
.select2-container--default .select2-results__option[aria-selected="true"]:after {
	content: "\e014";
	position: absolute;
	right: 10px;
	top: 0px;
	color: #fff;
	line-height: 40px;
	font-family: 'Glyphicons Halflings'
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--select-tri-theme.select2-container--focus .select2-selection--multiple,
.select2-container--select-tri-theme.select2-container--focus .select2-selection--single,
.select2-container--select-programme-theme.select2-container--focus .select2-selection--multiple,
.select2-container--select-programme-theme.select2-container--focus .select2-selection--single {
	border-color: #fff
}

.select2-dropdown {
	border: none
}

.select2-container--default .select2-results>.select2-results__options,
.select2-container--select-tri-theme .select2-results>.select2-results__options,
.select2-container--select-programme-theme .select2-results>.select2-results__options {
	max-height: 250px
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--select-tri-theme .select2-selection--single .select2-selection__arrow,
.select2-container--select-programme-theme .select2-selection--single .select2-selection__arrow,
.select2-search--dropdown {
	display: none
}

.select2-selection__choice+.select2-search {
	display: none
}

.popin--opened .popin--wrapper .select2-container {
	z-index: 10000
}

@media (max-width: 800px) {
	.popin--opened .popin--wrapper .select2-container {
		width: 100% !important
	}
}

.popin--opened .newsletter .select2-container,
.popin--opened .search .select2-container {
	z-index: 1
}

@media only screen and (max-width: 800px) {
	.popin--opened .select2-container--default .select2-results__option .select2-results__option {
		line-height: 1.3;
		padding: 10px 5px
	}
}

.popin--opened .popin .select2-container .select2-selection--multiple .select2-selection__rendered,
.popin--opened .popin .select2-container .select2-selection--single .select2-selection__rendered {
	display: block
}

.popin--opened .popin .select2-container--default .select2-selection--multiple,
.popin--opened .popin .select2-container--default.select2-container--focus .select2-selection--multiple,
.popin--opened .popin .select2-container--default .select2-selection--single,
.popin--opened .popin .select2-container--default.select2-container--focus .select2-selection,
.popin--opened .popin .select2-container--select-programme-theme .select2-selection--multiple,
.popin--opened .popin .select2-container--select-programme-theme.select2-container--focus .select2-selection--multiple,
.popin--opened .popin .select2-container--select-programme-theme .select2-selection--single,
.popin--opened .popin .select2-container--select-programme-theme.select2-container--focus .select2-selection,
.recrutement__form .select2-container--default .select2-selection--multiple,
.recrutement__form .select2-container--default.select2-container--focus .select2-selection--multiple,
.recrutement__form .select2-container--default .select2-selection--single,
.recrutement__form .select2-container--default.select2-container--focus .select2-selection {
	border-color: #000
}

.popin--opened .popin .select2-container--default.select2-container--focus .select2-selection,
.popin--opened .popin .select2-container--select-programme-theme.select2-container--focus .select2-selection {
	border-color: #fff
}

.popin--opened .select2-dropdown,
.page-offre .select2-dropdown {
	border: 1px solid #000
}

.popin--opened .popin .select2-container--default .select2-selection--multiple,
.popin--opened .popin .select2-container--select-programme-theme .select2-selection--multiple {
	padding-top: 17px;
	padding-bottom: 17px;
	background: #fff url(../img/select-arrow-big.png) no-repeat scroll 95% center;
	border: 1px solid #fff
}

.popin--opened .popin .error .select2-container--default .select2-selection--multiple,
.popin--opened .popin .error .select2-container--select-programme-theme .select2-selection--multiple {
	border: 1px solid red;
	background-image: url(../img/select-arrow-big-red.png)
}

.popin--opened .popin .select2-container--disabled .select2-selection--multiple {
	border: 1px solid #000;
	background-color: #cec4c4
}

.recrutement__form .select2-container--default .select2-selection--multiple {
	padding-top: 14px;
	padding-bottom: 14px;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center
}

.popin--opened .popin .select2-container--default .select2-selection--single,
.popin--opened .popin .select2-container--select-programme-theme .select2-selection--single {
	height: auto;
	padding: 13px 40px 13px 8px;
	border-color: #fff
}

.popin--opened .popin .select2-container .select2-search--inline,
.popin--opened .popin .select2-container--default .select2-search--inline .select2-search__field,
.popin--opened .popin .select2-container--select-programme-theme .select2-search--inline .select2-search__field {
	width: 100% !important
}

.popin--opened .popin .select2-container--default .select2-selection--multiple .select2-selection__choice,
.popin--opened .popin .select2-container--select-programme-theme .select2-selection--multiple .select2-selection__choice {
	width: 100%;
	line-height: 21px;
	margin-top: 0;
	word-wrap: break-word;
	white-space: normal
}

.popin--opened .popin .form__line--single .select2-container--default .select2-results__option[aria-selected="true"]:after,
.popin--opened .popin .form__line--single .select2-container--select-programme-theme .select2-results__option[aria-selected="true"]:after {
	display: none
}

.popin--opened .popin .form__line--flex-single.form__line--flex-single .select2-selection--single {
	background-image: none !important;
	padding: 10px 12px 10px 8px
}

.popin--opened .popin .form__line--single .select2-selection__clear {
	display: none
}

.popin--opened .popin .form__line--single .select2-container--default .select2-results__option[aria-selected="true"]:after,
.popin--opened .popin .form__line--single .select2-container--select-programme-theme .select2-results__option[aria-selected="true"]:after {
	display: none
}

.popin--opened .select2-container--default .select2-results__group,
.popin--opened .select2-container--select-programme-theme .select2-results__group {
	cursor: default;
	display: block;
	padding: 8px 15px;
	color: #ABABAB;
	border-bottom: 1px solid #ABABAB;
	font-weight: 400;
	margin-bottom: 10px
}

.select2-results__option {
	padding: 12px
}

.popin--opened .select2-container--select-programme-theme .select2-results__option {
	padding: 8px 15px
}

.popin--opened .select2-container--select-programme-theme .select2-results__option:hover {
	background: #fff !important
}

.popin--opened .select2-container--select-programme-theme .select2-results__option ul .select2-results__option:hover {
	background: #000 !important
}

.form__line--flex-single .select2-container--default .select2-selection--multiple {
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: none
}

@media only screen and (max-width: 800px) {
	.form__line--flex-single .select2-container--default .select2-selection--multiple {
		padding-right: 55px
	}
}

.form__line--flex-single .select2-container--default .select2-selection--single .select2-selection__clear {
	font-size: 1.6rem;
	color: #C9C8C8
}

@media (max-width: 800px) {
	.form__line--flex-single .select2-container {
		width: 100% !important
	}
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--select-programme-theme .select2-selection--single .select2-selection__placeholder {
	color: #000
}

.select2-container--select-tri-theme .select2-selection--single .select2-selection__placeholder {
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin-top: -1px
}

.search .select2-container--default .select2-selection--multiple,
.search .select2-container--default .select2-selection--single {
	height: 47px
}

.search .select2-container--select-tri-theme .select2-selection--multiple,
.search .select2-container--select-tri-theme .select2-selection--single {
	height: 42px
}

.search .select2-container--default .select2-selection--single {
	padding-top: 8px
}

.search .select2-container--select-tri-theme .select2-selection--single {
	padding-top: 14px;
	outline: none
}

@media only screen and (max-width: 800px) {
	.search .select2-container--select-tri-theme .select2-selection--single {
		background-color: #f7f7f7;
		border: none
	}
}

@media only screen and (max-width: 800px) {
	.select2-container.select2-container--select-tri-theme.select2-container--open {
		left: 20px !important;
		width: calc(-40px + 100%) !important;
		text-align: center !important
	}
	.select2-container.select2-container--select-tri-theme.select2-container--open .select2-dropdown {
		width: 100% !important
	}
}

.select2-container.select2-container--select-tri-theme.select2-container--open .select2-dropdown {
	background: #f7f7f7
}

.search .select2-selection__clear {
	font-size: 1.2rem;
	margin-right: 3px
}

.form-white .select2-container {
	z-index: 99px
}

@media (max-width: 800px) {
	.form-white .select2-container {
		width: 100% !important
	}
}

.form-white .newsletter .select2-container,
.form-white .search .select2-container {
	z-index: 1
}

.form-white .select2-container .select2-selection--multiple .select2-selection__rendered,
.form-white .popin .select2-container .select2-selection--single .select2-selection__rendered {
	display: block
}

.form-white .select2-container--default .select2-selection--multiple,
.form-white .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-white .select2-container--default .select2-selection--single,
.form-white .select2-container--default.select2-container--focus .select2-selection {
	border-color: #fff
}

.form-white .select2-dropdown {
	border: 1px solid #fff
}

.form-white .select2-container--default .select2-selection--multiple {
	padding-top: 14px;
	padding-bottom: 14px
}

.form-white .select2-container--default .select2-selection--single {
	height: auto;
	padding: 11px 40px 10px 8px
}

.form-white .select2-container .select2-search--inline,
.form-white .select2-container--default .select2-search--inline .select2-search__field {
	width: 100% !important
}

.form-white .select2-container--default .select2-selection--multiple .select2-selection__choice {
	width: 100%;
	line-height: 22px;
	margin-top: 0
}

.form-white .form__line--single .select2-container--default .select2-results__option[aria-selected="true"]:after {
	display: none
}

.form-white .form__line--flex-single.form__line--flex-single .select2-selection--single {
	background-image: none !important;
	padding: 10px 12px 10px 8px
}

.form-white .form__line--single .select2-selection__clear {
	display: none
}

.form-white .form__line--single .select2-container--default .select2-results__option[aria-selected="true"]:after {
	display: none
}

.form-white .select2-container--default .select2-selection--multiple,
.form-white .select2-container--default .select2-selection--single {
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center
}

.form-white .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000
}

.form-white .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #000
}

.recherche .select2-container--default .select2-selection--multiple,
.recherche .select2-container--default .select2-selection--single,
.recherche .select2-container--select-tri-theme .select2-selection--multiple,
.recherche .select2-container--select-tri-theme .select2-selection--single {
	padding: 11px 40px 11px 10px;
	border: 1px solid #efefef;
	border-radius: 0px;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center;
	font-size: 1rem
}

.recherche .select2-container--default .select2-results__option {
	padding: 10px;
	font-size: 1rem
}

.recherche .select2-container--default .select2-results__option:hover {
	background-color: #000
}

.recherche .select2-container--default.select2-outline .select2-selection--multiple,
.recherche .select2-container--default.select2-outline .select2-selection--single,
.recherche .select2-container--select-tri-theme.select2-outline .select2-selection--multiple,
.recherche .select2-container--select-tri-theme.select2-outline .select2-selection--single,
.recherche .select2-container--default.select2-container--focus .select2-selection--multiple,
.recherche .select2-container--default.select2-container--focus .select2-selection--single,
.search .select2-container--default.select2-outline .select2-selection--multiple,
.search .select2-container--default.select2-outline .select2-selection--single,
.search .select2-container--select-tri-theme.select2-outline .select2-selection--multiple,
.search .select2-container--select-tri-theme.select2-outline .select2-selection--single,
.search .select2-container--default.select2-container--focus .select2-selection--multiple,
.search .select2-container--default.select2-container--focus .select2-selection--single {
	border: 1px solid #d1d1d1 !important
}

.mainimg {
	background: url(../img/slide01.jpg) no-repeat top right;
	background-size: cover;
	height: 600px
}

@media only screen and (max-width: 1200px) {
	.mainimg {
		height: 530px
	}
}

@media only screen and (max-width: 800px) {
	.mainimg {
		height: 250px
	}
}

.slider {
	position: relative
}

.slider__item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.slider__barre {
	background: #D12D2E;
	width: 100%;
	height: 5px;
	padding: 0;
	margin: 0;
	position: relative
}

.slider__barre--triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #D12D2E transparent;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: -10px;
	z-index: 30
}

.unslider {
	position: relative
}

.unslider-arrow {
	position: absolute;
	top: calc(-21px + 50%);
	width: 21px;
	height: 42px;
	font-size: 0;
	background: url(../img/arrow-carousel-right.png) no-repeat center;
	padding: 10px;
	border-radius: 50px
}

.unslider-arrow.prev {
	left: 10px;
	transform: rotate(-180deg)
}

@media only screen and (max-width: 800px) {
	.unslider-arrow.prev {
		top: 150px
	}
}

.unslider-arrow.next {
	right: 10px
}

@media only screen and (max-width: 800px) {
	.unslider-arrow.next {
		top: 150px
	}
}

.unslider-nav {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	z-index: 3
}

.unslider-nav ol li {
	background: transparent;
	border: 3px solid #fff;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 4px;
	overflow: hidden;
	text-indent: -999em;
	width: 20px
}

.unslider-nav ol li.unslider-active {
	background: #fff
}

.unslider-wrap {
	z-index: 3
}

.backtop {
	background: url(../img/backtop.jpg) no-repeat;
	width: 65px;
	height: 63px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
	z-index: 200
}

@media (max-width: 1200px) {
	.backtop {
		right: 5px !important;
		background-size: 40px;
		width: 40px;
		height: 40px
	}
}

.backtop--fixed {
	display: block;
	animation: fadein 1s
}

@media (max-width: 800px) {
	.backtop--fixed {
		display: none
	}
	.backtop--fixed.backtopMob {
		display: block
	}
}

.backtop:hover {
	opacity: 0.9
}

.ariane {
	padding: 10px 0 30px
}

@media (max-width: 800px) {
	.ariane {
		display: none
	}
}

.ariane--variant {
	padding: 10px 0
}

.ariane__wrapper {
	max-width: 1380px;
	margin: 0 auto
}

.ariane__list {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 16px
}

@media (max-width: 800px) {
	.ariane__list {
		min-height: none
	}
}

.ariane__list--variant {
	padding: 0 0 20px 0
}

.ariane__list--program {
	list-style: none;
	margin-top: 0px;
	border-top: 1px solid #000;
	padding-top: 20px;
	margin-top: -11px;
	position: relative;
	z-index: 1
}

.ariane__item {
	display: inline-block;
	font-size: 0.9rem
}

.ariane__item:after {
	content: ">";
	display: inline-block;
	font-size: 0.9rem;
	padding: 0 4px
}

.ariane__item:last-child:after {
	content: ""
}

.ariane__link {
	color: #2c3437;
	text-decoration: none
}

.supraheader__black {
	position: relative
}

@media only screen and (max-width: 800px) {
	.supraheader__black {
		z-index: 1;
		display: none
	}
}

.supraheader__black__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 48px
}

@media (max-height: 800px) {
	.supraheader__black__wrap {
		height: 40px
	}
}

.supraheader__black__wrap div {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f5f5f5;
	height: 48px;
	width: 100%
}

@media (max-height: 800px) {
	.supraheader__black__wrap div {
		height: 40px;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.supraheader__black__wrap a {
	color: #1f7798;
	text-decoration: none;
	font-family: "Fira Sans Extra Condensed";
	font-weight: 400;
	font-size: 0.96rem;
	padding: 0 28px
}

@media (max-height: 800px) {
	.supraheader__black__wrap a {
		font-size: 1.4rem
	}
}

.supraheader__black__wrap a:hover {
	text-decoration: none
}

.supraheader {
	background: #184991 none repeat scroll 0 0;
	min-height: 45px;
	text-align: right;
	top: 0;
	width: 100%;
	max-width: 1600px;
	z-index: 101;
	position: relative;
	display: none
}

@media only screen and (max-width: 800px) {
	.supraheader {
		display: none
	}
}

.supraheader:after {
	content: "";
	display: block;
	clear: both
}

.supraheader__logo {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -14px;
	display: none
}

.supraheader--fixed {
	border-bottom: 1px solid #fff;
	position: fixed;
	display: block;
	z-index: 101;
	width: 100%;
	animation: fadein 1s
}

.supraheader--fixed .supraheader__logo {
	display: block
}

@media only screen and (max-width: 800px) {
	.supraheader--fixed {
		display: none !important
	}
}

.supraheader__success {
	display: none;
	color: #fff;
	padding-right: 20px;
	font-weight: 700;
	padding: 15px;
	text-align: center;
	color: #859b81;
	border-color: #dce9d8 #dce9d8 #dce9d8 #abcea1;
	background: #def0d8;
	position: relative;
	z-index: 100;
	width: 100%
}

.supraheader .supramenu {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.supraheader .supramenu__item {
	max-height: 45px;
	list-style: none;
	text-align: left;
	padding-right: 22px;
	display: inline-block
}

.supraheader .supramenu__item:last-child {
	padding-right: 0
}

.supraheader .supramenu a {
	color: #fff
}

.supraheader .supramenu__link {
	color: #fff;
	font-size: 1rem;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-decoration: none;
	line-height: 45px;
	background: url(../img/sprite.png) no-repeat 0 0;
	height: 45px;
	padding-left: 25px
}

.supraheader .supramenu__link:before {
	content: "";
	display: inline-block;
	vertical-align: text-bottom
}

.supraheader .supramenu__link:hover {
	opacity: 0.8
}

.supraheader .supramenu__link--mail {
	background-position: 0 4px
}

.supraheader .supramenu__link--cal {
	background-position: 0 -13px
}

.supraheader .supramenu__link--tel {
	background-position: 0 -420px;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	padding-left: 22px;
	height: 30px;
	line-height: 22px;
	position: relative;
	top: 7px;
	cursor: default
}

.supraheader .supramenu__link--tel:hover {
	opacity: 1 !important
}

.supraheader .supramenu__link--tel span {
	display: block;
	font-size: 0.55rem;
	margin-top: -9px;
	padding-left: 1px
}

.header {
	background: #fff none repeat scroll 0 0;
	text-align: right;
	top: 0;
	width: 100%;
	z-index: 190;
	position: relative;
	padding: 0;    border-bottom: 1px solid #e8e8e8;
}

@media only screen and (max-width: 800px) {
	.header {
		position: fixed;
		box-shadow: -1px -1px 10px 1px rgba(100, 100, 100, 0.7)
	}
}

.header:before {
	content: "";
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -5px;
 }

.header:after {
	content: "";
	display: block;
	clear: both
}

.header__link {
	text-indent: -9999px;
	background: url(../img/sprite-mob.jpg) no-repeat;
	width: 64px;
	height: 84px;
	right: 20px;
	margin: 0;
	text-decoration: none;
	border: none;
	background-size: 210px auto
}

@media only screen and (max-width: 800px) {
	.header__link {
		height: 60px;
		background-size: 180px auto
	}
}

.header__link--contact {
	right: 168px;
	background-position: 23px 31px
}

@media only screen and (max-width: 800px) {
	.header__link--contact {
		background-position: 32px 18px
	}
}

@media (max-width: 500px) {
	.header__link--contact {
		right: 94px
	}
}

.header__link--appelle {
	right: 94px;
	background-position: -83px 31px;
	border-right: 1px solid #75797C
}

@media only screen and (max-width: 800px) {
	.header__link--appelle {
		background-position: -58px 18px
	}
}

.header__link--menu {
	background-position: -159px 31px
}

.header__button {
	text-indent: -9999px;
	display: none;
	position: relative;
	z-index: 104;
	cursor: pointer;
	margin: 0;
	text-decoration: none;
	border: none;
	background: #fff;
	width: 60px;
	height: 56px;
	padding: 0;
	outline: 0
}

@media only screen and (max-width: 800px) {
	.header__button {
		display: block
	}
}

.header__button span {
	height: 4px;
	width: 32px;
	background: #000;
	border-radius: 50px;
	display: block;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: .2s;
	position: absolute;
	width: 30px;
	left: 17px
}

.header__button span:nth-child(1) {
	top: 19px
}

.header__button span:nth-child(2) {
	top: 28px
}

.header__button span:nth-child(3) {
	top: 37px
}

.header__button.open span:nth-child(1) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 29px
}

.header__button.open span:nth-child(2) {
	width: 0;
	opacity: 0
}

.header__button.open span:nth-child(3) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 29px
}

.logo {
	position: absolute;
	top: 7px;
	left: 0px;
	padding: 0;
	z-index: 1001;
	width: 378px;
	height: 232px
}

.logo.variant {
	top: 36px;
	left: -54px;
	width: auto;
	height: auto
}

@media only screen and (max-width: 1200px) {
	.logo {
		left: -50px
	}
	.logo.variant {
		left: -19px;
		top: 35px
	}
}

@media (max-height: 800px) {
	.logo {
		top: 5px;
 		height: 110px
	}
}


@media only screen and (max-width: 800px) {
	.logo {
		padding: 0
	}
	.logo.variant {
		top: 0;
		left: 0
	}
}

.logo__wrap {
	position: relative;
	width: 158px;
	height: 90px;
	margin-top: -50px
}

@media only screen and (max-width: 1200px) {
	.logo__wrap {
		width: 140px;
		height: 90px
	}
}

@media only screen and (max-width: 800px) {
	.logo__wrap {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		position: initial;
		width: auto;
		margin-top: 0
	}
}

@media only screen and (max-width: 800px) {
	.logo__link {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-right: 10px;
		height: 60px;
		margin-right: -20px
	}
}

.logo img {
	width: 85%
}

@media only screen and (max-width: 800px) {
	.logo {
		position: relative;
		top: 0px;
		left: 0;
		width: 110px;
		height: auto;
		text-align: left;
		margin: 0 0 0 0
	}
	.logo img {
		max-width: 80px
	}
}

.menu {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

@media only screen and (max-width: 800px) {
	.menu {
		padding: 0;
		position: fixed;
		overflow: auto;
		top: 60px;
		height: calc(-60px + 100%);
		background: #000;
		width: 100%;
		text-align: left;
		left: 0;
		display: none
	}
	.menu.active {
		display: -moz-flex !important;
		display: -ms-flexbox !important;
		display: -o-flex !important;
		display: flex !important;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		border-top: 1px solid #000
	}
}

@media only screen and (max-width: 800px) and (max-width: 330px) {
	.menu.active {
		display: block !important;
		padding-top: 94px
	}
}

@media only screen and (max-width: 1200px) {
	.menu__wrap {
		margin-right: -50px
	}
}

@media only screen and (max-width: 800px) {
	.menu__wrap {
		margin-right: 0;
		display: none;
		position: absolute
	}
}

.menu__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 90px 0 160px;
	width: 100%;
	margin: auto
}

@media only screen and (max-width: 1200px) {
	.menu__wrapper {
		padding: 0 50px
	}
}

@media only screen and (max-width: 800px) {
	.menu__wrapper {
		padding: 0 20px;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
	.menu__wrapper--homepage {
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.menu__item {
	height: 100%;
	list-style: none;
	text-align: center;
	font-size: 0.9rem;
	text-transform: uppercase;
	border-right: 1px solid #f6f6f6
}

.menu__item:first-child {
	border-left: 1px solid #f6f6f6
}

@media only screen and (max-width: 1200px) {
	.menu__item {
		padding-right: 0
	}
}

@media only screen and (max-width: 800px) {
	.menu__item {
		display: block;
		width: 100%;
		text-align: left;
		border-right: none;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2;
		background: #fff;
		border-bottom: 2px solid #f6f6f6
	}
	.menu__item--variant {
		background: #000 !important;
		border-bottom: 0;
		position: relative;
		padding: 5px 20px
	}
	.menu__item--variant:after {
		content: "";
		width: 50px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: calc(-25px + 50%)
	}
	.menu__item--variant:last-child:after {
		display: none
	}
	.menu__item--variant a {
		color: #fff;
		text-transform: none;
		font-size: 0.9rem;
		text-align: center;
		padding: 10px 20px
	}
	.menu__item--variant a:hover {
		color: #fff
	}
}

@media only screen and (max-width: 800px) {
	.menu__item {
		height: 94px
	}
	.menu__item--variant {
		height: 54px
	}
}

.menu__item.search-item {
	background: url(../img/icon-loupe.png) no-repeat 145px center/20px
}

@media only screen and (max-width: 1200px) {
	.menu__item.search-item {
		background-position: 145px center
	}
}

@media only screen and (max-width: 800px) {
	.menu__item.search-item {
		background: url(../img/icon-loupe-white.png) no-repeat 85% 30px/20px !important;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1;
		padding: 0;
		background-color: #000;
		padding-right: 0
	}
	.menu__item.search-item a.menu__link,
	.menu__item.search-item a.menu__link.active:hover {
		color: #fff !important;
		font-weight: 200;
		text-align: center
	}
	.menu__item.search-item a.menu__link:hover,
	.menu__item.search-item a.menu__link.active:hover:hover {
		color: #fff
	}
	.menu__item.search-item a.menu__link:hover strong,
	.menu__item.search-item a.menu__link.active:hover:hover strong {
		color: #fff !important
	}
	.menu__item.search-item strong {
		font-weight: 400;
		color: #fff !important
	}
}

.menu__item.search-item a {
	margin-right: 0;
	padding-right: 60px
}

@media only screen and (max-width: 800px) {
	.menu__item.search-item a {
		padding-right: 0
	}
}

@media only screen and (max-width: 330px) {
	.menu__item.search-item {
		position: absolute;
		top: 0;
		left: 0
	}
}

.menu__item:hover {
	background-color: #f6f6f6
}

@media only screen and (max-width: 800px) {
	.menu__item:hover {
		background-color: #fff
	}
}

.menu__panel {
	background: #2f96ad;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1003;
	left: 0;
	display: none
}

.menu__panel:after {
	content: "";
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	bottom: -7px;
	background: linear-gradient(to bottom, rgba(51, 51, 51, 0.65) 0%, rgba(51, 51, 51, 0.03) 86%, rgba(51, 51, 51, 0) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6333333', endColorstr='#00333333', GradientType=0)
}

@media only screen and (max-width: 1200px) {
	.menu__panel:after {
		display: none
	}
}

@media only screen and (max-width: 800px) {
	.menu__panel {
		position: relative;
		top: auto;
		background: #f1f1f1;
		padding: 15px 0
	}
	.menu__panel:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #f1f1f1 transparent;
		position: absolute;
		top: -15px;
		left: 50%;
		margin-left: -15px
	}
}

.menu__link {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 29px 25px;
	margin: 0;
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 1.4rem;
	line-height: 1.3;
	font-weight: 300;
	font-family: "Fira Sans Extra Condensed"
}

@media only screen and (max-width: 1200px) {
	.menu__link {
		padding: 29px 25px;
		font-size: 0.96rem
	}
}

@media (max-height: 800px) {
	.menu__link {
		padding: 14px 25px
	}
}

@media only screen and (max-width: 800px) {
	.menu__link {
		border-top: none;
		border-bottom: none;
		font-size: 1.3rem;
		line-height: 1.3;
		color: #000;
		padding: 20px 20px
	}
}

.menu__link span {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 500;
	background: none;
	color: #0a4961;
	padding: 3px 10px 1px;
	transition: 0.5s
}

@media only screen and (max-width: 800px) {
	.menu__link span {
		display: inline-block;
		font-weight: 500;
		padding: 0;
		font-size: 1.3rem
	}
}

.menu__link:hover span {
	 
}

@media only screen and (max-width: 800px) {
	.menu__link:hover span {
		box-shadow: none;
		color: #000
	}
}

.menu__link:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #184991 transparent;
	position: absolute;
	bottom: -2px;
	left: 50%;
	margin-left: -15px;
	display: none
}

@media only screen and (max-width: 800px) {
	.menu__link--variant span {
		color: #fff;
		font-size: 0.9rem
	}
	.menu__link--variant:hover span {
		color: #fff
	}
}

.menu__close {
	color: #fff;
	width: 23px;
	height: 23px;
	z-index: 100;
	position: absolute;
	right: 20px;
	top: 30px;
	display: none
}

@media only screen and (max-width: 800px) {
	.page-program .menu {
		padding: 0 0 100px
	}
}

@media only screen and (max-width: 800px) {
	.page-program .menu.active {
		padding-bottom: 85px
	}
}

.menu__link.hide__tab:hover+.menu__link+.menu__panel,
.menu__link:hover+.menu__panel,
.menu__panel:hover {
	display: block
}

@media only screen and (max-width: 800px) {
	.menu__link.hide__tab:hover+.menu__link+.menu__panel,
	.menu__link:hover+.menu__panel,
	.menu__panel:hover {
		display: none
	}
}

.menu__item:hover .menu__link:after {
	display: block
}

@media only screen and (max-width: 800px) {
	.menu__item:hover .menu__link:after {
		display: none
	}
}

.menu__link:hover:after {
	display: block
}

.menu__link--nosubmenu:hover:after {
	display: none !important
}

.submenu {
	display: inline-block;
	padding: 0 35px;
	margin: 4% 0;
	list-style: none;
	text-align: left;
	vertical-align: top
}

.submenu--variant {
	height: 185px;
	border-left: 1px solid #fff
}

@media only screen and (max-width: 800px) {
	.submenu--variant {
		border-left: none;
		height: auto
	}
}

.submenu:last-child {
	border-right: none
}

.submenu:last-child .submenu__name:after {
	display: none
}

@media only screen and (max-width: 1200px) {
	.submenu {
		padding: 0 20px
	}
}

@media only screen and (max-width: 800px) {
	.submenu {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0
	}
}

.submenu li {
	display: block;
	vertical-align: top;
	width: 100%
}

@media only screen and (max-width: 800px) {
	.submenu li {
		text-align: center
	}
	.submenu li.submenu__item {
		display: none;
		padding-left: 0
	}
}

@media only screen and (max-width: 800px) {
	.submenu__item {
		padding: 0;
		display: none
	}
}

.submenu__name {
	font-family: "Fira Sans Extra Condensed";
	color: #fff;
	font-size: 2.3rem;
	font-weight: 400;
	padding-bottom: 20px
}

@media only screen and (max-width: 1200px) {
	.submenu__name {
		font-size: 1.4rem
	}
}

@media only screen and (max-width: 800px) {
	.submenu__name {
		color: #000;
		font-size: 1.2rem;
		font-weight: normal;
		padding-left: 0px;
		cursor: pointer;
		width: 100%;
		display: block;
		padding-bottom: 0px;
		line-height: 1.8;
		font-weight: bold;
		position: relative
	}
	.submenu__name:after {
		content: "";
		background: #e9e9e9;
		height: 2px;
		width: 150px;
		position: absolute;
		bottom: 0;
		left: calc(-75px + 50%)
	}
}

.submenu__link {
	color: #fff;
	position: relative;
	display: inline-block;
	text-decoration: none;
font-size: 1.6rem;
    line-height: 1.8rem;	margin: 0 0 10px 0;
	font-weight: 300;
	padding-left: 25px;
	text-transform: none
}

@media only screen and (max-width: 1200px) {
	.submenu__link {
		font-size: 0.8rem
	}
}

@media only screen and (max-width: 800px) {
	.submenu__link {
		color: #000;
		padding-left: 0;
		text-align: left;
		margin: 0;
		line-height: 2.2;
		font-size: 0.9rem
	}
}

.submenu__link:before {
	content: "+";
	font-size: 0.7rem;
	background: transparent;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: calc(-8px + 50%);
	height: 17px;
	line-height: 15px;
	color: #fff;
	padding: 0 1px 0 0;
	font-weight: bold;
	text-align: center;
	width: 15px
}

@media only screen and (max-width: 800px) {
	.submenu__link:before {
		display: none
	}
}

.submenu__link:hover {
	background-position: 0 -60px
}

.submenu__link:hover:before {
	background: #fff;
	color: #000
}

@media only screen and (max-width: 800px) {
	.submenu__link:hover:before {
		display: none
	}
}

.menuMob {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	background: #184991;
	margin-top: 0;
	padding: 60px 40px 40px 40px;
	opacity: 1
}

.menuMob__wrapper {
	display: none
}

.menuMob .panel-collapse.in .menuMob__wrapper {
	display: block
}

.menuMob .panel-title {
	margin-bottom: 0
}

.menuMob__overlay {
	position: absolute;
	background: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
	height: 100%;
	Width: 100%;
	z-index: 1;
	cursor: pointer
}

.menuMob__item {
	list-style: none
}

.menuMob__link {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1rem;
	text-decoration: none;
	text-align: left;
	width: 100%;
	display: block;
	font-weight: normal
}

.menuMob__panel {
	background: #184991;
	position: relative
}

.menuMob__close {
	color: #fff;
	display: block;
	width: 23px;
	height: 23px;
	z-index: 100;
	position: absolute;
	right: 20px;
	top: 30px
}

.submenuMob {
	list-style: none;
	padding: 0 0 20px 25%;
	margin: 0;
	text-align: left
}

.submenuMob .panel-title a {
	text-decoration: none;
	color: #fff;
	font-weight: normal
}

.submenuMob--variant {
	display: none;
	padding: 15px 0 0 15px
}

.submenuMob .panel-collapse.in .submenuMob--variant {
	display: block
}

.submenuMob--only {
	padding: 20px 0 20px 25%
}

.submenuMob__name {
	color: #fff;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed"
}

.submenuMob__item {
	list-style: none;
	text-align: left
}

.submenuMob__link {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.3rem;
	margin: 0 0 10px 0;
	font-weight: 100;
	padding-left: 25px;
	text-transform: none;
	background: url(../img/arrow-submenu2x.png) no-repeat 0 0;
	background-size: auto 78px
}

.submenuMob__link:hover {
	background-position: 0 -60px
}

.title {
	text-align: center;
	color: #000;
	padding: 90px 0 0 0;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.title {
		padding: 30px 20px 0 20px
	}
}

.title p {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1.3rem
}

.title p strong {
	font-weight: 700;
	display: block;
	font-size: 1.8rem;
	margin-bottom: 10px
}

.title p strong br {
	display: none
}

@media (max-width: 800px) {
	.title p strong {
		font-size: 2.1rem
	}
	.title p strong br {
		display: block
	}
}

.title p span.strong {
	font-weight: 700;
	display: block;
	font-size: 1.8rem;
	margin-bottom: 10px
}

.title p span.strong br {
	display: none
}

@media (max-width: 800px) {
	.title p span.strong {
		font-size: 2.1rem
	}
	.title p span.strong br {
		display: block
	}
}

@media (max-width: 800px) {
	.title p {
		font-size: 1.25rem
	}
}

.dossier {
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.dossier__title {
		border-top: 2px solid #CF2733
	}
}

.dossier__background {
	width: 100%;
	height: 100%;
	background-color: rgba(20, 20, 20, 0.3);
	display: none;
	position: absolute;
	top: 0
}

.dossier__item {
	min-height: 314px;
	background-position: center center;
	background-size: cover;
	margin: 0 0.5em;
	position: relative
}

@media (max-width: 1200px) {
	.dossier__item {
		min-height: 260px
	}
}

.dossier__item:hover .dossier__background {
	display: block
}

.dossier__link {
	min-height: 314px;
	width: 100%;
	text-indent: -9999px;
	display: block;
	position: relative;
	z-index: 2
}

@media (max-width: 1200px) {
	.dossier__link {
		min-height: 260px
	}
}

.dossier__titre {
	background: #000;
	color: #fff;
	font-size: 1.4rem;
	padding: 7px 15px;
	display: table;
	position: absolute;
	top: 50%;
	left: 20px
}

@media (max-width: 1200px) {
	.dossier__titre {
		top: 40%
	}
}

.dossier__texte {
	color: #fff;
	font-size: 1rem;
	line-height: 1.2rem;
	margin-top: 60px;
	position: absolute;
	top: 50%;
	left: 22px;
	width: 80%
}

@media (max-width: 1200px) {
	.dossier__texte {
		top: 40%;
		margin-top: 50px
	}
}

.dossier__plus {
	position: absolute;
	bottom: 15px;
	left: 20px
}

.dossier .jcarousel-wrapper {
	width: 80%;
	position: relative;
	margin: 50px auto
}

@media (max-width: 1200px) {
	.dossier .jcarousel-wrapper {
		width: 89%
	}
}

@media (max-width: 800px) {
	.dossier .jcarousel-wrapper {
		width: 89%
	}
}

.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%
}

.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0 0 0 -10px;
	padding: 0
}

.jcarousel li {
	float: left
}

.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 16px;
	height: 32px;
	text-align: center;
	color: #000;
	text-decoration: none;
	text-indent: -9999px
}

@media (max-width: 800px) {
	.dossier .jcarousel-control-prev,
	.dossier .jcarousel-control-next {
		display: block
	}
}

.jcarousel-control-prev {
	left: -55px;
	background: url(../img/arrow-carousel-left.png) no-repeat center/16px
}

@media (max-width: 800px) {
	.jcarousel-control-prev {
		left: -30px
	}
}

.jcarousel-control-next {
	right: -55px;
	background: url(../img/arrow-carousel-right.png) no-repeat center/16px
}

@media (max-width: 800px) {
	.jcarousel-control-next {
		right: -30px
	}
}

.jcarousel-pagination {
	display: none
}

.footer {
	text-align: left;
	margin-top: 50px;
	padding: 40px 0;
 	font-family: "Fira Sans Extra Condensed", sans-serif;
 }

@media (max-width: 800px) {
	.footer {
		padding: 20px 0;
		margin-top: 0px;
		text-align: center
	}
}

.footer__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.footer__logo {
	margin-left: 50px;
	margin-bottom: 20px;
	display: block
}

@media only screen and (max-width: 1200px) {
	.footer__logo {
		margin-left: 45px;
		max-width: 143px
	}
}

@media only screen and (max-width: 800px) {
	.footer__logo {
		margin: 0 auto 20px;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.footer__box {
	display: inline-block;
	width: 25%;
	text-align: left; padding-left:2rem
}

.footer__box:first-child {
	margin-left: 0
}

.footer__box--full {
	width: 100%;
	padding-left: 25%;
	margin-top: -50px
}

@media only screen and (max-width: 800px) {
	.footer__box--full {
		padding-left: 0;
		margin-top: 0
	}
}

@media (max-width: 800px) {
	.footer__box {
		width: 100%
	}
	.footer__box.order-1 {
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
	.footer__box.order-2 {
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}

.footer__box h4 {
	margin-bottom: 0
}

.footer__title {
 	font-weight: 400;
	margin-top: 20px;
	display: block;
	font-size: 1.8rem;
	text-transform: uppercase;
	line-height: 1.2
}

.footer__title br {
	display: none
}

.footer__title span {
	display: none
}

@media (max-width: 800px) {
	.footer__title {
		text-align: center;
		font-size: 1.3rem;
		font-weight: 700;
		margin-top: 14px;
		position: relative;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.footer__title span {
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		display: inline-block;
		margin-left: 15px
	}
	.footer__title.open span {
		transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		margin-top: -6px
	}
}

.footer__barre {
	width: 100%;
	display: block;
	margin-top: 50px;
	background: #5d5d5f;
	padding: 10px 0;
	float: left;
	color: #fff
}

.footer__menu {
	display: block;
	padding: 20px 0 0 0;
	margin: 0;
	list-style: none;
	text-align: left
}

.footer__menu--full {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%
}

@media (max-width: 800px) {
	.footer__menu {
		display: none;
		text-align: center;
		background: #201f1f;
		width: calc(40px + 100%);
		padding: 20px 15px;
		margin-top: -10px;
		margin-left: -20px
	}
}

.footer__menu--variant {
	display: block
}

@media (max-width: 800px) {
	.footer__menu--variant {
		background: #201f1f
	}
}

.footer__menu__item {
	display: block;
	vertical-align: top;
	width: 100%
}

.footer__menu__item--full {
	width: 33.33333%
}

@media only screen and (max-width: 1200px) {
	.footer__menu__item--full {
		width: 50%
	}
}

@media only screen and (max-width: 800px) {
	.footer__menu__item--full {
		width: 100%
	}
}

@media (max-width: 800px) {
	.footer__menu__item {
		text-align: center
	}
}

.footer__menu__link {
	color: #4e4e4e;
	display: inline-block;
	text-decoration: none;
font-size: 1.4rem;
    line-height: 2.2rem;
	text-transform: uppercase;
	margin: 0
}

.footer__menu__link.lower {
	text-transform: none
}

.footer__menu__link:hover {
	text-decoration: none
}

@media only screen and (max-width: 1200px) {
	.footer__menu__link {
		font-size: 0.8rem
	}
}

@media only screen and (max-width: 800px) {
	.footer__menu__link {
		font-size: 1.6rem;
		line-height: 2;
		margin: 0;
		font-weight: 400
	}
}

.footer__menu__link--variant {
	text-transform: none;
	display: block;
	width: 220px;
	padding: 15px 50px 15px 25px;
	color: #fff;
	border-radius: 8px;
	margin-bottom: 20px;
	background: #201f1f;
	border: 1px solid #fff;
	position: relative;
	line-height: 1
}

@media only screen and (max-width: 1200px) {
	.footer__menu__link--variant {
		padding: 15px 20px 15px 20px;
		width: 190px
	}
}

@media only screen and (max-width: 800px) {
	.footer__menu__link--variant {
		margin: 0 auto 10px;
		font-size: 1rem;
		text-align: left
	}
}

.footer__menu__link--variant:hover {
	background: #373636;
	text-decoration: none !important
}

.footer__menu__link--variant:after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 25px;
	top: 18px
}

@media only screen and (max-width: 1200px) {
	.footer__menu__link--variant:after {
		right: 15px
	}
}

.newsletter {
 	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.newsletter {
		margin-bottom: 0
	}
}

.newsletter__title {
	margin: 0 auto 30px;
	display: table
}

@media (max-width: 800px) {
	.newsletter__title {
		text-align: center
	}
}

.newsletter__icon {
	width: 30px;
	height: 44px;
	background: url(../img/sprite.png);
	background-position: 0 -365px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 15px
}

.newsletter__intitule {
	color: #fff;
	text-align: center;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 2.6rem;
	text-transform: uppercase;
	font-weight: 100;
	display: inline-block;
	padding-left: 15px;
	border-left: 1px solid #fff;
	padding: 0 20px;
	vertical-align: top
}

.newsletter__sstitle {
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
	margin-bottom: 40px;
	padding: 0 20px
}

@media (max-width: 800px) {
	.newsletter__sstitle {
		font-size: 1rem;
		line-height: 1.2rem;
		margin-bottom: 20px
	}
}

.newsletter__btn {
	background: #fff url(../img/arrow-newsletter-black.png) no-repeat;
	background-position: 90% center;
	border: 1px solid #fff;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 46px;
	padding: 10px 50px 11px 15px;
	width: 100%;
	cursor: pointer
}

@media (max-width: 800px) {
	.newsletter__btn {
		width: 100%;
		background-position: 95% center;
		border-radius: 0
	}
}

.newsletter__btn:hover {
	background-color: #000;
	background-image: url(../img/arrow-newsletter.png);
	color: #fff
}

.newsletter__form {
	width: 100%;
	max-width: 750px;
	margin: 0 auto
}

.newsletter__form__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
	padding: 0 20px;
	width: 100%
}

@media (max-width: 800px) {
	.newsletter__form__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.newsletter__box {
	width: 35%
}

@media (max-width: 800px) {
	.newsletter__box {
		width: 100%;
		margin-bottom: 15px
	}
}

.newsletter__box--submit {
	width: 27%
}

@media (max-width: 800px) {
	.newsletter__box--submit {
		width: 100%;
		margin-bottom: 0;
		padding-left: 0px
	}
}

.newsletter__box--condition {
	padding: 10px 0 0 20px
}

.newsletter__box--condition span.form__span--checkbox {
	font-size: 0.9rem;
	line-height: 1.2
}

.newsletter__box input {
	width: 100%;
	margin: 0 auto;
	padding: 12px 12px 12px 12px;
	border: 1px solid #fff;
	font-size: 1rem;
	font-family: arial
}

.newsletter__box select {
	width: 100%;
	margin: 0 auto;
	font-family: arial
}

.background {
	background: url(../img/background.jpg) no-repeat center center;
	background-size: cover;
	min-height: 500px;
	position: relative
}

.background--variant {
	background: none
}

@media (max-width: 1400px) {
	.background {
		min-height: 350px
	}
}

@media only screen and (max-width: 1200px) {
	.background {
		min-height: 270px
	}
}

@media only screen and (max-width: 800px) {
	.background {
		min-height: 480px;
		height: auto
	}
}

@media only screen and (max-width: 450px) {
	.background {
		min-height: 240px
	}
}

.background a {
	position: absolute;
	width: 100%;
	height: 100%
}

.background.item1 {
	background-image: url(../img/camprent18-1-home-min.jpg)
}

@media only screen and (max-width: 800px) {
	.background.item1 {
		background-image: url(../img/camprent18-1-mob-home-min.jpg)
	}
}

.background.item2 {
	background-image: url(../img/camprent18-2-home-min.jpg)
}

@media only screen and (max-width: 800px) {
	.background.item2 {
		background-image: url(../img/camprent18-2-mob-home-min.jpg)
	}
}

.background.item3 {
	background-image: url(../img/camprent18-3-home-min.jpg)
}

@media only screen and (max-width: 800px) {
	.background.item3 {
		background-image: url(../img/camprent18-3-mob-home-min.jpg)
	}
}

.background.item4 {
	background-image: url(../img/camprent18-4-home-min.jpg)
}

@media only screen and (max-width: 800px) {
	.background.item4 {
		background-image: url(../img/camprent18-4-mob-home-min.jpg)
	}
}

.baseline {
	position: absolute;
	bottom: 73px;
	right: calc(-232px + 50%);
	padding: 20px;
	color: #fff;
	text-align: center;
	z-index: 10;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	transition: opacity 0.8s
}

@media only screen and (max-width: 1200px) {
	.baseline {
		right: calc(-232px + 50%)
	}
}

@media only screen and (max-width: 800px) {
	.baseline {
		right: calc(-174px + 50%);
		padding: 10px 15px;
		bottom: 20px
	}
}

.baseline__line1 {
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.3rem
}

@media only screen and (max-width: 800px) {
	.baseline__line1 {
		font-size: 1.1rem;
		line-height: 1.2rem
	}
}

@media only screen and (max-width: 800px) {
	.baseline__line1 {
		font-size: 0.9rem;
		line-height: 1.1rem
	}
}

.baseline__line2 {
	font-family: "Roboto";
	font-size: 2rem
}

@media only screen and (max-width: 800px) {
	.baseline__line2 {
		font-size: 1.5rem;
		line-height: 1.6rem
	}
}

@media only screen and (max-width: 800px) {
	.baseline__line2 {
		font-size: 1rem;
		line-height: 1.1rem
	}
}

.background:hover .baseline {
	opacity: 1;
	transition: opacity 0.8s
}

.recherche {
	background: #f1f1f1;
	width: 100%;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-weight: normal;
	padding: 18px 0 18px 20px;
	z-index: 1;
	position: relative;
	width: calc(-60px + 100%);
	margin-left: 30px;
	margin-top: -40px
}

@media (max-width: 1200px) {
	.recherche {
		bottom: 0
	}
}

@media only screen and (max-width: 800px) {
	.recherche {
		bottom: 0;
		background: #ececec;
		position: relative;
		z-index: 1;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding: 20px
	}
}

.recherche__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width: 800px) {
	.recherche__wrapper {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.recherche__title {
	text-transform: uppercase;
	font-size: 1.4rem;
	line-height: 1;
	padding-right: 30px;
	text-align: left;
	vertical-align: top;
	color: #000;
	font-weight: 500;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	width: 300px
}

.recherche__title br {
	display: none
}

@media only screen and (max-width: 1200px) {
	.recherche__title {
		width: 180px
	}
	.recherche__title br {
		display: block
	}
}

@media only screen and (max-width: 800px) {
	.recherche__title {
		width: 100%;
		margin-bottom: 15px;
		text-align: center
	}
	.recherche__title br {
		display: none
	}
}

.recherche__box {
	width: 33.333333%
}

@media only screen and (max-width: 800px) {
	.recherche__box {
		width: 100%;
		margin-bottom: 15px
	}
}

.recherche__box input {
	width: calc(-20px + 100%);
	margin: 0 auto;
	padding: 11px 11px 11px 45px;
	border: 1px solid #efefef;
	background: #fff url(../img/icon-loupe.png) no-repeat 11px center;
	background-size: 20px;
	font-size: 1rem
}

@media only screen and (max-width: 800px) {
	.recherche__box input {
		font-size: 1rem;
		width: 100%
	}
}

.recherche__box select {
	width: calc(-20px + 100%);
	margin: 0 auto
}

@media only screen and (max-width: 800px) {
	.recherche__box select {
		width: 100%
	}
}

.recherche__submit {
	width: 190px;
	position: relative
}

@media only screen and (max-width: 1200px) {
	.recherche__submit {
		width: 125px
	}
}

@media only screen and (max-width: 800px) {
	.recherche__submit {
		width: 100%
	}
}

.recherche__boxwrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	width: calc(-490px + 100%)
}

@media only screen and (max-width: 1200px) {
	.recherche__boxwrap {
		width: calc(-305px + 100%)
	}
}

@media only screen and (max-width: 800px) {
	.recherche__boxwrap {
		width: 100%;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.recherche--btn {
	background: #000 url(../img/arrow-newsletter.png) no-repeat 90% center;
	border: 1px solid #000;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 79px;
	padding: 9px 0;
	width: calc(-20px + 100%);
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: -40px;
	right: 0
}

@media only screen and (max-width: 1200px) {
	.recherche--btn {
		width: 100%
	}
}

@media only screen and (max-width: 800px) {
	.recherche--btn {
		position: relative;
		top: auto;
		width: 100%;
		hright: 70px;
		font-size: 1.3rem
	}
}

.recherche--btn:hover {
	opacity: 0.9
}

.recherche input::-moz-placeholder {
	color: #000;
	opacity: 1
}

.recherche input:-ms-input-placeholder {
	color: #000;
	opacity: 1
}

.recherche input::placeholder {
	color: #000;
	opacity: 1
}

.recherche input::-webkit-input-placeholder {
	color: #000;
	opacity: 1
}

.recherche input::-moz-placeholder {
	color: #000;
	opacity: 1
}

.recherche input:-ms-input-placeholder {
	color: #000;
	opacity: 1
}

.recherche input:-moz-placeholder {
	color: #000;
	opacity: 1
}

.region {
	padding-top: 90px;
	padding-bottom: 90px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 1200px) {
	.region {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only screen and (max-width: 800px) {
	.region {
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
}

.region__title {
	text-align: center;
	color: #000;
	padding: 0;
	padding-bottom: 30px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 1200px) {
	.region__title {
		padding-bottom: 30px
	}
}

@media (max-width: 800px) {
	.region__title {
		padding: 0px 20px 0 20px
	}
}

.region__title p {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1.3rem
}

.region__title p span.strong {
	font-weight: 700;
	display: block;
	font-size: 1.8rem;
	margin-bottom: 10px
}

.region__title p span.strong br {
	display: none
}

@media (max-width: 800px) {
	.region__title p span.strong {
		font-size: 2.1rem
	}
	.region__title p span.strong br {
		display: block
	}
}

@media (max-width: 800px) {
	.region__title p {
		font-size: 1.25rem
	}
}

.region__link {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	text-decoration: none
}

.region__list {
	display: block;
	min-height: 325px;
	list-style: none;
	margin: 0 0 0 17px;
	padding: 0
}

.region__background {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	display: none
}

.region__box {
	height: 300px;
	display: inline-block;
	background-position: center center;
	background-size: cover;
	width: 100%;
	margin-left: -5px;
	margin-top: 2%
}

.region__box:hover .region__background {

	display: block
}

@media (max-width: 800px) {
	.region__box {
		width: 100%;
		margin: 0 auto;
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.region__small {
	width: 39%
}

@media (max-width: 800px) {
	.region__small {
		width: 100%
	}
}

.region__medium {
	width: 59%
}

@media (max-width: 800px) {
	.region__medium {
		width: 100%
	}
}

.region__large {
	width: 100%;
	margin-left: 0
}

.region__odd {
	margin-right: 2%;
	margin-left: 0
}

@media (max-width: 800px) {
	.region__odd {
		margin: 0
	}
}

.region__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.region__name {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-weight: 500;
	font-size: 1.625rem;
	background: #000;
	padding: 8px 15px
}

@media (max-width: 800px) {
	.region__name {
		font-size: 1.25rem
	}
}

.region__result {
	background: #fff;
	color: #000;
	padding: 8px 10px 5px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: uppercase;
	font-size: 1.125rem;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 300
}

@media (max-width: 800px) {
	.region__result {
		font-size: .9375rem
	}
}

.region__plus {
	border: 1px solid #000;
	background: #000;
	color: #fff;
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	width: 30px
}

.region a:hover .region__plus {
	background: #fff;
	border: 1px solid #fff;
	color: #000
}

@media only screen and (max-width: 800px) {
	.region__wrap {
		padding: 0 35px
	}
}

@media only screen and (max-width: 800px) {
	.region__slider {
		margin-top: 20px
	}
}

.region__slider .slick-arrow {
	position: absolute;
	top: calc(-16px + 50%);
	width: 16px;
	height: 32px;
	font-size: 0;
	padding: 10px;
	border: none;
	outline: none;
	z-index: 10
}

.region__slider .slick-prev {
	background: url(../img/arrow-carousel-right.png) no-repeat center/16px;
	transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	left: -28px
}

.region__slider .slick-next {
	background: url(../img/arrow-carousel-right.png) no-repeat center/16px;
	right: -28px
}

.region__position {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column
}

.parent {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	z-index: 100
}

.child {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .5s
}

.parent a {
	font-size: 35px;
	color: #ffffff !important;
	font-family: sans-serif;
	text-align: center;
	margin: auto;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	cursor: pointer
}

@media (min-width: 800px) {
	.parent:hover .child,
	.parent:focus .child {
		transform: scale(1.2)
	}
	.parent:hover .child:before,
	.parent:focus .child:before {
		display: block
	}
	.parent:hover a,
	.parent:focus a {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex
	}
	.child:before {
		content: "";
		display: none;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0
	}
}

.services {
	padding: 55px 0 0;
	text-align: center;
	color: #fff;
	position: relative;
	background: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 800px) {
	.services {
		padding: 10px 0 20px 0;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}

.services__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 1200px) {
	.services__wrapper {
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap
	}
}

@media (max-width: 800px) {
	.services__wrapper {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.services a {
	color: #fff;
	text-decoration: none;
	width: 24%
}

@media (max-width: 1200px) {
	.services a {
		width: calc(-10px + 50%);
		margin-bottom: 20px
	}
}

@media (max-width: 800px) {
	.services a {
		width: 100%;
		margin-bottom: 0
	}
}

.services__box {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	background: #fff;
	height: 347px;
	text-align: left;
	padding: 0 10px;
	position: relative
}

@media (max-width: 1200px) {
	.services__box {
		height: 370px
	}
}

@media (max-width: 800px) {
	.services__box {
		height: 215px;
		padding: 20px 0
	}
}

.services__box:hover .services__icon {
	margin-top: -100px;
	opacity: 0
}

@media (max-width: 800px) {
	.services__box:hover .services__icon {
		margin-top: 0;
		opacity: 1
	}
}

.services__box:hover .services__name {
	margin-top: -70px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.services__box:hover .services__name {
		margin: 0 auto
	}
}

.services__box:hover .services__text:after {
	opacity: 1;
	bottom: 60px
}

@media (max-width: 800px) {
	.services__box:hover .services__text:after {
		display: none
	}
}

.services__box--box1 {
	background: #000
}

.services__box--box1:hover .services__text:after {
	color: #000
}

.services__box--box2 {
	background: #184991
}

.services__box--box2:hover .services__text:after {
	color: #184991
}

.services__box--box3 {
	background: #9b9d9f
}

.services__box--box3:hover .services__text:after {
	color: #9b9d9f
}

.services__box--box4 {
	background: #999 url(../img/bloc-home-pinel.jpg) no-repeat center top/cover;
	transition: ease-in-out 0.3s
}

@media (max-width: 1200px) {
	.services__box--box4 {
		background: #999 url(../img/bloc-home-pinel-mob.jpg) no-repeat left -26px/cover
	}
}

@media (max-width: 400px) {
	.services__box--box4 {
		background: #999 url(../img/bloc-home-pinel-mob.jpg) no-repeat left top/cover;
		background-size: 400px auto
	}
}

.services__box--box4 span.name {
	padding-top: 64px;
	display: block
}

@media (min-width: 1200px) {
	.services__box--box4:hover {
		background-position: center -300px;
		transition: ease-in-out 0.3s
	}
	.services__box--box4:hover .services__text:after {
		color: #8e837b
	}
	.services__box--box4:hover span.name {
		padding-top: 18px
	}
}

@media (min-width: 800px) {
	.services__box--box4:hover {
		background-position: left -300px
	}
}

.services__name {
	font-size: 1.5rem;
	padding: 0 0 20px;
	text-align: center;
	width: 100%;
	font-weight: 500;
	margin: 0;
	transition: ease-in-out 0.3s
}

@media (max-width: 800px) {
	.services__name {
		padding: 20px 15px 0
	}
	.services__name:after {
		content: "+";
		border: 1px solid #fff;
		border-radius: 5px;
		display: block;
		font-size: 1.2rem;
		font-weight: 700;
		height: 30px;
		line-height: 30px;
		margin: 20px auto 0;
		text-align: center;
		text-decoration: none;
		width: 30px
	}
}

.services__icon {
	background: url(../img/sprite.png) no-repeat;
	display: block;
	margin: 0 auto 30px;
	width: 97px;
	height: 96px;
	background-position: 0 -165px;
	opacity: 1;
	transition: ease-in-out 0.3s
}

@media (max-width: 800px) {
	.services__icon {
		margin-bottom: 0;
		background-size: 70px;
		width: 70px;
		height: 69px
	}
}

.services__icon--ap {
	background-position: 0 -263px
}

@media (max-width: 800px) {
	.services__icon--ap {
		background-position: 0 -179px
	}
}

.services__icon--new {
	background-position: 0 -67px
}

@media (max-width: 800px) {
	.services__icon--new {
		background-position: 0 -44px
	}
}

.services__icon--liv {
	background-position: 0 -165px
}

@media (max-width: 800px) {
	.services__icon--liv {
		height: 68px;
		background-position: 0 -112px
	}
}

.services__icon--pinel {
	display: none
}

.services__text {
	padding: 0px 25px;
	text-align: center;
	width: 100%;
	font-size: 1.05rem;
	line-height: 1.4rem;
	height: 131px
}

@media (max-width: 1200px) {
	.services__text {
		padding: 0px 90px
	}
}

@media (max-width: 800px) {
	.services__text {
		padding: 0px 30px;
		height: auto
	}
}

.services__text:after {
	content: "+";
	background: #fff;
	border-radius: 10px;
	text-align: center;
	line-height: 38px;
	font-size: 1.5rem;
	opacity: 0;
	width: 38px;
	height: 38px;
	font-weight: normal;
	margin: 50px auto 0;
	text-decoration: none;
	position: absolute;
	bottom: 30px;
	left: calc(-19px + 50%);
	transition: ease-in-out 0.3s
}

@media (max-width: 800px) {
	.services__text span {
		display: none
	}
}

.services__text span.name {
	display: block
}

@media (max-width: 800px) {
	.services__text span.name {
		display: block
	}
}

.services__text strong {
	text-transform: uppercase;
	display: block
}

@media (max-width: 800px) {
	.services__text strong {
		text-transform: none
	}
}

@media (max-width: 800px) {
	.services__text {
		padding: 0 15px
	}
}

.vids_player {
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	vertical-align: baseline
}

@media only screen and (max-width: 800px) {
	.vids_player {
		display: none
	}
}

.search {
	background: #e5e3e4;
	width: 100%;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-weight: normal;
	z-index: 1;
	padding-bottom: 30px;
	padding-top: 30px;
	height: 100%;
	overflow: hidden
}

@media (max-width: 1200px) {
	.search {
		padding: 20px 0;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 800px) {
	.search {
		background: none;
		padding: 35px 0;
		margin-bottom: 0
	}
}

.search .wrapper {
	padding: 0 60px
}

@media only screen and (max-width: 800px) {
	.search .wrapper {
		padding: 0 30px
	}
}

.search .select2-search__field {
	width: 100% !important
}

.search--container {
	position: relative;
	margin-left: 120%;
	width: 100%;
	transition: margin 0.8s
}

@media only screen and (max-width: 800px) {
	.search--container {
		height: 280px
	}
}

.search--container.active {
	margin-left: 0;
	transition: margin 0.8s
}

@media only screen and (max-width: 800px) {
	.search--container.active {
		height: 100%
	}
}

.search--recap {
	position: absolute;
	width: calc(-120px + 100%);
	right: calc(120px + 100%);
	transition: right 0.8s
}

@media only screen and (max-width: 800px) {
	.search--recap {
		width: calc(-60px + 100%)
	}
}

.search--recap.active {
	right: 60px;
	transition: right 0.8s
}

@media only screen and (max-width: 800px) {
	.search--recap.active {
		right: 30px
	}
}

.search__fix {
	position: fixed;
	z-index: 200;
	top: 46px;
	animation: fadein 1s;
	width: 100%;
	max-width: 1600px
}

.search__fix .result__tri {
	display: none
}

.search__wrap {
	width: 100%;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex
}

@media only screen and (max-width: 800px) {
	.search__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.search__fixed {
	width: 100%;
	margin-bottom: 10px;
	transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	margin-left: 0;
	position: relative;
	background: #e5e3e4;
	padding: 0 20px;
	z-index: 2
}

@media only screen and (max-width: 800px) {
	.search__fixed {
		padding: 0;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1;
		margin-bottom: 0;
		background: none
	}
	.search__fixed .select2-container {
		width: 100% !important
	}
}

.search__entete__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

@media only screen and (max-width: 800px) {
	.search__entete__wrapper {
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.search__ligne {
	width: 100%;
	max-width: 294px;
	margin-bottom: 10px;
	margin-right: -40px;
	position: absolute;
	right: 70px;
	transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94)
}

@media only screen and (max-width: 1200px) {
	.search__ligne {
		margin-right: -70px
	}
}

@media only screen and (max-width: 800px) {
	.search__ligne {
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2;
		position: relative;
		width: 100%;
		right: auto;
		margin-right: 0;
		max-width: 100%;
		display: none
	}
}

.search__ligne.visible {
	transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	right: 394px;
	z-index: 1
}

@media only screen and (max-width: 1200px) {
	.search__ligne.visible {
		right: 370px
	}
}

@media only screen and (max-width: 800px) {
	.search__ligne.visible {
		right: auto;
		display: block
	}
	.search__ligne.visible .select2-container {
		width: 100% !important
	}
}

.search__ligne.visible+.search__fixed {
	margin-left: 305px;
	transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94)
}

@media only screen and (max-width: 800px) {
	.search__ligne.visible+.search__fixed {
		margin-left: 0
	}
}

@media only screen and (max-width: 800px) {
	.search__ligne {
		margin-bottom: 0px
	}
}

.search__title {
	text-transform: uppercase;
	font-size: 1.6rem;
	line-height: 1.6rem;
	width: 100%;
	text-align: center;
	vertical-align: top;
	color: #000;
	font-weight: bold;
	padding-bottom: 30px
}

.search__title br {
	display: none
}

@media only screen and (max-width: 800px) {
	.search__title {
		width: 100%;
		padding-bottom: 20px;
		text-align: center;
		font-size: 1.6rem
	}
	.search__title br {
		display: none
	}
}

.search__recap {
	font-size: 1.4rem;
	line-height: 1.4;
	width: 100%;
	text-align: center;
	vertical-align: top;
	color: #000;
	padding-bottom: 30px
}

.search__recap__wrap {
	width: 100%
}

.search__choice {
	font-size: 1.2rem
}

.search__choice div,
.search__choice a {
	display: block;
	padding: 15px 20px;
	text-align: center;
	text-decoration: none
}

@media only screen and (max-width: 800px) {
	.search__choice div.hide__mob {
		display: none
	}
}

.search__choice__button {
	background: #000;
	color: #fff;
	border: 1px solid #000;
	cursor: pointer
}

.search__choice__button:hover {
	background: #fff;
	color: #000
}

.search__box {
	width: 100%;
	margin-bottom: 20px
}

@media only screen and (max-width: 800px) {
	.search__box {
		width: 100%;
		margin-bottom: 15px
	}
}

.search__box input {
	width: 100%;
	margin: 0 auto;
	padding: 13px 11px 13px 45px;
	border: 1px solid #efefef;
	background: #fff url(../img/icon-loupe.png) no-repeat 11px center;
	background-size: auto;
	background-size: 20px;
	font-size: 1rem
}

.search__box select {
	width: 100%;
	margin: 0 auto
}

.search__submit {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	width: 220px
}

@media only screen and (max-width: 1200px) {
	.search__submit {
		width: 170px
	}
}

@media only screen and (max-width: 800px) {
	.search__submit {
		width: 100%
	}
}

.search--btn {
	background: #000 url("../img/arrow-newsletter.png") no-repeat scroll 80% center;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 79px;
	width: 190px;
	padding: 9px 0;
	text-align: center;
	cursor: pointer
}

.search--btn:hover {
	background-color: #333;
	border: 1px solid #333
}

@media (max-width: 800px) {
	.search--btn {
		border-radius: 0;
		padding: 11px 0;
		text-align: center;
		margin: 0 auto 30px;
		display: block
	}
}

.search__btn-more {
	color: #000;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 0;
	line-height: 47px;
	display: block;
	padding-left: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative
}

@media only screen and (max-width: 800px) {
	.search__btn-more {
		display: inline-block;
		margin-bottom: 5px;
		padding-left: 30px
	}
}

.search__btn-more:before {
	content: "";
	width: 9px;
	height: 18px;
	background: url("../img/arrow-newsletter-black.png") no-repeat center left;
	position: absolute;
	left: 0;
	top: calc(-8px + 50%);
	transform: rotate(-180deg);
	transition: transform 0.4s
}

@media only screen and (max-width: 800px) {
	.search__btn-more:before {
		transform: rotate(90deg);
		left: 8px
	}
}

.search__btn-more.open:before {
	transform: rotate(0deg);
	transition: transform 0.4s
}

@media only screen and (max-width: 800px) {
	.search__btn-more.open:before {
		transform: rotate(-90deg)
	}
}

.search__geo {
	margin-top: -35px;
	position: relative;
	z-index: 10;
	transition: margin-top 0.4s;
	position: absolute;
	width: 100%
}

@media only screen and (max-width: 800px) {
	.search__geo {
		position: relative;
		margin-top: -35px
	}
}

.search__geo__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	background: #f2f2f2;
	position: relative;
	display: none
}

@media only screen and (max-width: 800px) {
	.search__geo__wrap {
		width: calc(60px + 100%);
		margin-left: -30px
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__wrap .region__list {
		min-height: 150px
	}
}

.search__geo__wrap .slick-arrow {
	position: absolute;
	top: calc(-21px + 50%);
	width: 21px;
	height: 42px;
	font-size: 0;
	background: url(../img/arrow-carousel-right.png) no-repeat center;
	padding: 10px;
	border: none;
	z-index: 10;
	outline: none
}

.search__geo__wrap .slick-arrow.slick-prev {
	left: 0;
	transform: rotate(-180deg)
}

.search__geo__wrap .slick-arrow.slick-next {
	right: 0
}

.search__geo.active {
	margin-top: -110px;
	transition: margin-top 0.4s
}

@media only screen and (max-width: 800px) {
	.search__geo.active {
		margin-top: -35px
	}
}

.search__geo.active .search__geo__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	height: 150px
}

@media only screen and (max-width: 800px) {
	.search__geo.active .search__geo__wrap {
		height: auto;
		display: block
	}
}

.search__geo.open {
	margin-top: -110px
}

.search__geo.open .search__geo__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	height: 150px
}

@media only screen and (max-width: 800px) {
	.search__geo.open .search__geo__wrap {
		display: none
	}
}

.search__geo__button {
	border: none;
	background: #4b4b4b;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.1rem;
	text-transform: uppercase;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	outline: none
}

@media only screen and (max-width: 800px) {
	.search__geo__button {
		background: #4b4b4b !important;
		width: 100%;
		text-align: center;
		font-size: 1rem
	}
}

.search__geo__button:hover {
	background: #000
}

@media only screen and (max-width: 800px) {
	.search__geo__button.active {
		background: #000 !important
	}
}

.search__geo__entete {
	width: 100%;
	max-width: 375px;
	padding: 15px 30px 15px 0
}

@media only screen and (max-width: 1200px) {
	.search__geo__entete {
		max-width: 200px
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__entete {
		max-width: 375px;
		padding: 15px 0
	}
}

.search__geo__entete__title {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px
}

@media only screen and (max-width: 1200px) {
	.search__geo__entete__title {
		font-size: 1rem
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__entete__title {
		font-size: 1.5rem;
		text-align: center
	}
}

.search__geo__entete__content {
	font-size: 1rem;
	line-height: 1.4
}

@media only screen and (max-width: 1200px) {
	.search__geo__entete__content {
		font-size: 0.8rem
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__entete__content {
		font-size: 1rem;
		text-align: center
	}
}

.search__geo__result {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(-375px + 100%);
	height: 100%
}

@media only screen and (max-width: 1200px) {
	.search__geo__result {
		width: calc(-200px + 100%)
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__result {
		display: block;
		width: 100%
	}
}

.search__geo__result__bloc {
	display: -moz-flex !important;
	display: -ms-flexbox !important;
	display: -o-flex !important;
	display: flex !important;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(-15px + 25%);
	height: 100%;
	background-position: center center;
	background-size: cover;
	text-decoration: none;
	position: relative
}

@media only screen and (max-width: 1200px) {
	.search__geo__result__bloc {
		width: calc(-5px + 25%)
	}
}

@media only screen and (max-width: 800px) {
	.search__geo__result__bloc {
		width: 100%;
		height: 180px;
		margin: 0 40px
	}
}

.search__geo__result__bloc__encart {
	position: absolute;
	z-index: 101;
	left: 0;
	top: calc(-15px + 50%);
	background: #000;
	color: #fff;
	padding: 8px 15px;
	max-width: 90%;
	font-weight: 700;
	line-height: 1.4;
	font-size: 0.9rem;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 1200px) {
	.search__geo__result__bloc__encart {
		max-width: 75%;
		font-size: 0.8rem
	}
}

.search__geo__result .parent {
	width: 100%;
	height: 100%
}

.search__geo__result .child {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.search__geo__ariane {
	margin-top: 116px;
	padding: 0
}

.search__geo__ariane__campaign {
	margin-top: 40px
}

.search__geo__ariane.no-engine {
	margin-top: 20px;
	padding: 10px 0 0
}

::-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

:-ms-input-placeholder {
	color: #000 !important;
	opacity: 1
}

::placeholder {
	color: #000 !important;
	opacity: 1
}

::-webkit-input-placeholder {
	color: #000 !important;
	opacity: 1
}

::-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

:-ms-input-placeholder {
	color: #000 !important;
	opacity: 1
}

:-moz-placeholder {
	color: #000 !important;
	opacity: 1
}

@media only screen and (max-width: 800px) {
	.result__panel {
		width: 50%
	}
	.result__panel__carte {
		margin-left: -50%
	}
}

.result__entete {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

@media only screen and (max-width: 800px) {
	.result__entete {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		width: 100%;
		height: auto
	}
}

.result__entete__campaign {
	display: none
}

.result__entete__map {
	width: calc(-474px + 100%)
}

@media only screen and (max-width: 1200px) {
	.result__entete__map {
		width: calc(-300px + 100%)
	}
}

@media only screen and (max-width: 800px) {
	.result__entete__map {
		width: 100%;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
}

.result__entete__map.no-engine {
	width: 100%
}

.result__entete__map__title {
	padding: 25px 10px 20px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: bold;
	background: #DDDBDC;
	text-align: center
}

.result__entete__search {
	min-width: 474px;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 10;
	background: #dddbdc
}

@media only screen and (max-width: 1200px) {
	.result__entete__search {
		min-width: 300px
	}
}

@media only screen and (max-width: 800px) {
	.result__entete__search {
		position: relative;
		width: 100%;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1;
		background: #dddbdc url(../img/bg-search.jpg) no-repeat top center/cover
	}
}

.result__entete__search:before {
	content: "";
	height: 100%;
	width: 5px;
	position: absolute;
	left: -5px;
	bottom: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.35) 0%, transparent 91%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6333333', endColorstr='#00333333', GradientType=0)
}

@media only screen and (max-width: 800px) {
	.result__entete__search:before {
		display: none
	}
}

.result__list__show {
	display: block
}

.result__sticky {
	display: none
}

@media only screen and (max-width: 800px) {
	.result__sticky {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end
	}
	.result__sticky__encart {
		position: fixed;
		z-index: 100;
		color: #fff;
		background: #000;
		padding: 10px 20px 10px 10px;
		margin-bottom: 10px;
		font-size: 0.8rem;
		display: none
	}
	.result__sticky__encart:hover,
	.result__sticky__encart:focus,
	.result__sticky__encart:active {
		background-color: #333
	}
	.result__sticky__encart__search {
		top: 380px;
		background: #000 url(../img/icon-loupe-white.png) no-repeat center center;
		background-size: 19px;
		width: 32px;
		height: 32px;
		right: 0;
		transition: right 0.8s
	}
	.result__sticky__encart__search.hide {
		right: -100%;
		transition: right 0.8s
	}
	.result__sticky__encart__anchor {
		top: 335px;
		background: #000 url(../img/icon-loupe-white.png) no-repeat center center;
		background-size: 19px;
		width: 32px;
		height: 32px;
		right: 0;
		transition: right 0.8s;
		position: fixed;
		z-index: 100;
		padding: 10px 20px 10px 10px;
		margin-bottom: 10px
	}
	.result__sticky__encart__anchor:hover,
	.result__sticky__encart__anchor:focus,
	.result__sticky__encart__anchor:active {
		background-color: #333
	}
	.result__sticky__encart__anchor.hide {
		right: -100%;
		transition: right 0.8s
	}
	.result__sticky__encart__carte {
		padding: 10px 10px 10px 20px;
		top: 380px;
		right: 0;
		transition: right 0.8s
	}
	.result__sticky__encart__carte:after {
		content: '';
		width: 6px;
		height: 15px;
		background: #000 url(../img/arrow-newsletter.png) no-repeat center center/contain;
		position: absolute;
		left: 8px;
		top: calc(-8px + 50%);
		transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-webkit-transform: rotate(-180deg)
	}
	.result__sticky__encart__carte.hide {
		right: -100%;
		transition: right 0.8s
	}
	.result__sticky__encart__liste {
		top: 380px;
		right: 0;
		transition: right 0.8s
	}
	.result__sticky__encart__liste:after {
		content: '';
		width: 6px;
		height: 15px;
		background: #000 url(../img/arrow-newsletter.png) no-repeat center center;
		position: absolute;
		right: 8px;
		top: calc(-8px + 50%)
	}
	.result__sticky__encart__liste.hide {
		right: -100%;
		transition: right 0.8s
	}
}

.result-wrap {
	padding: 0 0 40px
}

@media only screen and (max-width: 800px) {
	.result-wrapper {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		padding: 0;
		width: 200%;
		height: 100%;
		overflow-x: hidden
	}
}

.result.result__list {
	margin-bottom: 50px
}

.result__tri {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	right: 90px;
	top: -25px
}

.result__tri.no-engine {
	top: -15px
}

@media only screen and (max-width: 1200px) {
	.result__tri {
		right: 50px
	}
}

@media only screen and (max-width: 800px) {
	.result__tri {
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		right: auto;
		top: auto;
		margin: 20px auto 0;
		background: #f7f7f7;
		padding: 8px 0 13px
	}
	.result__tri.no-engine {
		top: 0
	}
}

.result__tri .search__box {
	margin-bottom: 0;
	width: 100%
}

.result__tri label {
	width: 70px;
	font-family: 'Arial';
	font-size: 0.9rem;
	font-weight: normal;
	text-align: left;
	padding-top: 2px
}

@media only screen and (max-width: 800px) {
	.result__tri label {
		width: 70px;
		padding-top: 5px
	}
}

.result__tri__wrap {
	padding: 0;
	background: #fff;
	width: 165px;
	margin-bottom: 0
}

@media only screen and (max-width: 800px) {
	.result__tri__wrap {
		display: block;
		background: #f7f7f7
	}
}

.result__tri__wrap .select2-container .select2-selection--single {
	padding: 0 40px 0 0;
	height: 16px;
	background: #fff url(../img/select-arrow.png) no-repeat scroll 95% center
}

.result__tri__wrap .select2-selection__rendered {
	font-weight: bold;
	font-size: 0.9rem;
	font-family: 'Arial'
}

.result__tri__wrap .select2-selection__clear {
	display: none
}

.result__tri__wrap .select2-container--default .select2-dropdown--above .select2-results__option[aria-selected="true"]::after {
	display: none
}

@media only screen and (max-width: 800px) {
	.result__tri__wrap .select2-container.select2-container--select-tri-theme.select2-container--open {
		left: 0 !important;
		width: 100% !important
	}
}

.result__seo {
	margin: 0 20px 50px
}

@media only screen and (max-width: 1200px) {
	.result__seo {
		margin: 0 30px 50px
	}
}

@media only screen and (max-width: 800px) {
	.result__seo {
		margin: 0 0 50px
	}
}

.result__seo__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 25px;
	border: 1px solid #000;
	width: 100%
}

@media only screen and (max-width: 767px) {
	.result__seo__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.result__seo__picture {
	width: 100%;
	max-width: 325px;
	margin-right: 50px
}

@media only screen and (max-width: 767px) {
	.result__seo__picture {
		max-width: auto;
		margin-bottom: 15px;
		margin-right: 0
	}
}

.result__seo__picture img {
	width: 100%
}

.result__seo__content {
	width: 100%;
	text-align: justify
}

.result__seo__content h2 {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.65rem;
	font-weight: bold;
	margin: 15px 0;
	text-align: center
}

.result__seo__content p {
	line-height: 1.4
}

.result__seo__content a {
	color: #000;
	text-decoration: none
}

.result__down {
	display: none !important
}

.result__title {
	color: #000;
	font-size: 1.6rem;
	text-align: center
}

.result__title h1 {
	font-size: 1.8rem;
	margin-top: 0
}

.result__title p {
	margin: 0
}

@media (max-width: 800px) {
	.result__title {
		margin: 0
	}
}

.result__mask {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0);
	display: none
}

.result__link {
	color: #4b4b4b;
	text-decoration: none;
	padding-bottom: 20px;
	display: block;
	min-height: 190px;
	cursor: pointer
}

.result__link:hover .result__mask {
	display: block
}

.result__link__other {
	background: #f7f7f7
}

.result__link__alaune {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	height: 100%;
	background: #f7f7f7
}

.result__container {
	width: 100%;
	margin: 0 auto;
	padding: 0 70px;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex
}

@media (max-width: 1200px) {
	.result__container {
		padding: 0 20px
	}
}

@media (max-width: 800px) {
	.result__container {
		padding: 0 20px;
		display: block
	}
}

.result__wrapper {
	width: 100%;
	margin: 0 auto;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap
}

@media only screen and (max-width: 1200px) {
	.result__wrapper {
		padding: 0 30px
	}
}

@media only screen and (max-width: 800px) {
	.result__wrapper {
		width: 100%;
		padding: 0
	}
}

.result__border {
	border-left: 5px solid #000;
	padding-left: 15px;
	position: relative
}

.result__border--white {
	border-left: 5px solid #fff;
	padding-left: 5px
}

.result__aside {
	display: none
}

@media (max-width: 800px) {
	.result__aside {
		width: 100%
	}
}

.result__aside__close {
	background: none;
	border: none;
	color: #000;
	font-size: 3rem;
	line-height: 39px;
	position: absolute;
	right: 20px;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 36px;
	display: none;
	z-index: 10
}

@media (max-width: 800px) {
	.result__aside__close {
		display: block
	}
}

.result__aside__title {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-transform: uppercase;
	text-align: center;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 1200px) {
	.result__aside__title {
		font-size: 1rem;
		line-height: 1.2rem
	}
}

@media (max-width: 800px) {
	.result__aside__title {
		margin-top: 25px
	}
}

.result__aside__selection {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	height: 80px
}

@media (max-width: 800px) {
	.result__aside__selection {
		bottom: 0;
		display: -ms-flexbox;
		display: flex;
		left: 0;
		margin-bottom: 0;
		position: fixed;
		z-index: 100;
		width: 100%;
		padding: 0 20px
	}
}

.result__aside__selection--btn {
	width: calc(-69px + 100%);
	position: relative
}

@media (max-width: 800px) {
	.result__aside__selection--btn {
		width: calc(-44px + 100%)
	}
}

.result__aside__selection--btn span {
	margin: 0;
	color: #000;
	text-align: left;
	line-height: 1.2;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 1200px) {
	.result__aside__selection--btn span {
		font-size: 1.1rem
	}
}

@media (max-width: 800px) {
	.result__aside__selection--btn span {
		color: #fff;
		line-height: 1.2;
		font-size: 1.3rem
	}
}

@media (max-width: 340px) {
	.result__aside__selection--btn span {
		font-size: 1rem
	}
}

.result__aside__selection--panier {
	background: url(../img/coeur-border.png) no-repeat center bottom;
	width: 54px;
	height: 54px;
	position: absolute;
	z-index: 2
}

@media (max-width: 800px) {
	.result__aside__selection--panier {
		background: url(../img/coeur-white-border.png) no-repeat center bottom;
		width: 40px;
		height: 40px;
		background-size: 40px
	}
}

.result__aside__selection--caddie {
	width: 54px;
	height: 54px;
	position: relative;
	z-index: 2
}

@media (max-width: 800px) {
	.result__aside__selection--caddie {
		width: 40px;
		height: 40px;
		background-size: 40px;
		margin-left: 10px
	}
}

.result__aside__selection--caddie__nb {
	background: #000 none repeat scroll 0 0;
	border: 1px solid #000;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 27px;
	position: absolute;
	right: -11px;
	text-align: center;
	top: 31px;
	width: 30px;
	z-index: 2;
	font-size: 14px
}

@media (max-width: 800px) {
	.result__aside__selection--caddie__nb {
		width: 25px;
		height: 25px;
		line-height: 25px;
		top: 24px;
		right: -12px;
		z-index: 20
	}
}

.result__aside__selection--panel {
	padding: 25px 10px 10px;
	background: #184991;
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 74px;
	border-radius: 5px;
	right: -70px;
	display: none
}

.result__aside__selection--panel:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #184991 transparent;
	position: absolute;
	top: -15px;
	right: 28px
}

@media only screen and (max-width: 800px) {
	.result__aside__selection--panel:after {
		display: none
	}
}

.result__aside__selection--panel span {
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	margin: 0 0 12px 0;
	line-height: 1;
	font-weight: normal;
	font-family: "Roboto", sans-serif;
	display: block
}

@media only screen and (max-width: 800px) {
	.result__aside__selection--panel span {
		margin: 0 0 5px 0
	}
}

.result__aside__selection--panel span.min {
	text-transform: none;
	text-align: center
}

@media (max-width: 800px) {
	.result__aside__selection--panelMob {
		display: block;
		position: relative;
		top: auto;
		width: calc(40px + 100%);
		z-index: 10;
		right: auto;
		border-radius: 0;
		margin-bottom: 20px;
		padding: 20px 10px 8px;
		margin-left: -20px
	}
	.result__aside__selection--panelMob span {
		color: #fff;
		font-size: 0.85rem;
		margin: 0 0 12px
	}
}

.result__aside__selection--item {
	position: relative;
	color: #fff;
	padding: 5px 10px
}

@media (max-width: 1200px) {
	.result__aside__selection--item {
		font-size: 0.8rem
	}
}

.result__aside__selection--item button {
	width: 21px;
	height: 21px;
	background: url(../img/icon-close.png) no-repeat;
	position: absolute;
	right: 10px;
	border: none;
	cursor: pointer;
	top: calc(-18px + 50%)
}

.result__aside__selection:hover .result__aside__selection--panel {
	display: block
}

@media (max-width: 800px) {
	.result__aside__selection:hover .result__aside__selection--panel {
		display: none
	}
}

.result__aside__help {
	background: rgba(117, 120, 123, 0.85);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

@media only screen and (max-width: 800px) {
	.result__aside__help {
		display: none
	}
}

.result__aside__help.helpMob {
	display: none
}

@media only screen and (max-width: 800px) {
	.result__aside__help.helpMob {
		display: block;
		position: relative;
		margin-top: 20px
	}
}

.result__aside__help.clone {
	display: none;
	position: fixed;
	height: auto;
	top: 40px;
	left: 0;
	z-index: 100
}

.result__aside__help__wrap {
	background: rgba(117, 120, 123, 0.85);
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px;
	width: 100%;
	height: 100%;
	z-index: 10;
	color: #fff;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 800px) {
	.result__aside__help__wrap {
		position: relative
	}
}

.result__aside__help__content {
	text-align: center
}

.result__aside__help__content .titre {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-weight: 500;
	margin-bottom: 20px
}

@media only screen and (max-width: 1200px) {
	.result__aside__help__content .titre {
		font-size: 1.4rem
	}
}

.result__aside__help__content .text {
	font-size: 1.1rem;
	line-height: 1.3;
	font-weight: normal
}

.result__aside__help__content .text .coeur {
	width: 25px;
	height: 25px;
	background: url(../img/coeur-white.png) no-repeat center center/30px;
	border: none;
	display: inline-block;
	margin-bottom: -7px;
	margin-top: -1px
}

@media only screen and (max-width: 1200px) {
	.result__aside__help__content .text {
		font-size: 1rem
	}
	.result__aside__help__content .text br {
		display: none
	}
}

.result__aside__help__info {
	font-size: 1rem;
	line-height: 1.3;
	font-weight: bold;
	margin-top: 70px;
	text-align: center
}

@media only screen and (max-width: 1200px) {
	.result__aside__help__info {
		font-size: 0.9rem
	}
}

@media only screen and (max-width: 800px) {
	.result__aside__help__info {
		display: none
	}
}

.result__aside__help__button {
	display: none
}

@media only screen and (max-width: 800px) {
	.result__aside__help__button {
		display: block;
		width: 100%;
		text-align: center;
		outline: none !important
	}
	.result__aside__help__button button {
		border: 1px solid #fff;
		background: none;
		padding: 8px 15px;
		font-size: 1rem;
		display: inline-block;
		color: #fff;
		margin-top: 20px
	}
}

.result__aside__intro {
	margin-top: 40px;
	font-size: 1.5rem;
	line-height: 1.2;
	position: relative
}

.result__aside__intro:after {
	content: "";
	width: 50px;
	height: 2px;
	background: #000;
	position: absolute;
	top: -15px;
	left: calc(-25px + 50%)
}

@media (max-width: 800px) {
	.result__aside__intro:after {
		display: none
	}
}

@media (max-width: 800px) {
	.result__aside__intro {
		font-size: 1.3rem
	}
}

.result__aside__intro p {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 5px
}

.result__aside__intro p span.coeur {
	width: 40px;
	height: 40px;
	background: url(../img/coeur-border.png) no-repeat center center;
	background-size: 40px;
	border: none;
	display: block;
	margin: 0 0 0 10px
}

.result__aside__intro p strong {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 800px) {
	.result__aside__intro p {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
	.result__aside__intro p strong {
		margin-bottom: 5px
	}
}

.result__aside form {
	background: #f2f0f0;
	padding: 20px;
	width: 100%;
	position: relative
}

@media (max-width: 1200px) {
	.result__aside form {
		padding: 15px 20px
	}
}

@media (max-width: 800px) {
	.result__aside form {
		padding: 40px 20px 20px;
		border-radius: 0;
		min-height: 100%
	}
}

.result__aside form .aside__line {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100% !important;
	margin-bottom: 10px
}

@media (max-width: 1200px) {
	.result__aside form .aside__line {
		margin-bottom: 5px
	}
}

@media only screen and (max-width: 800px) {
	.result__aside form .aside__line {
		display: block;
		margin-bottom: 0
	}
}

.result__aside form .aside__line--radio {
	width: 100%;
	padding: 0 0 15px 0
}

.result__aside form .aside__line--checkbox {
	width: 100%;
	padding: 0 0 10px 0
}

@media (max-width: 1200px) {
	.result__aside form .aside__line--checkbox {
		padding: 10px 0 15px
	}
}

.result__aside form .aside__line--checkbox .form__span--checkbox {
	font-size: 0.6rem;
	line-height: 1.2;
	width: 100%
}

.result__aside form .aside__line--link {
	text-align: center;
	display: block
}

.result__aside form .aside__line--link a {
	color: #322f37;
	text-decoration: none
}

.result__aside form .aside__line .form__label--infobulle:before {
	left: 24px
}

.result__aside form .aside__field {
	width: calc(-5px + 50%);
	border: 1px solid #fff;
	border-radius: 0;
	background: #fff;
	padding: 15px;
	color: #322f37;
	font-size: 0.9rem
}

@media only screen and (max-width: 800px) {
	.result__aside form .aside__field {
		width: 100%;
		margin-bottom: 5px
	}
}

.result__aside form input[disabled] {
	border: 1px solid #999;
	background-color: #ddd
}

.result__aside form .aside__label--radio {
	display: table-cell;
	padding: 0 20px 0 0;
	text-align: left
}

.result__aside form .aside__span--radio {
	color: #322f37
}

@media (max-width: 800px) {
	.result__aside form .aside__span--radio {
		font-size: 0.8rem
	}
}

.result__aside form .iradio::before {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #000
}

.result__aside form .iradio {
	background: #fff none repeat scroll 0 0;
	border: 4px solid #fff
}

.result__aside form .iradio.checked {
	background: #322f37
}

.result__aside form .aside__label--checkbox {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	padding: 0;
	text-align: left;
	position: relative
}

@media only screen and (max-width: 1200px) {
	.result__aside form .aside__label--checkbox {
		padding: 0
	}
}

.result__aside form .aside__label--checkbox .form__span--checkbox a {
	color: #000
}

.result__aside form .aside__label--checkbox .form__span--checkbox a:hover {
	color: #000
}

.result__aside form .icheckbox::before {
	height: 15px;
	width: 15px;
	border: 1px solid #000
}

.result__aside form .icheckbox {
	background: #f2f0f0 none repeat scroll 0 0;
	border: 7px solid #f2f0f0;
	height: 23px;
	width: 24px;
	margin-top: -3px;
	margin-right: 5px
}

.result__aside form .icheckbox.checked {
	background: #322f37 none repeat scroll 0 0
}

.result__aside form .aside__span--checkbox {
	color: #322f37;
	font-size: 0.9rem;
	line-height: 1.1
}

@media only screen and (max-width: 1200px) {
	.result__aside form .aside__span--checkbox {
		font-size: 0.8rem
	}
}

.result__aside form .aside__button {
	margin: 30px auto 10px;
	background-color: #000;
	border-color: #000
}

.result__aside form .aside__button:hover {
	opacity: 0.8
}

@media (max-width: 1200px) {
	.result__aside form .aside__button {
		margin: 15px auto 10px
	}
}

.result__aside form .aside__button--submit {
	background: #000 url(../img/arrow-newsletter.png) no-repeat scroll 90% center;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
	height: 46px;
	padding: 10px 50px 11px 28px;
	width: 100%;
	display: block;
	margin: 20px auto;
	cursor: pointer
}

@media only screen and (max-width: 1200px) {
	.result__aside form .aside__button--submit {
		font-size: 1rem
	}
}

.result__aside form .aside__button--submit:hover {
	background-color: #333;
	border: 1px solid #333
}

.result__aside form .aside__button--stand {
	background: #333 url(../img/arrow-newsletter.png) no-repeat scroll 90% center;
	border: 1px solid #333;
	border-radius: 0;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
	height: 65px;
	line-height: 1.2;
	padding: 10px 50px 11px 70px;
	width: 100%;
	display: block;
	margin: 20px auto;
	text-align: center;
	position: relative;
	opacity: 0.8
}

@media only screen and (max-width: 1200px) {
	.result__aside form .aside__button--stand {
		height: 60px;
		font-size: 1rem
	}
}

.result__aside form .aside__button--stand:before {
	content: "";
	background: url(../img/coeur-white-border.png) no-repeat;
	background-size: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 20px;
	top: calc(-20px + 50%)
}

.result__aside form .aside__mandatory {
	font-size: 0.8rem;
	color: #272b31;
	width: 100%;
	font-style: italic
}

.result__aside form .aside__mandatory--content {
	display: none;
	padding-top: 10px;
	font-size: 0.8rem;
	color: #272b31
}

.result__aside form .aside__mandatory--button {
	border: none;
	background: none;
	cursor: pointer
}

@media (max-width: 800px) {
	.result__aside form .aside__mandatory br {
		display: none
	}
}

.result__aside.lock form .iradio {
	background: transparent
}

.result__aside.lock form .icheckbox {
	background: transparent;
	border: 7px solid transparent
}

.result__aside__selectionMob {
	display: none
}

@media (max-width: 800px) {
	.result__aside__selectionMob--up {
		bottom: 77px
	}
}

@media (max-width: 800px) {
	.result__aside__selectionMob--down {
		bottom: 0
	}
}

.result__alaune {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 20px 20px 0;
	height: 25%;
	text-decoration: none;
	color: #000
}

@media (max-width: 800px) {
	.result__alaune {
		display: -moz-flex !important;
		display: -ms-flexbox !important;
		display: -o-flex !important;
		display: flex !important;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		height: auto;
		padding-top: 0
	}
}

.result__alaune .result__text {
	height: auto
}

.result__alaune .result__list {
	min-height: auto
}

.result__alaune .result__item--piece {
	padding-bottom: 12px
}

.result__box {
	width: 33.3333%;
	display: inline-block;
	vertical-align: top;
	padding: 0px 20px 2px;
	text-align: left;
	position: relative;
	margin-top: 40px
}

.result__box img {
	width: 100%
}

.result__box__alaune {
	width: 66.6666%
}

.result__box__alaune--360 {
	width: 46px;
	height: 46px;
	background: url(../img/icon-360.png);
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 10
}

.result__box__alaune--picture {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

@media only screen and (max-width: 1200px) {
	.result__box {
		width: 50%;
		padding: 0px 20px 2px 0
	}
	.result__box:nth-child(2n+2) {
		padding: 0px 0 2px 20px
	}
}

@media only screen and (max-width: 1200px) and (max-width: 800px) {
	.result__box:nth-child(2n+2) {
		padding: 0 0
	}
}

@media (max-width: 800px) {
	.result__box {
		width: 100%;
		padding: 0;
		margin-left: 0;
		margin-top: 20px
	}
}

@media (max-width: 800px) {
	.result__box__environ {
		height: 200px
	}
	.result__box__environ br {
		display: none
	}
}

.result__box__environ p {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	height: 100%;
	background: #e0e0e0;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.5rem
}

.result__box__environ p strong {
	color: #000
}

.result__box__other {
	padding: 0 15px;
	position: relative
}

.result__box__other--padding {
	padding-bottom: 20px
}

.result__box__other--wrap {
	padding-bottom: 0
}

.result__selection {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #184991;
	border: 1px solid #184991;
	width: calc(10px + 100%);
	margin-left: -10px;
	margin-bottom: -10px;
	margin-top: 20px;
	color: #fff;
	text-align: right;
	padding-right: 20px;
	padding-left: 20px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.1rem;
	font-weight: normal
}

@media only screen and (max-width: 800px) {
	.result__selection {
		padding-left: 0;
		padding-right: 12px;
		font-size: 1rem
	}
}

.result__selection__variant {
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0
}

.result__selection__button {
	width: 40px;
	height: 40px;
	background: url(../img/coeur-white.png) no-repeat center center;
	background-size: 40px;
	border: none;
	outline: 0 !important;
	cursor: pointer
}

.result__selection__button.clone {
	background-image: url(../img/coeur-border.png)
}

.result__selection:hover,
.result__selection.inatif {
	background: #f0f0f0;
	color: #184991
}

.result__selection:hover .result__selection__button,
.result__selection.inatif .result__selection__button {
	background-image: url(../img/coeur.png)
}

.result__selection.inatif {
	background: #fff
}

.result__selection.inatif:hover {
	background: #f0f0f0
}

.result__campaign__text {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: normal;
	text-align: justify;
	padding-top: 20px
}

.result__campaign__picture {
	position: relative;
	height: auto;
	width: 100%
}

.result__campaign__picture img {
	width: 100%
}

.result__campaign .result__aside {
	display: block;
	width: 33.3333%;
	padding-top: 40px
}

@media (max-width: 800px) {
	.result__campaign .result__aside {
		display: none;
		padding-top: 0;
		height: 100%;
		left: 0;
		overflow: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000
	}
}

@media (max-width: 800px) {
	.result__campaign .result__aside__selectionMob {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		left: 0;
		height: 80px;
		background: #184991;
		z-index: 10000;
		padding: 15px 25px;
		box-shadow: -1px 2px 10px 1px rgba(100, 100, 100, 0.7)
	}
}

.result__campaign .result__wrapper {
	width: 66.666%;
	padding-left: 0;
	padding-right: 20px
}

@media (max-width: 800px) {
	.result__campaign .result__wrapper {
		width: 100%;
		padding-right: 0
	}
}

.result__campaign .result__container {
	padding: 0 90px
}

@media only screen and (max-width: 1200px) {
	.result__campaign .result__container {
		padding: 0 30px
	}
}

@media only screen and (max-width: 800px) {
	.result__campaign .result__container {
		padding: 0 20px
	}
}

.result__campaign .result__box {
	width: 50%
}

@media (max-width: 800px) {
	.result__campaign .result__box {
		width: 100%
	}
}

.result__campaign .result__box__alaune {
	width: 100%;
	min-height: 490px;
	padding-left: 0
}

.result__campaign .result__button__tooltip {
	display: block !important
}

.result__campaign .result__more {
	display: block;
	margin: 0 0 0 calc(-90px + 20%) !important
}

@media (max-width: 800px) {
	.result__campaign .result__more {
		margin: 0 auto !important
	}
}

.result__campaign .result__more--campaign {
	display: block
}

.result__visuel {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #f5f5f5;
	height: 200px;
	width: 100%;
	position: relative
}

.result__visuel--alaune {
	height: 315px
}

@media (max-width: 800px) {
	.result__visuel--alaune {
		height: 300px
	}
}

.result__titre {
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.8rem;
	margin: 15px 0 10px;
	font-weight: 300
}

.result__titre__other {
	margin: 0;
	padding: 15px 0 10px
}

.result__sstitre {
	color: #272b31;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem
}

.result__sstitre a {
	color: #272b31;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	text-decoration: none
}

.result__text {
	height: 46px;
	line-height: 1.2rem;
	padding: 5px 0
}

@media (max-width: 1200px) {
	.result__text {
		font-size: 0.95rem;
		line-height: 1.2
	}
}

.result__list {
	list-style: none;
	margin: 0;
	padding: 0;
	min-height: 64px
}

.result__item {
	background: transparent url("../img/sprite-result.png") no-repeat;
	color: #272b31;
	font-weight: 300;
	margin: 0;
	padding: 0 0 8px 20px
}

@media (max-width: 1200px) {
	.result__item {
		font-size: 0.95rem;
		line-height: 1.2;
		margin: 0 0 8px 0;
		padding: 0 0 0px 20px
	}
}

.result__item--piece {
	background-position: 0 1px
}

.result__item--liv {
	background-position: 0 -25px
}

.result__item--archi {
	background-position: 0 -167px
}

.result__prix {
	background: #000;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: "Roboto";
	font-size: 0.9rem;
	font-weight: normal;
	height: 40px;
	padding: 8px 0 8px 0;
	text-align: center;
	width: calc(-50px + 100%);
	display: inline-block;
	cursor: pointer
}

.result__prix:hover {
	background: #fff;
	color: #000
}

.result__prix strong {
	font-size: 1.2rem
}

.result__prix span {
	font-size: 1.2rem
}

.result__prix sup {
	font-size: 0.7rem;
	padding-left: 3px
}

@media (max-width: 800px) {
	.result__prix sup {
		font-size: 0.5rem;
		padding-left: 2px;
		top: -8px
	}
}

@media (max-width: 800px) {
	.result__prix {
		font-size: 0.9rem
	}
	.result__prix strong {
		font-size: 1.1rem
	}
	.result__prix span {
		font-size: 1.1rem
	}
}

.result__prix__part {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	text-decoration: none
}

@media (max-width: 1200px) {
	.result__prix__part {
		margin: 0
	}
}

.result__prix__alaune {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: calc(-20px + 50%);
	z-index: 12
}

@media (max-width: 1200px) {
	.result__prix__alaune {
		width: calc(-40px + 100%)
	}
}

.result__btn {
	background: #fff url("../img/arrow-newsletter-black.png") no-repeat scroll 95% center;
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.1rem;
	line-height: 1.3rem;
	font-weight: 500;
	height: 40px;
	padding: 10px 30px 8px 8px;
	text-align: center;
	margin: 0;
	display: block;
	text-decoration: none;
	cursor: pointer
}

.result__btn:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	background-image: url("../img/arrow-newsletter.png")
}

@media (max-width: 1200px) {
	.result__btn {
		margin: 0
	}
}

@media (max-width: 1045px) {
	.result__btn {
		font-size: 1rem;
		padding: 10px 20px 8px 8px;
		margin: 0
	}
}

.result__btn--small {
	text-indent: -9999px;
	padding: 8px 20px 8px 0;
	width: 40px;
	display: inline-block;
	margin-left: 8px;
	background-position: center center;
	vertical-align: top;
	margin-right: 0
}

.result__encart {
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #272b31;
	background: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1rem;
	border-radius: 0;
	z-index: 11;
	padding: 12px 30px 10px
}

.result__encart sup {
	font-size: 0.6rem
}

@media (max-width: 800px) {
	.result__encart {
		font-size: 0.9rem
	}
	.result__encart sup {
		font-size: 0.55rem
	}
}

.result__encart--variant {
	color: #fff;
	background: #000
}

.result__encart__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz-align-items: left;
	-ms-align-items: left;
	-o-align-items: left;
	-ms-flex-align: left;
	align-items: left;
	position: absolute;
	left: 30px;
	top: 10px
}

.result__more {
	width: 33%;
	display: block;
	vertical-align: top;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
	position: relative
}

@media (max-width: 1250px) {
	.result__more {
		width: 50%
	}
}

@media (max-width: 800px) {
	.result__more {
		width: 100%;
		padding: 0
	}
}

.result__more--wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	width: 100%;
	max-width: 1440px;
	margin: 40px auto 0;
	padding: 0 10px
}

@media (max-width: 800px) {
	.result__more--wrapper {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.result__more--btn {
	background: #000 url("../img/arrow-btn-more.png") no-repeat 95% 24px;
	background-size: auto auto;
	color: #fff;
	border: 1px solid #000;
	width: 100%;
	padding: 20px 45px 20px 15px;
	text-align: center;
	border-radius: 0;
	font-size: 1.1rem;
	text-decoration: none;
	display: block;
	background-size: 20px;
	cursor: pointer
}

@media (max-width: 1200px) {
	.result__more--btn {
		padding: 20px 45px 20px 15px;
		background: #000 url("../img/arrow-btn-more.png") no-repeat 95% 49%;
		background-size: 20px
	}
}

@media (max-width: 800px) {
	.result__more--btn {
		width: 100%;
		margin: 40px auto 0 !important
	}
}

.result__more--btn:hover {
	background-color: #333;
	border: 1px solid #333
}

.result__more--btn__search {
	margin-top: 40px
}

.result__more--btn.more-fix {
	position: fixed;
	margin: 0 auto !important;
	top: 60px;
	left: 0;
	z-index: 105;
	display: block !important;
	animation: fadein 1s
}

.result__more--pinel {
	background-image: url("../img/select-arrow.png");
	background-color: #CDCDCD;
	color: #000
}

.result__more--pinel:hover {
	background-color: #184991;
	color: #fff;
	border-color: #184991;
	background-image: url("../img/arrow-btn-more.png")
}

.result__more--campaign {
	display: none
}

.result:nth-child(3n+1) {
	padding: 0px 20px 2px 0
}

@media (max-width: 800px) {
	.result:nth-child(3n+1) {
		padding: 0 10px 0
	}
}

.result:nth-child(3n+3) {
	padding: 0px 0 2px 20px
}

@media (max-width: 800px) {
	.result:nth-child(3n+3) {
		padding: 0 10px 0
	}
}

.result__campaign .result__box {
	padding: 0px 30px 2px 0
}

@media (max-width: 800px) {
	.result__campaign .result__box {
		padding: 0 0
	}
}

.result__campaign .result__box:nth-child(3n+3) {
	padding: 0px 30px 2px 0
}

@media (max-width: 800px) {
	.result__campaign .result__box:nth-child(3n+3) {
		padding: 0 0
	}
}

.result__campaign .result__box:nth-child(2n+2) {
	padding: 0 20px 2px 10px
}

@media (max-width: 800px) {
	.result__campaign .result__box:nth-child(2n+2) {
		padding: 0 0
	}
}

.result__campaign .result__box__alaune {
	padding-left: 0 !important
}

.result__alaunebox .result__box {
	padding: 0px 20px 2px
}

@media (max-width: 1200px) {
	.result__alaunebox .result__box {
		padding: 0px 20px 2px 0
	}
}

@media (max-width: 800px) {
	.result__alaunebox .result__box {
		padding: 0 0
	}
}

.result__alaunebox .result__box:nth-child(3n+3) {
	padding: 0px 20px 2px
}

@media (max-width: 1200px) {
	.result__alaunebox .result__box:nth-child(3n+3) {
		padding: 0px 20px 2px 0
	}
}

@media (max-width: 800px) {
	.result__alaunebox .result__box:nth-child(3n+3) {
		padding: 0 0
	}
}

.result__alaunebox .result__box:nth-child(2n+2) {
	padding: 0px 20px 2px
}

@media (max-width: 1200px) {
	.result__alaunebox .result__box:nth-child(2n+2) {
		padding: 0px 0 2px 20px
	}
}

@media (max-width: 800px) {
	.result__alaunebox .result__box:nth-child(2n+2) {
		padding: 0 0
	}
}

.result__alaunebox.result__campaign .result__box:nth-child(2n+2) {
	padding: 0px 20px 2px 0
}

.ld.reverse {
	animation-direction: reverse
}

.ld.xhalf {
	animation-duration: 0.5s
}

.ld.x1 {
	animation-duration: 1s
}

.ld.x2 {
	animation-duration: 2s
}

.ld.x4 {
	animation-duration: 4s
}

.ld.running {
	animation-play-state: running
}

.ld.paused {
	animation-play-state: paused
}

.ld.f00 {
	animation-delay: 0s
}

.ld.f01 {
	animation-delay: -0.1s
}

.ld.f02 {
	animation-delay: -0.2s
}

.ld.f03 {
	animation-delay: -0.3s
}

.ld.f04 {
	animation-delay: -0.4s
}

.ld.f05 {
	animation-delay: -0.5s
}

.ld.f06 {
	animation-delay: -0.6s
}

.ld.f07 {
	animation-delay: -0.7s
}

.ld.f08 {
	animation-delay: -0.8s
}

.ld.f09 {
	animation-delay: -0.9s
}

.ld.f10 {
	animation-delay: -1s
}

.ld-ball,
.ld-ring,
.ld-hourglass,
.ld-loader,
.ld-cross,
.ld-square,
.ld-pie,
.ld-spinner {
	width: 1em;
	height: 1em;
	position: relative;
	color: inherit;
	display: inline-block
}

.ld-ball:after,
.ld-ring:after,
.ld-hourglass:after,
.ld-loader:after,
.ld-cross:after,
.ld-square:after,
.ld-pie:after,
.ld-spinner:after {
	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: " ";
	display: inline-block;
	background: center center no-repeat;
	background-size: cover
}

.ld-ball:after {
	border-radius: 50%;
	background: currentColor
}

.ld-pie:after {
	width: 0;
	height: 0;
	border-radius: 50%;
	border-style: solid;
	border-width: 0.5em;
	-webkit-background-clip: padding-box;
	border-color: currentColor currentColor currentColor transparent
}

.ld-ring:after {
	border-radius: 50%;
	border-style: solid;
	border-width: 0.15em;
	-webkit-background-clip: padding-box;
	border-color: currentColor currentColor currentColor transparent;
	box-sizing: border-box
}

.ld-hourglass:after {
	width: 0;
	height: 0;
	background: none;
	border-radius: 50%;
	border-style: solid;
	border-width: 0.5em;
	border-color: currentColor transparent currentColor transparent
}

.ld-cross:after {
	width: 18%;
	height: 18%;
	background: currentColor;
	box-shadow: 0 0.18em 0 1px currentColor, 0 -0.18em 0 1px currentColor, 0.18em 0 0 1px currentColor, -0.18em 0 0 1px currentColor, 0 0.36em 0 1px currentColor, 0 -0.36em 0 1px currentColor, 0.36em 0 0 1px currentColor, -0.36em 0 0 1px currentColor
}

.ld-square:after {
	width: 90%;
	height: 90%;
	background: currentColor
}

.ld-spinner:after {
	width: 20%;
	height: 20%;
	border-radius: 50%;
	background: none;
	box-shadow: 0 0.5em 0 0 currentColor, 0 -.5em 0 0 currentColor, .5em 0 0 0 currentColor, -.5em 0 0 0 currentColor, .35355339059327373em .35355339059327373em 0 0 currentColor, -.35355339059327373em .35355339059327373em 0 0 currentColor, .35355339059327373em -.35355339059327373em 0 0 currentColor, -.35355339059327373em -.35355339059327373em 0 0 currentColor
}

.ld-loader {
	background-size: cover
}

@keyframes ld-blink {
	0% {
		opacity: 1
	}
	49% {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}

.ld.ld-blink {
	animation: ld-blink 1s infinite linear
}

@keyframes ld-blur {
	0% {
		filter: blur(0)
	}
	50% {
		filter: blur(5px)
	}
	100% {
		filter: blur(0)
	}
}

.ld.ld-blur {
	animation: ld-blur 1s infinite
}

@keyframes ld-breath {
	0% {
		transform: scale(0.86)
	}
	50% {
		transform: scale(1.06)
	}
	100% {
		transform: scale(0.86)
	}
}

.ld.ld-breath {
	animation: ld-breath 1s infinite
}

@keyframes ld-broadcast {
	0% {
		box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.9)
	}
	19% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7)
	}
	20% {
		box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.8)
	}
	39% {
		box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.6)
	}
	40% {
		box-shadow: 0 0 0 9px rgba(0, 0, 0, 0.7)
	}
	60% {
		box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	100% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2)
	}
}

.ld.ld-broadcast {
	animation: ld-broadcast 1s infinite ease-out;
	border-radius: 50%
}

@keyframes ld-clock {
	0% {
		transform: rotate(0deg)
	}
	8.333% {
		transform: rotate(30deg)
	}
	16.667% {
		transform: rotate(60deg)
	}
	25% {
		transform: rotate(90deg)
	}
	33.333% {
		transform: rotate(120deg)
	}
	41.667% {
		transform: rotate(150deg)
	}
	50% {
		transform: rotate(180deg)
	}
	58.333% {
		transform: rotate(210deg)
	}
	66.667% {
		transform: rotate(240deg)
	}
	75% {
		transform: rotate(270deg)
	}
	83.333% {
		transform: rotate(300deg)
	}
	91.667% {
		transform: rotate(330deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.ld.ld-clock {
	animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1)
}

@keyframes ld-cycle {
	0%,
	50%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5)
	}
	0% {
		transform: rotate(0)
	}
	50% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.ld.ld-cycle {
	animation: ld-cycle 1s infinite linear
}

@keyframes ld-fade {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.ld.ld-fade {
	animation: ld-fade 1s infinite linear
}

@keyframes ld-flip {
	0%,
	25%,
	50%,
	75%,
	100% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: rotateY(0deg) rotateX(0deg)
	}
	25% {
		transform: rotateY(180deg) rotateX(0deg)
	}
	50% {
		transform: rotateY(180deg) rotateX(180deg)
	}
	75% {
		transform: rotateY(0deg) rotateX(180deg)
	}
	100% {
		transform: rotateY(0deg) rotateX(0deg)
	}
}

.ld.ld-flip {
	animation: ld-flip 2s infinite
}

@keyframes ld-flip-v {
	0%,
	25%,
	50%,
	75%,
	100% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: rotateX(0deg) rotateY(0deg)
	}
	50% {
		transform: rotateX(180deg) rotateY(0deg)
	}
	100% {
		transform: rotateX(0deg) rotateY(0deg)
	}
}

.ld.ld-flip-v {
	animation: ld-flip-v 1s infinite
}

@keyframes ld-flip-h {
	0%,
	25%,
	50%,
	75%,
	100% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: rotateY(0deg) rotateX(0deg)
	}
	50% {
		transform: rotateY(180deg) rotateX(0deg)
	}
	100% {
		transform: rotateY(0deg) rotateX(0deg)
	}
}

.ld.ld-flip-h {
	animation: ld-flip-h 1s infinite
}

@keyframes ld-coin-v {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: rotateX(0deg)
	}
	50% {
		transform: rotateX(1800deg)
	}
	100% {
		transform: rotateX(3600deg)
	}
}

.ld.ld-coin-v {
	animation: ld-coin-v 2s infinite
}

@keyframes ld-coin-h {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: rotateY(0deg)
	}
	50% {
		transform: rotateY(1800deg)
	}
	100% {
		transform: rotateY(3600deg)
	}
}

.ld.ld-coin-h {
	animation: ld-coin-h 2s infinite
}

@keyframes ld-heartbeat {
	0% {
		transform: scale(1.05)
	}
	5% {
		transform: scale(1.25)
	}
	39% {
		transform: scale(0.9)
	}
	45% {
		transform: scale(1.15)
	}
	60% {
		transform: scale(1.05)
	}
	100% {
		transform: scale(1)
	}
}

.ld.ld-heartbeat {
	animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-radio {
	0% {
		animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1)
	}
	0% {
		transform: scale(0.8);
		opacity: 0
	}
	5% {
		transform: scale(1);
		opacity: 1
	}
	100% {
		transform: scale(1.5);
		opacity: 0
	}
}

.ld.ld-radio {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0
}

.ld.ld-radio:after {
	animation: ld-radio 1s infinite;
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 6px solid #000;
	border-radius: 50%;
	background: none
}

.ld.ld-radio.square:after {
	border-radius: 0
}

@keyframes ld-rotate {
	0%,
	33%,
	66%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	16%,
	50%,
	83% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
	}
	16% {
		transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1)
	}
	33% {
		transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1)
	}
	50% {
		transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2)
	}
	66% {
		transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1)
	}
	83% {
		transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1)
	}
	100% {
		transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5)
	}
}

.ld.ld-rotate {
	animation: ld-rotate 1s infinite
}

@keyframes ld-rubber {
	0% {
		transform: scale(1, 1)
	}
	20% {
		transform: scale(1.5, 1)
	}
	30% {
		transform: scale(0.8, 1)
	}
	40% {
		transform: scale(1.3, 1)
	}
	50% {
		transform: scale(0.85, 1)
	}
	60% {
		transform: scale(1.2, 1)
	}
	70% {
		transform: scale(0.9, 1)
	}
	80% {
		transform: scale(1.1, 1)
	}
	90% {
		transform: scale(0.95, 1)
	}
	100% {
		transform: scale(1, 1)
	}
}

.ld.ld-rubber {
	animation: ld-rubber 1s ease-out infinite
}

@keyframes ld-shadow {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
	}
	50% {
		animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1)
	}
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2)
	}
	50% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.9)
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2)
	}
}

.ld.ld-shadow {
	animation: ld-shadow 1s infinite;
	border-radius: 50%
}

@keyframes ld-shadow-a {
	0% {
		box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5)
	}
	8.33% {
		box-shadow: 3px 1px 0 6px rgba(0, 0, 0, 0.5)
	}
	16.67% {
		box-shadow: 2px 3px 0 6px rgba(0, 0, 0, 0.5)
	}
	25% {
		box-shadow: 0px 3px 0 6px rgba(0, 0, 0, 0.5)
	}
	33.33% {
		box-shadow: -1px 3px 0 6px rgba(0, 0, 0, 0.5)
	}
	41.67% {
		box-shadow: -3px 1px 0 6px rgba(0, 0, 0, 0.5)
	}
	50% {
		box-shadow: -3px 0px 0 6px rgba(0, 0, 0, 0.5)
	}
	58.33% {
		box-shadow: -3px -1px 0 6px rgba(0, 0, 0, 0.5)
	}
	66.67% {
		box-shadow: -2px -3px 0 6px rgba(0, 0, 0, 0.5)
	}
	75% {
		box-shadow: 0px -3px 0 6px rgba(0, 0, 0, 0.5)
	}
	83.33% {
		box-shadow: 2px -3px 0 6px rgba(0, 0, 0, 0.5)
	}
	91.67% {
		box-shadow: 3px -2px 0 6px rgba(0, 0, 0, 0.5)
	}
	100% {
		box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5)
	}
}

.ld.ld-shadow-a {
	animation: ld-shadow-a 0.5s infinite;
	box-shadow: 3px 0px 0 6px rgba(0, 0, 0, 0.5);
	border-radius: 50%
}

@keyframes ld-skew {
	0%,
	50%,
	100% {
		animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
	}
	25%,
	75% {
		animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
	}
	0% {
		transform: skewX(20deg) scale(1)
	}
	25% {
		transform: skewX(0deg) scale(0.9)
	}
	50% {
		transform: skewX(-20deg) scale(1)
	}
	75% {
		transform: skewX(0deg) scale(0.9)
	}
	100% {
		transform: skewX(20deg) scale(1)
	}
}

.ld.ld-skew {
	animation: ld-skew 1s infinite
}

@keyframes ld-spin {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}
	50% {
		transform: rotate(180deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	100% {
		transform: rotate(360deg)
	}
}

.ld.ld-spin {
	animation: ld-spin 1s infinite
}

@keyframes ld-spin-fast {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
	}
	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	100% {
		transform: rotate(1800deg)
	}
}

.ld.ld-spin-fast {
	animation: ld-spin-fast 1s infinite
}

@keyframes ld-squeeze {
	0% {
		transform: scale(1, 0.5)
	}
	50% {
		transform: scale(0.5, 1)
	}
	100% {
		transform: scale(1, 0.5)
	}
}

.ld.ld-squeeze {
	animation: ld-squeeze 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-surprise {
	0% {
		transform: skewX(0deg) scale(1)
	}
	10% {
		transform: skewX(-15deg) scale(0.8)
	}
	20% {
		transform: skewX(-15deg) scale(0.8)
	}
	30% {
		transform: skewX(15deg) scale(1.3)
	}
	40% {
		transform: skewX(-15deg) scale(1.3)
	}
	50% {
		transform: skewX(15deg) scale(1.3)
	}
	60% {
		transform: skewX(-15deg) scale(1.3)
	}
	70% {
		transform: skewX(15deg) scale(1.3)
	}
	80% {
		transform: skewX(-15deg) scale(1.3)
	}
	90% {
		transform: skewX(15deg) scale(1.3)
	}
	100% {
		transform: skewX(-15deg) scale(1.3)
	}
}

.ld.ld-surprise {
	animation: ld-surprise 1s infinite linear
}

@keyframes ld-tick {
	0% {
		transform: rotate(0)
	}
	20% {
		transform: rotate(-30deg)
	}
	30% {
		transform: rotate(30deg)
	}
	40% {
		transform: rotate(-21deg)
	}
	50% {
		transform: rotate(15deg)
	}
	60% {
		transform: rotate(-10deg)
	}
	70% {
		transform: rotate(6deg)
	}
	80% {
		transform: rotate(-2deg)
	}
	90% {
		transform: rotate(1deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

.ld.ld-tick {
	animation: ld-tick 1s ease-out infinite
}

@keyframes ld-vortex-in {
	0% {
		transform: rotate(1800deg) scale(3);
		opacity: 0
	}
	60% {
		transform: rotate(0deg) scale(1);
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.ld.ld-vortex-in {
	animation: ld-vortex-in 2s infinite;
	animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
}

@keyframes ld-vortex-out {
	0% {
		transform: rotate(0deg) scale(0);
		opacity: 1
	}
	60% {
		transform: rotate(1800deg) scale(1);
		opacity: 1
	}
	100% {
		transform: rotate(1800deg) scale(1);
		opacity: 0
	}
}

.ld.ld-vortex-out {
	animation: ld-vortex-out 2s infinite;
	animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
}

@keyframes ld-wrench {
	20%,
	36%,
	70%,
	86% {
		transform: rotate(0deg)
	}
	0%,
	50%,
	100% {

		transform: rotate(45deg)
	}
}

.ld.ld-wrench {
	animation: ld-wrench 1s infinite
}

@keyframes ld-pulse {
	0% {
		transform: scale(1.1)
	}
	50% {
		transform: scale(0.9)
	}
	51% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(0.9)
	}
}

.ld.ld-pulse {
	animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}

@keyframes ld-bounce {
	0%,
	90% {
		animation-timing-function: linear
	}
	10% {
		animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
	}
	50% {
		animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
	}
	0% {
		transform: translate(0%, 30%) scaleY(0.5)
	}
	10% {
		transform: translate(0%, 5%) scaleY(1.1)
	}
	50% {
		transform: translate(0%, -37%) scaleY(1.1)
	}
	90% {
		transform: translate(0%, 5%) scaleY(1.1)
	}
	100% {
		transform: translate(0%, 30%) scaleY(0.5)
	}
}

.ld.ld-bounce {
	animation: ld-bounce 1s infinite
}

@keyframes ld-bounce-rtl {
	0% {
		transform: translate(160%, -40%)
	}
	12.5% {
		transform: translate(120%, -23%)
	}
	25% {
		transform: translate(80%, 0%)
	}
	37.5% {
		transform: translate(50%, -23%)
	}
	50% {
		transform: translate(0%, -40%)
	}
	62.5% {
		transform: translate(-50%, -23%)
	}
	75% {
		transform: translate(-80%, 0%)
	}
	87.5% {
		transform: translate(-120%, -23%)
	}
	100% {
		transform: translate(-160%, -40%)
	}
}

.ld.ld-bounce-rtl {
	animation: ld-bounce-rtl 1s infinite linear
}

@keyframes ld-bounce-ltr {
	0% {
		transform: translate(-160%, -40%)
	}
	12.5% {
		transform: translate(-120%, -23%)
	}
	25% {
		transform: translate(-100%, 0%)
	}
	37.5% {
		transform: translate(-50%, -23%)
	}
	50% {
		transform: translate(0%, -40%)
	}
	62.5% {
		transform: translate(50%, -23%)
	}
	75% {
		transform: translate(100%, 0%)
	}
	87.5% {
		transform: translate(120%, -23%)
	}
	100% {
		transform: translate(160%, -40%)
	}
}

.ld.ld-bounce-ltr {
	animation: ld-bounce-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
	0%,
	25%,
	50%,
	75%,
	100% {
		animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
	}
	12.5%,
	37.5%,
	62.5%,
	87.5% {
		animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
	}
	0% {
		transform: translate(0%, 0%)
	}
	12.5% {
		transform: translate(5%, -28%)
	}
	25% {
		transform: translate(10%, 0%)
	}
	37.5% {
		transform: translate(5%, -28%)
	}
	50% {
		transform: translate(0%, 0%)
	}
	62.5% {
		transform: translate(-5%, -28%)
	}
	75% {
		transform: translate(-10%, 0%)
	}
	87.5% {
		transform: translate(-5%, -28%)
	}
	100% {
		transform: translate(0%, 0%)
	}
}

.ld.ld-bounce-a-px {
	animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: linear
	}
	0% {
		transform: translate(0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.3)
	}
	30% {
		transform: translate(0, -10%);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3)
	}
	50% {
		transform: translate(0, -10%);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3)
	}
	100% {
		transform: translate(0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.3)
	}
}

.ld.ld-float {
	animation: ld-float 1s infinite
}

@keyframes ld-hit {
	0% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
		transform: scale(0) translate(0, 0) skewX(0)
	}
	20% {
		transform: scale(1) translate(0, 0) skewX(20deg)
	}
	50% {
		animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
		transform: scale(1) translate(0, 0) skewX(20deg)
	}
	100% {
		transform: scale(1) translate(0, 200%) skewX(20deg)
	}
}

.ld.ld-hit {
	animation: ld-hit 2s infinite
}

@keyframes ld-jelly {
	0%,
	16.6%,
	33.3%,
	50%,
	66.6%,
	83.3% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0) skewX(0deg)
	}
	16.6% {
		transform: translate(-30%, 0) skewX(30deg)
	}
	33.3% {
		transform: translate(25%, 0) skewX(-20deg)
	}
	50% {
		transform: translate(-12%, 0) skewX(10deg)

	}
	66.6% {
		transform: translate(6%, 0) skewX(-5deg)
	}
	83.3% {
		transform: translate(-2.5%, 0) skewX(2deg)
	}
	100% {
		transform: translate(0, 0) skewX(0deg)
	}
}

.ld.ld-jelly {
	animation: ld-jelly 1s infinite linear
}

@keyframes ld-jump {
	0%,
	28%,
	48%,
	64%,
	76%,
	86%,
	93%,
	100% {
		animation-timing-function: ease-out
	}
	14%,
	38%,
	56%,
	70%,
	81%,
	90%,
	97% {
		animation-timing-function: ease-in
	}
	0% {
		transform: translateY(0%)
	}
	14% {
		transform: translateY(-27%)
	}
	28% {
		transform: translateY(0%)
	}
	38% {
		transform: translateY(-20%)
	}
	48% {
		transform: translateY(0%)
	}
	56% {
		transform: translateY(-16%)
	}
	64% {
		transform: translateY(0%)
	}
	70% {
		transform: translateY(-12%)
	}
	76% {
		transform: translateY(0%)
	}
	81% {
		transform: translateY(-7.5%)
	}
	86% {
		transform: translateY(0%)
	}
	90% {
		transform: translateY(-3%)
	}
	93% {
		transform: translateY(0%)
	}
	97% {
		transform: translateY(-1.5%)
	}
	100% {
		transform: translateY(0%)
	}
}

.ld.ld-jump {
	animation: ld-jump 1.5s ease-in infinite
}

@keyframes ld-orbit {
	0% {
		transform: translate(30%, 0%) rotate(0deg)
	}
	12.5% {
		transform: translate(21%, 21%) rotate(45deg)
	}
	25% {
		transform: translate(0%, 30%) rotate(90deg)
	}
	37.5% {
		transform: translate(-21%, 21%) rotate(135deg)
	}
	50% {
		transform: translate(-30%, 0%) rotate(180deg)
	}
	62.5% {
		transform: translate(-21%, -21%) rotate(225deg)
	}
	75% {
		transform: translate(0%, -30%) rotate(270deg)
	}
	87.5% {
		transform: translate(21%, -21%) rotate(315deg)
	}
	100% {
		transform: translate(30%, 0%) rotate(360deg)
	}
}

.ld.ld-orbit {
	animation: ld-orbit 1s infinite linear
}

@keyframes ld-rush-rtl {
	0% {
		transform: translate(200%, 0) skewX(-45deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	30% {
		transform: translate(-40%, 0) skewX(35deg)
	}
	45% {
		transform: translate(20%, 0) skewX(-15deg)
	}
	60% {
		transform: translate(-10%, 0) skewX(7deg)
	}
	80% {
		transform: translate(0%, 0) skewX(0deg)
	}
	100% {
		transform: translate(-250%, 0) skewX(-45deg)
	}
}

.ld.ld-rush-rtl {
	animation: ld-rush-rtl 1.5s infinite linear
}

@keyframes ld-rush-ltr {
	0% {
		transform: translate(-200%, 0) skewX(45deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	30% {
		transform: translate(40%, 0) skewX(-35deg)
	}
	45% {
		transform: translate(-20%, 0) skewX(15deg)
	}
	60% {
		transform: translate(10%, 0) skewX(-7deg)
	}
	80% {
		transform: translate(0%, 0) skewX(0deg)
	}
	100% {
		transform: translate(250%, 0) skewX(45deg)
	}
}

.ld.ld-rush-ltr {
	animation: ld-rush-ltr 1.5s infinite linear
}

@keyframes ld-shake {
	0%,
	16.6%,
	33.3%,
	50%,
	66.6%,
	83.3% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	16.6% {
		transform: translate(-35%, 0)
	}
	33.3% {
		transform: translate(25%, 0)
	}
	50% {
		transform: translate(-12%, 0)
	}
	66.6% {
		transform: translate(6%, 0)
	}
	83.3% {
		transform: translate(-2.5%, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-shake {
	animation: ld-shake 1s infinite linear
}

@keyframes ld-slide-ltr {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(200%, 0)
	}
	50% {
		transform: translate(-200%, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-ltr {
	animation: ld-slide-ltr 1s infinite
}

@keyframes ld-slide-rtl {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(-200%, 0)
	}
	50% {
		transform: translate(200%, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-rtl {
	animation: ld-slide-rtl 1s infinite
}

@keyframes ld-slide-btt {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(0, -200%)
	}
	50% {
		transform: translate(0, 200%)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-btt {
	animation: ld-slide-btt 1s infinite
}

@keyframes ld-slide-ttb {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(0, 200%)
	}
	50% {
		transform: translate(0, -200%)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-ttb {
	animation: ld-slide-ttb 1s infinite
}

@keyframes ld-tremble {
	0% {
		transform: translate(1%, 1%)
	}
	5% {
		transform: translate(0%, 1%)
	}
	10% {
		transform: translate(1%, 2%)
	}
	15% {
		transform: translate(2%, 1%)
	}
	20% {
		transform: translate(3%, 0%)
	}
	25% {
		transform: translate(1%, 2%)
	}
	30% {
		transform: translate(1%, 3%)
	}
	35% {
		transform: translate(0%, 1%)
	}
	40% {
		transform: translate(1%, 1%)
	}
	45% {
		transform: translate(1%, 0%)
	}
	50% {
		transform: translate(2%, 1%)
	}
	55% {
		transform: translate(1%, 2%)
	}
	60% {
		transform: translate(3%, 1%)
	}
	65% {
		transform: translate(0%, 2%)
	}
	70% {
		transform: translate(3%, 0%)
	}
	75% {
		transform: translate(0%, 0%)
	}
	80% {
		transform: translate(2%, 3%)
	}
	85% {
		transform: translate(1%, 0%)
	}
	90% {
		transform: translate(0%, 2%)
	}
	95% {
		transform: translate(3%, 2%)
	}
}

.ld.ld-tremble {
	animation: ld-tremble 1s infinite
}

@keyframes ld-wander-h {
	0% {
		transform: translate(-35%, 0)
	}
	50% {
		transform: translate(35%, 0)
	}
	100% {
		transform: translate(-35%, 0)
	}
}

.ld.ld-wander-h {
	animation: ld-wander-h 1s infinite ease-out
}

@keyframes ld-wander-v {
	0% {
		transform: translate(0, -35%)
	}
	50% {
		transform: translate(0, 35%)
	}
	100% {
		transform: translate(0, -35%)
	}
}

.ld.ld-wander-v {
	animation: ld-wander-v 1s infinite ease-out
}

@keyframes ld-jingle {
	0% {
		transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
	}
	4% {
		transform: translate(0, -40%) rotate(11deg) translate(0, 40%)
	}
	10% {
		transform: translate(0, -40%) rotate(15deg) translate(0, 40%)
	}
	18% {
		transform: translate(0, -40%) rotate(-11deg) translate(0, 40%)
	}
	20% {
		transform: translate(0, -40%) rotate(-13deg) translate(0, 40%)
	}
	21% {
		transform: translate(0, -40%) rotate(-12deg) translate(0, 40%)
	}
	22% {
		transform: translate(0, -40%) rotate(-10deg) translate(0, 40%)
	}
	24% {
		transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
	}
	26% {
		transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
	}
	28% {
		transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
	}
	30% {
		transform: translate(0, -40%) rotate(10deg) translate(0, 40%)
	}
	31% {
		transform: translate(0, -40%) rotate(9deg) translate(0, 40%)
	}
	33% {
		transform: translate(0, -40%) rotate(5deg) translate(0, 40%)
	}
	34% {
		transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
	}
	36% {
		transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
	}
	39% {
		transform: translate(0, -40%) rotate(-8deg) translate(0, 40%)
	}
	40% {
		transform: translate(0, -40%) rotate(-7deg) translate(0, 40%)
	}
	44% {
		transform: translate(0, -40%) rotate(3deg) translate(0, 40%)
	}
	47% {
		transform: translate(0, -40%) rotate(7deg) translate(0, 40%)
	}
	56% {
		transform: translate(0, -40%) rotate(-5deg) translate(0, 40%)
	}
	63% {
		transform: translate(0, -40%) rotate(1deg) translate(0, 40%)
	}
	75% {
		transform: translate(0, -40%) rotate(-1deg) translate(0, 40%)
	}
	100% {
		transform: translate(0, -40%) rotate(0deg) translate(0, 40%)
	}
}

.ld.ld-jingle {
	animation: ld-jingle 1s infinite
}

@keyframes ld-swim {
	0% {
		transform: translate(0, 0) rotate(0deg)
	}
	12.5% {
		transform: translate(5%, -10%) rotate(3deg)
	}
	25% {
		transform: translate(0, -15%) rotate(6deg)
	}
	37.5% {
		transform: translate(-5%, -10%) rotate(3deg)
	}
	50% {
		transform: translate(0, 0) rotate(0deg)
	}
	62.5% {
		transform: translate(5%, 10%) rotate(-3deg)
	}
	75% {
		transform: translate(0, 15%) rotate(-6deg)
	}
	87.5% {
		transform: translate(-5%, 10%) rotate(-3deg)
	}
	100% {
		transform: translate(0, 0) rotate(0deg)
	}
}

.ld.ld-swim {
	animation: ld-swim 3s infinite linear
}

@keyframes ld-leaf {
	0% {
		transform: translate(-14.7%, -117%) rotate(-0.3deg)
	}
	1% {
		transform: translate(-14.4%, -112.5%) rotate(-0.6deg)
	}
	2% {
		transform: translate(-13.8%, -102%) rotate(-1.2deg)
	}
	3% {
		transform: translate(-13.5%, -100.5%) rotate(-1.5deg)
	}
	5% {
		transform: translate(-7.2%, -87%) rotate(-7.8deg)
	}
	7% {
		transform: translate(5.4%, -79.5%) rotate(-20.4deg)
	}
	10% {
		transform: translate(12.9%, -76.5%) rotate(-27.9deg)
	}
	12% {
		transform: translate(14.4%, -75%) rotate(-29.4deg)
	}
	13% {
		transform: translate(14.7%, -75%) rotate(-29.7deg)
	}
	14% {
		transform: translate(15%, -75%) rotate(-30deg)
	}
	15% {
		transform: translate(14.4%, -69%) rotate(0.6deg)
	}
	16% {
		transform: translate(13.8%, -58.5%) rotate(1.2deg)
	}
	19% {
		transform: translate(7.2%, -45%) rotate(7.8deg)
	}
	21% {
		transform: translate(-5.4%, -37.5%) rotate(20.4deg)
	}
	24% {
		transform: translate(-12.9%, -33%) rotate(27.9deg)
	}
	26% {
		transform: translate(-14.4%, -33%) rotate(29.4deg)
	}
	27% {
		transform: translate(-14.7%, -31.5%) rotate(29.7deg)
	}
	28% {
		transform: translate(-15%, -31.5%) rotate(30deg)
	}
	29% {
		transform: translate(-14.4%, -27%) rotate(-0.6deg)
	}
	30% {
		transform: translate(-13.8%, -16.5%) rotate(-1.2deg)
	}
	31% {
		transform: translate(-13.5%, -15%) rotate(-1.5deg)
	}
	33% {
		transform: translate(-7.2%, -1.5%) rotate(-7.8deg)
	}
	36% {
		transform: translate(5.4%, 4.5%) rotate(-20.4deg)
	}
	38% {
		transform: translate(12.9%, 9%) rotate(-27.9deg)
	}
	40% {
		transform: translate(14.4%, 10.5%) rotate(-29.4deg)
	}
	41% {
		transform: translate(14.7%, 10.5%) rotate(-29.7deg)
	}
	42% {
		transform: translate(15%, 10.5%) rotate(-30deg)
	}
	43% {
		transform: translate(15%, 10.5%) rotate(-30deg)
	}
	43% {
		transform: translate(14.7%, 10.5%) rotate(0.3deg)
	}
	43% {
		transform: translate(14.4%, 16.5%) rotate(0.6deg)
	}
	45% {
		transform: translate(13.8%, 25.5%) rotate(1.2deg)
	}
	45% {
		transform: translate(13.5%, 27%) rotate(1.5deg)
	}
	48% {
		transform: translate(7.2%, 40.5%) rotate(7.8deg)
	}
	50% {
		transform: translate(-5.4%, 48%) rotate(20.4deg)
	}
	52% {
		transform: translate(-12.9%, 51%) rotate(27.9deg)
	}
	54% {
		transform: translate(-14.4%, 52.5%) rotate(29.4deg)
	}
	56% {
		transform: translate(-14.7%, 54%) rotate(29.7deg)
	}
	57% {
		transform: translate(-14.7%, 54%) rotate(-0.3deg)
	}
	58% {
		transform: translate(-14.4%, 58.5%) rotate(-0.6deg)
	}
	59% {
		transform: translate(-13.5%, 70.5%) rotate(-1.5deg)
	}
	62% {
		transform: translate(-7.2%, 84%) rotate(-7.8deg)
	}
	64% {
		transform: translate(5.4%, 91.5%) rotate(-20.4deg)
	}
	67% {
		transform: translate(12.9%, 94.5%) rotate(-27.9deg)
	}
	69% {
		transform: translate(14.4%, 96%) rotate(-29.4deg)
	}
	70% {
		transform: translate(14.7%, 96%) rotate(-29.7deg)
	}
	71% {
		transform: translate(15%, 96%) rotate(-30deg)
	}
	72% {
		transform: translate(14.4%, 102%) rotate(0.6deg)
	}
	73% {
		transform: translate(13.8%, 111%) rotate(1.2deg)
	}
	74% {
		transform: translate(13.5%, 112.5%) rotate(1.5deg)
	}
	76% {
		transform: translate(7.2%, 126%) rotate(7.8deg)
	}
	79% {
		transform: translate(-5.4%, 133.5%) rotate(20.4deg)
	}
	81% {
		transform: translate(-12.9%, 138%) rotate(27.9deg)
	}
	83% {
		transform: translate(-14.4%, 139.5%) rotate(29.4deg)
	}
	84% {
		transform: translate(-14.7%, 139.5%) rotate(29.7deg)
	}
	85% {
		transform: translate(-15%, 139.5%) rotate(30deg)
	}
	86% {
		transform: translate(-14.7%, 139.5%) rotate(-0.3deg)
	}
	86% {
		transform: translate(-14.4%, 144%) rotate(-0.6deg)
	}
	88% {
		transform: translate(-13.5%, 156%) rotate(-1.5deg)
	}
	90% {
		transform: translate(-7.2%, 169.5%) rotate(-7.8deg)
	}
	93% {
		transform: translate(5.4%, 177%) rotate(-20.4deg)
	}
	95% {
		transform: translate(12.9%, 180%) rotate(-27.9deg)
	}
	97% {
		transform: translate(14.4%, 181.5%) rotate(-29.4deg)
	}
	99% {
		transform: translate(14.7%, 181.5%) rotate(-29.7deg)
	}
	100% {
		transform: translate(15%, 181.5%) rotate(-30deg)
	}
}

.ld.ld-leaf {
	animation: ld-leaf 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5)
}

@keyframes ld-slot {
	0% {
		transform: translate(0, -160%)
	}
	9.09% {
		transform: translate(0, 160%)
	}
	9.1% {
		transform: translate(0, -160%)
	}
	16.99% {
		transform: translate(0, 160%)
	}
	17% {
		transform: translate(0, -160%)
	}
	23.79% {
		transform: translate(0, 160%)
	}
	23.8% {
		transform: translate(0, -160%)
	}
	29.59% {
		transform: translate(0, 160%)
	}
	29.6% {
		transform: translate(0, -160%)
	}
	34.49% {
		transform: translate(0, 160%)
	}
	34.5% {
		transform: translate(0, -160%)
	}
	38.49% {
		transform: translate(0, 160%)
	}
	38.5% {
		transform: translate(0, -160%)
	}
	41.79% {
		transform: translate(0, 160%)
	}
	41.8% {
		transform: translate(0, -160%)
	}
	44.39% {
		transform: translate(0, 160%)
	}
	44.4% {
		transform: translate(0, -160%)
	}
	46.29% {
		transform: translate(0, 160%)
	}
	46.3% {
		transform: translate(0, -160%)
	}
	47.79% {
		transform: translate(0, 160%)
	}
	47.8% {
		transform: translate(0, -160%)
	}
	48.79% {
		transform: translate(0, 160%)
	}
	48.8% {
		transform: translate(0, -160%)
	}
	49.39% {
		transform: translate(0, 160%)
	}
	49.4% {
		transform: translate(0, -160%)
	}
	49.79% {
		transform: translate(0, 160%)
	}
	49.8% {
		transform: translate(0, -160%)
	}
	49.99% {
		transform: translate(0, 160%)
	}
	50% {
		transform: translate(0, -160%)
	}
	49.99% {
		transform: translate(0, 160%)
	}
	50% {
		transform: translate(0, -160%)
	}
	49.99% {
		transform: translate(0, 160%)
	}
	50% {
		transform: translate(0, -160%)
	}
	49.99% {
		transform: translate(0, 160%)
	}
	50% {
		transform: translate(0, -160%)
	}
	50.190000000000005% {
		transform: translate(0, 160%)
	}
	50.2% {
		transform: translate(0, -160%)
	}
	50.59% {
		transform: translate(0, 160%)
	}
	50.6% {
		transform: translate(0, -160%)
	}
	51.190000000000005% {
		transform: translate(0, 160%)
	}
	51.2% {
		transform: translate(0, -160%)
	}
	52.190000000000005% {
		transform: translate(0, 160%)
	}
	52.2% {
		transform: translate(0, -160%)
	}
	53.690000000000005% {
		transform: translate(0, 160%)
	}
	53.7% {
		transform: translate(0, -160%)
	}
	55.59% {
		transform: translate(0, 160%)
	}
	55.6% {
		transform: translate(0, -160%)
	}
	58.190000000000005% {
		transform: translate(0, 160%)
	}
	58.2% {
		transform: translate(0, -160%)
	}
	61.49% {
		transform: translate(0, 160%)
	}
	61.5% {
		transform: translate(0, -160%)
	}
	65.49% {
		transform: translate(0, 160%)
	}
	65.5% {
		transform: translate(0, -160%)
	}
	70.39% {
		transform: translate(0, 160%)
	}
	70.4% {
		transform: translate(0, -160%)
	}
	76.19% {
		transform: translate(0, 160%)
	}
	76.2% {
		transform: translate(0, -160%)
	}
	82.99% {
		transform: translate(0, 160%)
	}
	83% {
		transform: translate(0, -160%)
	}
	90.89% {
		transform: translate(0, 160%)
	}
	90.9% {
		transform: translate(0, -160%)
	}
	99.99% {
		transform: translate(0, 160%)
	}
	100% {
		transform: translate(0, -160%)
	}
}

.ld.ld-slot {
	animation: ld-slot 6s infinite linear
}


@keyframes ld-bounce-px {
	0%,
	90% {
		animation-timing-function: linear
	}
	10% {
		animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
	}
	50% {
		animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
	}
	0% {
		transform: translate(0, 30px) scaleY(0.5)
	}
	10% {
		transform: translate(0, 5px) scaleY(1.1)
	}
	50% {
		transform: translate(0, -37px) scaleY(1.1)
	}
	90% {
		transform: translate(0, 5px) scaleY(1.1)
	}
	100% {
		transform: translate(0, 30px) scaleY(0.5)
	}
}

.ld.ld-bounce-px {
	animation: ld-bounce-px 1s infinite
}

@keyframes ld-bounce-px-rtl {
	0% {
		transform: translate(80px, -20px)
	}
	12.5% {
		transform: translate(60px, -12px)
	}
	25% {
		transform: translate(40px, 0)
	}
	37.5% {
		transform: translate(25px, -12px)
	}
	50% {
		transform: translate(0, -20px)
	}
	62.5% {
		transform: translate(-25px, -12px)
	}
	75% {
		transform: translate(-40px, 0)
	}
	87.5% {
		transform: translate(-60px, -12px)
	}
	100% {
		transform: translate(-80px, -20px)
	}
}

.ld.ld-bounce-px-rtl {
	animation: ld-bounce-px-rtl 1s infinite linear
}

@keyframes ld-bounce-px-ltr {
	0% {
		transform: translate(-80px, -20px)
	}
	12.5% {
		transform: translate(-60px, -12px)
	}
	25% {
		transform: translate(-50px, 0)
	}
	37.5% {
		transform: translate(-25px, -12px)
	}
	50% {
		transform: translate(0, -20px)
	}
	62.5% {
		transform: translate(25px, -12px)
	}
	75% {
		transform: translate(50px, 0)
	}
	87.5% {
		transform: translate(60px, -12px)
	}
	100% {
		transform: translate(80px, -20px)
	}
}

.ld.ld-bounce-px-ltr {
	animation: ld-bounce-px-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
	0%,
	25%,
	50%,
	75%,
	100% {
		animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
	}
	12.5%,
	37.5%,
	62.5%,
	87.5% {
		animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
	}
	0% {
		transform: translate(0, 0)
	}
	12.5% {
		transform: translate(5px, -28px)
	}
	25% {
		transform: translate(10px, 0)
	}
	37.5% {
		transform: translate(5px, -28px)
	}
	50% {
		transform: translate(0, 0)
	}
	62.5% {
		transform: translate(-5px, -28px)
	}
	75% {
		transform: translate(-10px, 0)
	}
	87.5% {
		transform: translate(-5px, -28px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-bounce-a-px {
	animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float-px {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: linear
	}
	0% {
		transform: translate(0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.3)
	}
	30% {
		transform: translate(0, -10px);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3)
	}
	50% {
		transform: translate(0, -10px);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3)
	}
	100% {
		transform: translate(0, 0);
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.3)
	}
}

.ld.ld-float-px {
	animation: ld-float-px 1s infinite
}

@keyframes ld-hit-px {
	0% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
		transform: scale(0) translate(0, 0) skewX(0)
	}
	20% {
		transform: scale(1) translate(0, 0) skewX(20deg)
	}
	50% {
		animation-timing-function: cubic-bezier(1, 0, 1, 0.5);
		transform: scale(1) translate(0, 0) skewX(20deg)
	}
	100% {
		transform: scale(1) translate(0, 150px) skewX(20deg)
	}
}

.ld.ld-hit-px {
	animation: ld-hit-px 2s infinite
}

@keyframes ld-jelly-px {
	0%,
	16.6%,
	33.3%,
	50%,
	66.6%,
	83.3% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0) skewX(0deg)
	}
	16.6% {
		transform: translate(-30px, 0) skewX(30deg)
	}
	33.3% {
		transform: translate(25px, 0) skewX(-20deg)
	}
	50% {
		transform: translate(-12px, 0) skewX(10deg)
	}
	66.6% {
		transform: translate(6px, 0) skewX(-5deg)
	}
	83.3% {
		transform: translate(-2.5px, 0) skewX(2deg)
	}
	100% {
		transform: translate(0, 0) skewX(0deg)
	}
}

.ld.ld-jelly-px {
	animation: ld-jelly-px 1s infinite linear
}

@keyframes ld-jump-px {
	0%,
	28%,
	48%,
	64%,
	76%,
	86%,
	93%,
	100% {
		animation-timing-function: ease-out
	}
	14%,
	38%,
	56%,
	70%,
	81%,
	90%,
	97% {
		animation-timing-function: ease-in
	}
	0% {
		transform: translateY(0px)
	}
	14% {
		transform: translateY(-27px)
	}
	28% {
		transform: translateY(0px)
	}
	38% {
		transform: translateY(-20px)
	}
	48% {
		transform: translateY(0px)
	}
	56% {
		transform: translateY(-16px)
	}
	64% {
		transform: translateY(0px)
	}
	70% {
		transform: translateY(-12px)
	}
	76% {
		transform: translateY(0px)
	}
	81% {
		transform: translateY(-7.5px)
	}
	86% {
		transform: translateY(0px)
	}
	90% {
		transform: translateY(-3px)
	}
	93% {
		transform: translateY(0px)
	}
	97% {
		transform: translateY(-1.5px)
	}
	100% {
		transform: translateY(0px)
	}
}

.ld.ld-jump-px {
	animation: ld-jump-px 1.5s ease-in infinite
}

@keyframes ld-orbit-px {
	0% {
		transform: translate(30px, 0) rotate(0deg)
	}
	12.5% {
		transform: translate(21px, 21px) rotate(45deg)
	}
	25% {
		transform: translate(0, 30px) rotate(90deg)
	}
	37.5% {
		transform: translate(-21px, 21px) rotate(135deg)
	}
	50% {
		transform: translate(-30px, 0) rotate(180deg)
	}
	62.5% {
		transform: translate(-21px, -21px) rotate(225deg)
	}
	75% {
		transform: translate(0, -30px) rotate(270deg)
	}
	87.5% {
		transform: translate(21px, -21px) rotate(315deg)
	}
	100% {
		transform: translate(30px, 0) rotate(360deg)
	}
}

.ld.ld-orbit-px {
	animation: ld-orbit-px 1s infinite linear
}

@keyframes ld-rush-px-rtl {
	0% {
		transform: translate(100px, 0) skewX(-45deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	30% {
		transform: translate(-20px, 0) skewX(35deg)
	}
	45% {
		transform: translate(10px, 0) skewX(-15deg)
	}
	60% {
		transform: translate(-5px, 0) skewX(7deg)
	}
	80% {
		transform: translate(0, 0) skewX(0deg)
	}
	100% {
		transform: translate(-150px, 0) skewX(-45deg)
	}
}

.ld.ld-rush-px-rtl {
	animation: ld-rush-px-rtl 1.5s infinite linear
}

@keyframes ld-rush-px-ltr {
	0% {
		transform: translate(-100px, 0) skewX(45deg);
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	30% {
		transform: translate(20px, 0) skewX(-35deg)
	}
	45% {
		transform: translate(-10px, 0) skewX(15deg)
	}
	60% {
		transform: translate(5px, 0) skewX(-7deg)
	}
	80% {
		transform: translate(0, 0) skewX(0deg)
	}
	100% {
		transform: translate(150px, 0) skewX(45deg)
	}
}

.ld.ld-rush-px-ltr {
	animation: ld-rush-px-ltr 1.5s infinite linear
}

@keyframes ld-shake-px {
	0%,
	16.6%,
	33.3%,
	50%,
	66.6%,
	83.3% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	16.6% {
		transform: translate(-35px, 0)
	}
	33.3% {
		transform: translate(25px, 0)
	}
	50% {
		transform: translate(-12px, 0)
	}
	66.6% {
		transform: translate(6px, 0)
	}
	83.3% {
		transform: translate(-2.5px, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-shake-px {
	animation: ld-shake-px 1s infinite linear
}

@keyframes ld-slide-px-ltr {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(100px, 0)
	}
	50% {
		transform: translate(-100px, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-px-ltr {
	animation: ld-slide-px-ltr 1s infinite
}

@keyframes ld-slide-px-rtl {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(-100px, 0)
	}
	50% {
		transform: translate(100px, 0)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-px-rtl {
	animation: ld-slide-px-rtl 1s infinite
}

@keyframes ld-slide-px-btt {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)

	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(0, -100px)
	}
	50% {
		transform: translate(0, 100px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-px-btt {
	animation: ld-slide-px-btt 1s infinite
}

@keyframes ld-slide-px-ttb {
	0%,
	100% {
		animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5)
	}
	50% {
		animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
	}
	0% {
		transform: translate(0, 0)
	}
	49.9% {
		transform: translate(0, 100px)
	}
	50% {
		transform: translate(0, -100px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.ld.ld-slide-px-ttb {
	animation: ld-slide-px-ttb 1s infinite
}

@keyframes ld-tremble-px {
	0% {
		transform: translate(1px, 1px)
	}
	5% {
		transform: translate(0, 1px)
	}
	10% {
		transform: translate(1px, 2px)
	}
	15% {
		transform: translate(2px, 1px)
	}
	20% {
		transform: translate(3px, 0)
	}
	25% {
		transform: translate(1px, 2px)
	}
	30% {
		transform: translate(1px, 3px)
	}
	35% {
		transform: translate(0, 1px)
	}
	40% {
		transform: translate(1px, 1px)
	}
	45% {
		transform: translate(1px, 0)
	}
	50% {
		transform: translate(2px, 1px)
	}
	55% {
		transform: translate(1px, 2px)
	}
	60% {
		transform: translate(3px, 1px)
	}
	65% {
		transform: translate(0, 2px)
	}
	70% {
		transform: translate(3px, 0)
	}
	75% {
		transform: translate(0, 0)
	}
	80% {
		transform: translate(2px, 3px)
	}
	85% {
		transform: translate(1px, 0)
	}
	90% {
		transform: translate(0, 2px)
	}
	95% {
		transform: translate(3px, 2px)
	}
}

.ld.ld-tremble-px {
	animation: ld-tremble-px 1s infinite
}

@keyframes ld-wander-px-h {
	0% {
		transform: translate(-35px, 0)
	}
	50% {
		transform: translate(35px, 0)
	}
	100% {
		transform: translate(-35px, 0)
	}
}

.ld.ld-wander-px-h {
	animation: ld-wander-px-h 1s infinite ease-out
}

@keyframes ld-wander-px-v {
	0% {
		transform: translate(0, -35px)
	}
	50% {
		transform: translate(0, 35px)
	}
	100% {
		transform: translate(0, -35px)
	}
}

.ld.ld-wander-px-v {
	animation: ld-wander-px-v 1s infinite ease-out
}

@keyframes ld-jingle-px {
	0% {
		transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
	}
	4% {
		transform: translate(0, -40px) rotate(11deg) translate(0, 40px)
	}
	10% {
		transform: translate(0, -40px) rotate(15deg) translate(0, 40px)
	}
	18% {
		transform: translate(0, -40px) rotate(-11deg) translate(0, 40px)
	}
	20% {
		transform: translate(0, -40px) rotate(-13deg) translate(0, 40px)
	}
	21% {
		transform: translate(0, -40px) rotate(-12deg) translate(0, 40px)
	}
	22% {
		transform: translate(0, -40px) rotate(-10deg) translate(0, 40px)
	}
	24% {
		transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
	}
	26% {
		transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
	}
	28% {
		transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
	}
	30% {
		transform: translate(0, -40px) rotate(10deg) translate(0, 40px)
	}
	31% {
		transform: translate(0, -40px) rotate(9deg) translate(0, 40px)
	}
	33% {
		transform: translate(0, -40px) rotate(5deg) translate(0, 40px)
	}
	34% {
		transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
	}
	36% {
		transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
	}
	39% {
		transform: translate(0, -40px) rotate(-8deg) translate(0, 40px)
	}
	40% {
		transform: translate(0, -40px) rotate(-7deg) translate(0, 40px)
	}
	44% {
		transform: translate(0, -40px) rotate(3deg) translate(0, 40px)
	}
	47% {
		transform: translate(0, -40px) rotate(7deg) translate(0, 40px)
	}
	56% {
		transform: translate(0, -40px) rotate(-5deg) translate(0, 40px)
	}
	63% {
		transform: translate(0, -40px) rotate(1deg) translate(0, 40px)
	}
	75% {
		transform: translate(0, -40px) rotate(-1deg) translate(0, 40px)
	}
	100% {
		transform: translate(0, -40px) rotate(0deg) translate(0, 40px)
	}
}

.ld.ld-jingle-px {
	animation: ld-jingle-px 1s infinite
}

@keyframes ld-swim-px {
	0% {
		transform: translate(0, 0) rotate(0deg)
	}
	12.5% {
		transform: translate(1px, -2px) rotate(3deg)
	}
	25% {
		transform: translate(0, -3px) rotate(6deg)
	}
	37.5% {
		transform: translate(-1px, -2px) rotate(3deg)
	}
	50% {
		transform: translate(0, 0) rotate(0deg)
	}
	62.5% {
		transform: translate(1px, 2px) rotate(-3deg)
	}
	75% {
		transform: translate(0, 3px) rotate(-6deg)
	}
	87.5% {
		transform: translate(-1px, 2px) rotate(-3deg)
	}
	100% {
		transform: translate(0, 0) rotate(0deg)
	}
}

.ld.ld-swim-px {
	animation: ld-swim-px 3s infinite linear
}

@keyframes ld-leaf-px {
	0% {
		transform: translate(-14.7px, -117px) rotate(-0.3deg)
	}
	1% {
		transform: translate(-14.4px, -112.5px) rotate(-0.6deg)
	}
	2% {
		transform: translate(-13.8px, -102px) rotate(-1.2deg)
	}
	3% {
		transform: translate(-13.5px, -100.5px) rotate(-1.5deg)
	}
	5% {
		transform: translate(-7.2px, -87px) rotate(-7.8deg)
	}
	7% {
		transform: translate(5.4px, -79.5px) rotate(-20.4deg)
	}
	10% {
		transform: translate(12.9px, -76.5px) rotate(-27.9deg)
	}
	12% {
		transform: translate(14.4px, -75px) rotate(-29.4deg)
	}
	13% {
		transform: translate(14.7px, -75px) rotate(-29.7deg)
	}
	14% {
		transform: translate(15px, -75px) rotate(-30deg)
	}
	15% {
		transform: translate(14.4px, -69px) rotate(0.6deg)
	}
	16% {
		transform: translate(13.8px, -58.5px) rotate(1.2deg)
	}
	19% {
		transform: translate(7.2px, -45px) rotate(7.8deg)
	}
	21% {
		transform: translate(-5.4px, -37.5px) rotate(20.4deg)
	}
	24% {
		transform: translate(-12.9px, -33px) rotate(27.9deg)
	}
	26% {
		transform: translate(-14.4px, -33px) rotate(29.4deg)
	}
	27% {
		transform: translate(-14.7px, -31.5px) rotate(29.7deg)
	}
	28% {
		transform: translate(-15px, -31.5px) rotate(30deg)
	}
	29% {
		transform: translate(-14.4px, -27px) rotate(-0.6deg)
	}
	30% {
		transform: translate(-13.8px, -16.5px) rotate(-1.2deg)
	}
	31% {
		transform: translate(-13.5px, -15px) rotate(-1.5deg)
	}
	33% {
		transform: translate(-7.2px, -1.5px) rotate(-7.8deg)
	}
	36% {
		transform: translate(5.4px, 4.5px) rotate(-20.4deg)
	}
	38% {
		transform: translate(12.9px, 9px) rotate(-27.9deg)
	}
	40% {
		transform: translate(14.4px, 10.5px) rotate(-29.4deg)
	}
	41% {
		transform: translate(14.7px, 10.5px) rotate(-29.7deg)
	}
	42% {
		transform: translate(15px, 10.5px) rotate(-30deg)
	}
	43% {
		transform: translate(15px, 10.5px) rotate(-30deg)
	}
	43% {
		transform: translate(14.7px, 10.5px) rotate(0.3deg)
	}
	43% {
		transform: translate(14.4px, 16.5px) rotate(0.6deg)
	}
	45% {
		transform: translate(13.8px, 25.5px) rotate(1.2deg)
	}
	45% {
		transform: translate(13.5px, 27px) rotate(1.5deg)
	}
	48% {
		transform: translate(7.2px, 40.5px) rotate(7.8deg)
	}
	50% {
		transform: translate(-5.4px, 48px) rotate(20.4deg)
	}
	52% {
		transform: translate(-12.9px, 51px) rotate(27.9deg)
	}
	54% {
		transform: translate(-14.4px, 52.5px) rotate(29.4deg)
	}
	56% {
		transform: translate(-14.7px, 54px) rotate(29.7deg)
	}
	57% {
		transform: translate(-14.7px, 54px) rotate(-0.3deg)
	}
	58% {
		transform: translate(-14.4px, 58.5px) rotate(-0.6deg)
	}
	59% {
		transform: translate(-13.5px, 70.5px) rotate(-1.5deg)
	}
	62% {
		transform: translate(-7.2px, 84px) rotate(-7.8deg)
	}
	64% {
		transform: translate(5.4px, 91.5px) rotate(-20.4deg)
	}
	67% {
		transform: translate(12.9px, 94.5px) rotate(-27.9deg)
	}
	69% {
		transform: translate(14.4px, 96px) rotate(-29.4deg)
	}
	70% {
		transform: translate(14.7px, 96px) rotate(-29.7deg)
	}
	71% {
		transform: translate(15px, 96px) rotate(-30deg)
	}
	72% {
		transform: translate(14.4px, 102px) rotate(0.6deg)
	}
	73% {
		transform: translate(13.8px, 111px) rotate(1.2deg)
	}
	74% {
		transform: translate(13.5px, 112.5px) rotate(1.5deg)
	}
	76% {
		transform: translate(7.2px, 126px) rotate(7.8deg)
	}
	79% {
		transform: translate(-5.4px, 133.5px) rotate(20.4deg)
	}
	81% {
		transform: translate(-12.9px, 138px) rotate(27.9deg)
	}
	83% {
		transform: translate(-14.4px, 139.5px) rotate(29.4deg)
	}
	84% {
		transform: translate(-14.7px, 139.5px) rotate(29.7deg)
	}
	85% {
		transform: translate(-15px, 139.5px) rotate(30deg)
	}
	86% {
		transform: translate(-14.7px, 139.5px) rotate(-0.3deg)
	}
	86% {
		transform: translate(-14.4px, 144px) rotate(-0.6deg)
	}
	88% {
		transform: translate(-13.5px, 156px) rotate(-1.5deg)
	}
	90% {
		transform: translate(-7.2px, 169.5px) rotate(-7.8deg)
	}
	93% {
		transform: translate(5.4px, 177px) rotate(-20.4deg)
	}
	95% {
		transform: translate(12.9px, 180px) rotate(-27.9deg)
	}
	97% {
		transform: translate(14.4px, 181.5px) rotate(-29.4deg)
	}
	99% {
		transform: translate(14.7px, 181.5px) rotate(-29.7deg)
	}
	100% {
		transform: translate(15px, 181.5px) rotate(-30deg)
	}
}

.ld.ld-leaf-px {
	animation: ld-leaf-px 4s infinite cubic-bezier(0.1, 0.5, 0.1, 0.5)
}

@keyframes ld-slot-px {
	0% {
		transform: translate(0, -100px)
	}
	9.09% {
		transform: translate(0, 100px)
	}
	9.1% {
		transform: translate(0, -100px)
	}
	16.99% {
		transform: translate(0, 100px)
	}
	17% {
		transform: translate(0, -100px)
	}
	23.79% {
		transform: translate(0, 100px)
	}
	23.8% {
		transform: translate(0, -100px)
	}
	29.59% {
		transform: translate(0, 100px)
	}
	29.6% {
		transform: translate(0, -100px)
	}
	34.49% {
		transform: translate(0, 100px)
	}
	34.5% {
		transform: translate(0, -100px)
	}
	38.49% {
		transform: translate(0, 100px)
	}
	38.5% {
		transform: translate(0, -100px)
	}
	41.79% {
		transform: translate(0, 100px)
	}
	41.8% {
		transform: translate(0, -100px)
	}
	44.39% {
		transform: translate(0, 100px)
	}
	44.4% {
		transform: translate(0, -100px)
	}
	46.29% {
		transform: translate(0, 100px)
	}
	46.3% {
		transform: translate(0, -100px)
	}
	47.79% {
		transform: translate(0, 100px)
	}
	47.8% {
		transform: translate(0, -100px)
	}
	48.79% {
		transform: translate(0, 100px)
	}
	48.8% {
		transform: translate(0, -100px)
	}
	49.39% {
		transform: translate(0, 100px)
	}
	49.4% {
		transform: translate(0, -100px)
	}
	49.79% {
		transform: translate(0, 100px)
	}
	49.8% {
		transform: translate(0, -100px)
	}
	49.99% {
		transform: translate(0, 100px)
	}
	50% {
		transform: translate(0, -100px)
	}
	49.99% {
		transform: translate(0, 100px)
	}
	50% {
		transform: translate(0, -100px)
	}
	49.99% {
		transform: translate(0, 100px)
	}
	50% {
		transform: translate(0, -100px)
	}
	49.99% {
		transform: translate(0, 100px)
	}
	50% {
		transform: translate(0, -100px)
	}
	50.190000000000005% {
		transform: translate(0, 100px)
	}
	50.2% {
		transform: translate(0, -100px)
	}
	50.59% {
		transform: translate(0, 100px)
	}
	50.6% {
		transform: translate(0, -100px)
	}
	51.190000000000005% {
		transform: translate(0, 100px)
	}
	51.2% {
		transform: translate(0, -100px)
	}
	52.190000000000005% {
		transform: translate(0, 100px)
	}
	52.2% {
		transform: translate(0, -100px)
	}
	53.690000000000005% {
		transform: translate(0, 100px)
	}
	53.7% {
		transform: translate(0, -100px)
	}
	55.59% {
		transform: translate(0, 100px)
	}
	55.6% {
		transform: translate(0, -100px)
	}
	58.190000000000005% {
		transform: translate(0, 100px)
	}
	58.2% {
		transform: translate(0, -100px)
	}
	61.49% {
		transform: translate(0, 100px)
	}
	61.5% {
		transform: translate(0, -100px)
	}
	65.49% {
		transform: translate(0, 100px)
	}
	65.5% {
		transform: translate(0, -100px)
	}
	70.39% {
		transform: translate(0, 100px)
	}
	70.4% {
		transform: translate(0, -100px)
	}
	76.19% {
		transform: translate(0, 100px)
	}
	76.2% {
		transform: translate(0, -100px)
	}
	82.99% {
		transform: translate(0, 100px)
	}
	83% {
		transform: translate(0, -100px)
	}
	90.89% {
		transform: translate(0, 100px)
	}
	90.9% {
		transform: translate(0, -100px)

	}
	99.99% {
		transform: translate(0, 100px)
	}
	100% {
		transform: translate(0, -100px)
	}
}

.ld.ld-slot-px {
	animation: ld-slot-px 6s infinite linear
}

.ld-ext-right,
.ld-ext-left,
.ld-ext-bottom,
.ld-ext-top,
.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
	position: relative;
	transition: all 0.3s;
	transition-timing-function: ease-in;
	overflow: hidden
}

.ld-ext-right>.ld,
.ld-ext-left>.ld,
.ld-ext-bottom>.ld,
.ld-ext-top>.ld,
.ld-over>.ld,
.ld-over-inverse>.ld,
.ld-over-full>.ld,
.ld-over-full-inverse>.ld {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em;
	opacity: 0;
	z-index: -100;
	transition: all 0.3s;
	transition-timing-function: ease-in
}

.ld-ext-right.running>.ld,
.ld-ext-left.running>.ld,
.ld-ext-bottom.running>.ld,
.ld-ext-top.running>.ld,
.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
	opacity: 1;
	z-index: auto
}

.ld-ext-right.running {
	padding-right: 2.5em !important
}

.ld-ext-right>.ld {
	top: 50%;
	left: auto;
	right: 1em
}

.ld-ext-left.running {
	padding-left: 2.5em !important
}

.ld-ext-left>.ld {
	top: 50%;
	right: auto;
	left: 1em
}

.ld-ext-bottom.running {
	padding-bottom: 2.5em !important
}

.ld-ext-bottom>.ld {
	top: auto;
	left: 50%;
	bottom: 1em
}

.ld-ext-top.running {
	padding-top: 2.5em !important
}

.ld-ext-top>.ld {
	bottom: auto;
	left: 50%;
	top: 1em
}

.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
	overflow: hidden
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
	z-index: 99999
}

.ld-over:before,
.ld-over-inverse:before,
.ld-over-full:before,
.ld-over-full-inverse:before {
	content: " ";
	display: block;
	opacity: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	transition-timing-function: ease-in;
	background: rgba(240, 240, 240, 0.8)
}

.ld-over-full>.ld,
.ld-over-full-inverse>.ld {
	position: fixed
}

.ld-over-full>.ld {
	color: rgba(0, 0, 0, 0.8)
}

.ld-over-full:before,
.ld-over-full-inverse:before {
	z-index: -1;
	position: fixed;
	background: rgba(255, 255, 255, 0.8)
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
	z-index: 999999
}

.ld-over.running:before,
.ld-over-inverse.running:before,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
	opacity: 1;
	z-index: 999998;
	display: block
}

.ld-over-inverse>.ld {
	color: rgba(255, 255, 255, 0.8)
}

.ld-over-inverse:before {
	background: rgba(0, 0, 0, 0.6)
}

.ld-over-full-inverse>.ld {
	color: rgba(255, 255, 255, 0.8)
}

.ld-over-full-inverse:before {
	background: rgba(0, 0, 0, 0.6)
}

.btn {
	background: #000;
	width: calc(-80px + 33.3333%);
	margin: 40px auto 20px;
	padding: 20px 0;
	text-align: center;
	font-size: 1.2rem;
	display: none
}

@media (max-width: 1200px) {
	.btn {
		width: calc(-80px + 50%)
	}
}

@media (max-width: 800px) {
	.btn {
		width: calc(-40px + 100%)
	}
}

.btn:hover {
	background: #000 !important
}

.ld-ring {
	width: 18px;
	height: 18px
}

.aside {
	background: #fff;
	width: 100%;
	padding: 115px 0 50px;
	color: #000;
	min-height: 600px;
	height: 100%;
	position: relative
}

@media (max-height: 800px) {
	.aside {
		padding: 75px 0 20px;
		min-height: 400px
	}
}

@media (max-width: 800px) {
	.aside {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		width: 100%;
		min-height: 100%;
		padding: 0
	}
	.aside .wrapper {
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2;
		-ms-flex-shrink: 0;
		-o-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		padding: 0 25px
	}
}

.aside__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex
}

.aside__wrap {
	width: calc(-27px + 35%);
	position: relative
}

@media (max-width: 1200px) {
	.aside__wrap {
		width: calc(-10px + 35%)
	}
}

@media (max-width: 800px) {
	.aside__wrap {
		width: 100%;
		border-bottom: 1px solid #000
	}
}

.aside__title {
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: uppercase;
	font-size: 2.5rem;
	letter-spacing: 1px;
	font-weight: 500;
	margin: 0 0 20px;
	width: 100%;
	text-align: center;
	background: #000;
	padding: 8px 10px;
	position: relative
}

@media (max-width: 1500px) {
	.aside__title {
		font-size: 2rem;
		padding: 12px 10px
	}
}

@media (max-height: 800px) {
	.aside__title {
		font-size: 1.5rem;
		padding: 8px 10px
	}
}

@media (max-width: 800px) {
	.aside__title {
		font-size: 2rem;
		padding: 12px 0;
		width: auto;
		margin-top: 15px;
		margin: 0 0;
		color: #000;
		background: #fff;
		text-align: left
	}
}

.aside__program {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: uppercase;
	font-size: 2.1rem;
	letter-spacing: 1px;
	position: absolute;
	padding: 8px 50px;
	color: #000;
	background: #fff;
	left: 0px;
	top: 171px;
	z-index: 70;
	position: absolute;
	left: 100%;
	top: 100%;
	white-space: nowrap;
	font-weight: normal
}

@media (max-height: 800px) {
	.aside__program {
		font-size: 1.5rem
	}
}

@media (max-width: 1200px) {
	.aside__program {
		left: calc(-10px + 100%)
	}
}

@media (max-width: 800px) {
	.aside__program {
		left: -25px;
		top: calc(-100% - 120px);
		font-size: 1.5rem;
		padding: 8px 35px
	}
}

.aside__address {
	font-weight: 100;
	font-size: 1rem;
	margin-top: 5px
}

@media (max-height: 800px) {
	.aside__address {
		margin-top: 0;
		padding-right: 20px;
		line-height: 1.2
	}
}

@media (max-width: 800px) {
	.aside__address {
		margin-top: 5px
	}
}

.aside__encart {
	padding: 0 15px 0 10px;
	color: #000;
	margin-top: 20px;
	display: inline-block;
	border-left: 3px solid #000;
	margin-left: 20px
}

@media (max-height: 800px) {
	.aside__encart {
		margin-top: 10px
	}
}

@media (max-width: 800px) {
	.aside__encart {
		margin: 30px 0 0
	}
}

.aside__encart--line1 {
	font-size: 1rem;
	padding-bottom: 5px
}

@media (max-height: 800px) {
	.aside__encart--line1 {
		font-size: 0.9rem
	}
}

@media (max-width: 800px) {
	.aside__encart--line1 {
		font-size: 1rem
	}
}

.aside__encart--line2 {
	font-size: 1.8rem
}

@media (max-height: 800px) {
	.aside__encart--line2 {
		font-size: 1.5rem
	}
}

@media (max-width: 800px) {
	.aside__encart--line2 {
		font-size: 1.8rem
	}
}

.aside__encart--line2 sup {
	font-size: 0.8rem;
	padding-left: 5px
}

.aside__encart--line3 {
	font-size: 1rem;
	padding-top: 5px
}

@media (max-height: 800px) {
	.aside__encart--line3 {
		font-size: 0.9rem
	}
}

@media (max-width: 800px) {
	.aside__encart--line3 {
		font-size: 1rem
	}
}

.aside__encart--line3 sup {
	font-size: 0.6rem;
	padding-left: 5px;
	top: -2px
}

.aside__liv {
	background: url(../img/sprite-program.png) no-repeat;
	background-position: 0 1px;
	padding-left: 35px;
	margin: 20px 0 0
}

.aside__liv+.aside__liv {
	margin: 10px 0 0;
	background: none
}

@media (max-width: 800px) {
	.aside__liv {
		margin: 30px 0 0
	}
}

.aside__text {
	margin: 30px 0 0;
	line-height: 1.5rem;
	width: 290px
}

@media (max-height: 800px) {
	.aside__text {
		margin-top: 15px;
		font-size: 0.9rem;
		line-height: 1.2rem
	}
}

@media (max-width: 800px) {
	.aside__text {
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 1rem;
		line-height: 1.5rem
	}
}

.aside__text ul {
	list-style: inside;
	list-style-type: square
}

@media (max-height: 800px) {
	.aside__text ul {
		font-size: 0.9rem;
		line-height: 1.2rem
	}
}

@media (max-width: 800px) {
	.aside__text ul {
		width: auto;
		margin-bottom: 20px;
		font-size: 1rem;
		line-height: 1.5rem
	}
}

.aside__social {
	margin: 20px 0;
	padding: 0
}

.aside__social--item {
	list-style: none;
	display: inline-block
}

.aside__social--link {
	background: url(../img/sprite-program.png) no-repeat;
	width: 40px;
	height: 40px;
	display: block
}

.aside__social--link:hover {
	opacity: 0.9
}

.aside__social--fb {
	background-position: 0 -34px
}

.aside__social--tw {
	background-position: 0 -74px
}

.aside__social--print {
	background-position: 0 -114px
}

.aside__showprice {
	color: #fff;
	background: #000;
	padding: 10px 25px;
	text-decoration: none;
	border: 1px solid #000;
	display: inline-block;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin-top: 30px
}

@media (max-height: 800px) {
	.aside__showprice {
		margin-top: 15px
	}
}

@media (max-width: 800px) {
	.aside__showprice {
		margin-top: 30px;
		margin-bottom: 20px
	}
}

.aside__showprice:hover {
	background: #fff;
	color: #000
}

.program__wrapper__sticky {
	position: relative
}

.program__slider {
	width: 65%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.program__slider--unslider {
	height: 100%
}

@media (max-width: 800px) {
	.program__slider {
		position: relative
	}
}

@media (max-width: 800px) {
	.program__slider {
		width: 100%;
		display: block;
		min-height: 300px;
		margin-left: 0
	}
}

.program__slider__item {
	min-height: 600px;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

@media (max-height: 800px) {
	.program__slider__item {
		min-height: 400px
	}
}

@media (max-width: 800px) {
	.program__slider__item {
		min-height: 300px;
		position: relative;
		webkit-overflow-scrolling: auto;
		overflow: auto
	}
}

.program__slider__item__legend {
	padding: 28px 60px;
	text-align: center
}

@media (max-width: 800px) {
	.program__slider__item__legend {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 45px;
		background: rgba(255, 255, 255, 0.8);
		padding: 0 45px;
		font-size: 0.8rem;
		text-align: center;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		line-height: 1.3
	}
}

.program__slider__item__img {
	min-height: 600px;
	margin-bottom: -5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (max-width: 800px) {
	.program__slider__item__img {
		min-height: 460px;
		margin-bottom: -3px
	}
}

@media (max-width: 360px) {
	.program__slider__item__img {
		min-height: 365px
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.program__slider__item__img {
		min-height: 550px
	}
}

.program__slider--substitution {
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%
}

@media (max-width: 800px) {
	.program__slider--substitution {
		min-height: 300px
	}
}

.program__list {
	background: #fff;
	padding: 0;
	margin: 0;
	height: 100%
}

.program__title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.8rem;
	color: #000;
	margin-bottom: 40px
}

.program__title span {
	color: #d12d2e
}

.program__box {
	display: inline-block;
	margin-left: -5px;
	width: 33.33%
}

@media (max-width: 800px) {
	.program__box {
		width: 100%;
		margin: 0
	}
}

.program__box img {
	width: 90%;
	text-align: center
}

.program__box span {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1.2rem;
	padding-top: 10px
}

.program__box a {
	color: #000;
	text-decoration: none
}

.program__message {
	position: absolute;
	text-align: center;
	padding: 15px 20px;
	color: #fff;
	background: #cf2733;
	text-transform: uppercase;
	right: 20px;
	top: 20px;
	z-index: 101;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.4rem;
	border-radius: 10px
}

@media (max-width: 800px) {
	.program__message {
		right: auto;
		left: 20px;
		font-size: 1rem;
		padding: 10px
	}
}

.program__etat {
	position: absolute;
	text-align: center;
	padding: 15px 20px;
	color: #fff;
	background: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.4rem;
	text-transform: uppercase;
	right: 20px;
	top: 20px;
	z-index: 70
}

.program__etat+.program__etat {
	top: 86px;
	color: #000;
	background: #fff
}

@media (max-height: 800px) {
	.program__etat+.program__etat {
		top: 76px
	}
}

.program__etat+.program__etat+.program__etat {
	top: 152px;
	color: #000;
	background: #fff
}

@media (max-height: 800px) {
	.program__etat+.program__etat+.program__etat {
		top: 132px
	}
}

.program__etat sup {
	font-size: 0.8rem
}

@media (max-height: 800px) {
	.program__etat {
		padding: 8px 20px
	}
}

@media (max-width: 800px) {
	.program__etat {
		font-size: 1rem;
		padding: 8px 10px;
		top: 20px
	}
	.program__etat+.program__etat {
		top: 60px
	}
	.program__etat+.program__etat+.program__etat {
		top: 100px
	}
	.program__etat sup {
		font-size: 0.6rem
	}
}

.program .unslider-nav ol li {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #fff;
	border-radius: 0;
	width: 15px;
	height: 15px
}

.program .unslider-nav ol li.unslider-active {
	background: #000 none repeat scroll 0 0;
	border: 3px solid #000;
	width: 15px;
	height: 15px
}

.program .unslider {
	margin: 0;
	overflow: auto;
	padding: 0;
	height: 100%;
	width: 100%
}

.program-span {
	bottom: 40px;
	position: relative;
	text-align: center;
	width: 100%
}

@media (max-width: 800px) {
	.program-span {
		bottom: 20px
	}
}

.program .unslider-nav {
	margin-top: -20px;
	position: relative
}

@media (max-width: 800px) {
	.program .unslider-nav {
		margin-top: 0
	}
}

.program .unslider-arrow {
	background-image: url(../img/program-slider-arrow.png);
	width: 40px;
	height: 77px;
	top: calc(-38px + 50%);
	z-index: 50
}

.description {
	color: #000;
	padding-bottom: 40px;
	position: relative
}

@media (max-width: 800px) {
	.description {
		padding-bottom: 20px
	}
}

@media (max-width: 800px) {
	.description .wrapper {
		padding: 0 25px
	}
}

.description__title {
	font-size: 1.8rem;
	padding-bottom: 20px;
	font-weight: 700;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.description__title {
		padding-bottom: 0;
		padding-top: 20px
	}
}

.description__box {
	display: inline-block;
	width: calc(-15px + 65%);
	vertical-align: top
}

@media (max-width: 800px) {
	.description__box {
		display: block;
		width: 100%
	}
}

.description__cta {
	display: inline-block;
	width: calc(15px + 35%);
	padding-left: 50px;
	margin-left: -5px;
	vertical-align: top;
	position: relative
}

@media (max-width: 800px) {
	.description__cta {
		display: block;
		width: 100%;
		padding-left: 0;
		margin-left: 0
	}
}

.description__cta--link {
	display: block;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.1rem;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #000;
	padding: 18px 18px 17px 90px;
	margin-bottom: 10px;
	background: url(../img/sprite-program.png) no-repeat
}

@media (max-width: 1200px) {
	.description__cta--link {
		padding: 18px 10px 17px 60px
	}
}

.description__cta--link--upload {
	background-position: -68px -22px
}

@media (max-width: 1200px) {
	.description__cta--link--upload {
		background-position: -96px -22px
	}
}

.description__cta--link--media {
	background-position: -70px -75px
}

@media (max-width: 1200px) {
	.description__cta--link--media {
		background-position: -96px -75px
	}
}

.description__cta--link--minisite {
	background-position: -68px -130px
}

@media (max-width: 1200px) {
	.description__cta--link--minisite {
		background-position: -96px -130px
	}
}

.description__cta--link--alert {
	background-position: -73px -180px
}

@media (max-width: 1200px) {
	.description__cta--link--alert {
		background-position: -100px -180px
	}
}

.description__cta--link--plus {
	background-position: -68px -1012px
}

@media (max-width: 1200px) {
	.description__cta--link--plus {
		background-position: -96px -1012px
	}
}

.description__cta--link:hover {
	background-color: #f1f1f1
}

.description__cta--link--pass {
	background-position: -68px -1068px;
	background-color: #000;
	color: #fff
}

@media (max-width: 1200px) {
	.description__cta--link--pass {
		background-position: -96px -1068px
	}
}

.description__cta--link--pass:hover {
	background-color: #000
}

@media (max-width: 1110px) {
	.description__cta--link {
		font-size: 0.9rem
	}
}

@media (max-width: 800px) {
	.description__cta--link {
		display: block;
		width: 100%;
		font-size: 1rem
	}
}

.description__cta--notaire {
	margin-top: 50px;
	border: 1px solid #000
}

@media (max-width: 800px) {
	.description__cta--notaire {
		width: 100%;
		margin-top: 0
	}
}

.description__cta--notaire__title {
	background: #000;
	color: #fff;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 60px
}

.description__cta--notaire__title span {
	display: block;
	position: relative;
	text-align: center;
	padding-left: 90px;
	padding-right: 10px;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 1200px) {
	.description__cta--notaire__title span {
		font-size: 1rem;
		padding-left: 60px
	}
}

.description__cta--notaire__title span:before {
	content: "";
	position: absolute;
	left: 40px;
	top: calc(-20px + 50%);
	width: 45px;
	height: 40px;
	background: url(../img/sprite-program.png) no-repeat 0 -1166px
}

@media (max-width: 1200px) {
	.description__cta--notaire__title span:before {
		background-position: 0 -900px;
		background-size: 120px auto;
		left: 15px
	}
}

.description__cta--notaire__content {
	padding: 15px
}

.description__cta--wrapper {
	width: 90px;
	position: absolute;
	right: -90px;
	z-index: 100
}

.description__cta--wrapper--fix {
	width: 90px;
	position: absolute;
	right: 0;
	top: 53px;
	z-index: 100
}

@media (min-width: 1580px) {
	.description__cta--wrapper--fix {
		width: 170px
	}
}

@media (min-width: 801px) and (max-width: 1200px) {
	.description__cta--wrapper--fix {
		width: 60px
	}
}

.description__cta--wrapper--fix.fix {
	position: fixed
}

.description__cta--wrapper--center {
	position: fixed;
	right: 0;
	top: 50%;
	width: 90px;
	z-index: 100
}

@media (min-width: 1580px) {
	.description__cta--wrapper--center {
		width: 170px
	}
}

@media (min-width: 801px) and (max-width: 1200px) {
	.description__cta--wrapper--center {
		width: 60px
	}
}

.description__cta--link2 {
	width: 56px;
	height: 56px;
	background: url(../img/sprite-program.png) no-repeat;
	display: block;
	margin-bottom: 10px;
	border: none;
	outline: none
}

.description__cta--plus {
	background-position: 0 -223px
}

.description__cta--calendar {
	background-position: 0 -282px
}

.description__cta--rappele {
	background-position: 0 -342px
}

.description__cta--plan {
	background-position: 0 -402px
}

.description__cta--alert {
	background-position: 0 -958px
}

.description__text {
	line-height: 1.5rem;
	text-align: justify;
	vertical-align: top;
	width: 100%
}

@media (max-width: 800px) {
	.description__text {
		padding: 20px 0;
		text-align: left
	}
}

.description__text a {
	color: #000;
	text-decoration: none
}

.description__text a:hover {
	text-decoration: none
}

.description__text span {
	color: #000 !important
}

.description__prestation--title {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin-top: 50px
}

@media (max-width: 800px) {
	.description__prestation--title {
		margin-top: 20px
	}
}

.description__prestation--list {
	padding: 0;
	margin: 20px;
	list-style: none
}

@media (max-width: 800px) {
	.description__prestation--list {
		display: table
	}
}

.description__prestation--item {
	float: left;
	padding: 0 50px 10px 0;
	margin: 0;
	width: 50%;
	position: relative
}

.description__prestation--item::before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 14px;
	background: #000;
	position: absolute;
	left: -20px;
	top: 6px
}

.description__prestation--item:nth-child(2n+1) {
	clear: both
}

@media (max-width: 800px) {
	.description__prestation--item:nth-child(2n+1) {
		clear: none
	}
}

@media (max-width: 800px) {
	.description__prestation--item {
		width: 100%;
		float: none;
		display: block;
		padding: 0 0 10px
	}
}

.description__content {
	transition: max-height 1s;
	overflow: hidden;
	max-height: 220px
}

.read {
	display: block;
	text-align: left
}

.read .read-less,
.read .read-more-text {
	display: none
}

.read span.read-more {
	display: inline-block;
	text-align: center;
	margin: 20px auto 0;
	color: #184991 !important;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	position: relative
}

.read span.read-more:after {
	content: "";
	width: 10px;
	height: 10px;
	border-left: 1px solid #184991;
	border-bottom: 1px solid #184991;
	border-top: none;
	border-right: none;
	position: absolute;
	transform: rotate(-45deg);
	top: calc(-8px + 50%);
	right: -25px;
	bottom: 0;
	pointer-events: none
}

.read span.read-more:hover {
	text-decoration: none
}

.read span.read-less {
	text-align: center;
	margin: 20px auto 0;
	color: #184991 !important;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	position: relative
}

.read span.read-less:after {
	content: "";
	width: 10px;
	height: 10px;
	border-left: 1px solid #184991;
	border-bottom: 1px solid #184991;
	border-top: none;
	border-right: none;
	position: absolute;
	transform: rotate(135deg);
	top: calc(-2px + 50%);
	right: -25px;
	bottom: 0;
	pointer-events: none
}

.read span.read-less:hover {
	text-decoration: none
}

.read .read-more-text,
.read .read-more-less {
	margin-top: 20px
}

.read .read-more-text__list {
	margin-top: 0;
	text-align: left
}

.price__entete {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid #000;
	position: relative;
	cursor: pointer
}

.price__entete:before {
	content: "";
	width: 5px;
	background: #000;
	height: 20px;
	position: absolute;
	left: 0;
	top: 22px;
	transition: height 0.5s, top 0.5s
}

@media only screen and (max-width: 800px) {
	.price__entete:before {
		width: 2px;
		height: 20px
	}
}

.price__entete--wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

@media only screen and (max-width: 800px) {
	.price__entete--wrap {
		display: block
	}
}

.price__entete--item {
	font-size: 1.4rem;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 800px) {
	.price__entete--item {
		font-size: 1.2rem;
		line-height: 1.4
	}
}

@media only screen and (max-width: 340px) {
	.price__entete--item {
		font-size: 1rem;
		line-height: 1.4
	}
}

.price__entete--item span {
	display: block;
	width: 5px;
	height: 5px;
	background: #000;
	border-radius: 20px;
	margin: 0 30px
}

@media only screen and (max-width: 800px) {
	.price__entete--item span {
		margin: 0 10px 0 0
	}
}

.price__entete--item span.strong {
	display: inline-block;
	width: auto;
	height: auto;
	background: none;
	border-radius: none;
	margin: 0
}

@media only screen and (max-width: 800px) {
	.price__entete--item span.strong {
		margin: 0
	}
}

.price__entete--item sup {
	font-size: 0.7rem;
	padding-left: 4px
}

@media only screen and (max-width: 800px) {
	.price__entete--item sup {
		font-size: 0.8rem
	}
}

@media only screen and (max-width: 340px) {
	.price__entete--item sup {
		font-size: 0.6rem
	}
}

.price__entete--item em {
	font-style: normal;
	font-size: 0.9rem
}

@media only screen and (max-width: 800px) {
	.price__entete--item em {
		font-size: 0.9rem
	}
}

@media only screen and (max-width: 340px) {
	.price__entete--item em {
		font-size: 0.8rem
	}
}

.price__entete--btn {
	width: 23px;
	height: 13px;
	background: url(../img/sprite-price.png) no-repeat 0 -465px;
	padding: 0;
	border: none;
	transform: rotate(0deg);
	transition: transform 0.8s
}

.price__entete--btn.open {
	transform: rotate(180deg);
	transition: transform 0.8s
}

.price .panel-title--open .price__entete:before {
	height: 100%;
	top: 0;
	transition: height 0.5s, top 0.5s
}

@media only screen and (max-width: 800px) {
	.price .panel-title--open .price__entete:before {
		height: 100%
	}
}

.price .panel-title--open .price__entete:after {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -3px;
	width: calc(-4px + 100%);
	left: 2px;
	box-shadow: 0 0px 3px 2px rgba(117, 121, 123, 0.4)
}

@media only screen and (max-width: 800px) {
	.price .panel-title--open .price__entete:after {
		display: none
	}
}

.price__detail {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px 60px
}

@media only screen and (max-width: 1200px) {
	.price__detail {
		padding: 15px 20px;
		font-size: 0.9rem
	}
}

@media only screen and (max-width: 800px) {
	.price__detail {
		display: block
	}
	.price__detail__wrap {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex
	}
	.price__detail__wrap ul:first-child {
		width: 175px
	}
}

@media (max-width: 340px) {
	.price__detail__wrap ul:first-child {
		width: 145px
	}
}

.price__detail ul {
	text-align: left
}

.price__detail a {
	color: #fff;
	display: block;
	text-align: left;
	position: relative;
	line-height: 40px;
	padding-left: 50px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 800px) {
	.price__detail a {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		padding-left: 0;
		padding-right: 0;
		width: calc(20px + 100%)
	}
	.price__detail a span {
		min-width: 134px
	}
	.price__detail a .icon-plan {
		background: url(../img/sprite-price.png) no-repeat 0 -237px;
		width: 40px;
		height: 40px;
		margin: 0 auto
	}
	.price__detail a .icon-visite {
		background: url(../img/sprite-price.png) no-repeat 6px -134px;
		background-size: 35px;
		width: 40px;
		height: 40px;
		margin: 0 auto
	}
	.price__detail a .icon-simuler {
		background: url(../img/sprite-price.png) no-repeat -2px -290px;
		width: 40px;
		height: 40px;
		margin: 0 auto
	}
	.price__detail a .icon-infos {
		background: url(../img/sprite-price.png) no-repeat 0 -342px;
		width: 40px;
		height: 40px;
		margin: 0 auto
	}
}

.price__detail a:before {
	content: "";
	background: url(../img/sprite-price.png) no-repeat 0 -191px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0
}

@media only screen and (max-width: 800px) {
	.price__detail a:before {
		left: 165px;
		display: none
	}
}

.price__detail a.link-plan:before {
	background-position: 0 -237px
}

.price__detail a.link-visite:before {
	background-position: 7px -134px;
	background-size: 35px
}

.price__detail a.link-simuler:before {
	background-position: -2px -290px
}

.price__detail a.link-infos:before {
	background-position: 0 -342px
}

.price__notaire {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	border: 3px solid #000;
	margin-bottom: 0;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.1rem;
	position: relative
}

@media only screen and (max-width: 800px) {
	.price__notaire {
		display: block;
		padding: 15px;
		margin-bottom: 30px;
		text-align: center
	}
	.price__notaire strong {
		text-transform: uppercase;
		display: block;
		font-size: 1.4rem;
		margin-bottom: 8px
	}
	.price__notaire span {
		display: block;
		font-size: 1rem;
		line-height: 1.2
	}
	.price__notaire:before {
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		left: calc(-17px + 50%);
		bottom: -12px;
		border-bottom: 3px solid #000;
		background: #fff;
		border-right: 3px solid #000;
		transform: rotate(45deg)
	}
}

.price__notaire__offre {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	position: relative;
	background: #000;
	color: #fff;
	padding: 14px 30px 14px 40px
}

@media only screen and (max-width: 800px) {
	.price__notaire__offre {
		margin-bottom: 0;
		display: block;
		text-align: left;
		font-size: 1.2rem;
		padding: 25px 20px 25px 65px;
		line-height: 1.2
	}
}

.price__notaire__offre:before {
	content: "";
	position: absolute;
	left: 10px;
	top: calc(-8px + 50%);
	width: 16px;
	height: 16px;
	background: url(../img/sprite-price.png) no-repeat 0 -56px
}

@media only screen and (max-width: 800px) {
	.price__notaire__offre:before {
		width: 30px;
		height: 30px;
		background-position: 0 -502px;
		top: 20px;
		left: 20px
	}
}

.price__notaire__offre:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 17px 0 17px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	left: calc(-17px + 50%);
	bottom: -14px
}

@media only screen and (max-width: 800px) {
	.price__notaire__offre:after {
		display: none
	}
}

.price__notaire__content {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 12px 10px 18px
}

.price__notaire__content .fleche {
	border-top: 5px solid #000;
	border-right: 5px solid #000;
	width: 18px;
	height: 18px;
	margin-right: 15px;
	transform: rotate(45deg)
}

.price__notaire__content strong {
	margin-left: 10px
}

.price__condition {
	text-align: left;
	color: #272b31;
	font-size: 0.9rem;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	padding-top: 30px
}

.price__condition:hover {
	color: #333
}

@media (max-width: 800px) {
	.price__condition {
		padding: 10px 0px 20px
	}
}

.price__nbLot {
	text-align: center;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 2.5rem;
	margin-bottom: 30px;
	margin-top: 20px
}


.column1 {
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.column2 {
	-ms-flex-positive: 2;
	flex-grow: 2;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 0;
	flex-basis: 0
}

.column2 em {
	font-weight: normal;
	font-size: 0.9rem;
	font-style: normal
}

.column {
	padding: 10px 0;
	text-align: center
}

.column-icon {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60px;
	height: 100%;
	padding-left: 10px
}

@media only screen and (max-width: 800px) {
	.column-icon {
		height: 18px;
		padding-left: 0
	}
	.column-icon--all {
		height: 75px;
		padding: 10px 0;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.column-icon .icon-offre {
	background: url(../img/sprite-price.png) no-repeat 0 -28px;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	display: block
}

.column-icon .icon-already-see {
	background: url(../img/sprite-price.png) no-repeat 0 -82px;
	width: 28px;
	height: 18px;
	display: block
}

.column-icon .icon-arrow {
	background: url(../img/sprite-price.png) no-repeat 0 -392px;
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	transform: rotate(0deg);
	transition: transform 0.8s
}

.panel-header-line--open .column-icon .icon-offre {
	background: url(../img/sprite-price.png) no-repeat 0 -54px
}

.panel-header-line--open .column-icon .icon-already-see {
	background: url(../img/sprite-price.png) no-repeat 0 -109px
}

.panel-header-line--open .column-icon .icon-arrow {
	background: url(../img/sprite-price.png) no-repeat 0 -416px;
	transform: rotate(180deg);
	transition: transform 0.8s
}

.price__head {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f2f0f0;
	width: calc(-60px + 100%);
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-align: center;
	height: 40px;
	font-weight: 600;
	margin: 0 auto 0;
	border-bottom: 1px solid #919090;
	box-shadow: -1px 0px 5px 2px rgba(117, 121, 123, 0.4)
}

@media only screen and (max-width: 800px) {
	.price__head {
		box-shadow: none
	}
}

.price__head sup {
	font-size: 0.7rem;
	padding-left: 4px;
	font-weight: normal
}

.price__line {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	height: 40px;
	position: relative;
	box-shadow: -1px 3px 5px 1px rgba(117, 121, 123, 0.4)
}

@media only screen and (max-width: 800px) {
	.price__line {
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		box-shadow: none;
		height: auto
	}
	.price__line div {
		width: 60%;
		text-align: left;
		line-height: 1.4;
		padding: 0 0 20px 20px;
		font-family: "Fira Sans Extra Condensed", sans-serif;
		font-size: 1rem;
		line-height: 1.1
	}
	.price__line div p {
		margin-top: 10px
	}
	.price__line div p em {
		font-size: 0.7rem;
		font-style: normal
	}
	.price__line div p sup {
		font-size: 0.6rem
	}
	.price__line div:first-child {
		width: 40%;
		font-weight: bold;
		font-family: "Fira Sans Extra Condensed", sans-serif;
		font-size: 1rem
	}
	.price__line div:first-child em {
		font-weight: normal
	}
	.price__line div:first-child sup {
		font-weight: normal
	}
	.price__line div:last-child {
		width: 18px;
		padding: 0;
		margin-top: 10px;
		position: absolute;
		top: -3px;
		right: 10px
	}
	.price__line.already-see div:first-child {
		color: #000 !important
	}
}

.price__line sup {
	font-size: 0.7rem;
	padding-left: 4px
}

.price__line.already-see {
	color: #c9c8c8
}

.price__line [tooltip][flow^="right"]::before {
	border-right-color: #000
}

.price__line [tooltip]::after {
	background: #000
}

@media only screen and (max-width: 800px) {
	.price__line [tooltip]::before,
	.price__line [tooltip]::after {
		display: block !important;
		opacity: 1 !important;
		animation: tooltips-horz 300ms ease-out forwards !important
	}
}

.price__last {
	width: 140px
}

.panel-line-detail {
	background: #868a8b;
	position: relative;
	text-align: center;
	color: #fff;
	line-height: 30px;
	width: calc(-120px + 100%);
	margin: 0 auto
}

.price .panel-title+.panel-body {
	max-height: 0;
	overflow: hidden;
	transition: 0.5s all 0s
}

.price .panel-title--open+.panel-body {
	max-height: 1350px;
	transition: 1.5s all 0s
}

@media only screen and (max-width: 800px) {
	.price .panel-title--open+.panel-body {
		max-height: none;
		transition: none
	}
}

.price .panel-line-detail {
	display: none
}

.price .panel-header-line--open+.panel-line-detail {
	display: block
}

@media (max-width: 800px) {
	.price .panel-header-line--open+.panel-line-detail {
		width: calc(-30px + 100%)
	}
}

.price .panel-header-line {
	cursor: pointer;
	background: #f2f0f0;
	border-bottom: 1px solid #919090;
	width: calc(-60px + 100%);
	margin: 0 auto;
	position: relative;
	z-index: 10
}

.price .panel-header-line:last-child {
	border-bottom: none;
	margin-bottom: 30px
}

.price .panel-header-line:hover {
	background: #e7e4e4
}

.price .panel-header-line--open {
	background: #75797b;
	color: #fff;
	font-weight: bold
}

.price .panel-header-line--open:hover {
	background: #75797b
}

@media only screen and (max-width: 800px) {
	.price .panel-header-line {
		width: 100%
	}
}

.price .panel-header-line--open {
	border-bottom: none
}

.price .panel-header-line--open .price__arrow {
	background-position: 0 -468px
}

.popin-form-condition p {
	margin: 10px 0;
	font-size: 0.9rem;
	line-height: 1.2
}

.residence {
	padding: 50px 0
}

@media (max-width: 800px) {
	.residence {
		padding: 20px 0 20px 0
	}
}

.residence__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width: 800px) {
	.residence__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.residence__box {
	width: calc(-15px + 65%);
	line-height: 1.6rem;
	color: #000
}

@media (max-width: 800px) {
	.residence__box {
		width: 100%;
		display: block;
		padding: 0 10px
	}
}

.residence__img {
	width: calc(-15px + 35%);
	position: relative;
	padding: 0 30px
}

.residence__img img {
	max-width: 375px
}

@media (max-width: 800px) {
	.residence__img {
		width: calc(-60px + 100%);
		display: block;
		margin: 20px auto;
		padding: 0
	}
}

.residence__title {
	font-size: 1.8rem;
	line-height: 2.1rem;
	font-weight: 700;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin-bottom: 10px
}

@media (max-width: 800px) {
	.residence__title {
		width: 100%;
		display: block;
		padding: 0;
		margin-bottom: 10px
	}
}

.residence__auteur {
	padding: 20px;
	background: #f5f4f2;
	font-size: 1.1rem;
	display: table;
	margin-top: 50px
}

@media (max-width: 800px) {
	.residence__auteur {
		display: block;
		margin: 20px auto;
		font-size: 1rem;
		line-height: 1.5rem;
		width: 100%
	}
}

.residence__auteur--title {
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: uppercase
}

.residence__auteur--text {
	color: #000;
	font-size: 1rem
}

.city__item {
	min-height: 250px;
	background-position: center center;
	background-size: cover;
	margin: 0 0.5em;
	position: relative
}

@media (max-width: 1200px) {
	.city__item {
		min-height: 230px
	}
}

@media (max-width: 800px) {
	.city__item {
		min-height: 200px
	}
}

.city__item:hover .dossier__background {
	display: block
}

.city__link {
	height: 250px;
	width: 100%;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	position: relative;
	z-index: 2;
	background: none
}

.city__link:hover {
	background: url(../img/zoom.png) no-repeat center center
}

@media (max-width: 1200px) {
	.city__link {
		min-height: 230px
	}
}

@media (max-width: 800px) {
	.city__link {
		display: none
	}
}

.city .unslider {
	padding-bottom: 0;
	position: initial
}

.city .unslider-nav {
	display: none
}

.city .unslider-arrow {
	right: -10px;
	top: 104px;
	width: 22px;
	height: 40px;
	border-radius: 0;
	background-size: 22x 40px;
	z-index: 50
}

.city .unslider-arrow.next {
	background-image: url("../img/arrow-carousel-left.png");
	right: -10px;
	top: 104px;
	transform: rotate(-180deg)
}

@media (max-width: 800px) {
	.city .unslider-arrow.next {
		right: -30px;
		top: calc(-20px + 50%)
	}
}

.city .unslider-arrow.prev {
	background-image: url("../img/arrow-carousel-left.png");
	top: 104px;
	left: -10px;
	transform: rotate(0deg)
}

@media (max-width: 800px) {
	.city .unslider-arrow.prev {
		left: -30px;
		top: calc(-20px + 50%)
	}
}

.contact__btn {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 46px;
	width: 220px;
	display: block;
	margin: 0 auto 30px;
	cursor: pointer
}

.contact__btn:hover {
	background-color: #000;
	border: 1px solid #fff;
	color: #fff
}

@media (max-width: 800px) {
	#form-savoir,
	#form-choix {
		display: none
	}
}

.signup {
	background: #fff
}

.signup__variant {
	background: #000;
	padding: 50px 0
}

.signup__title {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.signup__title--variant {
	padding: 0 0 50px
}

.signup__subtitle {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-top: 15px
}

.signup__subtitleAp {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	margin-top: -40px;
	margin-bottom: 50px
}

.signup__condition {
	width: calc(-20px + 100%);
	text-align: right;
	color: #fff;
	font-size: 0.9rem;
	margin-top: 40px
}

@media (max-width: 800px) {
	.signup__condition {
		font-size: 0.7rem;
		text-align: center;
		margin-left: 10px
	}
}

.signup__reco {
	font-size: 0.8rem;
	color: #fff;
	text-align: center;
	line-height: 1.1rem;
	padding: 30px 0 0
}

@media (max-width: 800px) {
	.signup__reco {
		display: block !important;
		margin: 0 auto 20px;
		width: 90% !important
	}
}

.inscription__section {
	display: none
}

.inscription__line {
	display: inline-block;
	width: 50%;
	margin-bottom: 13px;
	vertical-align: top;
	text-align: center
}

.inscription__line--variant {
	width: 100%
}

.inscription__line--radio {
	display: block;
	margin: 0 auto 20px 1%;
	width: 100%
}

@media (max-width: 800px) {
	.inscription__line--radio {
		display: block;
		margin: 0 auto 10px;
		width: 100% !important
	}
}

.inscription__line--radio__variant {
	display: table;
	margin: 0 auto 40px;
	width: auto;
	text-align: center
}

.inscription__line--checkbox {
	display: block;
	margin: 0 auto 20px 1%;
	width: 100%
}

@media (max-width: 800px) {
	.inscription__line--checkbox {
		display: block !important;
		margin: 0 auto 20px;
		width: 90% !important
	}
}

.inscription__line--label {
	display: block;
	margin: 0 auto 20px 1%;
	width: 100%
}

.inscription__line--separator {
	width: 100%;
	display: block;
	height: 20px
}

.inscription__line--mandatory {
	text-align: left;
	margin: 0 auto 20px 1%
}

@media (max-width: 800px) {
	.inscription__line--mandatory {
		display: block !important;
		margin: 0 auto 20px;
		width: 90% !important;
		text-align: left
	}
}

@media (max-width: 800px) {
	.inscription__line {
		display: block;
		width: 100%
	}
}

.inscription__labeltitle {
	font-size: 1.1rem;
	color: #fff;
	padding-left: 20px
}

.inscription__label {
	font-size: 1rem;
	padding-right: 20px;
	text-align: left;
	display: table-cell;
	color: #272b31
}

.inscription__label--date {
	color: #fff;
	margin: 10px 0 10px 2%;
	display: block
}

@media (max-width: 800px) {
	.inscription__label--date {
		width: 90%;
		display: block;
		margin: 10px auto
	}
}

.inscription__label--choix {
	outline: none !important
}

@media (max-width: 800px) {
	.inscription__label--choix {
		width: 100%;
		display: block;
		margin-bottom: 5px
	}
}

.inscription__label--inline {
	color: #272b31;
	display: inline-block;
	font-size: 1rem;
	line-height: 50px;
	padding-right: 0;
	text-align: left;
	width: 10%
}

@media (max-width: 800px) {
	.inscription__label--inline {
		width: 90%;
		display: block;
		margin: 0 auto;
		text-align: center
	}
}

.inscription__label--inline2 {
	padding-left: 0;
	text-align: center;
	width: 10%;
	vertical-align: top
}

.inscription__label--radio {
	text-align: left;
	display: table-cell;
	padding: 0 20px;
	position: relative
}

@media (max-width: 800px) {
	.inscription__label--radio {
		text-align: left;
		display: block;
		padding: 5px 1px;
		position: relative;
		width: 100%
	}
}

.inscription__label--radio__choix {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	outline: none !important
}

@media (max-width: 800px) {
	.inscription__label--radio__choix {
		text-align: left;
		width: 100%;
		display: inline-block;
		padding-left: 3%;
		line-height: 1.5rem
	}
}

.inscription__label--checkbox {
	text-align: left;
	display: table-cell;
	padding: 0 20px 0 0
}

@media (max-width: 800px) {
	.inscription__label--checkbox {
		text-align: left;
		width: auto;
		display: inline-block
	}
	.inscription__label--checkbox+.inscription__label--checkbox {
		padding-left: 3%
	}
}

.inscription__label--white {
	color: #fff !important
}

.inscription__span--radio {
	font-size: 1rem;
	color: #272b31;
	margin-left: -2px
}

.inscription__span--checkbox {
	font-size: 1rem;
	color: #272b31;
	margin-left: -2px
}

.inscription__span--white {
	color: #fff !important
}

.inscription__field {
	width: 98%;
	border: 1px solid #272b31;
	color: #000;
	background-color: transparent;
	font-family: Arial;
	text-align: left;
	padding: 15px 10px;
	font-size: 1rem;
	font-weight: 100
}

@media (max-width: 800px) {
	.inscription__field {
		width: 90%
	}
}

.inscription__field--variant {
	border: 1px solid #fff;
	background: transparent;
	color: #fff
}

.inscription__field--address {
	width: 99%
}

@media (max-width: 800px) {
	.inscription__field--address {
		width: 90%
	}
}

.inscription__field--large {
	font-size: 1rem;
	width: 99%;
	margin: 0 auto;
	display: block;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	text-align: left;
	padding: 15px 10px
}

@media (max-width: 800px) {
	.inscription__field--large {
		width: 90%
	}
}

.inscription__field--small {
	width: 48%;
	display: inline-block;
	vertical-align: top
}

.inscription__field--small:last-child {
	margin-right: 0
}

@media (max-width: 800px) {
	.inscription__field--small {
		width: 90%;
		margin-bottom: 10px
	}
}

.inscription__select {
	font-size: 0.9rem;
	font-weight: 100;
	font-size: 1rem;
	width: 98%;
	color: #fff;
	text-align: left;
	margin-left: 6px
}

.inscription__select--variant {
	width: 38%;
	color: #fff !important;
	text-align: left
}

.inscription__select--small {
	width: 48%;
	display: inline-block
}

.inscription__select--large {
	width: 98%
}

.inscription__textarea {
	width: 99%;
	border: 1px solid #272b31;
	color: #272b31;
	background-color: transparent;
	text-align: left;
	padding: 15px 10px;
	font-size: 1rem;
	font-weight: 100;
	height: 100px
}

.inscription__textarea--variant {
	border: 1px solid #fff;
	color: #fff
}

.inscription__button {
	background: #cf2733 url(../img/arrow-newsletter.png) no-repeat scroll 170px center;
	border: 1px solid #cf2733;
	color: #fff;
	font-family: "Roboto";
	font-size: 1.2rem;
	font-weight: 500;
	height: 46px;
	padding: 10px 50px 11px 28px;
	width: 200px;
	display: block;
	margin: 10px 0 20px;
	cursor: pointer
}

.inscription__button--variant {
	margin: 10px auto
}

.inscription__button:hover {
	background-color: #B3222C
}

.inscription__mandatory {
	font-size: 0.8rem;
	color: #272b31
}

.inscription__mandatory--variant {
	color: #fff
}

@media (max-width: 800px) {
	.inscription__mandatory br {
		display: none
	}
}

.inscription__list {
	margin: 0;
	padding: 0 0 10px 10px;
	list-style: none;
	text-align: left
}

.inscription__item {
	display: inline-block;
	padding-right: 20px;
	text-align: left;
	line-height: 45px
}

@media (max-width: 800px) {
	.inscription__item {
		width: 100%
	}
}

.inscription__icon {
	background: url(../img/sprite-result.png) no-repeat;
	height: 45px;
	display: block
}

.inscription__icon--mail {
	background-position: 0 -54px;
	padding-left: 35px
}

.inscription__icon--tel {
	background-position: 0 -99px;
	padding-left: 25px
}

@media (max-width: 800px) {
	.popin .inscription__label--checkbox,
	.popin .inscription__label--only {
		padding: 0 20px 0 13px
	}
}

.popin .inscription__label--checkbox {
	text-align: left;
	width: 100%;
	display: inline-block
}

.proximite {
	padding-top: 50px;
	padding-bottom: 30px
}

@media (max-width: 800px) {
	.proximite {
		padding-top: 30px
	}
}

.proximite__title {
	color: #000;
	font-size: 2.5rem;
	text-align: center;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-transform: uppercase
}

@media (max-width: 800px) {
	.proximite__title {
		margin-top: 30px
	}
}

.proximite__item {
	min-height: 314px;
	margin: 0 10px;
	position: relative
}

.proximite__item--program {
	margin: 0 9px
}

.proximite__item--program ul {
	width: 100%
}

@media (max-width: 800px) {
	.proximite__item--program ul {
		font-size: 0.9rem
	}
}

.proximite__item--program .result__btn--small {
	margin-left: 6px
}

@media (max-width: 800px) {
	.proximite__item--program .result__btn--small {
		font-size: 0.9rem;
		width: 30px
	}
}

@media (max-width: 800px) {
	.proximite__item--program .result__border--none {
		padding-left: 5px
	}
	.proximite__item--program .result__prix strong {
		font-size: 0.8rem
	}
	.proximite__item--program .result__prix {
		font-size: 0.9rem;
		line-height: 1.2rem
	}
}

.proximite .result__box {
	width: 100%;
	margin-top: 0
}

.proximite .jcarousel-wrapper {
	width: 100%;
	position: relative;
	margin: 50px auto 30px
}

@media (max-width: 800px) {
	.proximite .jcarousel-wrapper {
		width: 80%
	}
}

.jcarousel .result__list li {
	float: none
}

.proximite .jcarousel-control-prev,
.proximite .jcarousel-control-next {
	display: block
}

.proximite .jcarousel ul {
	margin: 0
}

.proximite .jcarousel {
	margin-left: -15px
}

@media (max-width: 800px) {
	.proximite .jcarousel {
		margin-left: -10px
	}
}

.sticky__item {
	width: 56px;
	height: 56px;
	background: url(../img/sprite-program.png) no-repeat;
	display: block;
	margin-bottom: 10px;
	border: none;
	outline: none
}

@media only screen and (max-width: 1200px) {
	.sticky__item {
		width: 40px;
		height: 42px;
		background-size: 112px auto;
		margin: 0 auto 5px
	}
}

.sticky__item--plus {
	background-position: 0 -223px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--plus {
		background-position: 0 -161px
	}
}

.sticky__item--calendar {
	background-position: 0 -282px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--calendar {
		background-position: 0 -204px
	}
}

.sticky__item--rappele {
	background-position: 0 -342px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--rappele {
		background-position: 0 -246px
	}
}

.sticky__item--plan {
	background-position: 0 -402px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--plan {
		background-position: 0 -289px
	}
}

.sticky__item--alert {
	background-position: 0 -958px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--alert {
		background-position: 0 -691px
	}
}

.sticky__item--visite {
	background-position: 0 -1024px
}

@media only screen and (max-width: 1200px) {
	.sticky__item--visite {
		background-position: 0 -739px
	}
}

.sticky__wrap {
	width: 72px;
	position: absolute;
	right: 0;
	top: 53px;
	z-index: 100
}

@media only screen and (max-width: 1200px) {
	.sticky__wrap {
		width: 50px
	}
}

.sticky__wrap.fix {
	position: fixed
}

.sticky__cta {
	display: inline-block;
	width: 35%;
	margin-left: -5px;
	vertical-align: top;
	position: relative
}

@media (max-width: 800px) {
	.sticky__cta {
		display: block;
		width: 100%;
		margin-left: 0
	}
}

.sticky__cta--wrapper {
	width: 90px;
	position: absolute;
	right: -90px;
	z-index: 100
}

.sticky__cta--wrapper--fix {
	width: 90px;
	position: absolute;
	right: 0;
	top: 53px;
	z-index: 100
}

@media (min-width: 1580px) {
	.sticky__cta--wrapper--fix {
		width: 170px
	}
}

@media (min-width: 801px) and (max-width: 1200px) {
	.sticky__cta--wrapper--fix {
		width: 60px
	}
}

.sticky__cta--wrapper--fix.fix {
	position: fixed
}

.sticky__cta--wrapper--center {
	position: fixed;
	right: 0;
	top: 50%;
	width: 90px;
	z-index: 100
}

@media (min-width: 1580px) {
	.sticky__cta--wrapper--center {
		width: 170px
	}
}

@media (min-width: 801px) and (max-width: 1200px) {
	.sticky__cta--wrapper--center {
		width: 60px
	}
}

.help {
	position: fixed;
	height: 85px;
	margin-right: 0;
	margin-top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000000;
	background: #fff;
	padding: 10px 0;
	box-shadow: -1px 2px 10px 1px rgba(100, 100, 100, 0.7)
}

.help__content {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-family: "Roboto";
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 11px;
	width: 100%
}

.help__content--item {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0.55rem;
	color: #184991;
	text-transform: uppercase
}

.help__content .sticky__item {
	background-size: 110px;
	width: 43px;
	height: 43px
}

.help__content .sticky__item--rappele {
	background-position: 0 -240px
}

.help__content .sticky__item--plan {
	background-position: 0 -283px
}

.help__content .sticky__item--alert {
	background-position: 0 -677px
}

.help__content .sticky__item--calendar {
	background-position: 0 -198px
}

.help__content .sticky__item--tel {
	background-position: 0 -877px
}

.help__content .sticky__item--plus {
	background-position: 0 -155px
}

.espace {
	background: #f7f7f7;
	padding: 70px 0;
	color: #000
}

@media (max-width: 800px) {
	.espace {
		padding: 30px 0
	}
}

.espace p {
	margin: 0 0 15px 0
}

.espace a.itineraire {
	color: #fff;
	background: #000;
	padding: 10px 25px;
	margin-top: 20px;
	text-decoration: none;
	border: 1px solid #000;
	display: inline-block;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.espace a.itineraire:hover {
	background: #fff;
	color: #000
}

.espace__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

@media (max-width: 800px) {
	.espace__wrapper {
		display: block
	}
}

.espace__box {
	width: 40%;
	vertical-align: top;
	padding: 30px 0
}

@media (max-width: 800px) {
	.espace__box {
		display: block;
		width: 100%;
		padding: 30px 20px
	}
}

.espace__titre {
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.espace__address {
	font-size: 1rem;
	padding: 20px 0;
	line-height: 1.2rem
}

.espace__horaire {
	font-size: 1rem;
	padding-bottom: 20px;
	line-height: 1.2rem
}

.espace__access {
	font-size: 1rem;
	line-height: 1.2rem
}

.espace__map {
	width: 60%;
	height: 450px
}

@media (max-width: 800px) {
	.espace__map {
		display: block;
		width: 100%;
		margin-left: 0px
	}
}

.espace__map--picture {
	background-size: cover;
	background-position: center
}

.espace .fr-emoticon {
	display: inline-block;
	width: 20px
}

.angular-google-map-container {
	height: 500px
}

.espace .angular-google-map-container {
	height: 400px
}

@media (max-width: 800px) {
	.espace .angular-google-map-container {
		height: 300px
	}
}

#map .result__box {
	width: 320px;
	padding: 20px 0;
	margin-top: 0
}

@media (max-width: 800px) {
	#map .result__box {
		width: 260px
	}
}

#map .result__btn--small {
	width: 40px
}

@media (max-width: 800px) {
	#map .result__btn--small {
		width: 30px
	}
}

#map .result__visuel {
	height: 140px
}

@media (max-width: 800px) {
	#map .result__visuel {
		height: 110px
	}
}

#map .result__text {
	padding: 0 0 10px
}

@media (max-width: 374px) {
	#map .result__btn {
		width: 96%
	}
}

#map .result__list {
	min-height: auto
}

@media (max-width: 800px) {
	#map .result__prix {
		font-size: 0.6rem
	}
	#map .result__prix strong {
		font-size: 0.85rem;
		line-height: 1.5em
	}
}

.map__program {
	width: 100%;
	height: 500px
}

@media (max-width: 767px) {
	.map__program {
		height: 350px
	}
}

.map__search {
	height: 550px
}

@media (max-width: 767px) {
	.map__search {
		height: 350px
	}
}

.map__list {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	list-style: none;
	padding: 40px 0;
	margin: 0
}

@media (max-width: 767px) {
	.map__list {
		padding: 20px 0 45px 0
	}
}

.map__item {
	display: inline-block;
	height: 25px
}

.map__item--last {
	text-align: right
}

@media (max-width: 800px) {
	.map__item {
		text-align: center
	}
}

@media (max-width: 767px) {
	.map__item .icheckbox {
		width: 20px;
		height: 20px;
		margin-top: 8px;
		margin-left: 2px
	}
	.map__item .icheckbox::before {
		top: -6px;
		left: -6px;
		width: 25px;
		height: 25px
	}
}

.map__item label {
	text-transform: uppercase;
	color: #000;
	padding-left: 34px;
	display: inline-block;
	height: 27px;
	vertical-align: middle;
	line-height: 25px;
	padding-right: 10px;
	cursor: pointer
}

@media (max-width: 800px) {
	.map__item label {
		display: block;
		text-indent: -9999px;
		text-align: center
	}
}

@media (max-width: 800px) {
	.map__item--transport {
		width: 25%
	}
}

.map__item--transport label {
	background: url(../img/icone1.png) no-repeat
}

@media (max-width: 800px) {
	.map__item--transport label {
		background-position: center top
	}
}

@media (max-width: 800px) {
	.map__item--sport {
		width: 25%
	}
}

.map__item--sport label {
	background: url(../img/icone2.png) no-repeat
}

@media (max-width: 800px) {
	.map__item--sport label {
		background-position: center top
	}
}

@media (max-width: 800px) {
	.map__item--ecole {
		width: 25%
	}
}

.map__item--ecole label {
	background: url(../img/icone3.png) no-repeat
}

@media (max-width: 800px) {
	.map__item--ecole label {
		background-position: center top
	}
}

@media (max-width: 800px) {
	.map__item--commerce {
		width: 25%
	}
}

.map__item--commerce label {
	background: url(../img/icone4.png) no-repeat
}

@media (max-width: 800px) {
	.map__item--commerce label {
		background-position: center top
	}
}

.map__interest__mob {
	padding: 20px 0
}

.map__interest__mob.show__mob {
	display: none
}

@media (max-width: 800px) {
	.map__interest__mob.show__mob {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex
	}
}

.map__interest__mob .map__item {
	height: 40px
}

.map__interest__mob label {
	background: none;
	display: inline;
	padding-left: 0;
	padding-right: 0
}

.map__interest__mob input[type="checkbox"] {
	display: none
}

.map__interest__mob input[type="checkbox"]+span {
	border: 1px solid #184991;
	display: inline-block;
	float: left;
	margin-right: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-appearance: none;
	border-radius: 8px
}

.map__interest__mob input[type="checkbox"].transport+span {
	background: url(../img/icone1.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].sport+span {
	background: url(../img/icone2.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].ecole+span {
	background: url(../img/icone3.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].commerce+span {
	background: url(../img/icone4.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"]:checked+span {
	color: #f00
}

.map__interest__mob input[type="checkbox"]:checked+span:after {
	content: " ";
	height: 40px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 40px;
	border-radius: 8px
}

.map__interest__mob input[type="checkbox"].transport:checked+span:after {
	background: #000 url(../img/icone1-white.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].sport:checked+span:after {
	background: #000 url(../img/icone2-white.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].ecole:checked+span:after {
	background: #000 url(../img/icone3-white.png) no-repeat center center
}

.map__interest__mob input[type="checkbox"].commerce:checked+span:after {
	background: #000 url(../img/icone4-white.png) no-repeat center center
}

.map__interest__mob label:hover input[type="checkbox"]+span {
	cursor: pointer
}

[tooltip] {
	position: relative;
	display: block
}

[tooltip].gdp {
	display: inline-block
}

[tooltip]::before,
[tooltip]::after {
	text-transform: none;
	font-size: .9em;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0
}

[tooltip]::before {
	content: '';
	border: 5px solid transparent;
	z-index: 1001
}

[tooltip]::after {
	content: attr(tooltip);
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-align: center;
	min-width: 3em;
	max-width: 21em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	background: #184991;
	color: #fff;
	z-index: 1000
}

[tooltip]:not([flow])::after {
	background: #000
}

[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block
}

[tooltip='']::before,
[tooltip='']::after {
	display: none !important
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
	bottom: calc(100% + 5px);
	border-bottom-width: 0;
	border-top-color: #184991
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
	bottom: calc(100% + 9px)
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -0.5em)
}

[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #184991
}

[tooltip][flow^="down"]::after {
	top: calc(100% + 5px)
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, 0.5em)
}

[tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #184991;
	left: calc(0em - 10px);
	transform: translate(-0.5em, -50%)
}

[tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 9px);
	transform: translate(-0.5em, -50%)
}

[tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #184991;
	right: calc(0em - 5px);
	transform: translate(0.5em, -50%)
}

[tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(0.5em, -50%)
}

@keyframes tooltips-vert {
	to {
		opacity: 1;
		transform: translate(-50%, 0)
	}
}

@keyframes tooltips-horz {
	to {
		opacity: 1;
		transform: translate(0, -50%)
	}
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all {
		z-index: 10000001;
		-webkit-overflow-scrolling: auto;
		overflow: auto
	}
}

.popin-media-program-all.popin .iradio::before {
	border-color: #000;
	width: 16px;
	height: 16px
}

.popin-media-program-all.popin .icheckbox::before {
	border-color: #000;
	width: 15px;
	height: 16px
}

.popin-media-program-all.popin .icheckbox {
	margin-top: 0
}

.popin-media-program-all .popin__wrapper--media {
	height: auto;
	min-height: 720px;
	top: calc(-360px + 50%);
	width: 100%;
	max-width: 1600px
}

@media only screen and (max-width: 1200px) {
	.popin-media-program-all .popin__wrapper--media {
		min-height: 696px;
		top: calc(-348px + 50%)
	}
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__wrapper--media {
		width: 100%;
		min-height: 100%;
		position: relative;
		top: 0;
		padding-top: 84px
	}
	.popin-media-program-all .popin__wrapper--media.open {
		min-height: 100%
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__wrapper--media {
		min-height: 600px;
		top: calc(-300px + 50%)
	}
}

.popin-media-program-all .popin__close {
	width: 50px;
	font-size: 3rem;
	right: -15px;
	color: #000;
	top: 0
}

.popin-media-program-all .popin__close__mob {
	display: none
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__close__mob {
		font-size: 1rem;
		width: auto;
		display: block;
		padding: 10px 15px;
		color: #fff;
		background: #000;
		position: relative;
		top: auto;
		right: auto;
		font-family: "Fira Sans Extra Condensed", sans-serif;
		line-height: 1
	}
}

.popin-media-program-all .popin__close__desk {
	display: block
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__close__desk {
		display: none
	}
}

.popin-media-program-all .popin__head {
	background: #fff;
	display: none
}

.popin-media-program-all .popin__media__content {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	padding: 0;
	background: #fff
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__content {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.popin-media-program-all .popin__media__supraheader {
	display: none;
	position: relative;
	height: 84px
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__supraheader {
		display: block;
		position: fixed;
		width: 100%;
		background: #fff;
		top: 0;
		z-index: 101
	}
}

.popin-media-program-all .popin__media__supraheader__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 0 20px
}

.popin-media-program-all .popin__media__supraheader__wrap img {
	max-width: 110px
}

.popin-media-program-all .popin__media__picture {
	width: calc(-370px + 100%);
	min-height: 670px;
	position: relative
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__picture {
		width: 100%;
		min-height: 100%
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__picture {
		min-height: 600px
	}
}

.popin-media-program-all .popin__media__picture:after {
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	right: -5px;
	top: 0;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, transparent 91%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6333333', endColorstr='#00333333', GradientType=0)
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__picture:after {
		display: none
	}
}

.popin-media-program-all .popin__media__picture .unslider {
	height: 100%
}

.popin-media-program-all .popin__media__picture .unslider-arrow {
	top: 615px;
	height: 35px;
	width: 46px;
	z-index: 100
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__picture .unslider-arrow {
		height: 45px;
		width: 35px;
		background-color: #fff;
		border-radius: 0;
		background-size: 10px;
		top: auto;
		bottom: 0
	}
	.popin-media-program-all .popin__media__picture .unslider-arrow.next {
		right: 0
	}
	.popin-media-program-all .popin__media__picture .unslider-arrow.prev {
		left: 0
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__picture .unslider-arrow {
		top: 557px
	}
}

.popin-media-program-all .popin__media__picture iframe {
	min-height: 600px;
	margin-bottom: -5px
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__picture iframe {
		min-height: 350px;
		margin-bottom: -3px
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__picture iframe {
		min-height: 550px
	}
}

.popin-media-program-all .popin__media__form {
	width: 370px;
	padding: 0 20px 20px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form {
		width: 100%;
		padding: 0 20px
	}
}

.popin-media-program-all .popin__media__form__entete {
	text-align: center;
	margin-bottom: 20px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	position: relative;
	padding-top: 60px
}

@media only screen and (max-width: 1200px) {
	.popin-media-program-all .popin__media__form__entete {
		padding-top: 41px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__entete {
		padding-top: 0;
		margin-bottom: 0px;
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__form__entete {
		padding-top: 20px;
		margin-bottom: 10px
	}
}

.popin-media-program-all .popin__media__form__entete span.title {
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-bottom: 10px
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__entete span.title {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: #ebebeb;
		padding: 15px;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0px
	}
}

.popin-media-program-all .popin__media__form__entete p {
	font-size: 1rem;
	line-height: 1.2
}

.popin-media-program-all .popin__media__form__entete span.arrow {
	display: none
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__entete span.arrow {
		display: block;
		background: url(../img/arrow-carousel-left.png) no-repeat;
		background-size: 12px;
		width: 13px;
		height: 25px;
		margin-left: 20px;
		transform: rotate(-90deg);
		transition: transform 0.4s
	}
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__entete.open span.arrow {
		display: block;
		transform: rotate(90deg);
		transition: transform 0.4s
	}
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__content {
		display: none
	}
	.popin-media-program-all .popin__media__form__content.open {
		display: block
	}
	.popin-media-program-all .popin__media__form__content.open span.arrow {
		display: block;
		transform: rotate(90deg);
		transition: transform 0.4s
	}
}

.popin-media-program-all .popin__media__form__content p {
	text-align: center;
	line-height: 1.2
}

.popin-media-program-all .popin__media__form__content.open {
	padding: 80px 0 40px
}

@media only screen and (max-width: 800px) {
	.popin-media-program-all .popin__media__form__content.open {
		padding: 80px 0
	}
}

.popin-media-program-all .popin__media__form__line {
	width: 100%;
	margin-bottom: 10px
}

.popin-media-program-all .popin__media__form__line--radio {
	width: 100%;
	padding: 15px 0
}

.popin-media-program-all .popin__media__form__line--radio label {
	margin-right: 10px
}

.popin-media-program-all .popin__media__form__line--checkbox {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 10px 0 15px
}

@media (max-width: 1200px) {
	.popin-media-program-all .popin__media__form__line--checkbox {
		padding: 10px 0 15px
	}
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__form__line--checkbox {
		padding: 10px 0 0
	}
}

.popin-media-program-all .popin__media__form__line--checkbox label {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 0.8rem;
	line-height: 1.1;
	position: relative
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__form__line--checkbox label {
		font-size: 0.7rem
	}
}


.popin-media-program-all .popin__media__form__line--checkbox .aside__span--checkbox {
	width: 100%
}

.popin-media-program-all .popin__media__form__line--link {
	text-align: center
}

.popin-media-program-all .popin__media__form__line--link a {
	color: #322f37;
	text-decoration: none
}

.popin-media-program-all .popin__media__form__field {
	width: 100%;
	border: 1px solid #272b31;
	border-radius: 0;
	background: #fff;
	padding: 10px 15px;
	color: #322f37;
	font-size: 0.9rem;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media only screen and (max-height: 800px) and (min-width: 1200px) {
	.popin-media-program-all .popin__media__form__field {
		padding: 7px 15px
	}
}

.popin-media-program-all .popin__media__form__button {
	background: #000 url(../img/arrow-newsletter.png) no-repeat scroll 90% center;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	height: 46px;
	padding: 10px 50px 11px 28px;
	width: 80%;
	display: block;
	margin: 10px auto;
	cursor: pointer
}

@media (max-width: 1200px) {
	.popin-media-program-all .popin__media__form__button {
		margin: 15px auto 10px
	}
}

.popin-media-program-all .popin__media__form__button:hover {
	background-color: #333;
	border: 1px solid #333
}

.popin-media-program-all .popin__media__form__mandatory {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 0.8rem
}

.popin-media-program-all .popin__media__form .aside__mandatory {
	font-size: 0.8rem;
	color: #272b31
}

.popin-media-program-all .popin__media__form .aside__mandatory--content {
	display: none;
	padding: 10px 0 70px;
	font-size: 0.8rem;
	color: #272b31;
	overflow: auto
}

.popin-media-program-all .popin__media__form .aside__mandatory--button {
	border: none;
	background: none;
	cursor: pointer;
	font-weight: bold
}

@media (max-width: 800px) {
	.popin-media-program-all .popin__media__form .aside__mandatory br {
		display: none
	}
}

.wrapper--media {
	padding: 0
}

.aside__baseline {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	padding: 0
}

@media only screen and (max-width: 1554px) {
	.aside__baseline {
		font-size: 1.4375rem
	}
}

@media only screen and (max-width: 1200px) {
	.aside__baseline {
		font-size: 1.25rem
	}
}

@media only screen and (max-width: 800px) {
	.aside__baseline {
		padding: 20px 0;
		font-size: 1.1875rem;
		line-height: 1.3
	}
}

.aside__baseline strong {
	font-weight: bold;
	display: block
}

.aside__discover {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.3125rem;
	display: inline-block;
	text-align: center;
	padding: 25px 35px;
	color: #000;
	border: 1px solid #000;
	text-transform: uppercase
}

@media only screen and (max-width: 1200px) {
	.aside__discover {
		padding: 20px 30px;
		font-size: 1.1875rem
	}
}

@media only screen and (max-width: 800px) {
	.aside__discover {
		margin-bottom: 30px;
		padding: 15px 25px;
		font-size: .9375rem
	}
}

@media only screen and (max-width: 800px) {
	.aside__title--variant {
		font-size: 2.3rem
	}
}

@media only screen and (max-width: 800px) {
	.aside__wrap {
		border: none
	}
}

.bandeau {
	background: #000;
	padding: 40px 0 7px
}

.bandeau__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width: 800px) {
	.bandeau__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding: 0 10px
	}
}

.bandeau__bloc {
	width: calc(-325px + 100%);
	padding-right: 30px;
	color: #fff;
	font-size: 2.625rem;
	text-transform: uppercase;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	line-height: 1.3
}

.bandeau__bloc span {
	display: block
}

.bandeau__bloc em {
	display: block;
	font-size: 0.9rem;
	text-transform: none;
	margin-top: 20px
}

@media only screen and (max-width: 800px) {
	.bandeau__bloc em {
		font-size: 0.7rem
	}
}

.bandeau__bloc br {
	display: none
}

@media only screen and (max-width: 1490px) {
	.bandeau__bloc {
		font-size: 2.25rem
	}
}

@media only screen and (max-width: 1360px) {
	.bandeau__bloc {
		font-size: 1.875rem
	}
}

@media only screen and (max-width: 1200px) {
	.bandeau__bloc {
		width: calc(-245px + 100%);
		font-size: 1.6875rem
	}
}

@media only screen and (max-width: 800px) {
	.bandeau__bloc {
		width: 100%;
		padding-right: 0;
		font-size: 1.125rem;
		text-align: center;
		margin-bottom: 20px
	}
	.bandeau__bloc span {
		display: inline
	}
	.bandeau__bloc br {
		display: block
	}
}

.bandeau__bloc__large {
	width: 100%;
	padding-right: 0
}

.bandeau__link {
	width: 325px
}

@media only screen and (max-width: 800px) {
	.bandeau__link {
		width: 255px;
		display: block;
		margin: 0 auto
	}
}

.bandeau__link .description__cta--link {
	width: 100%;
	background-color: #fff
}

.mesnil__lancement {
	background: #f5f5f5;
	padding: 45px 0 !important
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement {
		padding: 30px 0 15px !important
	}
}

.mesnil__lancement__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.mesnil__lancement__bloc {
	width: 50%
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__bloc {
		width: 100%
	}
}

.mesnil__lancement__bloc:nth-child(1) {
	padding-right: 60px
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__bloc:nth-child(1) {
		padding: 0
	}
}

.mesnil__lancement__bloc:nth-child(2) {
	border-left: 1px solid #000;
	padding-left: 60px;
	padding-bottom: 40px
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__bloc:nth-child(2) {
		padding: 20px 0 0 0;
		margin-top: 10px;
		border-left: none;
		border-top: 1px solid #000
	}
}

.mesnil__lancement__encart {
	font-size: 1.125rem;
	color: #fff;
	padding: 5px 10px;
	background: #000;
	display: inline-block;
	margin-bottom: 20px
}

.mesnil__lancement__encart--variant {
	background: #fff;
	color: #000
}

.mesnil__lancement__offre {
	line-height: 1.2;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 1.1rem
}

.mesnil__lancement__offre em {
	display: block;
	margin-top: 20px;
	font-size: 0.7rem
}

.mesnil__lancement__title {
	font-size: 1.875rem;
	line-height: 1.2
}

@media only screen and (max-width: 1200px) {
	.mesnil__lancement__title {
		font-size: 1.5625rem
	}
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__title {
		font-size: 1.375rem
	}
}

.mesnil__lancement__title strong {
	display: block
}

.mesnil__lancement__contenu {
	margin-top: 40px
}

@media only screen and (max-width: 800px) {
	.mesnil__lancement__contenu {
		margin-top: 20px
	}
}

.mesnil__lancement__contenu li {
	padding: 0 0 10px 35px;
	line-height: 1.4
}

.mesnil__lancement__contenu li.icone01 {
	background: url(../img/icone01.png) no-repeat left 3px
}

.mesnil__lancement__contenu li.icone02 {
	background: url(../img/icone02.png) no-repeat left 3px
}

.mesnil__lancement__contenu li.icone03 {
	background: url(../img/icone03.png) no-repeat left 3px
}

.mesnil__lancement__contenu li.icone04 {
	background: url(../img/icone04.png) no-repeat left 3px
}

.mesnil {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	padding: 80px 0
}

.mesnil--last {
	padding: 80px 0 40px
}

@media only screen and (max-width: 1200px) {
	.mesnil {
		padding: 60px 0
	}
}

@media only screen and (max-width: 800px) {
	.mesnil {
		padding: 30px 0
	}
}

.mesnil--variant {
	background-color: #000
}

.mesnil__content {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media only screen and (max-width: 800px) {
	.mesnil__content {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.mesnil__bloc {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	width: calc(-40px + 50%);
	min-height: 400px
}

@media only screen and (max-width: 800px) {
	.mesnil__bloc {
		width: 100%;
		min-height: 200px
	}
	.mesnil__bloc.first {
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
		-ms-flex-order: 2;
		order: 2
	}
	.mesnil__bloc.second {
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
		-ms-flex-order: 1;
		order: 1
	}
}

.mesnil__bloc .unslider {
	overflow: hidden
}

.mesnil__bloc .unslider-arrow {
	background-image: url(../img/program-slider-arrow.png);
	width: 18px;
	height: 24px;
	top: calc(-12px + 50%);
	background-position: right center
}

.mesnil__bloc .unslider-arrow.next {
	right: 0
}

.mesnil__bloc .unslider-arrow.prev {
	left: 0
}

.mesnil__bloc--variant .unslider-arrow {
	background-image: url(../img/arrow-carousel-white-left.png)
}

.mesnil__bloc--variant .unslider-arrow.prev {
	transform: rotate(0deg)
}

.mesnil__bloc--variant .unslider-arrow.next {
	transform: rotate(-180deg)
}

@media only screen and (max-width: 800px) {
	.mesnil__bloc--variant:nth-child(2) {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #fff
	}
}

.mesnil__slider {
	position: relative;
	margin: 0 30px
}

@media only screen and (max-width: 800px) {
	.mesnil__slider {
		margin-top: 40px
	}
}

.mesnil__slider__item {
	height: 100%;
	min-height: 400px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (max-width: 1200px) {
	.mesnil__slider__item {
		min-height: 300px
	}
}

@media only screen and (max-width: 800px) {
	.mesnil__slider__item {
		min-height: 200px
	}
}

.mesnil__text--variant {
	padding: 30px 30px 0 30px
}

@media only screen and (max-width: 800px) {
	.mesnil__text--variant {
		padding: 0
	}
}

.mesnil__text__encart {
	font-size: 1.125rem;
	color: #fff;
	padding: 5px 10px;
	background: #000;
	display: inline-block;
	margin-bottom: 20px
}

.mesnil__text__encart--variant {
	background: #fff;
	color: #000
}

.mesnil__text__title {
	font-size: 2.1875rem
}

@media only screen and (max-width: 800px) {
	.mesnil__text__title {
		font-size: 1.5625rem
	}
}

.mesnil__text__title--variant {
	color: #fff
}

.mesnil__text__title strong {
	display: block
}

.mesnil__text__contenu--variant {
	color: #fff
}

.mesnil__text__contenu p {
	margin-top: 20px;
	line-height: 1.4
}

.mesnil__text .more {
	background: #184991;
	padding: 5px 11px;
	border-radius: 30px;
	font-size: 2rem;
	color: #fff;
	display: inline-block;
	line-height: 1;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	margin-top: 30px;
	cursor: pointer
}

.mesnil__text .more:hover {
	background: #333
}

@media only screen and (max-width: 800px) {
	.mesnil__text .more {
		display: block;
		margin: 30px auto 0;
		width: 40px;
		height: 42px
	}
}

.mesnil__video {
	background: #fff;
	padding: 0 0 60px 0;
	width: 980px;
	margin: 0 auto
}

@media only screen and (max-width: 800px) {
	.mesnil__video {
		padding: 40px 20px;
		width: 100%
	}
}

.mesnil__video .unslider-nav {
	margin-top: 60px !important
}

.mesnil__video .mesnil__slider {
	width: 840px;
	margin: 0 auto;
	border: 20px solid #000
}

@media only screen and (max-width: 800px) {
	.mesnil__video .mesnil__slider {
		width: calc(-50px + 100%)
	}
}

.mesnil__video .unslider-arrow {
	background-size: 25px;
	top: calc(-68px + 50%)
}

@media only screen and (max-width: 800px) {
	.mesnil__video .unslider-arrow {
		background-size: 15px;
		top: 102px
	}
}

@media only screen and (max-width: 800px) {
	.mesnil__video .unslider-arrow.next {
		right: -10px
	}
}

@media only screen and (max-width: 800px) {
	.mesnil__video .unslider-arrow.prev {
		left: -10px
	}
}

.mesnil__video .unslider-nav ol li {
	background-color: #c6c6c6;
	border-color: #c6c6c6
}

.mesnil__video__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
	width: 800px;
	padding: 30px
}

@media only screen and (max-width: 800px) {
	.mesnil__video__wrap {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding: 0;
		width: 100%
	}
}

.mesnil__video__bloc {
	width: 50%;
	min-height: 320px
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc {
		width: 100%;
		min-height: auto
	}
}

.mesnil__video__bloc:nth-child(1) {
	max-width: 340px
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc:nth-child(1) {
		max-width: 100%
	}
}

.mesnil__video__bloc:nth-child(2) {
	padding: 0
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc:nth-child(2) {
		padding: 10px
	}
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc iframe {
		min-height: 245px
	}
}

.mesnil__video__bloc img {
	width: 100%
}

.mesnil__video__bloc h3 {
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: -10px
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc h3 {
		font-size: 1.5rem;
		line-height: 1.2;
		margin-bottom: 10px
	}
}

.mesnil__video__bloc p {
	line-height: 1.4
}

.mesnil__video__bloc__link {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	position: absolute;
	bottom: 20px
}

@media only screen and (max-width: 800px) {
	.mesnil__video__bloc__link {
		position: relative;
		bottom: 0
	}
}

.mesnil__video__bloc__link img {
	width: auto;
	margin-left: 10px
}

.media {
	padding: 50px 0 80px;
	margin-top: 50px;
	background: #000
}

@media (max-width: 800px) {
	.media {
		padding: 25px 20px;
		margin-top: 25px
	}
}

.media__wrapper {
	max-width: 1200px;
	padding: 0
}

.media__title {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin-bottom: 35px
}

@media (max-width: 800px) {
	.media__title {
		font-size: 2.3rem;
		margin-bottom: 20px
	}
	.media__title p {
		margin-top: 5px;
		color: #fff;
		font-size: 0.9rem;
		text-align: center;
		margin-bottom: 20px;
		text-transform: none
	}
}

.grid-media {
	position: relative;
	width: 100%;
	display: block
}

@media (max-width: 1200px) {
	.grid-media {
		margin: 0 50px;
		width: calc(-100px + 100%)
	}
}

@media (max-width: 800px) {
	.grid-media {
		margin: 0;
		width: 100%
	}
}

.grid-media .item {
	position: absolute;
	width: 25%;
	height: 165px;
	z-index: 1;
	border: 1px solid #fff
}

@media (max-width: 800px) {
	.grid-media .item {
		width: 100%
	}
}

.grid-media .item.item-medium {
	width: 50%;
	height: 165px
}

@media (max-width: 800px) {
	.grid-media .item.item-medium {
		width: 100%
	}
}

.grid-media .item.item-large {
	width: 50%;
	height: 330px
}

@media (max-width: 800px) {
	.grid-media .item.item-large {
		width: 100%
	}
}

.grid-media .item.muuri-item-hidden {
	z-index: 0
}

.grid-media .item.muuri-item-releasing {
	z-index: 2
}

.grid-media .item.muuri-item-dragging {
	z-index: 3
}

.grid-media .legende {
	position: absolute;
	text-align: center;
	color: #fff;
	width: 100%;
	height: 100%;
	bottom: -100%;
	opacity: 0;
	font-size: 0.85rem;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 20px;
	text-transform: uppercase;
	transition: ease-in-out 0.3s
}

.grid-media .legende p {
	padding: 10px;
	color: #fff;
	background: #000
}

.grid-media .item-content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 50px;
	color: white;
	position: relative;
	overflow: hidden
}

.grid-media .item-content a.js-popin-link {
	display: block;
	text-align: center;
	color: #fff;
	background-size: cover;
	background-position: center center;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.grid-media .item-content a.js-popin-link span {
	position: absolute;
	left: calc(-42px + 50%);
	top: calc(-42px + 50%);
	width: 84px;
	height: 84px;
	opacity: 1;
	transition: ease-in-out 0.3s
}

@media (max-width: 800px) {
	.grid-media .item-content a.js-popin-link span {
		width: 47px;
		height: 50px;
		background-size: 192px;
		left: calc(-25px + 50%);
		top: calc(-25px + 50%)
	}
}

.grid-media .item-content a.js-popin-link.maquette span {
	background-image: url(../img/sprite-media.png);
	background-repeat: no-repeat;
	background-position: 0 0
}

.grid-media .item-content a.js-popin-link.visite360 span {
	background-image: url(../img/sprite-media.png);
	background-repeat: no-repeat;
	background-position: -82px 0
}

@media (max-width: 800px) {
	.grid-media .item-content a.js-popin-link.visite360 span {
		background-position: -51px 0
	}
}

.grid-media .item-content a.js-popin-link.video span {
	background-image: url(../img/sprite-media.png);
	background-repeat: no-repeat;
	background-position: -164px 0
}

@media (max-width: 800px) {
	.grid-media .item-content a.js-popin-link.video span {
		background-position: -101px 0
	}
}

.grid-media .item-content a.js-popin-link.legend-on:hover span {
	opacity: 0;
	top: calc(-84px + 50%)
}

.grid-media .item-content a.js-popin-link.legend-on:hover .legende {
	bottom: 0;
	opacity: 1
}

.grid-media .item-content .slider__list {
	height: 100%
}

.grid-media .item-content .unslider-wrap.unslider-carousel>li {
	height: 100%
}

.grid-media .item-content .slider__container {
	height: 100%;
	width: 100%
}

.grid-media .item-content .unslider-arrow {
	border-radius: 0;
	width: 50px;
	height: 72px
}

.grid-media .item-content .unslider-arrow.next {
	background-image: url("../img/arrow-carousel-media-left.png");
	right: 0;
	left: auto;
	top: calc(-35px + 50%);
	transform: rotate(-180deg)
}

@media (max-width: 800px) {
	.grid-media .item-content .unslider-arrow.next {
		background-size: 36px;
		width: 36px;
		height: 56px;
		top: calc(-18px + 50%)
	}
}

.grid-media .item-content .unslider-arrow.prev {
	background-image: url("../img/arrow-carousel-media-left.png");
	left: 0;
	top: calc(-35px + 50%);
	right: auto;
	transform: rotate(0deg)
}

@media (max-width: 800px) {
	.grid-media .item-content .unslider-arrow.prev {
		background-size: 36px;
		width: 36px;
		height: 56px;
		top: calc(-18px + 50%);
		transform: rotate(0deg)
	}
}

.grid-media .item.muuri-item-dragging .item-content {
	background: blue
}

.grid-media .item.muuri-item-releasing .item-content {
	background: blueViolet
}

.infowindow {
	padding-top: 137px;
	max-width: 300px;
	display: block;
	text-decoration: none;
	color: #000
}

@media only screen and (max-width: 800px) {
	.infowindow {
		max-width: 310px
	}
}

.infowindow__link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: none;
	top: 0;
	left: 0
}

.infowindow__visuel {
	width: calc(10px + 100%);
	margin-left: -15px;
	height: 125px;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

.infowindow__city {
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	background: #000;
	color: #fff;
	position: absolute;
	padding: 5px 10px 5px 15px;
	left: -5px;
	top: 107px;
	z-index: 2
}

@media only screen and (max-width: 800px) {
	.infowindow__city {
		font-size: 1rem
	}
}

.infowindow__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.infowindow__content {
	font-weight: 500;
	line-height: 1.3;
	margin-right: 20px;
	width: calc(-80px + 100%)
}

@media only screen and (max-width: 800px) {
	.infowindow__content {
		font-size: 0.8rem;
		width: 100%
	}
}

.infowindow__program {
	text-transform: uppercase
}

.infowindow__price {
	text-decoration: none;
	margin-top: 8px;
	padding-bottom: 5px
}

.infowindow__patch {
	padding-top: 38px;
	border: none;
	outline: none;
	text-transform: uppercase;
	font-size: 0.55rem;
	position: relative;
	width: 75px;
	text-align: center;
	color: #000;
	text-decoration: none;
	z-index: 15
}

@media only screen and (max-width: 800px) {
	.infowindow__patch {
		font-size: 0.5rem;
		width: 65px
	}
}

.infowindow__patch:hover {
	text-decoration: none
}

.infowindow__patch:before {
	content: "";
	position: absolute;
	left: calc(-18px + 50%);
	top: 0;
	width: 35px;
	height: 35px;
	background: url(../img/sprite-program.png) no-repeat;
	background-size: 92px;
	display: block;
	border: none;
	outline: none
}

.infowindow__patch.more:before {
	background-position: 0 -131px
}

.infowindow__patch.alert:before {
	background-position: 0 -568px
}

#map button[title~="Fermer"] {
	z-index: 15;
	background: #fff !important;
	opacity: 1;
	top: -4px !important;
	right: -4px !important
}

#map button[title~="Fermer"] img {
	width: 20px !important;
	height: 20px !important;
	margin: 7px 4px !important
}

.edito {
	padding: 50px 0;
	background: #cf2733;
	color: #fff;
	text-align: center
}

.edito__title {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 3rem;
	text-transform: uppercase;
	margin: 0;
	font-weight: normal
}

.edito__text {
	font-size: 1.1rem;
	padding-top: 10px
}

@media (max-width: 800px) {
	.table-responsive {
		border: 1px solid #dddddd;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%
	}
}

.section__conteneur {
	width: 70%;
	display: inline-block;
	margin-bottom: 40px
}

.section__conteneur--variant {
	width: 100%
}

@media (max-width: 800px) {
	.section__conteneur {
		width: 100%;
		display: block
	}
}

.section__wrapper {
	color: #000;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #000
}

.section__wrapper:last-child {
	margin-bottom: 0;
	border-bottom: none
}

@media (max-width: 800px) {
	.section__wrapper {
		padding: 0;
		margin: 0 0 20px 0
	}
}

.section__title {
 
}

.section__title span {
	display: block;
	font-size: 1.2rem
}

@media (max-width: 800px) {
	.section__title {
		font-size: 1.3rem;
		margin-top: 0
	}
	.section__title span {
		display: inline;
		font-size: 0.9rem
	}
}

.section__texte__wrapper {
	max-width: 1200px;
	margin: 0 auto
}

.section__texte p {
	margin: 0 0 20px 0;
	line-height: 1.2rem
}

.section__texte p.chiffre {
	line-height: 1.5
}

.section__texte sup {
	top: 2px;
	position: relative;
	font-size: 0.9rem
}

.section__texte img {
	margin: 0 0 20px 0;
	width: 100%
}

.section__texte ul {
	margin: 40px 50px;
	list-style: none
}

@media (max-width: 800px) {
	.section__texte ul {
		margin: 20px 30px
	}
}

.section__texte ul.only {
	margin-top: -20px
}

.section__texte ul.list {
	margin-top: 20px
}

.section__texte ul.variant {
	margin-top: -10px
}

.section__texte ul.intable {
	margin: 0 0 0 30px;
	text-align: left
}

.section__texte ul li {
	margin: 20px 0;
	position: relative;
	line-height: 1.2
}

@media (max-width: 800px) {
	.section__texte ul li {
		margin: 15px 0
	}
}

.section__texte ul li:first-child {
	margin-top: 0
}

.section__texte ul li:last-child {
	margin-bottom: 0
}

.section__texte ul li strong {
	color: #000
}

.section__texte ul li a {
	text-decoration: none
}

.section__texte ul li:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 3px;
	display: block;
	position: absolute;
	left: -25px;
	top: 5px
}

.section__texte ul .simply {
	margin-bottom: 0
}

.section__texte ul .simply:before {
	display: none
}

.section__texte a {
	color: #4b4b4b
}

.section__texte a:hover {
	color: #333
}

.section__texte a.recrutement {
	color: #000;
	text-decoration: none
}

.section__texte a.recrutement:hover {
	text-decoration: underline
}

.section__texte th {
	padding: 10px 15px;
	background: #000;
	color: #fff;
	max-width: 150px;
	border: 1px solid #fff
}

@media (max-width: 420px) {
	.section__texte th {
		font-size: 0.8rem;
		padding: 8px 6px
	}
}

.section__texte td {
	padding: 10px 13px;
	text-align: center;
	border: 1px solid #fff
}

@media (max-width: 420px) {
	.section__texte td {
		padding: 10px 5px;
		font-size: 0.5rem
	}
}

@media (max-width: 321px) {
	.section__texte td {
		padding: 10px 0;
		font-size: 0.5rem
	}
}

.section__texte tr:nth-child(2n+0) {
	background: #e4e4e4
}

.section__texte table {
	margin: 0 0 20px 0;
	border: none;
	width: 100%;
	border-collapse: collapse
}

.section__texte table.politique th {
	width: 15%
}

@media (max-width: 800px) {
	.section__texte table.politique th {
		width: 100%
	}
}

@media (max-width: 420px) {
	.section__texte table.politique th {
		font-size: 1rem
	}
}

@media (max-width: 420px) {
	.section__texte table.politique td {
		font-size: 1rem
	}
}

@media (max-width: 321px) {
	.section__texte table.politique td {
		font-size: 1rem
	}
}

.section__texte table.politique tr:nth-child(2n+0) {
	background: #fff
}

.section__texte strong {
	color: #000
}

.section__texte--variant {
	text-align: left
}

.section__texte--variant p {
	text-align: left
}

.section__carte {
	display: inline-block;
	width: calc(-300px + 100%);
	vertical-align: top;
	padding-top: 30px;
	text-align: center
}

@media (max-width: 800px) {
	.section__carte {
		display: block;
		width: 100%;
		margin-bottom: 30px
	}
}

.section__carte img {
	width: 100%;
	max-width: 395px
}

.section__implantation {
	display: inline-block;
	width: 300px;
	padding-left: 50px;
	font-size: 0.9rem;
	padding-top: 15px;
	line-height: 1.1rem
}

@media (max-width: 800px) {
	.section__implantation {
		display: block;
		margin: 0 auto;
		padding: 0
	}
}

.section__implantation ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.section__implantation ul h3 {
	color: #000;
	position: relative;
	font-size: 1.1rem
}

.section__implantation ul h3+p {
	margin-top: 5px
}

.section__implantation a {
	color: #000
}

.section__implantation p {
	margin: 15px 0
}

.section__implantation .icon {
	background: transparent url("../img/sprite.png") no-repeat scroll 0 0;
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.section__implantation .icon-mapBlack {
	background-position: 0 -717px;
	height: 33px;
	width: 22px
}

.section__implantation .icon-mapGrey {
	background-position: 0 -682px;
	height: 33px;
	width: 22px
}

.section__implantation .icon-mapRed {
	background-position: 0 -646px;
	height: 33px;
	width: 22px
}

.section__linkimmo {
	text-decoration: none;
	display: inline-block;
	vertical-align: bottom
}

.section__linkimmo .icon {
	background: transparent url("../img/i.png") no-repeat scroll 0 0;
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.section__linkimmo .icon-immo {
	background: transparent url("../img/icon-immo.png") no-repeat scroll 0 7px;
	height: 33px;
	width: 30px;
	display: inline-block;
	vertical-align: bottom
}

.section__actu {
	width: 30%
}

@media only screen and (max-width: 800px) {
	.section__actu {
		width: 100%
	}
}

.section__aside {
	width: 30%;
	display: inline-block;
	margin-left: -5px;
	vertical-align: top;
	padding-left: 38px
}

@media (max-width: 800px) {
	.section__aside {
		width: 100%;
		display: block;
		margin-left: 0;
		padding-left: 0
	}
}

.section__aside--list {
	margin: 0;
	padding: 0;
	list-style: none
}

.section__aside--link {
	padding: 18px 20px;
	line-height: 1.2rem;
	width: 100%;
	text-decoration: none;
	background-color: #c9c8c8;
	color: #4b4b4b;
	display: block;
	margin-bottom: 2px
}

.section__aside--link:hover,
.section__aside--link--current {
	background-color: #000;
	color: #fff
}

.section__aside--link__active {
	background: #000;
	color: #fff
}

@media only screen and (max-height: 770px) {
	.section__aside--link {
		padding: 12px 12px;
		font-size: 0.8rem
	}
}

.section__aside a {
	text-decoration: none
}

.section__aside--encart {
	background-color: #000;
	display: block;
	padding: 25px 25px 35px 90px;
	color: #fff;
	margin-top: 18px;
	position: relative
}

.section__aside--encart:before {
	content: "";
	width: 52px;
	height: 76px;
	background-image: url(../img/sprite.png);
	background-position: 2px -514px;
	background-repeat: no-repeat;
	left: 20px;
	top: calc(-38px + 50%);
	position: absolute
}

.section__aside--encart__line1 {
	font-weight: 700;
	line-height: 1.2
}

.section__aside--encart__line2 {
	font-weight: 700;
	line-height: 1.2
}

.section__aside--encart__line3 {
	font-size: 0.8rem;
	margin-top: 10px;
	line-height: 1.2
}

.section__simulez {
	text-decoration: none;
	margin-bottom: 20px
}

.section__link-popin {
	background: #000;
	color: #fff !important;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 35px
}

.section__link-popin:hover {
	opacity: 0.9
}

@media only screen and (max-width: 450px) {
	.section__link-popin {
		display: block;
		text-align: center
	}
}

.section__link-extra {
	background: #000;
	color: #fff !important;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 35px;
	display: block;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4;
	font-size: 1rem
}

.section__link-extra:hover {
	opacity: 0.9
}

@media only screen and (max-height: 770px) {
	.section__link-extra {
		padding: 10px 20px;
		font-size: 0.8rem
	}
}

.pls {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width: 700px) {
	.pls {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.pls__box {
	width: calc(-20px + 50%);
	display: block;
	text-decoration: none;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin-bottom: 20px;
	margin-top: 20px
}

@media only screen and (max-width: 700px) {
	.pls__box {
		width: 100%
	}
}

.pls__picture {
	width: 100%;
	height: 280px;
	background-position: center center;
	background-size: cover
}

.pls__city {
	font-size: 2.5rem;
	margin-top: 20px;
	line-height: 1.4;
	color: #000
}

.pls__program {
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 1.4;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.3rem
}

.pls .result__prix {
	line-height: 1.4;
	font-size: 1.1rem;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.pls {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width: 700px) {
	.pls {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column
	}
}

.pls__box {
	width: calc(-20px + 50%);
	display: block;
	text-decoration: none;
	color: #000;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	margin-bottom: 20px;
	margin-top: 20px
}

@media only screen and (max-width: 700px) {
	.pls__box {
		width: 100%
	}
}

.pls__picture {
	width: 100%;
	height: 280px;
	background-position: center center;
	background-size: cover
}

.pls__city {
	font-size: 2.5rem;
	margin-top: 20px;
	line-height: 1.4;
	color: #000
}

.pls__program {
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 1.4;
	color: #000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.3rem
}

.pls .result__prix {
	line-height: 1.4;
	font-size: 1.1rem;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.page__button {
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	background: #e1097e url(../img/icon-arrow.png) no-repeat center right 10px;
	text-decoration: none;
	background-size: 17px 32px;
	padding: 12px 30px 12px 20px;
	margin: auto;
	display: block;
	text-align: left;
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 0.95rem
}

.page__button strong {
	display: block;
	font-size: 1.2rem
}

.page__button span.strong {
	display: block;
	font-size: 1.2rem
}

.iframe__locatif {
	height: 1110px
}

@media (max-width: 600px) {
	.iframe__locatif {
		height: 1716px
	}
}

.iframe__title {
	background: url(../images/bg-title-h2.gif) repeat-x center center;
	margin: 20px 0 0 0;
	text-align: left
}

@media (max-width: 600px) {
	.iframe__title {
		background: none
	}
}

.iframe__title h2 {
	text-transform: uppercase;
	color: #333;
	font-weight: 700;
	font-size: 1.1rem;
	margin: 0;
	padding: 10px 30px 10px 0;
	background: #F6F6F6;
	display: inline-block;
	text-align: left
}

@media (max-width: 650px) {
	.iframe__title h2 {
		font-size: 1rem
	}
}

.iframe__subtitle {
	color: #000;
	text-align: left;
	padding-bottom: 0;
	font-size: 1.1rem
}

.iframe__subtitle--variant {
	color: #808081;
	font-size: 1rem
}

.iframe__input {
	width: 80%;
	border: 1px solid #000;
	height: 30px;
	margin-top: -2px
}

.iframe__input--variant {
	width: 50%;
	margin-left: -12px
}

.iframe__select {
	width: 80%;
	border: 1px solid #000;
	height: 30px
}

.iframe__select--variant {
	width: 45%
}

.iframe__label {
	margin-bottom: 10px;
	display: block
}

.iframe__mention {
	font-size: 0.9rem
}

.tab1 {
	width: 100%
}

.Bloc {
	display: inline-block;
	width: 49%
}

.Bloc--variant {
	vertical-align: top
}

@media (max-width: 600px) {
	.Bloc {
		width: 100%
	}
}

.BlocG {
	margin-right: 2%
}

@media (max-width: 600px) {
	.BlocG {
		margin-right: 0
	}
}

.td1 {
	font-size: 0.9rem;
	color: #333;
	padding: 10px 0;
	font-family: arial
}

.td2 {
	font-size: 1rem;
	color: #333;
	font-weight: 700
}

@media (max-width: 600px) {
	.td2 {
		font-weight: normal
	}
}

.BtnSubmit {
	border: none;
	color: #fff;
	background: #000;
	padding: 0 20px;
	height: 30px;
	line-height: 30px
}

.BtnSubmit--variant {
	padding: 0;
	width: 32%
}

.BtnSubmit:hover {
	background: #333;
	color: #fff
}

input#BtnCalcul {
	background-color: #000 !important
}

#divreal {
	margin-top: 30px;
	font-size: 0.9rem;
	text-align: left
}

.Note1 {
	color: #000;
	text-decoration: none
}

.Note1:hover {
	text-decoration: underline
}

#PtzIsShowRgl1 {
	padding-top: 0
}

#PtzIsShowRgl1 ul {
	margin: 10px 20px 20px
}

#PtzIfRevSup1 {
	text-align: left
}

.titre3 {
	display: block;
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 1rem
}

#BtnCalcul {
	color: #fff !important;
	background-color: #000 !important
}

@media (max-width: 800px) {
	.sitemap {
		padding-bottom: 50px
	}
}

.sitemap__wrapper {
	max-width: 800px
}

.sitemap__title {
	padding: 50px 0;
	background: #cf2733;
	color: #fff;
	text-align: center
}

.sitemap__title h1 {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 3rem;
	text-transform: uppercase
}

@media (max-width: 800px) {
	.sitemap__title {
		margin-bottom: 50px
	}
}

.sitemap__panel {
	padding: 20px;
	border: 1px solid #000;
	margin-bottom: 20px
}

.sitemap__panel h2 {
	font-weight: bold;
	font-size: 1.4rem;
	text-transform: uppercase;
	margin: 10px 0;
	color: #000
}

.sitemap__panel h2:first-child {
	margin: 0 0 10px 0
}

.sitemap__panel h3 {
	font-weight: bold;
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 15px 0 10px;
	padding-left: 20px;
	color: #000
}

.sitemap__panel h3:last-child {
	margin: 15px 0 0
}

.sitemap__panel a {
	color: #000;
	text-decoration: none;
	padding-left: 40px;
	line-height: 1.8rem
}

.sitemap__panel a:hover {
	color: #184991
}

.sitemap__sublist {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap
}

.sitemap__sublist li {
	width: 50%
}

@media only screen and (max-width: 800px) {
	.sitemap__sublist li {
		width: 100%
	}
}

.sitemap__only h2 {
	margin-bottom: 0 !important
}

.sitemap__only a {
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	text-transform: uppercase;
	margin: 0;
	color: #000;
	padding-left: 0px
}

.recrutement {
	padding: 30px 0 0
}

.recrutement .panel-line-detail {
	background: #fff;
	text-align: left
}

.recrutement__red {
	padding: 10px 0;
	background: #cf2733;
	color: #fff;
	text-align: center
}

.recrutement__title {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 2.5rem;
	text-transform: uppercase
}

.recrutement__bandeau img {
	width: 100%
}

.recrutement__wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex
}

.recrutement__conteneur {
	width: 70%;
	margin-bottom: 40px
}

@media (max-width: 800px) {
	.recrutement__conteneur {
		width: 100%;
		display: block
	}
}

.recrutement__wrapper {
	color: #000;
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: 1px solid #000;
	margin-bottom: 30px
}

.recrutement__wrapper:last-child {
	border-bottom: none;
	margin-bottom: 0
}

@media (max-width: 800px) {
	.recrutement__wrapper:last-child {
		border-bottom: 1px solid #000
	}
}

@media (max-width: 800px) {
	.recrutement__wrapper {
		padding: 0 20px;
		border-bottom: 1px solid #000;
		margin-bottom: 0;
		border-top: 1px solid #000;
		margin-top: -1px
	}
}

.recrutement__wrapper--form {
	max-width: 1000px;
	margin: 0 auto
}

.recrutement__categorie {
	font-size: 1.8rem;
	color: #fff;
	text-transform: uppercase;
	background: #000;
	display: inline-block;
	padding: 10px 25px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

@media (max-width: 800px) {
	.recrutement__categorie {
		font-size: 1.5rem;
		margin-bottom: 20px;
		margin-top: 20px
	}
}

.recrutement__offre {
	font-size: 0.9rem;
	line-height: 1.4rem;
	position: relative;
	padding: 30px 0;
	cursor: pointer
}

@media (max-width: 800px) {
	.recrutement__offre {
		padding: 12px 0
	}
}

.recrutement__offre--metier {
	padding: 40px
}

@media (max-width: 800px) {
	.recrutement__offre--metier {
		padding: 20px 40px 20px 20px
	}
}

.recrutement__offre--date {
	display: block;
	margin-bottom: 5px;
	font-size: 0.9rem
}

.recrutement__offre--poste {
	display: block;
	color: #4b4b4b;
	margin-bottom: 5px;
	font-size: 1.1rem;
	font-weight: 700
}

.recrutement__offre--lieu {
	display: block;
	color: #4b4b4b;
	font-weight: 300
}

.recrutement__offre--tiroir {
	background-image: url(../img/sprite-recrutement.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	top: calc(-11px + 50%);
	right: 0
}

.recrutement__offre--tiroir__plus {
	background-position: 0 0
}

.recrutement__offre--tiroir__moins {
	background-position: 0 -165px
}

.recrutement__detail {
	padding-bottom: 50px
}

.recrutement__detail--metier {
	padding-top: 20px;
	padding-bottom: 30px
}

.recrutement__detail p {
	font-size: 1rem;
	line-height: 1.2rem;
	margin-bottom: 20px
}

.recrutement__detail p.intitule {
	font-size: 1.5rem;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.recrutement__detail ul {
	list-style: square;
	color: #000;
	margin: 0 0 30px 50px
}

@media (max-width: 800px) {
	.recrutement__detail ul {
		margin: 0;
		padding: 0 20px
	}
}

.recrutement__detail ul li {
	padding-left: 5px
}

.recrutement__detail--link {
	font-size: 1rem;
	color: #fff;
	background: #000 url(../img/arrow-newsletter.png) no-repeat scroll 95% center;
	padding: 10px 60px 10px 15px;
	text-decoration: none;
	margin-top: 30px;
	display: inline-block;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.recrutement__detail--link:hover {
	opacity: 0.9
}

.recrutement .section__aside .accordion-toggle {
	padding: 0
}

.recrutement .section__aside .panel-title {
	margin: 0;
	margin: 0
}

.recrutement .section__aside .section__aside--link {
	font-weight: normal;
	background-image: url(../img/sprite-recrutement2.png);
	background-repeat: no-repeat;
	background-position: 90% 20px
}

.recrutement .section__aside .section__aside--link:hover,
.recrutement .section__aside .section__aside--link.active {
	background-position: 90% -142px;
	background-color: #000;
	color: #fff
}

.recrutement .section__aside .section__aside--sublist {
	margin: 0;
	padding: 0;
	list-style: none
}

.recrutement .section__aside .section__aside--sublist li>a {
	padding: 15px 20px;
	display: block;
	color: #4b4b4b
}

.recrutement .section__aside .section__aside--sublist li>a:hover,
.recrutement .section__aside .section__aside--sublist li>a.active {
	font-weight: bold
}

.recrutement .section__aside .section__aside--sublist li:first-child>a {
	border-top: none
}

.recrutement__form {
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #000
}

@media (max-width: 800px) {
	.recrutement__form {
		border-top: none;
		margin-top: 0;
		padding-top: 0
	}
}

.recrutement__form__title {
	font-weight: 300;
	font-size: 2.5rem;
	text-transform: uppercase;
	text-align: center;
	color: #000;
	margin-bottom: 50px;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.recrutement__form .inscription__label--checkbox {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 100px
}

@media (max-width: 800px) {
	.recrutement__form .inscription__label--checkbox {
		padding-right: 0;
		display: block
	}
}

@media (max-width: 800px) {
	.recrutement__form__choice {
		margin-top: 10px
	}
}

@media (max-width: 800px) {
	.recrutement__form .inscription__line--label {
		margin: 0 15px 20px 20px
	}
}

.recrutement__form__submit {
	margin: 50px auto 0;
	padding: 15px 50px 35px;
	width: auto;
	background-image: none
}

.recrutement__form__mandatory {
	text-align: center;
	padding-top: 10px;
	margin: 0 auto 35px auto
}

.recrutement__form__select {
	display: table-cell;
	background-color: transparent;
	border: 1px solid #272b31;
	border-radius: 0;
	color: #000;
	font-family: Arial;
	font-size: 1rem;
	font-weight: 100;
	padding: 15px 10px;
	text-align: left
}

.recrutement__form__file {
	margin-top: 15px;
	text-align: left
}

@media (max-width: 800px) {
	.recrutement__form__file {
		margin-top: 30px
	}
}

@media (max-width: 800px) {
	.recrutement__form__file span {
		font-size: 0.8rem;
		display: block
	}
}

.recrutement__form__file span.label--file,
.recrutement__form__file span.label--file-cover {
	width: 220px;
	display: inline-block;
	text-align: right
}

@media (max-width: 800px) {
	.recrutement__form__file span.label--file,
	.recrutement__form__file span.label--file-cover {
		text-align: left;
		width: 100%;
		display: block;
		margin-bottom: 10px;
		font-size: 1rem
	}
}

.recrutement__form__line {
	width: 100%
}

.recrutement__form input[type="file"] {
	display: none
}

.recrutement__form .custom-file-upload {
	border: 1px solid #272b31;
	display: inline-block;
	padding: 6px 12px;
	width: 250px;
	cursor: pointer;
	font-size: 1rem;
	text-align: right;
	border-radius: 0;
	color: #4b4b4b;
	margin: 0 20px;
	position: relative;
	overflow: hidden
}

.recrutement__form .custom-file-upload span {
	width: calc(-40px + 100%);
	text-align: left;
	display: inline-block
}

.recrutement__form .custom-file-upload .fa-paperclip {
	transform: rotate(-280deg);
	font-size: 1.8rem;
	display: inline-block
}

@media (max-width: 800px) {
	.recrutement__form .custom-file-upload {
		width: 100%;
		margin: 0 0 10px 0
	}
}

.recrutement .panel-header-line+.panel-line-detail {
	display: none
}

.recrutement .panel-header-line--open+.panel-line-detail {
	display: block
}

.recrutement .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
	margin: 0;
	outline: 0 none;
	-webkit-appearance: inherit !important
}

.recrutement .ui-select-bootstrap .ui-select-toggle>a.btn {
	right: 0
}

.recrutement .glyphicon {
	background: #fff none repeat scroll 0 0;
	color: #c9c8c8;
	right: -3px;
	text-align: center;
	top: 6px;
	width: 35px;
	z-index: 1000
}

@media (max-width: 450px) {
	.recrutement .glyphicon {
		right: -13px
	}
}

.recrutement .left .glyphicon,
.residence__img .left .glyphicon {
	display: none
}

.recrutement .right .glyphicon {
	display: none
}

.recrutement .inscription__select {
	display: inline-block;
	margin-left: 0;
	vertical-align: top;
	padding: 0;
	position: relative;
	max-width: 450px
}

@media (max-width: 800px) {
	.recrutement .inscription__select {
		max-width: 90%
	}
}

@media (max-width: 450px) {
	.recrutement .inscription__select {
		max-width: 90%
	}
}

.recrutement .inscription__line--variant {
	position: relative;
	text-align: left;
	margin-bottom: 20px
}

@media (max-width: 800px) {
	.recrutement .inscription__line--variant {
		text-align: center
	}
}

.recrutement__label {
	color: #272b31;
	display: inline-block;
	font-size: 1rem;
	line-height: 50px;
	padding-right: 20px;
	text-align: left;
	vertical-align: middle
}

@media (max-width: 800px) {
	.recrutement__label {
		text-align: left;
		width: 90%
	}
}

.recrutement .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	margin-top: -46px
}

.recrutement .ui-select-search,
.recrutement .ui-select-match {
	background: #fff url("../img/select-arrow.png") no-repeat scroll 95% center;
	border: 1px solid #000;
	border-radius: 0;
	color: #4b4b4b;
	cursor: pointer;
	display: block;
	font-family: Arial;
	line-height: 28px;
	min-height: 50px;
	padding: 10px;
	box-sizing: border-box;
	text-align: left !important;
	width: 100% !important
}

.recrutement .ui-select-toggle {
	width: 100%;
	display: block
}

.recrutement .ui-select-search,
.recrutement .ui-select-match {
	color: #4b4b4b;
	cursor: pointer;
	font-family: Arial;
	line-height: 28px;
	text-align: left !important
}

.recrutement .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
	display: block;
	margin: 3px 3px 3px 0;
	outline: 0 none;
	width: 75%
}

.recrutement .ui-select-multiple .ui-select-match-item {
	position: relative
}

.recrutement .ui-select-choices {
	list-style: none;
	padding: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #000
}

.recrutement .ui-select-bootstrap .ui-select-choices-row.active>span {
	background-color: #CF2733;
	color: #fff;
	outline: 0 none;
	text-decoration: none
}

.recrutement .ui-select-bootstrap .ui-select-choices-row>span {
	color: #000
}

.recrutement .ui-select-bootstrap .ui-select-choices-row>span:hover {
	background-color: #CF2733;
	color: #fff
}

.recrutement .ui-select-bootstrap>.ui-select-choices,
.popin .ui-select-bootstrap>.ui-select-no-choice {
	margin-top: -10px
}

.recrutement .ui-select-bootstrap>.ui-select-choices,
.popin .ui-select-bootstrap>.ui-select-no-choice {
	position: absolute;
	z-index: 10
}

.recrutement .ui-select-match-text.pull-left {
	float: none
}

.actu {
	padding: 30px 0 0
}

.actu__title-wrap {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.actu__title-page {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	text-align: center
}

.actu__title-page h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 2.8rem;
	padding: 0 0 8px;
	width: 100%;
	max-width: 400px;
	position: relative;
	border-bottom: 2px solid #d0d0d0;
	display: inline-block;
	margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
	.actu__title-page h1 {
		padding: 0 0 8px;
		text-align: center;
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		font-size: 2rem
	}
}

.actu__title-page span {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	text-align: center;
	font-size: 1.1rem;
	line-height: 1.3rem;
	padding: 0 0 8px;
	width: 100%;
	max-width: 400px;
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	margin-top: -10px
}

@media only screen and (max-width: 800px) {
	.actu__title-page span {
		padding: 0 0 8px;
		text-align: center;
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
		margin-top: 0
	}
	.actu__title-page span br {
		display: none
	}
}

.actu__bandeau {
	background: url(../img/bandeau-actu.jpg) no-repeat center center/cover;
	height: 300px
}

@media only screen and (max-width: 800px) {
	.actu__bandeau {
		background: url(../img/bandeau-actu-mob.jpg) no-repeat center center/cover;
		height: 250px
	}
}

.actu__bandeau img {
	opacity: 0;
	height: 250px
}

.actu__list {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column
}

.actu__list__line {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	width: calc(30px + 70%);
	margin-bottom: 100px
}

@media only screen and (max-width: 1200px) {
	.actu__list__line {
		width: calc(-20px + 100%)
	}
}

@media only screen and (max-width: 800px) {
	.actu__list__line {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		width: calc(-20px + 100%);
		margin-top: 30px;
		margin-bottom: 0
	}
}

.actu__list__box {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	padding: 0 15px
}

@media only screen and (max-width: 800px) {
	.actu__list__box {
		width: 100%;
		padding: 0
	}
}

.actu__list__box--picture {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (max-width: 800px) {
	.actu__list__box--picture {
		margin-bottom: 20px;
		min-height: 200px;
		-ms-flex-order: 1;
		order: 1
	}
}

.actu__list__box--picture img {
	opacity: 0
}

@media only screen and (max-width: 800px) {
	.actu__list__box--wrap {
		-ms-flex-order: 2;
		order: 2
	}
}

.actu__list__box--content {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-moz-align-items: left;
	-ms-align-items: left;
	-o-align-items: left;
	-ms-flex-align: left;
	align-items: left;
	font-weight: 300;
	position: relative;
	width: 100%;
	padding-right: 30px
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content {
		padding-right: 0
	}
}

.actu__list__box--content h2 {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.5rem;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content h2 {
		-ms-flex-order: 1;
		order: 1
	}
}

.actu__list__box--content p {
	font-size: 1rem
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content p {
		-ms-flex-order: 2;
		order: 2
	}
}

.actu__list__box--content ul {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 10px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #efece7;
	width: 100%
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-order: 6;
		order: 6;
		border-top: 1px solid #000;
		border-bottom: none;
		padding: 20px 0 0 0
	}
}

.actu__list__box--content ul li {
	padding-right: 15px
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul li {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		padding-right: 0;
		padding-bottom: 15px;
		text-align: center;
		width: 33.33%
	}
}

.actu__list__box--content ul li:first-child {
	padding-right: 40px
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul li:first-child {
		padding-right: 0;
		font-size: 1.1rem;
		width: 100%;
		display: block
	}
}

.actu__list__box--content ul li a {
	background: url(../img/sprite-social.png) no-repeat;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	display: block
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul li a {
		background: url(../img/sprite-social-mob.png) no-repeat;
		width: 65px;
		height: 65px;
		margin: 0 auto
	}
}

.actu__list__box--content ul li a:hover {
	opacity: 0.4
}

.actu__list__box--content ul li a.tw {
	background-position: 0 0
}

.actu__list__box--content ul li a.fb {
	background-position: -39px 0
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul li a.fb {
		background-position: -98px 0
	}
}

.actu__list__box--content ul li a.li {
	background-position: -80px 0
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content ul li a.li {
		background-position: -202px 0
	}
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content span {
		-ms-flex-order: 3;
		order: 3;
		margin-top: 20px;
		margin-bottom: 3px
	}
}

.actu__list__box--content strong {
	line-height: 1.5rem;
	font-weight: 700;
	width: 100%;
	padding-right: 80px
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content strong {
		-ms-flex-order: 4;
		order: 4;
		padding-right: 0
	}
}

.actu__list__box--content strong a {
	color: #000
}

.actu__list__box--content a.more {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	display: inline-block;
	background: #000;
	color: #fff;
	position: absolute;
	right: 30px;
	bottom: 0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 12px
}

.actu__list__box--content a.more:hover {
	opacity: 0.4
}

@media only screen and (max-width: 800px) {
	.actu__list__box--content a.more {
		position: relative;
		right: auto;
		bottom: auto;
		-ms-flex-order: 5;
		order: 5;
		margin-top: 5px;
		font-size: 1rem;
		padding: 10px 15px
	}
}

.actu__wrapper {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	padding-bottom: 90px
}

@media only screen and (max-width: 800px) {
	.actu__wrapper {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-bottom: 30px
	}
}

.actu__single {
	padding-right: 100px
}

@media only screen and (max-width: 800px) {
	.actu__single {
		padding-right: 0;
		padding-top: 30px
	}
}

.actu__single--more {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	padding-top: 120px
}

@media only screen and (max-width: 800px) {
	.actu__single--more {
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding-top: 30px
	}
	.actu__single--more div {
		-ms-flex-order: 2;
		order: 2;
		width: 100%
	}
	.actu__single--more div strong {
		font-size: 1.1rem
	}
	.actu__single--more strong {
		-ms-flex-order: 1;
		order: 1;
		font-weight: 400
	}
}

.actu__single h2 {
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: center
}

.actu__single p {
	font-size: 1rem;
	margin-bottom: 20px
}

.actu__single ul {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 20px 0 10px;
	padding: 0 0 20px 0;
	width: 100%
}

@media only screen and (max-width: 800px) {
	.actu__single ul {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-order: 6;
		order: 6;
		border-bottom: none;
		padding: 0
	}
}

.actu__single ul li {
	padding-right: 15px
}

@media only screen and (max-width: 800px) {
	.actu__single ul li {
		display: -moz-flex;
		display: -ms-flexbox;
		display: -o-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		padding-right: 0;
		padding-bottom: 15px;
		text-align: center;
		width: 33.33%
	}
}

.actu__single ul li:first-child {
	padding-right: 40px
}

@media only screen and (max-width: 800px) {
	.actu__single ul li:first-child {
		padding-right: 0;
		font-size: 1.3rem;
		width: 100%;
		display: block
	}
	.actu__single ul li:first-child strong {
		font-weight: 300;
		font-size: 1.3rem
	}
}

.actu__single ul li a {
	background: url(../img/sprite-social.png) no-repeat;
	text-indent: -9999px;
	width: 26px;
	height: 26px;
	display: block
}

@media only screen and (max-width: 800px) {
	.actu__single ul li a {
		background: url(../img/sprite-social-mob.png) no-repeat;
		width: 65px;
		height: 65px;
		margin: 0 auto
	}
}

.actu__single ul li a:hover {
	opacity: 0.4
}

.actu__single ul li a.tw {
	background-position: 0 0
}

.actu__single ul li a.fb {
	background-position: -39px 0
}

@media only screen and (max-width: 800px) {
	.actu__single ul li a.fb {
		background-position: -98px 0
	}
}

.actu__single ul li a.li {
	background-position: -80px 0
}

@media only screen and (max-width: 800px) {
	.actu__single ul li a.li {
		background-position: -202px 0
	}
}

.actu__single ul li a.partage {
	background-position: -80px 0
}

@media only screen and (max-width: 800px) {
	.actu__single ul li a.partage {
		background-position: -202px 0
	}
}

.actu__single strong {
	line-height: 1.5rem;
	font-weight: 700
}

.actu__single strong a {
	color: #000
}

.actu__nav {
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom: 20px
}

.actu__nav__title {
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	font-weight: 300;
	font-size: 1.1rem
}

@media only screen and (max-width: 800px) {
	.actu__nav__title {
		font-size: 1.3rem;
		color: #000;
		background: transparent;
		text-align: left
	}
	.actu__nav__title--cat {
		color: #fff;
		background: #000;
		text-align: center
	}
}

.actu__nav__bloc {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	padding: 15px 0
}

@media only screen and (max-width: 800px) {
	.actu__nav__bloc {
		-ms-flex-flow: row wrap;
		-o-flex-flow: row wrap;
		flex-flow: row wrap;
		padding: 0
	}
}

.actu__nav__bloc__picture {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 147px;
	width: 50%
}

@media only screen and (max-width: 800px) {
	.actu__nav__bloc__picture {
		width: 100%;
		margin-bottom: 20px
	}
}

.actu__nav__bloc__picture img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0
}

.actu__nav__bloc__content {
	padding: 0 10px 0 25px;
	width: 50%
}

@media only screen and (max-width: 800px) {
	.actu__nav__bloc__content {
		width: 100%;
		padding: 0
	}
}

.actu__nav__bloc__content--title {
	text-transform: uppercase;
	font-size: 1rem;
	padding-bottom: 10px
}

@media only screen and (max-width: 800px) {
	.actu__nav__bloc__content--title {
		font-size: 1.3rem
	}
}

.actu__nav__bloc__content--text {
	color: #3d3d3f;
	font-size: 0.9rem;
	position: relative;
	padding-bottom: 40px
}

.actu__nav__bloc__content--text strong {
	display: block;
	margin-top: 10px
}

.actu__nav__bloc__content--text .more {
	display: inline-block;
	background: #000;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 12px
}

.actu__nav__bloc__content--text .more:hover {
	opacity: 0.4
}

.actu__nav__plus {
	position: relative;
	text-transform: uppercase;
	font-size: 1.5rem;
	color: #000;
	text-decoration: none;
	margin-bottom: 30px;
	display: inline-block
}

@media only screen and (max-width: 800px) {
	.actu__nav__plus {
		display: block;
		text-align: center
	}
}

.actu__nav__plus:hover {
	opacity: 0.4
}

.actu__nav__plus span {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	width: 30px;
	height: 30px;
	font-size: 28px;
	line-height: 24px;
	border: 2px solid #000;
	border-radius: 50px;
	text-align: center;
	margin-right: 10px
}

.actu__category {
	padding: 20px 0 0;
	overflow: auto;
	max-height: 200px
}

.actu__category li {
	padding: 5px 0;
	text-align: left
}

.actu__category li:last-child {
	padding-bottom: 0
}

.actu__category li a {
	text-align: left;
	color: #000;
	font-weight: 700;
	line-height: 1.3rem
}

@media only screen and (max-width: 800px) {
	.actu__category li a {
		display: block;
		text-align: center
	}
}

.page404 {
	text-align: center;
	font-family: "Fira Sans Extra Condensed", sans-serif
}

.page404__title {
	font-weight: 500;
	font-size: 1.2rem;
	padding: 30px 0
}

.page404__text {
	font-size: 1.1rem;
	padding: 30px 0
}

.page404__text p {
	margin: 0;
	line-height: 2rem
}

.page404__link {
	color: #000;
	font-weight: 700;
	text-decoration: underline
}

.page404__link:hover {
	text-decoration: none
}

.reference__bandeau {
	background: url(../img/bandeau-actu.jpg) no-repeat center center/cover;
	height: 300px
}

@media only screen and (max-width: 800px) {
	.reference__bandeau {
		background: url(../img/bandeau-actu-mob.jpg) no-repeat center center/cover;
		height: 250px
	}
}

@media only screen and (max-width: 400px) {
	.reference__bandeau {
		background: none;
		height: auto
	}
}

.reference__wrapper .result__list {
	min-height: auto
}

.reference__wrapper .result__border {
	border-left: none;
	padding-left: 0
}

.reference__wrapper .result__mask {
	background: transparent url(../img/plus.png) no-repeat center center
}

.reference__title {
	background: #000;
	color: #fff;
	font-family: "Fira Sans Extra Condensed", sans-serif;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 10px 25px;
	display: inline-block
}

@media (max-width: 800px) {
	.reference__title {
		margin: 30px 20px 0;
		text-align: center;
		line-height: 2.1rem
	}
}

.reference__link {
	background: #000;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	line-height: 2rem
}

.reference__link span {
	text-decoration: underline
}

.reference__link:hover {
	background: #333
}

.reference .unslider {
	margin: 0;
	overflow: auto;
	padding: 0;
	height: 100%;
	width: 100%
}

.reference__list {
	background: #fff;
	padding: 0;
	margin: 0;
	height: 100%
}

.reference__item {
	min-height: 600px;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
}

@media (max-width: 800px) {
	.reference__item {
		min-height: 350px
	}
}

.reference .unslider-arrow {
	background-image: url(../img/program-slider-arrow.png);
	width: 40px;
	height: 77px;
	top: calc(-38px + 50%);
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0;
	background-size: 30px;
	z-index: 50
}

.reference__uppercase {
	text-transform: uppercase
}

.show__smartphone {
	display: none
}

@media only screen and (max-width: 400px) {
	.show__smartphone {
		display: block
	}
}

@media only screen and (max-width: 400px) {
	.hide__smartphone {
		display: none
	}
}

.show__mob {
	display: none
}

@media only screen and (max-width: 800px) {
	.show__mob {
		display: block
	}
}

@media only screen and (max-width: 800px) {
	.hide__mob {
		display: none
	}
}

.show__tab {
	display: none
}

@media only screen and (max-width: 1200px) {
	.show__tab {
		display: block
	}
}

@media only screen and (max-width: 1200px) {
	.hide__tab {
		display: none
	}
}