/**********
 * Global *
 *********/

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0px;
	padding: 0px;
	color: var(--global-text-color);
	font-size: 12px;
	border: 0px solid transparent;
	font-family: var(--text-font);
	scroll-behavior: smooth;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

html,
body {
	height: 100%;
}


p {
	font-family: var(--text-font);
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	margin: 0px;
}

ul {
	font-family: var(--text-font);
	padding-left: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

ol {
	font-family: var(--text-font);
	padding-left: 30px;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
}

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}

img {
	border: none;
	/* max-width: 100%; */
}

address {
	margin: 0;
	display: block;
}

.pure-g [class*="pure-u"] {
	font-family: var(--text-font);
}

[contenteditable="true"]:focus {
    outline: none;
}

:focus {
    outline: none !important;
}

::-moz-focus-inner {
	border: 0;
}

::-moz-selection {
	color: #fff;
	background: var(--secondary-color);
}

::selection {
	color: #fff;
	background: var(--secondary-color);
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #515151;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #515151;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #515151;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #515151;
}

:placeholder-shown {
	color: #515151;
}

.alc {
	text-align: center !important;
}

.alr {
	text-align: right !important;
}

.prel {
	position: relative;
}

.absolute {
	position: absolute;
}

.ovhid {
	overflow: hidden;
}

.dib {
	display: block;
}

.dit {
	display: table;
}

.is-hidden {
	display: none;
}

.is-visible {
	display: block;
}

/* SWAL2 */
#strErreur,
#strInfo,
#strValide,
#strLink {
	display: none;
}

#map-canvas {
	width: 100%;
	height: 250px;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex.sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex.sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.flex.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.flex.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.flex.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex.ac {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex.col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.acc {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ac {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.strike {
	text-decoration: line-through;
}
.bold {
	font-weight: 700;
}
.content_max_width {
	max-width: 1366px;
	margin: 0 auto;
}
.container_max_width {
	max-width: 960px;
	margin: 0 auto;
}
.main_slider {
	height: calc(100vh - 55px);
}

.fs-18{ font-size: 18px; }
.text_container p a{ font-weight: 600;}
.din{ display: none; }

.avis-item{
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	padding: 10px;
}
.avis-item img{
	display: block;
	max-width: 128px;
	margin: 0 auto;
}
.avis-item strong{
	display: block;
	text-align: center;
	padding-top: 5px;
}
.avis-item .rate{
	text-align: center;
}
.avis-item .date{
	text-align: center;
	font-style: italic;
	font-size: small;
	padding-bottom: 10px;
}
.avis-item .texte{
	text-align: center;
}

.specAvis{
	border-top: solid 2px #EEE;
	padding-top: 30px;
	padding-bottom: 50px;
}

.pad35 {
	padding: 35px;
}

.blocActu{
	padding: 30px 0;
}

.mar0auto{
	margin: 0 auto;
}

/*************
**** BODY ****
**************/

.reg_content {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 50px 0;
}

.reg_contentMenu {
	max-width: 1920px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0 auto;
}

.reg_topGauche {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.reg_topDroite {
	-webkit-box-flex: 4;
	-ms-flex: 4 0 auto;
	flex: 4 0 auto;
}

.lSAction i {
	color: var(--secondary-color);
}

/* Required */
.hidden {
	opacity: 0;
}

.visible {
	opacity: 1;
}


/* Custom file input */
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile+label {
	font-size: 1.25em;
	font-weight: 700;
	color: white;
	background-color: black;
	display: inline-block;
}

.inputfile:focus+label,
.inputfile+label:hover {
	background-color: red;
}

.inputfile+label {
	cursor: pointer;
	/* "hand" cursor */
}

.inputfile:focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label span {
	font-family: var(--text-font);
	font-weight: 700;
	text-transform: uppercase;
}

.inputfile+label svg {
	margin-right: 5px;
	vertical-align: text-top;
}

.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.no-js .inputfile+label {
	display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

/***/

.reg_contentStd {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

.m0auto {
	margin: 0 auto;
}

/* Paddings */
.pt25 {
	padding-top: 25px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb50 {
	padding-bottom: 50px;
}

.pt15{
	padding-top: 15px;
}

.pt50 {
	padding-top: 50px;
}

.ptb15 { padding: 15px 0; }
.ptb25 { padding: 25px 0; }
.ptb50 { padding: 50px 0; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad25 { padding: 25px; }
.pad50 { padding: 50px; }

/* Margins */
.mtb25 {
	margin: 25px auto;
}

.mtb25auto {
	margin: 25px auto;
}

/* PAGINATOR */
.paginator .nav span {
	font-size: 1.8em;
}

.paginator {
	width: 60%;
	margin: 0 auto;
}

.article.actus h1{
	margin: 0px;
	font-weight: 400;
}

.paginator td {
	padding: 15px 0;
}

.paginator a,
.paginator i {
	font-size: 22px;
	color: #2d3436;
	padding: 50px 5px;
	line-height: 100%;
}

.paginator .encours {
	color: #95A5A6;
}

/* GLOBAL PAGE TITLE */
.global_page_title {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 3.5em;
	color: #313439;
	font-weight: 600;
	margin: 0;
}

.global_page_title.alc {
	-webkit-box-shadow: 25px -5px 9px -8px rgba(0, 0, 0, 0.27);
	box-shadow: 25px -5px 9px -8px rgba(0, 0, 0, 0.27);
}

.global_page_title strong {
	display: block;
}

.global_page_title.white {
	color: #fff;
}

.global_page_title strong.red {
	color: var(--secondary-color);
}

.global_page_title.m0auto {
	text-align: center;
}

.global_page_title.m0auto.sep:after {
	margin-left: auto;
	margin-right: auto
}

.global_page_title.spe {
	color: #313439;
	font-family: var(--text-font);
	font-weight: 700;
	font-size: 1.8em;
}

.global_page_title.spe:after {
	content: '';
	display: block;
	width: 250px;
	height: 3px;
	margin: 5px 0;
	background-color: var(--secondary-color);
}


/* GLOBAL PAGE TITLE */
.global_section_title {
	font-size: 50px;
	color: var(--secondary-color);
	padding: 0 0 25px 0;
}

.global_section_subtitle {
	font-size: 34px;
	color: var(--secondary-color);
}
h3.global_section_subtitle{
	font-size: 30px;
}

.global_section_title strong {
	display: block;
}

.global_section_title.m0auto {
	text-align: center;
}

.sport-quality .global_section_title {
	padding-top: 50px;
}


/* GLOBAL FORM */
.global_form:not(.newsletter_form):not(.login) legend {
	font-family: var(--text-font);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 0.5px;
	padding-bottom: 15px;
	padding-right: 25px;
	border-bottom: 2px solid var(--secondary-color);
	margin-bottom: 15px;
}

.global_form fieldset {
	padding: 0;
}

.global_form input,
.global_form textarea,
.global_form input.inputfile+label,
.global_form .select select {
	border: 2px solid var(--global-background-color);
	font-size: 1.2em;
	display: block;
	background: var(--global-background-color);
	padding: 15px 25px;
	margin: 0;
	letter-spacing: 1px;
	text-transform: none;
	font-family: var(--text-font);
	font-weight: 500;
}

.global_form .select select {
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.global_form .select {
	position: relative;
}

.global_form .select::after {
	font-family: "Font Awesome 5 Free";
	content: "\f078";
	font-weight: 900;
	border-radius: 30px;
	color: #fff;
	width: 75px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	z-index: -1;
	right: 0;
	top: 0;
	line-height: 100%;
	font-size: 2em;
	background-color: var(--heading-color);
}

.global_form .select select:focus {
	outline: none;
	border: 2px solid var(--heading-color);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.global_form .select select option {
	height: 100%;
}

.global_form input.inputfile+label {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	border-width: 4px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.global_form input.inputfile+label:hover {
	background-color: var(--heading-color);
	border-color: var(--heading-color);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.global_form textarea {
	min-height: 250px;
	padding-top: 25px;
	resize: none;
	font-family: var(--text-font);
	font-weight: 500;
	font-size: 1.2em;
}

.global_form cite,
.global_form cite a {
	color: var(--secondary-color);
	display: block;
	margin-left: auto;
	text-align: right;
	padding-right: 10px;
}

.global_form cite a:hover {
	color: #313439;
}

.global_form button {
	margin: 20px 0 20px 0;
	padding: 15px 50px 13px 50px;
}

.global_form button img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	width: 23px;
	margin-right: 10px;
	vertical-align: bottom;
}

.global_form .mid {
	margin-left: auto;
	margin-right: auto;
}

.global_form .right {
	margin-left: auto;
	text-align: right;
}

.full {
	width: 100%;
}

.swal2-html-container ul {
	padding-left: 30px;
}

.blocSupp{
	border: solid 1px var(--primary-color);
	margin: 0 auto 30px auto;
}

.blocSuppTop{
	margin: 30px auto;
	border-top: solid 1px var(--primary-color);	
	border-bottom: solid 1px var(--primary-color);	
}

.blocSupp cite {
	text-align: right;
	padding-top: 5px;
}

.sub_infos {
	font-style: italic;
}

.custom_page h1 {

}

.homeVid {
    width: 100%;
	height: 100%;
    margin: 0 auto;
    position: relative;
	overflow: hidden;
}
.homeVid h1 {  
	position: absolute;
	left: 50%;
	top: 25%;
	text-align: center;
	color: #FFF;
	transform: translate(-50%,-50%);
}

video {
    width: 100%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/********
*  TOP  *
*********/

#header {
	color: #d45700;
}
header {
	min-height: 95px;
}
/* MENU RESPONSIVE */
.mobile_menu_button {
	display: none;
}
.responsive-menu {
	display: none;
}
.user_menu .user_menu_link {
	padding: 15px;
	color: #fff;
	font-family: var(--text-font);
	font-weight: 400;
	font-size: 1.15em;
	-webkit-transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-o-transition: padding 0.3s ease;
	transition: padding 0.3s ease;
}
.user_menu .user_menu_link img {
	margin-right: 10px;
	display: inline-block;
	width: 26px;
	vertical-align: middle;
	/*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(106%) contrast(102%);*/
}

.user_name i {
	vertical-align: text-top;
	padding-left: 5px;
}

.user_menu #qttPan,
.user_menu #totPan {
	font-size: 12px;
	line-height: 100%;
	padding: 0;
}

.user_menu .user_menu_link span.user_menu_title,
.user_menu .user_menu_link span.panier_menu_title {
	display: inline-block;
	text-align: center;
}

.user_sign_out {
	text-transform: uppercase;
	padding-top: 5px;
	align-items: baseline;
}

.user_sign_out:hover {
	color: var(--heading-color);
}

.reg_contentTop {
	z-index: 100;
	top: 0;
	width: 100%;
	box-shadow: 0 3px 2px #d1d1d1;
}

.user_sign_out {
	color: #fff;
}

.user_menu .totPan {
	display: block;
	font-family: var(--text-font);
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding-top: 5px;
}

.reg_topGauche a {
	display: block;
}

.reg_topGauche img {
	display: block;
	max-width: 250px;
}

.reg_topGauche span {
	font-style: italic;
	display: block;
	margin-left: 20px;
	margin-top: 5px;
	text-align: center;
}

.menuTab .menuRow .menuCell.resp {
	display: none;
}

.menuCell.w50,
.w50 {
	width: 50%;
}

.menuCell a.none {
	position: relative;
	display: inline-block;
	outline: none;
	font-size: 20px;
	margin: 0px auto;
	text-align: center;
	letter-spacing: 0px;
	transition: 0.8s;
	width: 100%;
	line-height: 100%;
	color: #344033;
}

.menuCell a.none:hover,
.menuCell a.sel {
	color: #fff;
	color: var(--secondary-color);
}

.menuTab a.btnStd {
	color: #fff;
}

.menuCell {
	display: block;
	text-align: left;
	padding: 50px 50px 50px 0;
	font-family: var(--secondary-font);
	font-weight: 400;
	font-synthesis: small-caps;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.menuCell:hover {
	border-radius: 0 0 0 8px;
	transition: all 0.5s ease-in-out;
}

.menuCell.spec:hover {
	background: none;
}

.menuCell a:hover {
	color: #557777;
	transition: 0.5s
}

.miniBar {
	position: fixed;
	background: rgba(255, 255, 255, 0.99);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar .padding {
	padding: 5px;
}

.miniBar a.name {
	font-size: 30px;
	line-height: 30px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar .menuCell a:not(.btnStd) {
	padding: 5px;
	font-size: 14px;
}

.miniBar .menuCell a.btnStd {
	padding: 8px 15px;
	font-size: 14px;
	border-width: 2px;
}

.miniBar a.logoTop {
	padding: 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar a.logoTop img {
	width: 120px;
}

.miniBar .menuCell {
	padding-bottom: 15px;
	padding-top: 15px;
}

.miniBar .reg_topGauche span {
	display: none;
}

.miniBar a.logoTop strong {
	font-size: 22px;
	background-position: 0 -10px;
	min-height: 60px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar .user_menu .user_menu_link {
	padding: 0 10px;
	-webkit-transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-o-transition: padding 0.3s ease;
	transition: padding 0.3s ease;
}

.miniBar .user_menu .user_menu_link span.user_menu_title,
.miniBar .user_menu .user_menu_link .user_sign_out,
.miniBar .icon-service p {
	display: none;
}

.miniBar .reg_topGauche.flol {
	width: 10%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar .reg_topDroite.flor {
	width: 90%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.miniBar #user-login i {
	font-size: 1em;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#user-login i {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* ESPACE CLIENT */
.login-page {
	width: 280px;
	background-color: #313131;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	color: #fff;
	position: absolute;
	z-index: 1000;
	top: 85%;
	left: 50%;
	transform: translateX(-50%);
}

.login-page-pad {
	padding: 15px;
}

.login-page legend {
	font-size: 1.4em;
	text-align: center;
	padding-bottom: 15px;
}

.login-page button {
	width: 100%;
	margin-top: 15px;
}

.login-page cite.error {
	color: red;
	padding-top: 3px;
	display: inline-block;
	font-size: 0.85em;
}

.login-page .infos-message {
	font-style: normal;
	text-align: center;
	border-top: 1px solid #f15d5f;
	padding: 15px 0 5px 0;
	margin: 20px 0 0 0;
	display: block;
	font-size: 1em;
}

.login-page .infos-message a {
	font-style: normal;
	color: #FFF;
	padding: 15px 25px;
	font-size: 12px;
}

.login-page fieldset {
	padding: 10px 0;
}

.login-page input.std {
	margin-top: 5px;
	border: none;
	background-color: #f1f1f1;
	width: 100%;
	text-indent: 15px;
	padding: 5px 0;
}

.register-form,
.login-form {
	font-size: 1.2em;
}

.register-form {
	display: none;
}

.my-profil i {
	vertical-align: middle;
	display: inline-block;
	font-size: 1.6em;
	color: var(--secondary-color);
	min-width: 40px;
	text-align: center;
}

.my-profil span {
	vertical-align: bottom;
	font-size: 1.2em;
}

.my-profil a {
	transition: text-indent .3s ease;
	display: inline-block;
}

.my-profil a:hover {
	text-indent: 10px;
	transition: text-indent .3s ease;
}

/*************
*** BOTTOM ***
**************/

/* Footer */


/* Footer - Copyright */

/** PART 1 ***/

.part1 {
	padding: 0 0 50px 0;
}

.botCell {
	display: table-cell;
	text-align: center;
	padding-top: 8px;
	width: 25%;
}

.fa.hand {
	margin: 0 auto;
	text-align: center;
	font-size: 8em;
	display: block;
}

.botCell strong {
	color: #ddd;
	font-size: 18px;
	font-weight: normal;
	padding: 40px 0;
	text-align: center;
	text-transform: uppercase;
}

/** PART 2 ***/

.part2 {
	background-color: #313131;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.75)) repeat scroll 0% 0%, rgba(0, 0, 0, 0) url("/imgs/contenu/page-footer-bg.jpg") no-repeat scroll center center / cover;
	border-top: 1px solid #fff;
}

.part2.footer {
	padding: 30px 60px;
}

.contentBotLien {
	display: table;
	margin: 0 auto;
}

.contentBotLien strong {
	font-size: 20px;
	letter-spacing: 2px;
	padding: 8px 0;
	color: #FFFFFF;
	text-transform: uppercase;
	display: table;
	font-family: 'Dodger Condensed', Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 25px;
}

.contentBotLien strong:after {
	content: '';
	display: block;
	width: 50px;
	height: 5px;
	margin-top: 8px;
	background-color: var(--secondary-color);
	transform: skewX(-45deg);
}

.contentBotLien>span {
	display: block;
}

.contentBotLien span span {
	display: block;
	font-size: 12px;
	padding: 10px 0;
	color: #FFF;
	text-align: center;
	font-size: 1em;
}

.contentBotLien .tel {
	font-weight: 600;
}

.contentBotLien a {
	display: block;
	font-size: 16px;
	padding: 8px 0;
	color: #FFFFFF;
	font-family: var(--text-font);
	font-weight: 300;
}

.contentBotLien a:hover {
	color: var(--secondary-color);
}

.contentBotLien cite {
	font-size: 16px;
	color: #FFFFFF;
}

.contentBotLien p {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 300;
}

.contentBotLien i {
	display: block;
	font-size: 2em;
	padding: 5px 0 2px 0;
}

.contentBotLien.contact p {
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}

.contentBotLien.contact p img {
	vertical-align: middle;
	margin-right: 15px;
}

.contentBotLien.contact p span {
	display: inline-block;
	vertical-align: middle;
}


/** PART 3 ***/

.footer_copyright_menu a {
	padding: 0 25px;
	color: #344033;
	font-family: var(--secondary-font);
}

.footer_copyright_menu a:hover {
	color: var(--secondary-color);
}

.part3 {
	padding: 25px 70px;
	-webkit-box-shadow: 0px -2px 8px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px -2px 8px 2px rgba(0, 0, 0, 0.25);
	font-family: var(--secondary-font);
}

.part3 a,
.part3 span {
	font-size: 14px;
	color: #344033;
}

/********************
**** BACK TO TOP ****
********************/

#returnOnTop {
	background: url('/imgs/picto.backtotop.png') no-repeat;
	bottom: 1%;
	cursor: pointer;
	display: none;
	filter: alpha(opacity=100);
	/* IE < 8 */
	height: 50px;
	opacity: 1;
	position: fixed;
	right: 1%;
	width: 50px;
}

#returnOnTop:hover {
	filter: alpha(opacity=100);
	/* IE < 8 */
	opacity: 1;
}

#loading {
	width: 0%;
	height: 3px;
	background: var(--secondary-color);
	position: fixed;
}

/**************
*** GENERAL ***
**************/
.reg_contentPad {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

.reg_contentPad.bgIntro {
	padding: 30px 0 0 0;
}

.contact .reg_contentPad.bgIntro {
	padding: 0px 0 30px 0;
}

.reg_content p {
	width: 100%;
	margin: 0 auto;
	font-size: 17px;
	line-height: 20px;
	padding: 20px 0;
	color: #193333;
}

.logoTop img {
	/* width: 208px; */
	/*height: 51px;*/
	margin: 0 auto;
	display: block;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


/**************
*** ACCUEIL ***
***************/

.global_slider {
	width: 100%;
}

.swiper-slide .btnStd {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 8px 20px 6px 20px;
	font-family: var(--secondary-font);
}

.social-networks {
	position: absolute;
	z-index: 1000;
	left: 100px;
	bottom: 0;
	background-color: var(--secondary-color);
}

.social-networks a {
	font-size: 38px;
	padding: 5px 0;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.swiper-slide .btnStd img {
	margin-right: 10px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	display: none;
}

.global_slider .swiper-button-prev,
.global_slider .swiper-button-next {
	width: auto !important;
}

.global_slider .swiper-button-next {
	right: 75px;
}

.global_slider .swiper-button-prev {
	left: 75px;
}

.global_slider .swiper-button-prev img,
.global_slider .swiper-button-next img {
	width: 88px;
}

.slide-text {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	font-family: var(--secondary-font);
	font-synthesis: small-caps;
}

.slide-text h1 {
	max-width: 1060px;
}

.home header {
	background-color: var(--global-background-color);
}

.home header .global_page_title {
	font-style: italic;
	font-weight: bold;
	font-size: 4.5em;
}

.home header .global_page_title:after {
	content: '';
	display: inline-block;
	width: 60px;
	height: 8px;
	margin-left: 20px;
	background-color: var(--secondary-color);
	transform: skewX(-45deg);
}

.home header h2 {
	font-size: 4em;
	text-transform: uppercase;
	color: var(--secondary-color);
	font-family: 'Dodger 3D';
}

.home header p {
	font-size: 1.6em;
	line-height: 130%;
}

.home section.contact {
	margin: 0px;
}

.home_presentation img {
	border-radius: 50%;
}

.contact label.required:after {
	content: "*";
	display: inline-block;
	padding-left: 5px;
}

.home_presentation img+img {
	position: absolute;
	bottom: 0;
	right: 80px;
	width: 250px;
	z-index: 10;
	border: 10px solid #fff;
}

.home .contact form {
	max-width: 650px;
	margin: 0 auto;
}

.home .contact form label {
	display: block;
	padding: 0 0 10px 8px;
	font-size: 14px;
}

.home .contact form input {
	width: 100%;
	padding: 12px 0;
	text-indent: 15px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid;
}

.home .contact form textarea {
	width: 100%;
	resize: none;
	min-height: 250px;
	padding: 15px;
	border-radius: 20px;
	border: 1px solid;
}

.home .contact .input_pad {
	padding: 0 15px;
}

.home .contact button {
	margin-left: auto;
}

.home .global_section_title {
	font-family: var(--primary-font), cursive;
	text-align: center;
	margin: 0 auto;
	display: block;
}


/* Sport quality */
.sport-quality h2 {
	font-family: var(--secondary-font);
	font-weight: 400;
}

.sport-quality h3 {
	font-weight: 300;
	font-size: 16px;
	line-height: 160%;
}


/* Tarifs et réservation */
#tarifs-resa {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.isMobile{
	position: relative;
}

.layer{
	display: none;
}

.isMobile .layer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
    justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
    align-items: flex-end;
	position: absolute;	
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 2em;
	padding: 0 15px 15px 0;
	color: #FFF;
}

.isMobile .layer i{
	margin-top: 115px;
}

/* Design 2 */
.tarifs-resa .tarif.design_2 {
	margin: 0;
	max-width: 330px;
}

.tarifs-resa .tarif.design_2 img {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

.tarifs-resa .tarif.design_2 a{
	border-radius: 10px;
}

.tarifs-resa .tarif.design_2 h2 {
	margin: 0;
	text-align: center;
	padding: 20px 18px;
	border: solid 1px var(--secondary-color);
	color: var(--secondary-color)!important;
	font-weight: 500!important;
	font-size: 1.35em;
	min-height: 120px;
	cursor: pointer;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;		
}

.tarifs-resa .tarif.design_2 h2 span {
	font-weight: 300;
}
.tarifs-resa .tarif.design_2 h2 cite{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	text-align: center;
}

.article-img{
	height:250px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
}

a:focus,
a:hover {
	text-decoration: none;
	color: inherit;
}

#simplebar_container {
	max-height: 970px;
}

.popup_infos_produit .swal2-title,
.popup_infos_produit .swal2-html-container {
	text-align: left;
}

.popup_infos_produit .swal2-close:focus,
.popup_infos_produit .swal2-styled.swal2-default-outline:focus {
	box-shadow: none;
}

/****/

.tarifs-resa hr {
	width: 10px;
	margin: 15px auto;
}

.tarifs-resa .tarif {
	text-align: center;
	font-size: 15px;
	margin-bottom: 80px;
}

.tarifs-resa .tarif label {
	display: block;
	cursor: pointer;
	border-radius: 15px;
	font-family: var(--secondary-font);
	max-width: 200px;
	font-weight: 400;
	margin: 0 auto;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

.tarifs-resa .tarif label img {
	margin-bottom: 25px;
}

.tarifs-resa .tarif label span {
	font-size: 20px;
}

.tarifs-resa .tarif input:checked+label {
	background-color: #ffdfcd;
	-webkit-transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
}

.tarifs-resa .reservation h2:not(.global_section_title) {
	font-size: 26px;
	font-family: var(--secondary-font);
	font-weight: 400;
}

.tarifs-resa .reservation h2 span {
	color: var(--secondary-color);
}

.tarifs-resa .reservation input {
	border-radius: 15px;
	padding: 8px 15px;
	border: 1px solid var(--secondary-color);
	font-size: 17px;
	width: auto;
	text-align: center;
}

.tarifs-resa .reservation .cours_heure input {
	width: 80px;
}

.tarifs-resa .reservation .flex span {
	font-size: 17px;
	font-family: var(--secondary-font);
}

.resaIframe {
	border: none;
	width: 100%;
}

/* Contact */
.contact-infos p {
	padding: 15px 0 25px 0;
}

.contact-infos .title {
	font-size: 18px;
	font-family: var(--secondary-font);
}

.contact-infos .method {
	margin-bottom: 25px;
}

.contact-infos .pad_spe {
	padding: 15px 50px;
}

.contact-infos .method img {
	margin-right: 10px;
	width: 24px;
	height: 24px;
}

.contact-infos .method strong {
	font-weight: 400;
	font-size: 16px;
	font-synthesis: small-caps;
}

.contact-infos .method strong.email {
	word-wrap: anywhere;
}

.contact-infos .method address {
	font-style: normal;
	font-size: 16px;
}

.contact-infos .method .client_adresse:not(:last-child) {
	margin-bottom: 20px;
}


/*************************
**** CONNEXION CLIENT ****
*************************/

.login_page {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.65)) repeat scroll 0% 0%,
		rgba(0, 0, 0, 0) url("/imgs/rubriques/30/agyplus-user-connexion-background.jpg") no-repeat scroll left center / cover;
	height: calc(100vh - 108px);
	max-height: 100vh;
}

.login_page .content_max_width {
	max-width: 768px;
}

.login_page h1 {
	color: #fff;
}

.login_page h2 {
	color: #fff;
}

.login_page legend,
.login_page h2 {
	font-size: 20px;
}

.login_page fieldset input {
	text-indent: 40px;
	font-size: 1.5em;
}

.login_page fieldset input:not(:last-child) {
	margin-bottom: 30px;
}

.login_page fieldset input.login {
	background: var(--global-background-color) url('/imgs/picto/usermail.png') no-repeat 15px center / 30px;
}

.login_page fieldset input.password {
	background: var(--global-background-color) url('/imgs/picto/password.png') no-repeat 15px center / 30px;
}

.login_page span {
	font-family: var(--text-font);
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	padding-bottom: 10px;
}

.login_page cite {
	padding: 15px 0 0 0;
}

.login_page cite a {
	font-family: var(--text-font);
	font-weight: 500;
	padding: 0;
}

.login_page cite a:hover {
	color: #fff;
}


/****************************
**** MOT DE PASSE OUBLIÉ ****
*****************************/


/************************
**** CRÉATION COMPTE ****
************************/

.creation_compte fieldset {
	margin: 20px 0;
}

/* Ribbon - Global */
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 10px 0;
	background-color: var(--secondary-color);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #fff;
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-transform: uppercase;
	text-align: center;
}

/* Ribbon - Top left*/
.ribbon-top-left {
	top: -10px;
	left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left::before {
	top: 0;
	right: 0;
}

.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}

.ribbon-top-left span {
	right: -25px;
	top: 42px;
	transform: rotate(-45deg);
}

/*************
*** BOUTON ***
**************/
.btnStd {
	font-family: var(--secondary-font);
	font-weight: 400;
	display: table;
	padding: 12px 30px 10px 30px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid var(--secondary-color);
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
	background: var(--secondary-color);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btnStd.rounded {
	border-radius: 30px;
}

.btnStd:hover {
	background: transparent;
	color: var(--secondary-color);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btnStd.spe {
	background-color: #fff;
	color: var(--secondary-color);
}

.btnStd.spe:hover {
	background-color: var(--secondary-color);
	color: #FFFFFF;
}


/****************
*** ACTUALTÉS ***
*****************/
.actualites_liste h2 {

}

.actualites_liste p {
	text-align: justify;
}


/**************
*** CONTACT ***
***************/

.contact header {
	background-color: var(--global-background-color);
}

.contact header h2 {
	font-size: 4em;
	text-transform: uppercase;
	color: var(--secondary-color);
}

.contact header p {
	font-size: 1.6em;
	line-height: 130%;
}

fieldset {
	border: none;
	padding: 15px 0;
	margin: 0;
}

.aucunesInfos {
	font-size: 30px;
	text-align: center;
	padding: 0 0 50px;
}

p.paiement {
	padding: 50px 0;
	line-height: 16px;
}

/*Checkboxes styles*/
input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	display: block;
	position: relative;
	padding: 0 0 0 20px;
	margin: 25px 0;
	color: #aaa;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-size: 14px;
	line-height: 20px;
	color: #292b2c;
}

/*input[type="checkbox"] + label:last-child { margin-bottom: 0; }*/
input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid var(--secondary-color);
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
	margin-left: 2px;
}

input[type="checkbox"]:checked+label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*********************************
*** INFORMATIONS COMPTE CLIENT ***
*********************************/

.client_detail_compte .ui-widget.ui-widget-content {
	border: none;
}

.client_detail_compte .ui-tabs .ui-tabs-nav {
	background: none;
	padding: 0;
	font-family: var(--text-font);
	font-size: 1.35em;
	border: none;
	border-bottom: 2px solid var(--secondary-color);
	margin-bottom: 25px;
	border-radius: 0;
}

.client_detail_compte .ui-tabs .ui-tabs-nav li {
	margin: 0;
	background: none;
	border: none;
	padding-bottom: 15px;
	border-radius: 0;
}

.client_detail_compte .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-family: var(--text-font);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: .5em 2em;
}

.client_detail_compte .ui-state-active a,
.client_detail_compte .ui-state-active a:link {
	background: none;
	color: var(--secondary-color) !important;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.client_detail_compte .ui-tabs .ui-tabs-panel {
	padding: 0;
}

.client_detail_compte .ui-widget input {
	font-size: 1.3em;
}

/* - Client détails compte */
.client_code strong,
.client_code span {
	font-size: 1.5em;
	vertical-align: middle;
}

.client_code img {
	vertical-align: middle;
}

/* - Client commandes */
.client_liste_commande .tableStd {
	border: 1px solid #e1e1e1;
}

.client_liste_commande .tableStd tr th {
	background-color: var(--secondary-color);
	color: #fff;
}

/* - Client adresses */
.address_list {
	max-width: 960px;
	margin: 0 auto;
}

.address_item {
	text-align: center;
	border: 1px solid #c2c2c2;
	max-width: 400px;
	margin: 0 auto;
}

.address_item strong {
	font-weight: 400;
	color: var(--heading-color);
	font-size: 2em;
	text-transform: uppercase;
}

.address_item strong:after {
	content: '';
	display: block;
	width: 80px;
	height: 5px;
	background-color: var(--secondary-color);
	border-radius: 5px;
	margin: 15px auto;
}

.address_item .address_customer_name {
	color: #b3b2b2;
	padding: 25px 0;
	font-size: 1.5em;
	font-family: var(--text-font);
	font-weight: 700;
	display: block;
}

.address_item p {
	font-family: var(--text-font);
	font-weight: 500;
	padding: 5px 0;
	font-size: 1.5em;
}

.address_item a {
	margin: 45px auto 0 auto;
	padding: 15px 60px;
}

.swal2-popup {
	font-size: 1.3rem !important;
	width: 50%!important;
}


/*************
*** TABLES ***
**************/

.tableStd {
	width: 97%;
	text-align: left;
	border-collapse: collapse;
}

.tableStd tr th {
	padding: 15px 10px;
	color: #313131;
	font-size: 1.2em;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	text-align: left;
}

.blocInfoTotal {
	text-align: left;
	position: sticky;
}

.tableStd tr th i {
	color: var(--global-text-color);
}

.tableStd tbody tr td {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
}

.tableStd tr {
	border-bottom: 3px solid var(--global-background-color);
}

.tableStd tr:hover td,
.tableStd tr:hover td .compteurNum input,
.tableStd tr:nth-child(even):hover td {
	background: var(--global-background-color);
}

.table {
	display: table;
}

.tabCell {
	display: table-cell;
}

.tabRow {
	display: table-row;
}

.modal-sportadic {
	background: #000 url('https://www.test.resa.sportadic.com/assets/img/logo_vivadic_min-blanc.png') center 30px no-repeat;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 80px 50px 50px;
}

.modal-sportadic a {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	padding: 5px 10px;
	margin-top: 10px;
	text-decoration: none;
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, calc(50vh - 50%));
	-ms-transform: translate(0, 50vh) translate(0, -50%);
	-o-transform: translate(0, calc(50vh - 50%));
	transform: translate(0, 50vh) translate(0, -50%);
}


/***********
*** RGPD ***
************/

.plc {
	color: #000;
	font-size: 15px;
}

.rgpd {
	margin: 50px auto;
	font-size: 1.1em;
}

.rgpd h1.titre {
	text-align: center;
	font-size: 26px;
	padding: 20px 0;
	color: var(--secondary-color);
	text-transform: uppercase;
}

.rgpd .sousTitre {
	font-size: 18px;
	padding: 15px;
	margin: 0px;
	text-align: center;
	color: #7d7d7d;
	padding: 20px 50px;
}

.rgpd h1 {
	color: #313131;
}

.rgpd b {
	margin-bottom: 25px;
	display: block;
	font-size: 1.3em;
	color: var(--secondary-color);
}

.rgpd ul {
	list-style-type: none;
	margin: 15px 0;
}

.rgpd>ul li {
	padding: 0 0 0 30px;
}

.rgpd>ul li a {
	color: var(--secondary-color);
}

.rgpd ul li ul li:before {
	content: '•';
	margin-right: 8px;
}

.rgpd hr {
	margin: 30px 0;
}


/***************
*** MENTIONS ***
****************/
.mentions-legales .reg_contentMenu .menuCell a {
	color: #313131;
}

.mentionsCont {
	width: 100%;
	margin: 15px auto;
	max-width: 1024px;
}

.mentionsLeg {
	padding: 25px 0;
}

.mentionsLeg > div {
	flex-basis: 30%;
}

.mentionsLeg h2 {
	color: #000000;
	display: block;
	font-size: 18px!important;
	text-transform: uppercase;
	font-family: var(--text-font);
	font-weight: 700;
	margin: 0;
}

.mentionsLeg h3 {
	color: #676666;
	display: block;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-family: var(--text-font);
	font-weight: 700;
	padding-bottom: 15px;
}

.mentionsLeg p {
	flex-basis: 70%;
	padding: 0 25px;
}


/* 404  */
.c{
    text-align: center;
    display: block;
    position: relative;
    width:80%;
    margin:100px auto;
}
._404{
    font-size: 200px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    z-index: 2;
    height: 220px;
    letter-spacing: 15px;
}
._1{
    text-align:center;
    display:block;
    position:relative;
    letter-spacing: 5px;
    font-size: 2em;
    line-height: 80%;
}
._2{
    text-align:center;
    display:block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
}
.c .text{
    font-size: 50px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin: 19px 0px 0px 0px;
    /* top: 256.301px; */
    z-index: 3;
    width: 100%;
    line-height: 1.2em;
    display: inline-block;
}

.c .btn{
    background-color: var(--primary-color);
    position: relative;
    display: inline-block;
    width: 358px;
    padding: 5px;
    z-index: 5;
    font-size: 25px;
    margin:0 auto;
    color: #fff;
    text-decoration: none;
    margin-right: 10px
}
.c .right{
    float:right;
    width:60%;
}

.c hr{
    padding: 0;
    border: none;
    border-top: 5px solid var(--primary-color);
    color:var(--primary-color);
    text-align: center;
    margin: 25px auto;
    width: 420px;
    height:10px;
    z-index: -10;
}

.c hr:after {
    content: "\2022";
    display: inline-block;
    position: relative;
    top: -0.80em;
    font-size: 2em;
    padding: 0 0.2em;
    background: #fff;
}


/***********
 * ECRAN 13 POUCES
 */

@media screen and (max-width: 1366px) {

	/* Login page */
	.login_page .content_max_width {
		max-width: 100%;
	}

	.menuCell a.none {
		font-size: 14px;
	}

	.menuCell {
		padding: 10px 5px;
	}
}

@media screen and (max-width: 1280px) {

	/* Création compte */
	.global_form .mid {
		width: 100%;
	}

}


/***********
 * TABLETTE PAYSAGE
 */
@media screen and (max-width: 1024px) {
	.reg_topGauche span {
		display: none;
	}

	.slide-text h1 {
		max-width: 700px;
	}

	.global_slider .swiper-button-next {
		right: 20px;
	}

	.global_slider .swiper-button-prev {
		left: 20px;
	}

	.global_slider .swiper-button-prev img, 
	.global_slider .swiper-button-next img {
		width: 50px;
	}

	.user_menu .user_menu_link span.user_menu_title,
	.user_menu .user_menu_link .user_sign_out,
	.icon-service p {
		display: none;
		margin-top: 8px;
	}

	.sub-menu .search input:placeholder-shown {
		font-size: 12px;
	}

	.menuCell a.none {
		font-size: 12px;
	}

	.sub-menu {
		padding: 10px 15px;
	}

	.reg_content {
		width: 98%;
	}

	.botCell strong {
		font-size: 15px;
	}

	.contentBotLien strong {
		font-size: 16px;
	}

	/* Footer */
	.newsletter_form,
	.social_links_col {
		padding: 25px 15px;
	}

	/* Mentions légales */
	.mentionsLeg {
		flex-wrap: wrap;
	}

	.mentionsLeg h3,
	.mentionsLeg>div {
		flex-basis: 100%;
	}

	.mentionsLeg p {
		padding: 15px 0;
	}

}

/***********
 * PETITE TABLETTE PAYSAGE
 */

@media screen and (max-width: 960px) {
	.menuCell {
		margin: 0 0 5px 0;
	}

	.menuTab:nth-child(2) {
		display: block;
		height: 31px;
		overflow: hidden;
		text-align: center;
	}

	.compteClient a {
		padding: 4px 6px 4px 6px;
	}

	.compteClient cite {
		padding: 4px 6px 4px 6px;
	}

	a.logoTop {
		padding: 0px;
	}

	.pad50 {
		padding: 25px;
	}

	.pad35 {
		padding: 15px;
	}

	.pad25 {
		padding: 15px;
	}

	.ptb50 {
		padding: 25px 0;
	}

	.btnStd {
		font-size: 14px;
		padding: 12px 20px 10px 20px;
	}

	/* Responsive transition menu */

	.logoTop img {
		padding: 15px 0px;
	}

	.menuTab {
		margin: 0 0 0 auto;
		width: auto;
	}

	/*****/

	.part2.footer {
		padding: 15px;
	}

	/*****/

	.tarifs-resa .tarif.design_2 h2 {
		font-size: 1.2em;
	}

}


/***********
 * TABLETTE PORTRAIT
 */

@media screen and (max-width: 768px) {
	.custom_page .global_section_title {
		font-size: 38px;
	}
	.global_section_subtitle {
		font-size: 23px;
	}
	.contentBotLien cite {
		font-size: 10px;
	}

	.contentMenuTop .menuTab .menuRow .menuCell {
		padding: 0;
	}

	.logoTop img {
		width: 100%;
		padding-top: 15px;
		margin: 0;
	}

	a.logoTop {
		max-width: 180px;
	}

	.tableStd tr th {
		padding: 15px 5px;
	}

	.menuTab a.btnStd {
		padding: 12px 25px;
		display: table;
		width: auto;
	}

	.menuCell {
		display: block;
		width: 100%;
		padding: 25px 0;
	}

	.global_page_title {
		font-size: 2.5em;
	}

	.slide-text {
		font-size: 20px;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	#simplebar_container {
		max-height: 100%;
	}

	/* Responsive menu */
	.contentMenuTop {
		padding: 10px 0;
		position: fixed;
		z-index: 1000;
		width: 300px;
		right: -305px;
		top: 0;
		box-shadow: 3px 0 0 0 #515151;
		background-color: #fff;
		height: 100vh;
		-webkit-box-shadow: -3px 0px 5px -2px rgba(0, 0, 0, 0.3);
		box-shadow: -3px 0px 5px -2px rgba(0, 0, 0, 0.3);
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-transition: right 0.4s ease;
		-o-transition: right 0.4s ease;
		transition: right 0.4s ease;
	}

	.menuTab.bloc2 {
		margin: 100px 20px 0 20px;
	}

	.mobile_menu_button.open+.contentMenuTop {
		right: 0;
		-webkit-transform: translate(100, 0);
		-ms-transform: translate(100, 0);
		transform: translate(100, 0);
	}

	.mobile_menu_button {
		display: table;
		margin-left: auto;
		margin-right: 0px !important;
		cursor: pointer;
		position: relative;
		z-index: 1100;
	}

	.bar1,
	.bar2,
	.bar3 {
		width: 35px;
		height: 5px;
		background-color: var(--secondary-color);
		margin: 6px 0;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}

	.reg_contentMenu .global_menu {
		margin-right: 15px;
	}

	.navbar a:hover {
		background: none;
	}

	.contentMenuTop .desktop_menu {
		flex-wrap: wrap;
	}

	.contentMenuTop .desktop_menu a {
		font-size: 20px;
	}

	.mobile_menu_button.open .bar1 {
		-webkit-transform: rotate(-45deg) translate(-7px, 6px);
		-ms-transform: rotate(-45deg) translate(-7px, 6px);
		transform: rotate(-45deg) translate(-7px, 6px);
	}

	.mobile_menu_button.open .bar2 {
		opacity: 0;
	}

	.mobile_menu_button.open .bar3 {
		-webkit-transform: rotate(45deg) translate(-9px, -9px);
		-ms-transform: rotate(45deg) translate(-9px, -9px);
		transform: rotate(45deg) translate(-9px, -9px);
	}

	.reg_contentMenu .menuCell a:not(.btnStd) {
		color: var(--secondary-color) !important;
	}

	.reg_contentMenu .menuCell a:not(.btnStd):after {
		background: none !important;
	}

	/* Footer */
	footer .pure-u-1 {
		padding: 25px 0;
	}

	.contentBotLien {
		display: block;
		text-align: center;
	}

	.contentBotLien strong {
		margin: 0 auto 15px auto;
	}

	.part3 {
		padding: 15px;
	}

	footer .bottom_menu {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/* 404 */
	.notfound .notfound-404 {
		height: 200px;
	}

	.notfound .notfound-404 h1 {
		font-size: 200px;
	}
}

/***********
 * PETITE TABLETTE PORTRAIT
 */

@media screen and (max-width: 600px) {

	/* RGPD */
	.rgpd ul {
		padding: 10px;
	}

	.rgpd ul li {
		padding: 0 15px;
	}

	.tableStd tr th,
	.tableStd tr th i {
		font-size: 14px;
	}

	.reg_content {
		padding: 25px 0;
	}

	.social-networks {
		display: none;
	}

	.specAvis .pad25.flex{
		flex-direction: column;
	}

	.avis-item{
		flex-basis: 100%;
	}

	.homeVid h1 {  	
		display: none;
	}
}


@media screen and (max-width: 568px) {

	/* Top */

	/* Accueil */
	.pb50 {
		padding-bottom: 25px;
	}

	/* Liste produits / prestations */
	.tarifs-resa .tarif.design_2 {
		max-width: 100%;
	}

	/* Formulaire de contact */
	fieldset {
		padding: 0;
	}

	/* Contact - infos */
	.contact-infos .pad_spe {
		padding: 15px;
	}

	.home .contact .input_pad {
		padding: 15px 0;
	}

	.home .contact .pad15 {
		padding: 0;
	}

	.home .contact button {
		margin-top: 25px;
	}

	/* Footer */
	.footer_copyright_menu {
		width: 100%;
	}

	.footer_copyright_menu a {
		display: block;
		text-align: center;
		padding: 10px;
	}

	.part3.copyright {
		text-align: center !important;
	}

	.part3.copyright span {
		padding: 10px;
	}

}

/***********
 * MOBILE PAYSAGE
 */

@media screen and (max-width: 480px) {
	.contentBotLien cite {
		line-height: 12px;
		padding: 3px 0;
	}

	.swal2-popup {
		font-size: 1.3rem !important;
		width: 95%!important;
	}

	.contentBotLien cite.loc,
	.contentBotLien cite.phone,
	.contentBotLien cite.mail {
		background: none;
	}

	.reg_content p {
		width: 90%;
	}

	.formContent .formPad {
		padding: 0px;
	}

	.tableStd tr td img {
		max-width: 80px;
	}

	.panier .PanPLT {
		padding: 5px 0;
	}

	.tableStd .pad10.desc .width50:nth-child(1) {
		width: 50px;
		margin: 0 30px 0 0;
	}

	.tableStd .pad10.desc .width50:nth-child(2) {
		width: 30%;
	}

	.reg_topGauche .logoTop,
	.reg_topGauche .bloc1 {
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	.contact .padField {
		padding: 10px 0;
		width: 90%;
		margin: 0 auto;
	}

	.home section {
		margin: 25px 0;
	}

	.global_section_title {
		font-size: 43px;
	}

	.swiper {
		height: 400px;
	}

	.btnStd {
		font-size: 14px;
	}

	.global_form textarea {
		min-height: 180px;
	}

	/* 404 */
	.notfound .notfound-404 {
		height: 162px;
	}

	.notfound .notfound-404 h1 {
		font-size: 162px;
		height: 150px;
		line-height: 162px;
	}

	.notfound h2 {
		font-size: 16px;
	}

	/******/

	.tarifs-resa .tarif.design_2 h2 {
		min-height: 0;
		line-height: 1.35em;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	/*****/

	.home .contact .pad15 {
		padding-bottom: 15px;
	}

	.btnStd {
		margin: 25px auto;
	}

	.sport-quality .global_section_title {
		padding: 30px;
	}

	.swiper-slide .btnStd {
	  bottom: 15px;
	  margin: 0;
	  width: 90%;
	  text-align: center;
	  display: block;
	  box-sizing: border-box;
	}

	.swiper-slide .btnStd {
		bottom: 5% !important;
	}
}

/***********
 * MOBILE PORTRAIT
 */

@media screen and (max-width: 380px) {
	.reg_topDroite {
		display: table;
		margin: 0 auto;
	}

	.tableStd tr td img {
		max-width: 60px;
	}

	.tableStd tr th,
	.tableStd tr th i {
		font-size: 12px;
	}

	.resaIframe {
		min-height: 1730px;
	}
}