@import url(source/owl.carousel.min.css);
.row:after,
.block--top:after,
.block--info--inner:after,
.content--evenments:after,
.content--evenments .item:after,
.content--evenments .item header:after,
.content--evenments footer:after,
.content--evenments footer .other ul:after,
.profile:after,
.column--wrapper:after {
	content: '';
	display: table;
	width: 100%;
	height: 0;
	clear: both;
	opacity: 0
}

.content--archive .item a img,
.numero .items .item .img-wrapper img,
.profile--img img {	min-height: auto;
	min-width: 100%;
}

/*Bloc*/
	.BlocStat{ background-color:#801b53;color: #ffffff}
.BlocStat td{text-align: center; font-family: 'SegoeUI', Arial, sans-serif; line-height: 1;font-weight: 700;padding:10px}
	
	.titleBloc { font-size: 70px;font-weight:bold }
	.titleBloc2 { font-size: 25px;  line-height: 1.5;}
	.descBloc{ font-size: 14px; line-height: 1.5; }


.bg {
	display: inline-block
}

.bg-archives_sticky {
	width: 45px;
	height: 45px;
	background: url("../img/css_sprites.png") -490px -150px
}

.bg-accueil_sticky {
	width: 32px;
	height: 27px;
	background: url("../img/accueil-2.png") -0px -27px
}

.bg-pdf_sticky {
	width: 25px;
	height: 33px;
	background: url("../img/css_sprites.png") -275px -225px
}

.bg-pdf {
	width: 31px;
	height: 40px;
	background: url("../img/css_sprites.png") -439px -150px
}

.bg-facebook {
	width: 45px;
	height: 39px;
	background: url("../img/css_sprites.png") -456px -80px
}

.bg-home {
	width: 56px;
	height: 58px;
	background: url("../img/css_sprites.png") -89px -359px
}

.bg-edito_1,
.content--edito article:before {
	width: 81px;
	height: 125px;
	background: url("../img/css_sprites.png") -10px -80px
}

.bg-contact {
	width: 60px;
	height: 60px;
	background: url("../img/css_sprites.png") -240px -359px
}

.bg-notebook {
	width: 55px;
	height: 43px;
	background: url("../img/css_sprites.png") -259px -150px
}

.bg-progress {
	width: 57px;
	height: 51px;
	background: url("../img/css_sprites.png") -111px -150px
}

.bg-dialog {
	width: 49px;
	height: 47px;
	background: url("../img/css_sprites.png") -206px -225px
}

.bg-arrow_2,
.content--edito article .color:before {
	width: 31px;
	height: 42px;
	background: url("../img/css_sprites.png") -388px -150px
}

.bg-edito {
	width: 59px;
	height: 80px;
	background: url("../img/css_sprites.png") -10px -359px
}

.bg-edito_2,
.content--edito article:after {
	width: 110px;
	height: 117px;
	background: url("../img/css_sprites.png") -377px -285px
}

.bg-contact_1,
.content--contact article:before {
	width: 81px;
	height: 125px;
	background: url("../img/css_sprites.png") -2010px -80px
}

.bg-contact_2,
.content--contact article:after {
	width: 119px;
	height: 194px;
	background: url("../img/css_sprites.png") -2420px -270px
}

.bg-arrow,
.content--article sidebar:before {
	width: 86px;
	height: 56px;
	background: url("../img/css_sprites.png") -100px -225px
}

.bg-archives {
	width: 46px;
	height: 48px;
	background: url("../img/css_sprites.png") -165px -359px
}

.bg-arrow_3,
.content--evenments .item--big h2:before {
	width: 55px;
	height: 42px;
	background: url("../img/css_sprites.png") -385px -80px
}

.bg-leaves {
	width: 62px;
	height: 75px;
	background: url("../img/css_sprites.png") -306px -45px
}

.bg-orange {
	width: 65px;
	height: 80px;
	background: url("../img/css_sprites.png") -188px -140px
}

.bg-line_1,
.content--promo .promo-2 .list-item:nth-child(3) .list-item--inner:before {
	width: 521px;
	height: 50px;
	background: url("../img/css_sprites.png") -10px -10px
}

.bg-line_2,
.content--promo .promo-2 .list-item:nth-child(5) .list-item--inner:before {
	width: 175px;
	height: 50px;
	background: url("../img/css_sprites.png") -111px -80px
}

.bg-line_3,
.content--promo .promo-2 .list-item:nth-child(2) .list-item--inner:before,
.content--promo .promo-2 .list-item:nth-child(4) .list-item--inner:before {
	width: 35px;
	height: 3px;
	background: url("../img/css_sprites.png") -141px -301px
}

.bg-turnip {
	width: 65px;
	height: 75px;
	background: url("../img/css_sprites.png") -10px -432px
}

.bg-key {
	width: 28px;
	height: 28px;
	background: url("../img/css_sprites.png") -367px -225px
}

.bg-user {
	width: 20px;
	height: 22px;
	background: url("../img/css_sprites.png") -507px -225px
}

.bg-store {
	width: 27px;
	height: 26px;
	background: url("../img/css_sprites.png") -415px -225px
}

.bg-card {
	width: 25px;
	height: 25px;
	background: url("../img/css_sprites.png") -462px -225px
}

.bg-pin,
.block--info--inner:before {
	width: 34px;
	height: 42px;
	background: url("../img/css_sprites.png") -334px -150px
}

.bg-marker {
	width: 21px;
	height: 29px;
	background: url("../img/css_sprites.png") -100px -301px
}

.bg-plank {
	width: 27px;
	height: 30px;
	background: url("../img/css_sprites.png") -320px -225px
}
.col-12 {
	width: 100%
}

@font-face {
	font-family: "CoconOffc";
	font-style: normal;
	font-weight: 700;
	src: local("CoconOffc"), url("../fonts/CoconOffc/CoconOffc-700.woff2") format("woff2"), url("../fonts/CoconOffc/CoconOffc-700.woff") format("woff"), url("../fonts/CoconOffc/CoconOffc-700.ttf") format("ttf"), url("../fonts/CoconOffc/CoconOffc-700.eot") format("eot")
}

@font-face {
	font-family: "Dinot";
	font-style: normal;
	font-weight: normal;
	src: local("Dinot"), url("../fonts/Dinot/Dinot-normal.woff2") format("woff2"), url("../fonts/Dinot/Dinot-normal.woff") format("woff"), url("../fonts/Dinot/Dinot-normal.ttf") format("ttf"), url("../fonts/Dinot/Dinot-normal.eot") format("eot")
}

@font-face {
	font-family: "Dinot";
	font-style: normal;
	font-weight: 500;
	src: local("Dinot"), url("../fonts/Dinot/Dinot-500.woff2") format("woff2"), url("../fonts/Dinot/Dinot-500.woff") format("woff"), url("../fonts/Dinot/Dinot-500.ttf") format("ttf"), url("../fonts/Dinot/Dinot-500.eot") format("eot")
}

@font-face {
	font-family: "Dinot";
	font-style: normal;
	font-weight: 700;
	src: local("Dinot"), url("../fonts/Dinot/Dinot-700.woff2") format("woff2"), url("../fonts/Dinot/Dinot-700.woff") format("woff"), url("../fonts/Dinot/Dinot-700.ttf") format("ttf"), url("../fonts/Dinot/Dinot-700.eot") format("eot")
}

@font-face {
	font-family: "Dinot";
	font-style: normal;
	font-weight: 900;
	src: local("Dinot"), url("../fonts/Dinot/Dinot-900.woff2") format("woff2"), url("../fonts/Dinot/Dinot-900.woff") format("woff"), url("../fonts/Dinot/Dinot-900.ttf") format("ttf"), url("../fonts/Dinot/Dinot-900.eot") format("eot")
}

@font-face {
	font-family: "SegoeUI";
	font-style: normal;
	font-weight: 700;
	src: local("SegoeUI"), url("../fonts/SegoeUI.woff2") format("woff2"), url("../fonts/SegoeUI.woff") format("woff"), url("../fonts/SegoeUI.ttf") format("ttf"), url("../fonts/SegoeUI.eot") format("eot")
}

@font-face {
	font-family: "SegoeUI-Bold";
	font-style: bold;
	font-weight: 700;
	src: local("SegoeUI-Bold"), url("../fonts/SegoeUI-Bold.woff2") format("woff2"), url("../fonts/SegoeUI-Bold.woff") format("woff"), url("../fonts/SegoeUI-Bold.ttf") format("ttf"), url("../fonts/SegoeUI-Bold.eot") format("eot")
}

@font-face {
	font-family: "SegoeUI-Bold-Italic";
	font-style: bold-italic;
	font-weight: 700;
	src: local("SegoeUI-Bold-Italic"), url("../fonts/SegoeUI-Bold-Italic.woff2") format("woff2"), url("../fonts/SegoeUI-Bold-Italic.woff") format("woff"), url("../fonts/SegoeUI-Bold-Italic.ttf") format("ttf"), url("../fonts/SegoeUI-Bold-Italic.eot") format("eot")
}

@font-face {
	font-family: "SegoeUI-Italic";
	font-style: italic;
	font-weight: 700;
	src: local("SegoeUI-Italic"), url("../fonts/SegoeUI-Italic.woff2") format("woff2"), url("../fonts/SegoeUI-Italic.woff") format("woff"), url("../fonts/SegoeUI-Italic.ttf") format("ttf"), url("../fonts/SegoeUI-Italic.eot") format("eot")
}

@font-face {
	font-family: "CoconPro-Regular";
	font-style: normal;
	font-weight: 700;
	src: local("CoconPro-Regular"), url("../fonts/CoconPro-Regular.woff2") format("woff2"), url("../fonts/CoconPro-Regular.woff") format("woff"), url("../fonts/CoconPro-Regular.ttf") format("ttf"), url("../fonts/CoconPro-Regular.eot") format("eot")
}
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
            /* End reset */
            p {padding:0;margin-bottom:0; margin:0;}
            img {margin:0;padding:0;max-width:100%;}
            a img {border:none;}
            table td {border-collapse: collapse;}
            table {border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }

.bg-onion {
	background-image: url(../img/panier.png);
	background-repeat: no-repeat;
	background-position: right bottom
}


@media all and (max-width: 768px) {
	.bg-onion {
		background: none
	}
}

html,
body {
	background-color: #fff;
	padding: 0;
	margin: 0;
	font-family: "Dinot", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	color: #801c55;
	position: relative;
	overflow-x: hidden
}
@media all and (max-width: 768px) {
	html,
	body {
		transition-duration: .1s;
		margin-left: 0;
		margin-right: 0
	}
	html.menu-open,
	body.menu-open {
		margin-left: -90vw;
		margin-right: 90vw;
		overflow-x: visible
	}
}

.row {
	margin: 0 -10px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.row>* {
	padding: 0 10px;
	box-sizing: border-box;
	float: none
}

.container {
	width: 100%;
	max-width: 1390px;
	margin: 0 auto
}

.container2 {
	width: 100%;
	max-width: 933px;
	margin: 0 auto
}

.container3 {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center
}

.container .inner {
	width: 100%;
	max-width: 948px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0
}

.container2 .inner {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.container .inner {
		padding: 0 50px
	}
}

@media all and (max-width: 768px) {
	.container .inner {
		padding: 0 25px
	}
}

.container2 .inner {
		padding: 0 25px
}

.align--right {
	text-align: right
}

.align--left {
	text-align: left
}

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

a {
	color: inherit;
	text-decoration: none
}

img {
	height: auto;
	width: auto;
	max-width: 100%
}

.hide {
	display: none;
	opacity: 0;
	visibility: hidden
}

@media all and (min-width: 1000px) {
	.hide--desktop {
		display: none
	}
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.hide--tablet {
		display: none
	}
}

@media all and (max-width: 768px) {
	.hide--mobile {
		display: none
	}
}

.col-1 {
	width: 8.33333%;
	float: left
}

.ml-1 {
	margin-left: 8.33333%
}

.mr-1 {
	margin-right: 8.33333%
}

.col-2 {
	width: 16.66667%;
	float: left
}

.ml-2 {
	margin-left: 16.66667%
}

.mr-2 {
	margin-right: 16.66667%
}

.col-3 {
	width: 25%;
	float: left
}

.ml-3 {
	margin-left: 25%
}

.mr-3 {
	margin-right: 25%
}

.col-4 {
	width: 33.33333%;
	float: left
}

.ml-4 {
	margin-left: 33.33333%
}

.mr-4 {
	margin-right: 33.33333%
}

.col-5 {
	width: 41.66667%;
	float: left
}

.ml-5 {
	margin-left: 41.66667%
}

.mr-5 {
	margin-right: 41.66667%
}

.col-6,
.block--info ul {
	width: 50%;
	float: left
}

.ml-6 {
	margin-left: 50%
}

.mr-6 {
	margin-right: 50%
}

.col-7 {
	width: 58.33333%;
	float: left
}

.ml-7 {
	margin-left: 58.33333%
}

.mr-7 {
	margin-right: 58.33333%
}

.col-8 {
	width: 66.66667%;
	float: left
}

.ml-8 {
	margin-left: 66.66667%
}

.mr-8 {
	margin-right: 66.66667%
}

.col-9 {
	width: 75%;
	float: left
}

.ml-9 {
	margin-left: 75%
}

.mr-9 {
	margin-right: 75%
}

.col-10 {
	width: 83.33333%;
	float: left
}

.ml-10 {
	margin-left: 83.33333%
}

.mr-10 {
	margin-right: 83.33333%
}

.col-11 {
	width: 91.66667%;
	float: left
}

.ml-11 {
	margin-left: 91.66667%
}

.mr-11 {
	margin-right: 91.66667%
}

.col-12 {
	width: 100%
}

.ml-12 {
	margin-left: 100%
}

.mr-12 {
	margin-right: 100%
}

.header {
	background-image: url(../img/header.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity:1;
	padding: 10px 0 50px
}


@keyframes tourne {
  0% {
    transform: rotate(25deg);
    opacity:0;
  }
  100% {
    transform: rotate(0deg);
    opacity:1;
  }
}

.content--evenments .item--big .label {
    animation: 1.5s ease-in-out 0.5s 1 both tourne;
}

@keyframes title_slide {
  0% {
    margin-left:160px;
    opacity:0;
  }
  100% {
    margin-left:40px;
    opacity:1;
  }
}

.page-title .bg:after {
    animation: 1.5s ease-in-out 0.5s 1 both title_slide;
}

@keyframes headerSlide {
  0% {
    opacity: 0.86;
    letter-spacing: .6em;
  }
  100% {
    opacity: 1 ;
    letter-spacing: .2em;
  }
}

.header_index h1{
    opacity: 20;
    animation: 1.5s ease-in-out 0.5s 1 both  headerSlide;
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.header {
		padding: 170px 0 155px
	}
}

@media all and (max-width: 768px) {
	.header {
		padding: 85px 0 75px;
		position: relative
	}
}

.header .top {
	margin: 0 0 110px
}

@media all and (min-width: 1000px) {
	.header .top {
		padding: 0 0px
	}
}

@media all and (max-width: 768px) {
	.header .top {
		margin: 0 0px 70px;
		text-align: right;
	}
}

.header .logo {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 528px;
	height: 118px
}

@media all and (max-width: 768px) {
	.header .logo {
		width: 326px;
		height: 72px
	}
}

.header .sitename {
	font-size: 84px;
	font-weight: 900;
	letter-spacing: .2em;
	margin: 0 0 15px;
	line-height: 1
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.header .sitename {
		font-size: 93px
	}
}

@media all and (max-width: 768px) {
	.header .sitename {
		font-size: 45px
	}
}

.header .subtitle {
	margin: 0;
	font-size: 22px
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.header .subtitle {
		font-size: 23px
	}
}

@media all and (max-width: 768px) {
	.header .subtitle {
		font-size: 13px
	}
}

.nav {
  background-color:#afcb07;
	color: #fff;
	padding: 0;
	margin-bottom: 55px
}

@media all and (max-width: 768px) {
	.nav {
		position: absolute;
		left: 100%;
		width: 90vw;
		top: 0;
		height: 100vh;
		padding: 0;
		z-index: 1002
	}
}

.nav ul {
	display: flex;
	justify-content: space-between
}

@media all and (max-width: 768px) {
	.nav ul {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 20px;
		box-sizing: border-box
	}
}

.nav ul li {
	display: block;
	border-right: 1px solid #fff;
	flex-grow: 1
}

@media all and (max-width: 768px) {
	.nav ul li {
		border: none
	}
}

.nav ul li { transition: background-color 0.3s;}
.nav ul li:last-child {
	border: none
}

.nav ul li:hover {
    display: block;
    border-right: 1px solid #fff;
    flex-grow: 1;
    background-color: #801b53;
}

.nav ul li a {color:white;
	display: block;
	font-weight: bold;
	font-size: 19px;
	line-height: 54px;
	text-align: center;
    transition: font-size 0.2s;
}

.nav ul li:hover a{
    	font-size: 21px;color:#fff
}

.nav ul li a.active {
	font-weight: 900;
	color: #fff; border-right: 1px solid #fff;
    flex-grow: 1;
    background-color: #801b53;
}

.sticky {
	position: fixed;
	right: 260px;
	top: 93%;
	transform: translateY(+10%);
	border-radius: 10px;
	padding: 5px;
	margin-right: 0;
	z-index: 101
}

@media all and (max-width: 768px) {
	.sticky {
		padding: 10px;
        display: none;
	}
}

.sticky ul {
	margin: 0;
	padding: 0
}

.sticky ul li {
	display: block;
	padding: 7px 7px 17px;
	margin-bottom: 10px;
}

@media all and (max-width: 768px) {
	.sticky ul li {
		padding: 0 0 5px;
		margin-bottom: 5px
	}
}

.sticky ul li:last-child {
	border-bottom: none;
	padding-bottom: 7px;
	margin-bottom: 0
}

@media all and (max-width: 768px) {
	.sticky ul li:last-child {
		padding: 0
	}
}

.menu-toggler {
	border: none;
	background: none;
	cursor: pointer
}

.menu-toggler span {
	display: block;
	height: 3px;
	width: 30px;
	background-color: #fff;
	border-radius: 2px;
	margin: 4px 10px
}

.menu-toggler.close {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 20px;
	right: 20px
}

.menu-toggler.close span {
	position: absolute;
	top: 50%;
	left: 19%;
	margin: -1px -15px 0 0;
	background-color: #fff;
	transform-origin: center center
}

.menu-toggler.close span:nth-child(1) {
	transform: rotate(45deg)
}

.menu-toggler.close span:nth-child(2) {
	transform: rotate(-45deg)
}

.page-title {
	color: #ffffff;
	background-color: #801c55;
	display: inline-block;
	margin: 0 0 55px;
	padding: 10px 30px;
	border-radius: 6px;
	font-size: 31px;
	line-height: 50px;
	letter-spacing: .1em;
	position: relative;
	z-index: 1
}

@media all and (max-width: 768px) {
	.page-title {
		font-size: 18px;
		line-height: 40px;
		padding: 15px 25px;
		margin: 0 0 40px -25px;
		border-radius: 0 6px 6px 0
	}
}

.page-title .bg {
	margin-right: 40px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

@media all and (max-width: 768px) {
	.page-title .bg {
		margin-right: 15px;
		transform: scale(0.8)
	}
}

.page-title .bg:after {
	content: '';
	position: absolute;
	left: 100%;
	margin-left: 40px;
	bottom: 0;
	background-color: #afcb08;
	width: 24px;
	height: 5px
}

@media all and (max-width: 768px) {
	.page-title .bg:after {
		margin-left: 23px
	}
}

.section-title {
	font-family: "CoconOffc", Arial, sans-serif;
	color: #801c55;
	font-weight: 700;
	font-size: 48px;
	padding-left: 50px;
	margin: 0 0 50px
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.section-title {
		font-size: 30px;
		padding-left: 0
	}
}

@media all and (max-width: 768px) {
	.section-title {
		font-size: 26px;
		margin: 0 0 30px;
		padding: 0
	}
}

.block--banner {
	position: relative;
	width: 100%;
	margin-top: -90px;
	overflow: hidden;
	height: 480px
}

@media all and (max-width: 768px) {
	.block--banner {
		height: 200px
	}
}

.block--banner img {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.block--video {
	width: 100%;
	height: 100%;
	max-width: 650px;
	margin: 0 auto 80px
}

@media all and (max-width: 768px) {
	.block--video {
		width: auto;
		max-width: none;
		margin: 0 -25px 25px
	}
}

.block--video .video {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 48.46%;
	margin: 0 0 10px
}

.block--video .video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.block--video h3 {
	font-size: 15px;
	font-weight: normal;
	margin: 0
}

@media all and (max-width: 768px) {
	.block--video h3 {
		padding: 0 25px
	}
}

.block--slider {
	position: relative;
	margin: -70px 0 40px;
	padding: 0 30px
}

@media all and (max-width: 768px) {
	.block--slider {
		padding: 0;
		margin: -50px -25px 40px
	}
}

.block--slider .owl-nav button {
	position: absolute;
	top: 50%;
	margin-top: -17px;
	color: #801c55;
	background-color: #fff;
	opacity: .7;
	border: none;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	padding: 0;
	text-align: center;
	line-height: 34px;
	transition-duration: .1s;
	cursor: pointer;
	font-size: 32px
}

.block--slider .owl-nav button.owl-next {
	right: 40px
}

.block--slider .owl-nav button.owl-prev {
	left: 40px
}

.block--slider .owl-nav button:hover {
	opacity: 1
}

.block--slider .owl-nav button.disabled {
	opacity: 0
}

.block--slider .owl-dots {
	text-align: center;
	margin: 18px 0
}

.block--slider .owl-dots .owl-dot {
	width: 7px;
	height: 7px;
	border: 1px solid #afcb08;
	background-color: #ffffff;
	margin: 0 2px;
	padding: 0;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.block--slider .owl-dots .owl-dot.active:before {
	content: '';
	display: block;
	width: 3px;
	z-index: 1;
	height: 3px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #afcb08;
	border-radius: 50%
}

.block--slider .owl-stage-outer {
	overflow: hidden;
	position: relative
}

.block--slider .owl-stage-outer .owl-item {
	float: left
}

.block--slider .owl-stage-outer .owl-item img {
	width: 100%
}

.block--top {
	padding: 0 0 0 50px;
	margin-right: -135px;
	margin-bottom: 55px
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.block--top {
		margin-right: 0;
		padding: 0
	}
}

@media all and (max-width: 768px) {
	.block--top {
		margin: 0 -25px 30px;
		padding: 0
	}
	.content--promo .block--top {
		margin-top: -70px
	}
}

.block--top .text-wrapper {
	float: right
}

@media all and (max-width: 768px) {
	.block--top .text-wrapper {
		width: 100%;
		padding: 0 25px;
		box-sizing: border-box
	}
}

.block--top .img-wrapper {
	padding-left: 40px;
	box-sizing: border-box;
	float: right
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.block--top .img-wrapper {
		padding-left: 20px
	}
}

@media all and (max-width: 768px) {
	.block--top .img-wrapper {
		width: 100%;
		padding: 0;
		margin: 0 0 40px
	}
}

.block--top .section-title {
	padding: 0
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.block--top .section-title {
		margin: 0 0 20px
	}
}

.block--top .intro {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	padding: 0 0 18px;
	position: relative
}

.block--top .intro:before {
	content: '';
	width: 400px;
	height: 2px;
	background-color: #801c55;
	position: absolute;
	left: 0;
	bottom: 0
}

@media all and (max-width: 768px) {
	.block--top .intro:before {
		width: 180px
	}
}

@media all and (max-width: 768px) {
	.block--top .intro {
		font-size: 16px
	}
}

.block--info {
	padding: 0 50px;
	margin: 0 0 80px
}

@media all and (max-width: 768px) {
	.block--info {
		padding: 0;
		margin: 50px 0 40px
	}
}

.block--info--inner {
	display: block;
	margin: 0;
	padding: 40px 50px;
	background-color: #eff0c3;
	position: relative;
	border-radius: 8px
}

@media all and (max-width: 768px) {
	.block--info--inner {
		padding: 30px
	}
}

.block--info--inner:before {
	content: '';
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.block--info ul {
	padding: 0;
	margin: 0
}

@media all and (max-width: 768px) {
	.block--info ul {
		width: 100%
	}
}

.block--info ul li {
	display: block;
	margin: 0 0 15px;
	padding-left: 55px;
	position: relative;
	font-size: 22px;
	font-weight: 900
}

.block--info ul li .bg {
	position: absolute;
	top: 0;
	left: 0
}

.content--archive {
	padding: 0 50px
}

@media all and (max-width: 768px) {
	.content--archive {
		padding: 0
	}
}

.content--archive .item {
	margin: 40px 0 80px
}

@media all and (max-width: 768px) {
	.content--archive .item {
		margin: 0 0 20px
	}
}

.content--archive .item .year {
	font-size: 19px;
	font-family: 'SegoeUI', Arial, sans-serif;
	margin: 0 0 18px;
	display: block
}

@media all and (max-width: 768px) {
	.content--archive .item .year {
		margin: 0 0 10px;
		font-size: 14px
	}
}

.content--archive .item h2 {
	font-size: 31px;
	font-family: 'SegoeUI', Arial, sans-serif;
	margin: 18px 0;
	text-transform: none;
	letter-spacing: .1em
}

@media all and (max-width: 768px) {
	.content--archive .item h2 {
		font-size: 17px;
		margin: 10px 0
	}
}

.content--archive .item a {
	display: block;
	height: 240px;
	position: relative;
	overflow: hidden
}

@media all and (max-width: 768px) {
	.content--archive .item a {
		height: 150px
	}
}

.content--article sidebar {
	padding-top: 75px;
	position: relative
}

.content--article sidebar:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0
}

@media all and (max-width: 768px) {
	.content--article sidebar:before {
		content: normal
	}
}

.content--article .article {
	padding: 0 50px
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.content--article .article {
		padding-right: 0
	}
}

.content--article .article h3 {
	color: #801c55;
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 50px
}

.content--article .article ol {
	margin: 0;
	padding: 0;
	counter-reset: list
}

.content--article .article ol li {
	display: block;
	font-size: 20px;
	margin: 50px 0;
	color: #000;
	position: relative
}

.content--article .article ol li:before {
	content: counter(list);
	counter-increment: list;
	color: #fff;
	background-color: #801c55;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-family: "CoconOffc", Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 0;
	left: -63px
}

@media all and (max-width: 768px) {
	.content--article .article ol li:before {
		left: -50px
	}
}

.content--article .article ol li h3 {
	margin: 0 0 10px
}

.content--article .subtitle {
	background-color: #afcb08;
	color: #801c55;
	font-family: "CoconOffc", Arial, sans-serif;
	font-size: 26px;
	line-height: 54px;
	font-weight: 700;
	padding: 0 18px;
	border-radius: 8px 8px 8px 0;
	display: inline-block;
	margin: 0 0 35px
}

@media all and (max-width: 768px) {
	.content--article .subtitle {
		font-size: 20px;
		line-height: 40px;
		padding: 0 15px
	}
}

.content--edito .page-title {
	margin-top: 0
}

.content--edito .section-title {
	padding: 0;
	margin: 18px -25px 60px 0
}

.content--edito article {
	padding: 0 50px 95px 150px;
	position: relative;
	font-size: 19px;
	color: #000000
}

.content--contact .page-title {
	margin-top: 0
}

.content--contact .section-title {
	padding: 0;
	margin: 18px -25px 10px 0
}

.content--contact article {
	padding: 0 40px 35px 20px;
	position: relative;
	font-size: 19px;
	color: #000000
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.content--edito article {
		padding: 0 25px 95px 100px
	}
}

@media all and (max-width: 768px) {
	.content--edito article {
		padding: 0 0 0 100px
	}
}

@media (max-width: 480px) {
	.content--edito article {
		padding: 0
	}
}

.content--edito article:before {
	content: '';
	position: absolute;
	left: -43px;
	top: 40%
}

@media (max-width: 480px) {
	.content--edito article:before {
		display: none
	}
}

.content--edito article:after {
	content: '';
	position: absolute;
	right: 50px;
	bottom: 0
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.content--edito article:after {
		right: 0
	}
}

@media all and (max-width: 768px) {
	.content--edito article:after {
		display: none
	}
}

.content--edito article .color {
	color: #801c55;
	position: relative
}

.content--edito article .color:before {
	content: '';
	position: absolute;
	right: 100%;
	top: 5px;
	margin-right: 24px
}

@media (max-width: 480px) {
	.content--edito article .color:before {
		display: none
	}
}

.content--edito article .small {
	font-size: 15px;
	font-weight: 500
}

.content--evenments article .small {
	font-size: 15px;
	font-weight: 500
}

.content--edito article .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 118px;
	height: 118px;
	overflow: hidden;
	border-radius: 50%
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.content--edito article .img {
		width: 80px;
		height: 80px
	}
}

@media all and (max-width: 768px) {
	.content--edito article .img {
		width: 80px;
		height: 80px
	}
}

@media (max-width: 480px) {
	.content--edito article .img {
		display: inline-block;
		position: relative;
	
	}
}

.content--edito article .img img {
	max-width: 100%
}

@media all and (max-width: 768px) {
	.content--evenments .col-6,
	.content--evenments .block--info ul,
	.block--info .content--evenments ul {
		width: 100%
	}
}

.content--evenments .item {
	margin: 0 0 40px;
	background-color: #eff0c3;
	padding: 30px 50px
}

@media all and (max-width: 768px) {
	.content--evenments .item {
		margin: 0 0 20px;
		padding: 15px 0
	}
}

.content--evenments .item:last-of-type {
	margin: 0;
	padding-bottom: 85px
}

@media all and (max-width: 768px) {
	.content--evenments .item:last-of-type {
		padding-bottom: 15px
	}
}

.content--evenments .item header {
	font-family: "CoconOffc", Arial, sans-serif;
	font-weight: 700;
	margin: 0 0 30px
}

@media all and (max-width: 768px) {
	.content--evenments .item header {
		margin: 0 0 20px
	}
}

.content--evenments .item blockquote {
	font-family: "CoconOffc", Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	padding: 18px 0;
	margin: 1em .5em
}

.content--evenments .item blockquote:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 140px;
	height: 2px;
	background-color: #801c55
}

.content--evenments .item article {
	clear: both;
	font-size: 17px;
	color: #000
}

.content--evenments .item article p {
	margin: 0
}

.content--evenments .item article strong {
	font-weight: 700;
	color: #801c55
}

.content--evenments .item article.text-column {
	-moz-column-count: 2;
	column-count: 2
}

@media all and (max-width: 768px) {
	.content--evenments .item article.text-column {
		-moz-column-count: 1;
		column-count: 1
	}
}

.content--evenments .item .date {
	font-size: 18px;
	margin: 0 0 10px
}

.content--evenments .item h2 {
	font-size: 36px;
	margin: 0 0 20px
}

.content--evenments .item .blockquote-wrapper {
	position: relative;
	height: 100%
}

.content--evenments .item .intro {
	font-family: "Dinot", Arial, sans-serif;
	color: #000;
	font-size: 21px;
	position: relative;
	padding: 0 0 10px
}

.content--evenments .item .intro:before {
	content: '';
	width: 250px;
	height: 2px;
	background-color: #801c55;
	left: 0;
	bottom: 0;
	position: absolute
}

.content--evenments .item--big {
	background-image: url(../img/event-bg1.png);
	background-position: right bottom;
	background-repeat: no-repeat
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.content--evenments .item--big {
		background-size: 120px auto
	}
}

@media all and (max-width: 768px) {
	.content--evenments .item--big {
		background-image: none;
		position: relative
	}
}

.content--evenments .item--big .date {
	font-size: 21px
}

@media all and (max-width: 768px) {
	.content--evenments .item--big .date {
		font-size: 15px
	}
}

.content--evenments .item--big h2 {
	font-size: 48px;
	position: relative
}

.content--evenments .item--big h2:before {
	content: '';
	position: absolute;
	top: -20px;
	right: 0
}

@media all and (max-width: 768px) {
	.content--evenments .item--big h2:before {
		display: none
	}
}

@media all and (max-width: 768px) {
	.content--evenments .item--big h2 {
		font-size: 28px
	}
}

.content--evenments .item--big article {
	font-size: 19px
}

.content--evenments .item--big header {
	margin: 0 0 45px
}

@media all and (max-width: 768px) {
	.content--evenments .item--big header {
		margin: 0
	}
}

.content--evenments .item--big .label {
	float: right;
	margin: 50px 100px 0 0
}

@media all and (max-width: 768px) {
	.content--evenments .item--big .label {
		margin: 0;
		position: absolute;
		top: 70px;
		right: 10px
	}
	.content--evenments .item--big .label img {
		max-width: 50px
	}
}

.content--evenments footer .other {
	float: right;
	border-radius: 15px 15px 15px 0;
	padding: 20px 40px;
	background-color: #801c55;
	margin-top: -55px;
	color: #ffffff
}

@media all and (max-width: 768px) {
	.content--evenments .item h2 {
		font-size: 28px
	}
}

.content--evenments .item article {
	font-size: 19px
}

.content--evenments .item header {
	margin: 0 0 45px
}

@media all and (max-width: 768px) {
	.content--evenments footer .other {
		padding: 20px;
		margin: 0 -25px 0 0;
		margin: 0 -25px 0 0;
		border-radius: 10px 0 0 0;
		width: 90%
	}
}

.content--evenments footer .other h3,
.content--evenments footer .other .date {
	font-family: "CoconOffc", Arial, sans-serif;
	font-weight: 700
}

.content--evenments footer .other h3 {
	font-size: 28px;
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding-right: 10px;
	margin: 0 0 20px 10px
}

@media all and (max-width: 768px) {
	.content--evenments footer .other h3 {
		font-size: 20px
	}
}

.content--evenments footer .other .date {
	font-size: 19px;
	margin: 0 0 10px;
	position: relative
}

@media all and (max-width: 768px) {
	.content--evenments footer .other .date {
		font-size: 16px
	}
}

.content--evenments footer .other .date:before {
	content: '';
	right: 100%;
	top: 0;
	bottom: 0;
	margin: auto 8px auto 0;
	background-color: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	position: absolute
}

.content--evenments footer .other ul {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 500
}

@media all and (max-width: 768px) {
	.content--evenments footer .other ul {
		font-size: 13px
	}
}

.content--evenments footer .other ul li {
	padding: 0 10px 0 18px;
	display: block;
	box-sizing: border-box
}

@media all and (max-width: 768px) {
	.content--evenments footer .other ul li {
		margin: 0 0 20px
	}
}

.content--evenments footer .other ul li p {
	margin: 0
}

.content--promo .promo-1 {
	margin-bottom: 60px;
	font-size: 17px;
	line-height: 1.5;
	color: #000;
	justify-content: space-between;
	flex-wrap: nowrap
}

.content--promo .promo-1:after {
	content: normal
}

@media all and (max-width: 768px) {
	.content--promo .promo-1 {
		margin: 0;
		display: block
	}
	.content--promo .promo-1 .col-5 {
		width: 100%;
		text-align: center;
		margin-bottom: 40px
	}
	.content--promo .promo-1:after {
		content: ''
	}
}

.content--promo .promo-1 .bg {
	margin: 0 auto 15px;
	display: block
}

.content--promo .promo-1 .blockquote,
.content--promo .promo-1 .big {
	color: #afcb08;
	font-family: "CoconOffc", Arial, sans-serif;
	font-weight: 700
}

.content--promo .promo-1 .blockquote {
	font-size: 30px
}

.content--promo .promo-1 .big {
	font-size: 54px;
	text-align: center;
	margin: 0 0 15px;
	line-height: 1
}

@media all and (max-width: 768px) {
	.content--promo .promo-1 .big {
		margin: 0;
		font-size: 38px
	}
}

.content--promo .promo-1 p {
	margin: 0
}

.content--promo .promo-2 {
	counter-reset: list
}

@media all and (max-width: 768px) {
	.content--promo .promo-2 {
		margin: -25px;
		display: block
	}
}

.content--promo .promo-2 .list-item {
	margin: 0 0 35px
}

@media all and (max-width: 768px) {
	.content--promo .promo-2 .list-item {
		width: 100%;
		margin: 0 0 25px;
		padding: 0
	}
}

.content--promo .promo-2 .list-item--inner {
	background-color: #801c55;
	color: #fff;
	border-radius: 6px;
	padding: 18px 35px;
	height: 100%;
	box-sizing: border-box;
	font-size: 19px;
	font-weight: 500;
	position: relative
}

@media all and (max-width: 768px) {
	.content--promo .promo-2 .list-item--inner {
		border-radius: 0;
		font-size: 16px
	}
	.content--promo .promo-2 .list-item--inner:before {
		content: normal !important
	}
}

.content--promo .promo-2 .list-item--inner h3 {
	font-size: 21px;
	font-weight: 700;
	margin: 0 0 18px;
	padding: 7px 0 7px 55px;
	position: relative
}

.content--promo .promo-2 .list-item--inner h3:before {
	content: counter(list);
	counter-increment: list;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: #afcb08;
	border-radius: 50%;
	height: 38px;
	width: 38px;
	text-align: center;
	line-height: 38px;
	font-family: "CoconOffc", Arial, sans-serif;
	font-size: 26px
}

.content--promo .promo-2 .list-item--inner p {
	margin: 0
}

.content--promo .promo-2 .list-item:nth-child(2) .list-item--inner:before,
.content--promo .promo-2 .list-item:nth-child(4) .list-item--inner:before {
	content: '';
	position: absolute;
	right: 100%;
	top: 50%
}

.content--promo .promo-2 .list-item:nth-child(3) .list-item--inner:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 97%
}

.content--promo .promo-2 .list-item:nth-child(5) .list-item--inner:before {
	content: '';
	position: absolute;
	left: 100%;
	bottom: 92%
}

.content--dialog article {
	color: #000;
	font-size: 25px;
	padding: 0 50px 50px
}

@media all and (max-width: 768px) {
	.content--dialog article {
		padding: 0 0 50px;
		font-size: 18px
	}
}

.content--dialog article strong {
	font-weight: 700;
	color: #801c55
}

.content--dialog article p {
	margin: 0 0 25px
}

.content--dialog article blockquote {
	font-family: "CoconOffc", Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	padding: 18px 0;
	margin: 55px auto;
	color: #afcb08;
	max-width: 380px
}

@media all and (max-width: 768px) {
	.content--dialog article blockquote {
		font-size: 20px;
		margin: 30px auto
	}
}

.content--dialog article blockquote:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 140px;
	height: 2px;
	background-color: #afcb08
}

.numero {
	background-color: #801c55;
	color: #fff;
	padding: 30px 15px;
	text-align: center;
	margin: 0 0 75px
}

@media all and (max-width: 768px) {
	.numero {
		margin: 0 -25px 30px;
		text-align: left;
		padding: 25px
	}
}

.numero h2 {
	margin: 0 auto 45px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: bold;
	padding: 0 0 15px;
	position: relative;
	display: inline-block
}

@media all and (max-width: 768px) {
	.numero h2 {
		margin: 0 0 25px
	}
}

.numero h2:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	width: 25px;
	background-color: #afcb08
}

.numero .items {
	text-align: left
}

@media all and (max-width: 768px) {
	.numero .items {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px
	}
}

.numero .items .item {
	margin: 0 0 30px
}

@media all and (max-width: 768px) {
	.numero .items .item {
		margin: 0;
		padding: 0 5px;
		box-sizing: border-box;
		width: 25%
	}
}

@media (max-width: 480px) {
	.numero .items .item {
		width: 50%;
		margin-bottom: 10px
	}
}

.numero .items .item .img-wrapper {
	height: 95px;
	position: relative;
	width: 100%;
	overflow: hidden
}

@media all and (max-width: 768px) {
	.numero .items .item .img-wrapper {
		height: 0;
		width: 100%;
		padding-top: 100%
	}
}

.numero .items .item .img-wrapper:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
	/*background-color: rgba(0, 0, 0, 0.3)*/
}

.numero .items .item .img-wrapper img {
	/*max-width: 100%*/
}

.numero .items .item .img-wrapper .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	transform: scale(0.8)
}

.numero .items .item .text-wrapper {
	padding: 10px 20px 0;
	font-weight: 500
}

@media all and (max-width: 768px) {
	.numero .items .item .text-wrapper {
		padding: 0
	}
}

.numero .items .item .text-wrapper p {
	margin: 0
}

@media all and (max-width: 768px) {
	.numero .items .item .text-wrapper p {
		font-size: 0
	}
}

.numero .items .item .text-wrapper p strong {
	font-weight: bold
}

@media all and (max-width: 768px) {
	.numero .items .item .text-wrapper p strong {
		font-size: 20px
	}
}

.numero .items .item:last-child {
	margin: 0
}

.profile {
	margin: 0 0 40px
}

.profile--img {
	margin: 0 auto;
	width: 140px;
	height: 140px;
	overflow: hidden;
	border-radius: 50%;
	border: 5px solid #801c55;
	position: relative
}

.profile--text {
	margin-top: -70px;
	padding: 85px 12px 30px;
	color: #801c55;
	background-color: #eff0c3;
	font-size: 20px;
	font-weight: 500;
	border-radius: 10px 10px 10px 0
}

@media all and (max-width: 768px) {
	.profile--text {
		margin-left: -25px;
		margin-right: -25px;
		border-radius: 0;
		padding-left: 50px;
		padding-right: 50px
	}
}

.profile--text strong {
	font-weight: 900
}

.profile--text p {
	margin: 0 0 20px
}

@media all and (max-width: 768px) {
	.profile--text p {
		margin: 0 0 10px
	}
}

.profile header {
	position: relative;
	padding-bottom: 15px;
	margin: 0 0 25px
}

.profile header:before {
	content: '';
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	background-color: #801c55;
	height: 1px;
	width: 50px
}

.profile header p {
	margin: 0
}

.profile footer {
	color: #fff;
	background-color: #801c55;
	padding: 10px 20px;
	min-width: 270px;
	box-sizing: border-box;
	font-size: 19px;
	margin: -25px -55px 0 0;
	float: right;
	border-radius: 10px 10px 10px 0
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.profile footer {
		margin-right: -50px;
		border-radius: 10px 0 0 0
	}
}

@media all and (max-width: 768px) {
	.profile footer {
		font-size: 14px;
		min-width: 0;
		margin-right: -25px;
		border-radius: 10px 0 0 0
	}
}

.profile footer p {
	margin: 10px 0
}

@media all and (max-width: 768px) {
	.profile footer p {
		margin: 0
	}
}

.profile footer p.numb {
	font-size: 41px;
	font-family: "CoconOffc", Arial, sans-serif
}

@media all and (max-width: 768px) {
	.profile footer p.numb {
		font-size: 31px
	}
}

.column {
	padding: 0 15px;
	box-sizing: border-box
}

.column--wrapper {
	margin: 0 -15px
}

@media all and (max-width: 768px) {
	.column--wrapper {
		margin: 0
	}
}

.column--left {
	float: left;
	width: 62%
}

.content--edito .column--left {
	width: 67%
}

.column--right {
	float: right;
	width: 38%
}

.content--edito .column--right {
	width: 33%
}

.content--contact .column--left {
	width: 67%
}

.column--right {
	float: right;
	width: 38%
}

.content--contact .column--right {
	width: 33%
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.column {
		width: 50%
	}
}

@media all and (max-width: 768px) {
	.column {
		float: none;
		width: 100% !important;
		padding: 0
	}
}

.footer {
	background-color: #afcb08;
	padding: 12px 0 8px;
	margin-top: 10px;
	color: #ffffff
}

.footer2 {
	background-color: #ffffff;
	padding: 28px 0 22px;
	margin-top: 40px;
	border-top : 5px;
	border-color: #afcb08;
	color: #691144
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.footer {
		padding: 25px 0 20px
	}
}

@media all and (max-width: 768px) {
	.footer {
		padding: 25px 0 20px
	}
}

.footer .inner {
	max-width: 490px
}

.footer2 .inner {
	max-width: 490px
}

.footer2 .inner .links {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	font-weight: 700;
	background-color: #ffffff;
	color: #4a4a4a
	margin: 0;
	padding: 0
}

@media all and (min-width: 769px) and (max-width: 999px) {
	.footer2 .inner .links {
		font-size: 18px
	}
}

@media only screen and (max-width: 768px) {
		
table, 
thead, 
tbody, 
th, 
td, 
tr{ 
	
display: block

}

@media only screen and (max-width: 768px) {
		
td.mobile-center { 
	
max-width:100%;
text-align: center;

}
tr.mobile-flex {
     display: block;
}
tr.mobile-inline {
     display: inline-block;
}
tr.mobile-inline td {
     display: inline-block;
}
tr.mobile-flex td {
     display: block;
     width: 100% !important;
     box-sizing: border-box;
}
tr.mobile-ph-18 {
     padding-left: 18px !important;
     padding-right: 18px !important;
}
td.mobile-w-100 {
    width: 100% !important;
    display: block;
}
img.mobile-h-148 {
      height: 148px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
img.mobile-h-75 {
      height: 75px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
img.mobile-h-50 {
      height: 50px !important;
      width: auto !important;
}
img.mobile-h-49 {
      height: 49px !important;
      width: auto !important;
}
img.mobile-h-47 {
      height: 47px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
img.mobile-h-20 {
      height: 20px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
img.mobile-none {
      display: none !important;
}
img.mobile-titre {
      display:block; !important;
      margin: auto !important;
}
img.mobile-center {
      text-align: center; !important;
}
td.mobile-size-11 {
     font-size: 11px !important;
}
td.mobile-size-13 {
      font-size: 13px !important;
}
td.mobile-size-14 {
      font-size: 14px !important;
}
td.mobile-size-15 {
      font-size: 15px !important;
}
td.mobile-size-16 {
   font-size: 16px !important;
                    
}
td.mobile-size-16c {
   font-size: 16px !important;
   text-align: center !important;
                    
}
td.mobile-size-17 {
   font-size: 17px !important;
   text-align: center;
                    
}
td.mobile-size-18 {
      font-size: 18px !important;
}
td.mobile-size-20c {
      font-size: 20px !important;
      text-align: center !important;
}
td.mobile-size-25 {
     font-size: 25px !important;
}
td.mobile-size-25c {
     font-size: 25px !important;
     text-align: center !important;
}
td.mobile-size-80 {
      font-size: 80px !important;
}
td.padding-10 {
     padding: 10px !important;
}
td.padding-5 {
     padding-bottom: 5px !important;
     padding-top: 5px !important;
}
td.padding-10-2 {
       padding: 10px 10px 0px 10px !important;
}
td.mobile-pt-20 {
      padding-top: 20px !important;
}
td.mobile-pt-25 {
      padding-top: 25px!important;
}
td.mobile-pl-40 {
     padding-left: 40px !important;
}
td.mobile-pl-50 {
     padding-left: 50px !important;
}
td.mobile-ph-2 {
     padding-left: 2px !important;
     padding-right: 2px !important;
}
td.mobile-ph-18 {
     padding-left: 18px !important;
     padding-right: 18px !important;
}
td.mobile-ph-20 {
     padding-left: 20px !important;
     padding-right: 20px !important;
}
td.mobile-ph-25 {
     padding-left: 25px !important;
     padding-right: 25px !important;
}
td.mobile-ph-30 {
     padding-left: 30px !important;
     padding-right: 30px !important;
}
td.mobile-ph-35 {
     padding-left: 35px !important;
     padding-right: 35px !important;
}
td.mobile-pt-10 {
      padding-top: 10px !important;
}
td.mobile-pb-10 {
      padding-bottom: 10px !important;
}
td.mobile-pb-20 {
      padding-bottom: 20px !important;
}
td.mobile-pb-30 {
     padding-bottom: 30px !important;
}
td.mobile-pb-40 {
     padding-bottom: 40px !important;
}
td.mobile-pt-20 {
     padding-top: 20px !important;
}
td.mobile-pt-30 {
	padding-top: 30px !important;
}
td.mobile-pt-40 {
	padding-top: 40px !important;
}
td.mobile-pr-220 {
     padding-right: 220px !important;
}
td.mobile-v-top {
	vertical-align: top !important;
}
td.mobile-imgc {
   width: 100% !important;
   text-align: center !important;
                    
}
td.mobile-height-30 {
   height: 30px !important;
                    
}
td.mobile-margin {
   align: center !important;
   display:block !important;
   margin: auto !important;
                    
}
td.mobile-none {
   display:none !important;
                    
}
span.mobile-none {
   display:none !important;
                    
}
br.mobile-none {
   display:none !important;
                    
}


table {
      width: 100% !important;
}

@media all and (max-width: 768px) {
	.footer2 .inner .links {
		font-size: 14px
	}
	.footer2 .inner .links .icon {
		transform: scale(0.8)
	}
}

.footer2 .inner .links li,
.footer2 .inner .links a {
	display: block;
	max-width: 326px
}

.footer .inner .copyright {
	text-align: center;
	margin: 0;
	padding-top: 1px;
	letter-spacing: .1em;
	font-size: 13px
}

@media all and (max-width: 768px) {
	.footer2 .inner .copyright {
		font-size: 8px
}

.full-width {
	max-width: 326px
}

@media all and (max-width: 359px) {
.full-width {
	max-width: 290px
}
.full-width2 {
	max-width: 290px
}
img.mobile-h-75 {
      height: 64px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
td.mobile-size-17 {
   font-size: 15px !important;
   text-align: center;
                    
}
td.mobile-size-13 {
      font-size: 12px !important;
}
td.padding-10 {
     padding: 5px 10px !important;
}

@media all and (max-width: 320px) {
.full-width {
	max-width: 280px
}
.full-width2 {
	max-width: 280px
}
img.mobile-h-75 {
      height: 63px !important;
      width: auto !important;
      margin: auto !important;
      display: flex !important;
}
}