.arCard {
	-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
.arCardHeaderImgWithOverlay {
	cursor:pointer;
	position:relative
}
.arCardHeaderImgWithOverlay .image {
	opacity:1;
	display:block;
	width:100%;
	height:auto;
	transition:.5s ease;
	backface-visibility:hidden
}
.arCardHeaderImgWithOverlay:hover .image {
	opacity:.3
}
.arCardHeaderImgWithOverlay .middle {
	transition:.5s ease;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	text-align:center
}
.arCardHeaderImgWithOverlay:hover .middle {
	opacity:1
}
.arCardHeaderImgWithOverlay .text {
	background-color:#f10d86;
	color:#fff;
	font-size:16px;
	padding:16px 32px
}
.arCardBody {
	padding:15px
}
.arCardBody .title {
	font-weight:500;
	font-size:1.5em
}
.container {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	max-width:1200px
}
.row {
	width:100%;
	display:flex;
	flex-wrap:wrap
}
.col-lg-12,.col-sm-12,.l12,.m12,.s12 {
	flex:0 0 100%;
	max-width:100%
}
.col-lg-11,.col-sm-11,.l11,.m11,.s11 {
	flex:0 0 91.66%;
	max-width:91.66%
}
.col-lg-10,.col-sm-10,.l10,.m10,.s10 {
	flex:0 0 83.33%;
	max-width:83.33%
}
.col-lg-9,.col-sm-9,.l9,.m9,.s9 {
	flex:0 0 75%;
	max-width:75%
}
.col-lg-8,.col-sm-8,.l8,.m8,.s8 {
	flex:0 0 66.66%;
	max-width:66.66%
}
.col-lg-7,.col-sm-7,.l7,.m7,.s7 {
	flex:0 0 58.33%;
	max-width:58.33%
}
.col-lg-6,.col-sm-6,.l6,.m6,.s6 {
	flex:0 0 50%;
	max-width:50%
}
.col-lg-5,.col-sm-5,.l5,.m5,.s5 {
	flex:0 0 41.66%;
	max-width:41.66%
}
.col-lg-4,.col-sm-4,.l4,.m4,.s4 {
	flex:0 0 33.33%;
	max-width:33.33%
}
.col-lg-3,.col-sm-3,.l3,.m3,.s3 {
	flex:0 0 25%;
	max-width:25%
}
.col-lg-2,.col-sm-2,.l2,.m2,.s2 {
	flex:0 0 16.66%;
	max-width:16.66%
}
.col-lg-1,.col-sm-1,.l1,.m1,.s1 {
	flex:0 0 8.33%;
	max-width:8.33%
}
.justify-content-center {
	-ms-flex-pack:center!important;
	justify-content:center!important
}
.justify-content-end {
	-ms-flex-pack:end!important;
	justify-content:flex-end!important
}
.justify-content-around {
	-ms-flex-pack:distribute!important;
	justify-content:space-around!important
}
.justify-content-between {
	-ms-flex-pack:justify!important;
	justify-content:space-between!important
}
.col-break {
	width:100%!important
}
@media (min-width:769px) and (max-width:1366px) {
	.m12 {
		flex:0 0 100%;
		max-width:100%
	}
	.m11 {
		flex:0 0 91.66%;
		max-width:91.66%
	}
	.m10 {
		flex:0 0 83.33%;
		max-width:83.33%
	}
	.m9 {
		flex:0 0 75%;
		max-width:75%
	}
	.m8 {
		flex:0 0 66.66%;
		max-width:66.66%
	}
	.m7 {
		flex:0 0 58.33%;
		max-width:58.33%
	}
	.m6 {
		flex:0 0 50%;
		max-width:50%
	}
	.m5 {
		flex:0 0 41.66%;
		max-width:41.66%
	}
	.m4 {
		flex:0 0 33.33%;
		max-width:33.33%
	}
	.m3 {
		flex:0 0 25%;
		max-width:25%
	}
	.m2 {
		flex:0 0 16.66%;
		max-width:16.66%
	}
	.m1 {
		flex:0 0 8.33%;
		max-width:8.33%
	}
}
@media (max-width:768px) {
	.col-sm-12,.s12 {
		flex:0 0 100%;
		max-width:100%
	}
	.col-sm-11,.s11 {
		flex:0 0 91.66%;
		max-width:91.66%
	}
	.col-sm-10,.s10 {
		flex:0 0 83.33%;
		max-width:83.33%
	}
	.col-sm-9,.s9 {
		flex:0 0 75%;
		max-width:75%
	}
	.col-sm-8,.s8 {
		flex:0 0 66.66%;
		max-width:66.66%
	}
	.col-sm-7,.s7 {
		flex:0 0 58.33%;
		max-width:58.33%
	}
	.col-sm-6,.s6 {
		flex:0 0 50%;
		max-width:50%
	}
	.col-sm-5,.s5 {
		flex:0 0 41.66%;
		max-width:41.66%
	}
	.col-sm-4,.s4 {
		flex:0 0 33.33%;
		max-width:33.33%
	}
	.col-sm-3,.s3 {
		flex:0 0 25%;
		max-width:25%
	}
	.col-sm-2,.s2 {
		flex:0 0 16.66%;
		max-width:16.66%
	}
	.col-sm-1,.s1 {
		flex:0 0 8.33%;
		max-width:8.33%
	}
}
.arModal {
	position:fixed;
	z-index:1;
	padding-top:100px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,.4)
}
.wrapperModal {
	position:relative;
	background-color:#fefefe;
	margin:auto;
	padding:0;
	border:1px solid #888;
	width:350px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
	-webkit-animation-name:animatetop;
	-webkit-animation-duration:0.4s;
	animation-name:animatetop;
	animation-duration:0.4s;
	border-radius:15px
}
@-webkit-keyframes animatetop {
	from {
		top:-300px;
		opacity:0
	}
	to {
		top:0;
		opacity:1
	}
}
@keyframes animatetop {
	from {
		top:-300px;
		opacity:0
	}
	to {
		top:0;
		opacity:1
	}
}
.modal-header {
	padding:2px 16px;
	padding-top:25px;
	text-align:center;
	color:#34495e;
	font-size:1.5em;
	font-weight:500
}
.modal-body {
	padding:2px 16px;
	margin-top:35px;
	color:#34495e;
	font-size:1em;
	text-align:justify;
}
.modal-footer {
	margin-top:35px;
	margin-bottom:25px;
	padding:2px 16px;
	text-align:center;
	color:#888
}
.autocomplete {
	position:relative;
	display:inline-block
}
.autocomplete-items {
	border:1px solid #d4d4d4;
	border-bottom:none;
	border-top:none;
	z-index:99;
	top:100%;
	left:0;
	right:0
}
.autocomplete-items div {
	padding:10px;
	cursor:pointer;
	background-color:#fff;
	border-bottom:1px solid #d4d4d4
}
.autocomplete-items div:hover {
	background-color:#e9e9e9
}
.autocomplete-active {
	background-color:DodgerBlue!important;
	color:#fff
}
.arBtnOutline {
	height:32px;
	border-style:solid;
	border-width:1px;
	border-color:#000;
	border-radius:32px;
	padding:10px 15px!important;
	margin-top:30px;
	font-size:1.2em!important;
	font-weight:500;
	line-height:32px;
	background-color:#fff
}
.arBtnOutline:hover {
	cursor:pointer
}
.rose {
	border-color:#FF0065;
	color:#FF0065!important
}
.rose:hover {
	background-color:#FF0065;
	color:#FFF!important
}
.arBtn {
	height:32px;
	border-radius:32px;
	padding:10px 15px!important;
	margin-top:30px;
	font-size:1em!important;
	font-weight:500;
	line-height:42px;
	background-color:#fff
}
.arBtn:hover {
	cursor:pointer
}
.gradienViolet {
	background:linear-gradient(135deg,#2C2698 30%,#642698 100%);
	color:#FFF!important
}
.gradienViolet:hover {
	background:linear-gradient(135deg,#642698 30%,#2C2698 100%);
	color:#FFF!important
}
.gradientMauve {
	background:linear-gradient(135deg,#5A52F2 30%,#B061FF 100%);
	color:#FFF!important
}
.gradientMauve:hover {
	background:linear-gradient(135deg,#B061FF 30%,#5A52F2 100%);
	color:#FFF!important
}
.gradientVert {
	background:linear-gradient(135deg,#62DE88 30%,#00CA9D 100%);
	color:#000!important
}
.gradientVert:hover {
	background:linear-gradient(135deg,#00CA9D 30%,#62DE88 100%);
	color:#000!important
}
.gradientJaune {
	background:linear-gradient(135deg,#FFD351 30%,#FFD46E 100%);
	color:#000!important
}
.gradientJaune:hover {
	background:linear-gradient(135deg,#FFD46E 30%,#FFD351 100%);
	color:#000!important
}
.gradientOrangeRose {
	background:linear-gradient(135deg,#FF7676 30%,#F54EA2 100%);
	color:#000!important
}
.gradientOrangeRose:hover {
	background:linear-gradient(135deg,#F54EA2 30%,#FF7676 100%);
	color:#000!important
}
.form-radio {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display:inline-block;
	position:relative;
	background-color:#f1f1f1;
	color:#666;
	top:5px;
	height:20px;
	width:20px;
	border:0;
	border-radius:20px;
	cursor:pointer;
	margin-right:7px;
	outline:none;
	border-style:solid;
	border-width:1px
}
.form-radio:checked::before {
	position:absolute;
	font:13px/1 'Open Sans',sans-serif;
	left:6px;
	top:2px;
	content:'\02143';
	transform:rotate(40deg)
}
.form-radio:hover {
	background-color:#f7f7f7
}
.form-radio:checked {
	background-color:#f1f1f1
}
input[type][disabled] {
	background-color:#f9f9f9;
	color:#ddd;
	cursor:default
}
input[type][disabled]+label {
	color:#999;
	cursor:default
}
input[type=select] {
	width:100%;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em
}
input[type=text] {
	background-color:#dcdcdc;
	border:1px solid #888;
	width:calc(100%);
	padding:10px;
	font-size:16px;
	border-radius:20px;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em
}
input[type=number] {
	background-color:#f1f1f1;
	width:calc(100%);
	border:1px solid transparent;
	padding:10px;
	font-size:16px;
	border-radius:20px;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em
}
input[type=date] {
	background-color:#f1f1f1;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em;
	width:calc(100% - 20px);
	border:1px solid transparent;
	padding:10px;
	font-size:16px;
	border-radius:20px
}
input[type=password] {
	background-color:#dcdcdc;
	border:1px solid #888;
	width:calc(100%);
	padding:10px;
	font-size:16px;
	border-radius:20px;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em
}
.slider {
	-webkit-appearance:none;
	width:calc(100% - 10px);
	height:15px;
	border-radius:5px;
	background:#d3d3d3;
	outline:none;
	opacity:.7;
	-webkit-transition:.2s;
	transition:opacity .2s
}
.slider::-webkit-slider-thumb {
	-webkit-appearance:none;
	appearance:none;
	width:25px;
	height:25px;
	border-radius:50%;
	background:#FF0065;
	cursor:pointer
}
.slider::-moz-range-thumb {
	width:25px;
	height:25px;
	border-radius:50%;
	background:#FF0065;
	cursor:pointer
}
select {
	background-color:#fff;
	height:auto;
	line-height:40px;
	border-radius:20px;
	padding-left:10px;
	padding-right:10px;
	-moz-appearance:none!important;
	-webkit-appearance:none!important;
	border-style:solid;
	border-color:#a2a2a2;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em
}
.loading {
	position:fixed;
	z-index:999;
	height:2em;
	width:2em;
	overflow:show;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right:0;
	visibility:hidden
}
.loading:before {
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.3)
}
.loading:not(:required) {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.loading:not(:required):after {
	content:'';
	display:block;
	font-size:10px;
	width:1em;
	height:1em;
	margin-top:-.5em;
	-webkit-animation:spinner 1500ms infinite linear;
	-moz-animation:spinner 1500ms infinite linear;
	-ms-animation:spinner 1500ms infinite linear;
	-o-animation:spinner 1500ms infinite linear;
	animation:spinner 1500ms infinite linear;
	border-radius:.5em;
	-webkit-box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,
		rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
	box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,
		rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0
}
@-webkit-keyframes spinner {
	0% {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes spinner {
	0% {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
th {
	text-align:left;
	padding:10px;
	background-color:#fff
}
td {
	padding:10px
}
tr:nth-child(2n) {
/*	background-color:#f0f0f0	*/
}
tr:nth-child(2n+1) {
/*	background-color:#fafafa	*/
}
table {
	width:100%
}
@media all and (max-width:992px) {
	tableResponse:table,tbody,tr,td {
		display:block;
		width:auto!important
	}
}
textarea {
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
	font-size:1em;
	padding:10px
}
* {
	box-sizing:border-box
}
a {
	text-decoration:none
}
.bgWhiteWithShadow {
	background-color:#fff;
	-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)
}
.paddingAll {
	padding:15px
}
.textTitre {
	font-weight:700;
	font-size:1.3em
}
.textTitre11 {
	font-weight:700;
	font-size:1em
}
.textCenter {
	text-align:center
}
.dotEnLigne {
	width:10px;
	background-color:#62de88;
	border-radius:50%;
	height:10px;
	margin-left:10px
}
.iconInputField {
	margin-left:-27px;
	cursor:pointer
}
::-webkit-scrollbar {
	width:10px
}
::-webkit-scrollbar-track {
	background:#f1f1f1
}
::-webkit-scrollbar-thumb {
	background:#888
}
::-webkit-scrollbar-thumb:hover {
	background:#555
}
.arCardSP {
	-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	background-color:#fff
}
.arCardSP .header {
	min-height:220px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain
}
.arCardSP .body {
	padding:10px;
	height:250px;
	overflow-y:auto
}
.arCardSP .body .title {
	font-size:1em;
	font-weight:500
}
.arCardSP .body .text {
	font-size:1em
}
.arPagin {
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.arPagin .arWrapperNumber {
	width:42px;
	height:42px;
	font-weight:500;
	background-color:#fff;
	border-color:#ff0065;
	border-style:solid;
	border-width:1px 1px 1px 0;
	display:flex;
	align-items:center;
	justify-content:center
}
.arPagin .arWrapperString {
	width:100%;
	height:32px;
	background-color:#fff;
	border-color:#ff0065;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	display:flex;
	align-items:center;
	justify-content:center
}
.arPagin .arWrapperNumber:nth-child(0n+1) {
	border-color:#ff0065;
	border-style:solid;
	border-width:1px 1px 1px 1px
}
.arPagin .arNumber {
	width:100%;
	text-align:center
}
.arPagin .arNumber a {
	color:#000
}
.arPagin .arWrapperNumber:hover {
	background-color:#ff0065
}
.arPagin .arWrapperNumber:hover a {
	color:#fff
}
.arPagin .active {
	background-color:#ff0065
}
.arPagin .active a {
	color:#000
}
.wrapperFormCGU {
	margin-right:15px;
	margin-left:15px;
	margin-top:calc((100vh / 2) - 300px);
	margin-bottom:60px;
	min-height:400px;
	background-color:rgba(255,255,255,.95);
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	border-style:solid;
	border-width:1px;
	border-color:#e4e4e4;
	padding:30px
}
.wrapperFormCGU .title {
	font-size:1.4em;
	font-weight:500;
	text-align:center;
	margin-bottom:50px
}
.wrapperFormCGU .content {
	height:500px;
	max-height:500px;
	overflow-y:auto
}
.wrapperFormContact {
	margin-right:15px;
	margin-left:15px;
	margin-top:calc((100vh / 2) - 300px);
	margin-bottom:60px;
	min-height:400px;
	background-color:rgba(255,255,255,.95);
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	border-style:solid;
	border-width:1px;
	border-color:#e4e4e4;
	padding:30px
}
.wrapperFormContact .title {
	font-size:1.4em;
	font-weight:500;
	text-align:center;
	margin-bottom:50px
}
.wrapperFormContact .rowForm {
	margin-bottom:25px
}
.wrapperFormContact .formLabel {
	font-size:1.1em;
	font-weight:500
}
.wrapperFormFAQ {
	margin-right:15px;
	margin-left:15px;
	margin-top:calc((100vh / 2) - 300px);
	margin-bottom:60px;
	min-height:400px;
	background-color:rgba(255,255,255,.95);
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	border-style:solid;
	border-width:1px;
	border-color:#e4e4e4;
	padding:30px
}
.wrapperFormFAQ .title {
	font-size:1.4em;
	font-weight:500;
	text-align:center;
	margin-bottom:50px
}
.wrapperFormFAQ .content {
	height:500px;
	max-height:500px;
	overflow-y:auto
}
.faq {
	margin-bottom:25px
}
.faq .question {
	font-weight:700
}
.faq .reponse {
	margin-top:10px
}
.faq .reponse ul {
	padding:25px
}
.footerSite {
	width:100%;
	background-image:linear-gradient(to right,#ff7070,#ff0065);
	color:#fff;
	border:0!important;
	height:50px;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:flex-end
}
.footerSite div {
	margin-right:15px;
	cursor:pointer
}
.footerSite a {
	color:#fff
}
.footerSite a:link {
	color:#fff
}
.footerSite a:visited {
	color:#fff
}
.footerSite a:hover {
	color:#fff
}
.footerSite a:active {
	color:#fff
}
body {
	margin:0;
	background-color:#f6f7f8;
	font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif
}
.containerConnexion {
	position:fixed;
	height:40px;
	width:150px;
	right:20px;
	top:20px;
	z-index:5000px
}
.btMotDePasseOublie {
	color:#949494
}
.btConnexion {
	width:100%;
	background-image:linear-gradient(to right,#ff7070,#ff0065);
	color:#fff;
	border:0!important;
	cursor:pointer;
	border-radius:60px;
	font-weight:700;
	padding:.65rem 1rem;
	box-shadow:0 5px 10px 2px rgba(255,112,112,.36)!important
}
.containerForm {
	min-height:100vh;
	width:100%;
	background-size:cover
}
.logoSite {
	margin-bottom:30px;
	width:100%;
	text-align:center;
	background-color:rgba(255,255,255,.85);
	border-radius:15px;
	padding:5px
}
.logoSite img {
	width:350px
}
.logoTexte {
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:500;
	font-size:1.5em
}
.promoTexte {
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	color:#fff;
	font-weight:500;
	font-size:1.1em
}
.formInscription {
	width:100%;
	margin-top:30px;
	text-align:center
}
.container3Mots {
	margin-top:-75px
}
.wrapper3Mots {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	border-style:solid;
	border-width:1px;
	border-color:#e4e4e4;
	min-height:300px;
	display:flex;
	flex-wrap:wrap
}
.item3Mots {
	padding:10px;
	width:33.33%;
	min-width:200px
}
.item3Mots .titre {
	margin-top:10px;
	text-align:center;
	font-weight:500;
	font-size:1.5em
}
.item3Mots .titre h2 {
	font-weight:500;
	font-size:1.5em;
	margin-top:0
}
.item3Mots .texte {
	text-align:center;
	margin-top:10px;
	padding-left:10%;
	padding-right:10%;
	line-height:1.6em;
	font-weight:500;
	color:#595959
}
.item3Mots0 {
	padding:10px;
	width:100%;
	min-width:200px;
}
.item3Mots0 .texte {
	text-align:center;
	margin-top:10px;
	padding-left:40px;
	padding-right:40px;
	line-height:1.6em;
	font-weight:500;
	color:#595959;
}
/*
@media (max-width:768px) {
	.item3Mots0 {
		display:none;
	}
}
.mot0 {
	background-image:url("/images/clubs-de-rencontres/couple3.petit.png");
	background-repeat:no-repeat;
	background-position:50% 20px;
	background-size:100px 100px;
}
.mot1 {
	background-image:url("/assets/img/cocktail.png");
	background-repeat:no-repeat;
	background-position:50% 20px;
	background-size:100px 100px;
}
.mot2 {
	background-image:url("/assets/img/protect.png");
	background-repeat:no-repeat;
	background-position:50% 20px;
	background-size:100px 100px;
}
.mot3 {
	background-image:url("/assets/img/cocktail.png");
	background-repeat:no-repeat;
	background-position:50% 20px;
	background-size:100px 100px;
}
*/
.wrapperFormInscription {
	width:400px;
	min-height:400px;
	padding-bottom:75px;
	padding-top:calc((100vh / 2) - 300px);
	margin-left:auto!important;
	margin-right:auto!important
}
.bgFormInscription {
	background-color:#000000a1;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:10px;
	padding-left:10px;
	border-radius:15px;
}
.infoPassword {
	background-color:#565656;
	color:#a1a4ac;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	margin-top:10px;
	padding:10px;
	font-size:.8em
}
.listCriteres {
	text-align:left;
	width:fit-content;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px
}
.itemJeSuis {
	width:100%;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
	font-size:1.3em;
	color:#fff
}
.fullrow {
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:20px
}
.alignleft {
	text-align:left
}
.button {
	position:relative;
	background-color:#fff;
	border:none;
	font-size:1.2em;
	color:#5a52f2;
	padding:10px 25px 10px 25px;
	text-align:center;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}
.button:hover {
	background-color:#ff0065;
	color:#fff
}
.button:after {
	content:"";
	background:#f1f1f1;
	display:block;
	position:absolute;
	padding-top:300%;
	padding-left:350%;
	margin-left:-20px!important;
	margin-top:-120%;
	opacity:0;
	transition:all 0.8s
}
.button:active:after {
	padding:0;
	margin:0;
	opacity:1;
	transition:0s
}
.borderDebug {
	border-style:solid;
	border-width:1px;
	border-color:red
}
.arShow {
	display:block
}
.arHide {
	display:none!important
}
.frmChoixPassword label {
	color:#fff;
	line-height:1em;
	margin-left:10px;
	font-weight:400;
	cursor:pointer;
	text-align:left
}
input[type][disabled] {
	background-color:#f9f9f9;
	color:#ddd;
	cursor:default
}
input[type][disabled]+label {
	color:#999;
	cursor:default
}
.btn {
	position:relative;
	border:none;
	font-size:1em;
	color:#fff;
	padding:10px;
	text-align:center;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	min-width:100px;
	border-radius:20px;
	box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	background-image:linear-gradient(to right,#FF7070,#FF0065)
}
.btn:hover {
	background-color:#ff0065;
	color:#fff
}
.btn:after {
	content:"";
	background:#f1f1f1;
	display:block;
	position:absolute;
	padding-top:300%;
	padding-left:350%;
	margin-left:-20px!important;
	margin-top:-120%;
	opacity:0;
	transition:all 0.8s
}
.btn:active:after {
	padding:0;
	margin:0;
	opacity:1;
	transition:0s
}
.swal2-icon {
	position:relative;
	justify-content:center;
	text-align:center;
	width:5em;
	height:5em;
	margin:1.25em auto 1.875em;
	border:.25em solid transparent;
	border-radius:50%;
	line-height:5em;
	cursor:default;
	box-sizing:content-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	zoom:normal
}
.swal2-icon-text {
	font-size:3.75em
}
.swal2-icon.swal2-info {
	border-color:#9de0f6;
	color:#3fc3ee
}
@media all and (max-width:992px) {
	.wrapper3Mots {
		width:95%
	}
	.item3Mots {
		width:100%
	}
	.item3Mots0 {
		width:100%
	}
	.wrapperFormInscription {
		width:90vw;
		margin-left:auto;
		margin-right:auto;
		padding-top:calc((100vh / 2) - 250px)
	}
	.logoSite img {
		width:290px
	}
}
.containerBandeau {
	text-align:center;
	color:#fff;
	display:flex;
	align-items:center;
	padding:15px;
	max-width:100%;
	width:100%;
	margin-top:45px;
	margin-bottom:45px;
	background-image:linear-gradient(to right,#FF7070,#FF0065)
}
.containerBandeau .title {
	font-weight:500;
	font-size:1.5em;
	margin-bottom:25px
}
.containerBandeau .title h1 {
	font-weight:500;
	font-size:1.5em!important;
	margin-bottom:25px;
	margin-block-start:0!important;
	margin-block-end:0!important
}
.containerBandeau .title h2 {
	font-weight:500;
	font-size:1.5em!important;
	margin-bottom:25px;
	margin-block-start:0!important;
	margin-block-end:0!important
}
.containerBandeau .body {
	width:80%;
	margin-left:auto;
	margin-right:auto
}
.containerTexteAccueil {
	margin-top:25px
}
.containerPresentation {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.containerPresentationReverse {
	flex-direction:row-reverse
}
.containerPresentation .title {
	width:calc(50% - 5px)
}
.containerPresentation .title div {
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.5em;
	font-weight:700;
	text-align:center
}
.containerPresentation .body {
	width:calc(50% - 5px);
	padding:15px
}
.containerPresentation .line {
	background-color:#ff0065;
	width:5px;
	height:100px;
	display:block
}
.containerMobile {
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.containerMobile .imgApp {
	width:50%
}
.containerMobile .description {
	width:50%
}
.containerMobile .imgApp img {
	width:100%
}
.containerMobile .description .title {
	font-size:1.5em;
	font-weight:700;
	text-align:center;
	margin-bottom:45px
}
.containerMobile .description .body {
	text-align:center
}
@media all and (max-width:992px) {
	.containerBandeau .body {
		width:95%;
		margin-left:auto;
		margin-right:auto
	}
	.containerPresentation .title {
		min-width:100%
	}
	.containerPresentation .body {
		min-width:100%
	}
	.containerPresentation .line {
		height:5px;
		width:80%;
		margin-left:auto;
		margin-right:auto
	}
	.containerMobile .imgApp {
		width:100%
	}
	.containerMobile .description {
		width:100%
	}
}
.btActionSp {
	width: 100%;
	background-image: linear-gradient(to right,#ff7070,#ff0065);
	color: #fff;
	border: 0!important;
	cursor: pointer;
	border-radius: 60px;
	font-weight: 700;
	font-size:1.5em;
	padding: .65rem 1rem;
	box-shadow: 0 5px 10px 2px rgba(255,112,112,.36)!important;
}
.cookie-info {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#645862;
	color:#FFF;
	font-size:10px;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	padding:5px 16px;
	z-index:9999;
	display:none
}
.cookie-close {
	float:right;
	padding:8px;
	margin-right:32px;
	cursor:pointer;
	background-color:orange;
	font-weight:700;
	color:#000;
	font-size:12px;
	border-radius:5px
}
.rgpdCookie {
	position:absolute;
	top:0;
	display:flex;
	flex-flow:column;
	margin-left:calc((100% - 500px) / 2);
	margin-top:calc((100vh - 500px) / 2);
	width:500px;
	height:500px
}
.rgpdCookie>.title {
	flex:0 1 auto;
	line-height:50px;
	font-weight:700;
	font-size:1.3em;
	text-align:center;
	color:#34495e
}
.rgpdCookie>.content {
	flex:1 1 auto;
	overflow-y:auto;
	width:95%;
	margin-left:calc((100% - 95%) /2)
}
.rgpdCookie>.footer {
	flex:1 1 50px;
	height:50px;
	width:100%;
	min-height:50px;
	max-height:50px;
	display:flex;
	align-items:center;
	justify-content:space-around
}
.rgpdCookie>.content>.titreCookie {
	font-weight:500;
	color:#34495e;
	background-color:#c1c1c1;
	padding:10px;
	cursor:pointer;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#34495e
}
.rgpdCookie>.content>.descCookie {
	color:#34495e;
	height:auto;
	max-height:auto;
	transition:all 0.3s ease-out
}
.rgpdCookie>.content>.descCookie>div {
	padding:10px
}
@media all and (max-width:992px) {
	.rgpdCookie {
		width:98%;
		height:98vh;
		margin-left:calc((100% - 98%) / 2);
		margin-top:calc((100vh - 98vh) / 2);
	}
}
.infoRGPD {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#645862;
	color:#FFF;
	font-size:.9em;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	padding:5px 16px;
	z-index:9999
}
.infoRGPD>a {
	color:#bfbfbf
}