/*FONTS IMPORT*/

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

@font-face {
	font-family: "DM-Serif-Display";
	font-style: normal;
	font-weight: normal;
	src: local("☺"), url("fonts/DM Serif Display/DMSerifDisplay-Regular.woff2") format("woff2"), url("fonts/DM Serif Display/DMSerifDisplay-Regular.woff") format("woff")
}

@font-face {
	font-family: "Sharp-Sans-N01-bold";
	font-style: normal;
	font-weight: normal;
	src: local("☺"), url("fonts/Sharp Sans No1/SharpSansNo1-Bold.woff2") format("woff2"), url("fonts/Sharp Sans No1/SharpSansNo1-Bold.woff") format("woff");
}

@font-face {
	font-family: "Sharp-Sans-N01-book";
	font-style: normal;
	font-weight: normal;
	src: local("☺"), url("fonts/Sharp Sans No1/SharpSansNo1-Book.woff2") format("woff2"), url("fonts/Sharp Sans No1/SharpSansNo1-Book.woff") format("woff");
}

@font-face {
	font-family: "Sharp-Sans-N01-Medium";
	font-style: normal;
	font-weight: normal;
	src: local("☺"), url("fonts/Sharp Sans No1/SharpSansNo1-Medium.woff2") format("woff2"), url("fonts/Sharp Sans No1/SharpSansNo1-Medium.woff") format("woff");
}

@font-face {
	font-family: "Sharp-Sans-N01-Semibold";
	font-style: normal;
	font-weight: normal;
	src: local("☺"), url("fonts/Sharp Sans No1/SharpSansNo1-Semibold.woff2") format("woff2"), url("fonts/Sharp Sans No1/SharpSansNo1-Semibold.woff") format("woff");
}


/*FONTS END*/


/*TITLE FONTS*/

head {
	visibility: hidden;
}

h1,
h2 {
	font-family: 'Respira-Black', sans-serif;
}

h1 {
	font-size: 55px;
}

h2 {
	font-size: 40px;
	line-height: 40px;
}

h3 {
	font-size: 24px;
	font-family: 'DM-Serif-Display', sans-serif;
	font-family: 'DM Serif Display';
	font-weight: 400;
	font-family: 'Respira-Black', sans-serif;
}

h4 {
	font-size: 20px;
	font-family: 'DM-Serif-Display', sans-serif;
	font-family: 'DM Serif Display';
	font-weight: 400;
	letter-spacing: 0.3px;
}

li {
	text-decoration: none;
	list-style: none;
	color: black;
	margin: 0px;
	padding: 0px;
}

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

ul.post-categories {
	padding: 0px;
	display: flex;
	color: #fff;
	width: 100%;
}

.Post-type>.post-categories {
	width: auto;
}

.Blog-text>a {
	max-width: 70%;
}

.post-categories>li>a {
	color: #fff;
}

.Post-type {
	display: flex;
}


/*
p {
    margin: 0;
}*/

main {
	width: 100%;
}

header {
	width: 100%;
}


/*END TITLE FONTS*/

.bold {
	font-family: 'Sharp Sans No1 Bold';
	font-weight: 600;
	font-style: normal;
}

.DM {
	font-family: 'DM-Serif-Display', sans-serif;
	font-family: 'DM Serif Display';
}

body {
	text-align: left;
	font-family: 'Sharp Sans No1 Book';
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	margin: 0px;
	top: 140px;
	height: 100vh;
	width: 100%;
	padding: 0px 0px 0px 0px;
	position: absolute;
}

a.white {
	color: #fff;
}

.white {
	color: #fff;
}

.white>h3,
.black>h3 {
	margin: 10px 0 15px 0;
}

.white>h4,
.black>h4 {
	margin: 5px 0 10px 0;
}

body.page-id-32 {
	top: 0;
}

.frontpage-body {
	top: 0;
}

#ttr_sidebar {
	border-left: 1px solid black;
}

#ttr_footer {
	width: 100%;
	border-top: 1px #a2a2a2 solid;
	text-align: center;
}

.title {
	font-size: 11pt;
	font-family: verdana;
	font-weight: bold;
}

.semibold {
	font-family: 'Sharp Sans No1';
	font-family: "Sharp-Sans-N01-Semibold";
	font-weight: 600;
	font-style: normal;
}

.flex {
	display: flex;
}

.column {
	flex-direction: column;
}

.space-between {
	justify-content: space-between;
}

.darkRedBackground {
	background-color: #960000;
}

.redBackground {
	background-color: #BF2424;
}


/*NAV MENU*/

#site-navigation {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
}

.main-navigation>ul {
	list-style-type: none;
	list-style: none;
	list-style-image: none;
}

.main-navigation>li {
	padding: 20px;
	display: inline;
}

.mainNav-Black {
	background-color: #000;
	color: #fff;
	padding: 30px 5% 30px 45%;
	justify-content: space-between;
}

.mainNav-Black>a {
	color: #fff;
	display: flex;
	align-items: center;
}

.mainNav-Black:nth-child(1) {
	align-self: center;
}

.mainNav-Black>div>a:nth-child(2) {
	margin: 0px 50px;
}

.a-mainNav-SevenLogo {
	align-self: center;
}

.mainNav-White {
	background-color: #fff;
	color: #000;
	display: flex;
	justify-content: space-between;
	padding: 0% 5%;
	border-bottom: 1px solid #000;
	font-size: 14px;
}

.mainNav-White>b {
	display: flex;
	align-items: center;
}

.mainNav-White>ul {
	display: flex;
}

.mainNav-White>ul>li:nth-child(2) {
	margin: 0px 190px 0px 130px;
}

.mainNav-SevenLogo,
.mainNav-Menu-NavLogo {
	max-width: 110px;
	max-height: 36px;
}

.mainNav-Menu-SocialNetworks>a>img {
	width: 32px;
	height: 32px;
}

.mainNav-Menu {
	background-color: rgb(200, 200, 200, 0);
	border: none;
	width: 29px;
	height: 29px;
	padding: 0px;
	margin: 0px;
}

.menu-toggled {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	right: -100%;
	z-index: 15000;
}


/*NAV OPEN*/

.is-open {
	display: block;
}

.is-closed {
	display: none;
}

.relative {
	position: relative;
	width: 100%;
	height: 100vh;
	top: -15px;
}

.mainNav-Menu-Nav {
	position: absolute;
	top: 40px;
	width: 100%;
	padding: 0px 150px;
	display: flex;
	z-index: 1;
}

.mainNav-Menu-Cross {
	position: absolute;
	top: 40px;
	right: 50px;
	z-index: 100;
}

.mainNav-Menu-Cross>img {
	width: 22px;
	cursor: pointer;
}

.mainNav-Menu-NavLogo {
	padding-right: 150px;
}

.mainNav-Menu-NavSearchBar {
	border: 2px solid #fff;
	color: #fff;
	width: 40%;
	top: 40px;
	position: absolute;
	right: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Sharp Sans No1 Book';
	z-index: 5;
}

.mainNav-Menu-NavSearchBar>input {
	background-color: rgb(0, 0, 0, 0);
	border: none;
	width: 100%;
	margin: 0 15px;
	font-size: 14px;
	color: -internal-light-dark-color(white, white);
}

.mainNav-Menu-NavSearchBar>button {
	background-color: rgb(0, 0, 0, 0);
	border: none;
}

.mainNav-Menu-NavSearchBar>button>img {
	width: 22px;
	height: 18px;
}

.mainNav-Menu-Black {
	position: relative;
	width: 55%;
	background-color: #000;
	padding-left: 150px;
}

.mainNav-Menu-Black>ul {
	padding: 0px;
	position: absolute;
	bottom: 27%;
}

.mainNav-Menu-Black>ul>li>a>img {
	width: 25px;
	margin-left: 8px;
}

.search-is-hidden {
	display: none;
}

.search-is-visible {
	display: block;
}

.sub-is-hidden {
	display: none;
}

.sub-is-visible {
	display: block;
}

.li-is-hidden {
	display: none;
}

.li-is-visible {
	display: block;
}

.mainNav-Menu-Black>ul>li,
.mainNav-Menu-Black>ul>li>a {
	color: #FFF;
	font-family: 'Respira-Black', sans-serif;
	font-size: 55px;
	-webkit-transition: color 0.8s;
	/* For Safari 3.0 to 6.0 */
	transition: color 0.8s;
}

.mainNav-Menu-Black>ul>li:hover,
.mainNav-Menu-Black>ul>li>a:hover {
	color: grey;
}

.mainNav-Menu-Black>ul>li {
	padding: 10px 0px;
}

.mainNav-Menu-Group {
	flex-direction: column;
	width: 45%;
	background-color: #fff;
	position: relative;
}

.button-Newsletter {
	background-color: #960000;
	color: #fff;
	font-size: 18px;
	position: absolute;
	bottom: 120px;
	padding: 10px 20px;
	border: none;
	font-family: 'Sharp Sans No1 Bold';
}

.mainNav-Menu-Group-White {
	height: 75vh;
	position: relative;
}

.mainNav-Menu-Group-White>ul {
	margin-left: 50px;
	padding: 0px;
	font-size: 18px;
	position: absolute;
	bottom: 20%;
}

.mainNav-Menu-Group-White>ul>li {
	margin: 60px 0px;
}

.mainNav-Menu-Group-White>ul>li>a {
	font-weight: 600;
	font-style: normal;
}

.cross-is-visible {
	display: block;
}

.cross-is-hidden {
	display: none;
}

.mainNav-Menu-SocialNetworks>a:nth-child(2) {
	margin: 0px 25px;
}

.mainNav-Menu-SocialNetworks {
	margin-top: 20px;
}

.mainNav-Menu-Group-Red {
	font-size: 18px;
	font-weight: bold;
	background-color: #BF2424;
	bottom: 0px;
	height: 25vh;
	padding: 50px 20px 0px 50px;
	position: absolute;
	width: 100%;
}

.TheClub-Header-right-col-socialNetworks,
.TheClub-Header-left-col-thumbnail-socialNetworks,
.TheClub-Header-right-col-thumbnail {
	font-size: 14px;
}

.TheClub-Header-left-col>article:nth-child(-n+8) {
	border-bottom: 2px solid #000;
	padding: 20px 0px;
}

.TheClub-Header-left-col>article:nth-child(9) {
	border-bottom: none;
}

.TheClub-Header-left-col-thumbnail>div {
	width: 100%;
}

.TheClub-Header-left-col-thumbnail>div>a {
	width: 100%;
}

.TheClub-Header-right-col-featuredPost>b {
	color: #fff;
}

.TheClub-Header-right-col-thumbnail>div {
	max-width: 240px;
}

.post-resume {
	color: #fff;
}

@media only screen and (min-width: 846px) {
	.TheClub-Header-right-col {
		width: 73%;
	}
	.TheClub-Header-right-col-thumbnail>div {
		max-width: 240px;
	}
	.TheClub-Header-right-col {
		padding: 0px 8% 22px 2%;
	}
	.TheClub-Header-right-col-thumbnail:nth-child(4) {
		margin: 0px 10px;
	}
	.TheClub-Header-left-col {
		width: 27%;
		padding: 40px 2% 20px 8%;
	}
	.TheClub-Main-bottomPart-left-col {
		width: 70%;
		padding: 73px 6% 97px 8%;
	}
	.TheClub-Main-bottomPart-left-col-searchBar {
		width: 30%;
	}
	.page-buttons-negative>button {
		margin: 20px 3px;
	}
	.TheClub-Header-right-col-socialNetworks {
		margin-left: 20%;
	}
	.TheClub-Header-right-col>.flex {
		justify-content: space-between;
	}
	.TheClub-Header-right-col-thumbnail-featuredPicture {
		height: 192px;
	}
}

@media only screen and (max-width: 845px) {
	.mainNav-Menu-Nav {
		padding: 0px 50px;
	}
	.menu-toggled>div {
		flex-direction: column;
	}
	.mainNav-Menu-Black {
		width: 100%;
		height: 75vh;
		padding-left: 50px;
		position: relative;
	}
	.mainNav-Menu-Black>ul {
		bottom: 7%;
	}
	.mainNav-Menu-Group {
		flex-direction: row;
		width: 100%;
		height: 30vh;
	}
	.mainNav-Menu-Group-White {
		height: 30vh;
		width: 65%;
		position: relative;
	}
	.mainNav-Menu-Group-Red {
		width: 35%;
		height: 30vh;
		padding-top: 25px;
		position: relative;
	}
	.mainNav-Menu-Group-White>ul>li {
		margin: 30px 0px;
	}
	.mainNav-Menu-Group-White>ul {
		position: relative;
		top: 0px;
	}
	.mainNav-Menu-Black>ul>li>a {
		font-size: 45px;
	}
	.mainNav-Menu-Black>ul>li {
		padding: 5px 0px;
	}
	.mainNav-Menu-NavSearchBar {
		width: 60%;
		max-width: 70%;
		top: 100px;
		left: 50px;
	}
	.mainNav-Menu-NavClose-White {
		display: block;
	}
	.mainNav-Menu-NavClose-Black {
		display: none;
	}
	.button-Newsletter {
		display: none;
	}
	.mainNav-Menu-SocialNetworks {
		flex-direction: column;
	}
	.mainNav-Menu-NavSearchBar {
		left: 50px;
	}
	.mainNav-Menu-SocialNetworks>a:nth-child(2) {
		margin: 25px 0px;
	}
	/*THE CLUB*/
	.column-reverse {
		flex-direction: column-reverse;
	}
	/*.TheClub-Header-right-col {
        width: 100%;
    }*/
	.TheClub-Header-right-col {
		padding: 0px 4% 22px 4%;
	}
	.TheClub-Header-right-col-featuredPost {
		width: 100%;
	}
	.TheClub-Header-right-col>.flex {
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.TheClub-Header-right-col-thumbnail {
		margin-bottom: 40px;
	}
	.TheClub-Header-right-col-thumbnail:nth-child(2) {
		margin-bottom: 40px;
	}
	.TheClub-Header-left-col {
		width: auto;
		padding: 40px 4% 20px 4%;
	}
	.TheClub-Main-bottomPart-right-col {
		display: none;
	}
	.TheClub-Main-bottomPart-left-col {
		width: auto;
		padding: 73px 4% 70px 4%;
	}
	.post-resume-infos>.flex {
		flex-wrap: wrap;
	}
	.post-resume-infos-author {
		margin-bottom: 10px;
	}
	.TheClub-Main-bottomPart-left-col>.flex,
	.TheClub-Main-bottomPart-left-col-orderBy {
		flex-wrap: wrap;
	}
	.orderBy {
		margin-bottom: 10px;
	}
	.TheClub-Main-bottomPart-left-col-searchBar {
		width: 50%;
		margin: 20px 0px;
	}
	.page-buttons-negative>button {
		margin: 20px 8px;
	}
	.TheClub-Header-right-col-featuredPost>.flex {
		flex-wrap: wrap;
	}
	.TheClub-Header-right-col-socialNetworks {
		margin-left: 20%;
	}
	.TheClub-Header-right-col-thumbnail-featuredPicture {
		height: 192px;
	}
}

@media only screen and (max-width: 455px) {
	.mainNav-Menu-Black>ul>li,
	.mainNav-Menu-Black>ul>li>a {
		font-size: 30px;
	}
	.mainNav-Menu-Black {
		height: 65vh;
		padding-left: 30px;
	}
	.mainNav-Menu-Group,
	.mainNav-Menu-Group-White {
		height: 35vh;
	}
	.mainNav-Menu-Group-White>ul {
		font-size: 14px;
		margin-left: 30px;
	}
	.mainNav-Menu-Group-Red {
		font-size: 14px;
		padding-top: 30px;
	}
	.mainNav-Menu-Group-White>ul {
		top: 0px;
	}
	.mainNav-Menu-SocialNetworks>a:nth-child(2) {
		margin: 15px 0px;
	}
	.mainNav-Menu-Group-White>ul>li {
		margin: 30px 0px;
	}
	.mainNav-Menu-Nav {
		padding: 0px 30px;
	}
	.mainNav-Menu-NavSearchBar {
		left: 30px;
	}
	.mainNav-Menu-NavLogo {
		max-height: 25px;
	}
	.mainNav-Menu-NavLogo {
		padding-right: 0px;
	}
	.mainNav-Menu-Black>ul {
		bottom: 0%;
	}
	.mainNav-Menu-Black>ul>li>a>img {
		width: 18px;
	}
	.TheClub-Header-right-col-socialNetworks {
		margin-left: 0px;
		width: 200px;
		padding-top: 20px;
	}
	.TheClub-Header-right-col-featuredPost-featuredPicture .flex .bold {
		margin-bottom: 20px;
	}
	.TheClub-Header-right-col>.flex {
		justify-content: center;
	}
	.All-blogs>.post-resume {
		flex-direction: column;
	}
	.TheClub-Header-right-col-thumbnail-featuredPicture {
		height: 150px;
	}
}


/*FRONTPAGE*/


/*CSS GRIDLAYOUT front-page*/

.gridlayoutContainer {
	display: grid;
	width: 100%;
	height: 900px;
	grid-template-columns: 1.2fr 0.8fr 0.8fr;
	grid-template-rows: 1.6fr 0.7fr 0.7fr;
}

.article-1 {
	display: grid;
	grid-template-columns: 1.4fr 1.6fr;
	grid-template-rows: 100%;
	background: deepskyblue;
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 1;
}

.article-2 {
	display: grid;
	grid-template-columns: 1.9fr 1.085fr;
	grid-template-rows: 100%;
	background: orangered;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 2;
	/*grid-row: 2/3; 
  grid-column: 1/3; */
}

.article-3 {
	background: red;
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 4;
	/*grid-row: 2/3; 
  grid-column: 3/3; */
}

.article-4 {
	background: white;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
	/*grid-row: 3/3; 
  grid-column: 1/3; */
}

.FeaturedToday {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.FeaturedToday-illustration {
	background: darkblue;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row: 1/1;
}

.ThemeWeek-1 {
	background: brown;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.ThemeWeek-2 {
	background: grey;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}


/*END CSS GRIDLAYOUT*/


/*NEWSLETTER HOVER*/

.cover {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
}

.blur-in {
	-webkit-animation: blur 2s forwards;
	-moz-animation: blur 2s forwards;
	-o-animation: blur 2s forwards;
	animation: blur 2s forwards;
}

.blur-out {
	-webkit-animation: blur-out 2s forwards;
	-moz-animation: blur-out 2s forwards;
	-o-animation: blur-out 2s forwards;
	animation: blur-out 2s forwards;
}

.pop-up {
	position: fixed;
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	height: 100vh;
	width: 100%;
	z-index: 2;
}

.box {
	background-color: whitesmoke;
	text-align: left;
	height: 80%;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}

.box-left {
	width: 45%;
	background-image: url(https://imd3.at-eikon.ch/19-20_imd3_s6_demain_schorderet-chloe/wp-content/uploads/2020/03/ToteBagMockupRouge-mobile.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #A40101;
}

#cover>.pop-up {
	filter: blur(none);
}

.box-right {
	width: 55%;
	flex-direction: column;
}

.box-right-white {
	height: 27vh;
	width: 100%;
	justify-content: flex-start;
	padding: 0 10%;
	position: relative;
}

.box-right-white>h1 {
	margin: 30px 0 0 0;
}

.box-right-white>h3 {
	margin: 0;
	top: 110px;
	position: absolute;
}

.box-right-black {
	background-color: black;
	height: 73vh;
	color: #fff;
	padding: 30px 0 0 10%;
}

.box-right-black>.flex {
	margin-top: 30px;
}

.box-right-black>.flex>a.bold {
	color: #fff;
	border-bottom: solid 5px #BF2424;
	margin-left: 5px;
}


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

input[type="checkbox"]+label::before {
	width: 15px;
	height: 15px;
	background-color: #fff;
	display: block;
	content: "";
	float: left;
	margin-right: 5px;
}

input[type="checkbox"]:checked+label::before {
	background-color: #BF2424;
}

.checkbox-Newsletter>input {
	border-radius: 0;
	margin-right: 10px;
}

.close-button {
	transition: all 0.5s ease;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5000;
}

.close-button>img {
	width: 20px
}

#contactUs-left-contactForm-button,
#LoginButton {
	display: inline-block;
}

#contactUs-left-contactForm-button-littleScreen {
	display: none;
}

@media only screen and (max-width: 1078px) {
	.box {
		flex-direction: column;
		width: 45%;
	}
	.box-right-white>h1 {
		font-size: 35px;
	}
	.box-right-black {
		width: auto;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.box-right-black>div,
	.box-right-black>span {
		display: none;
	}
	.box-left {
		width: 100%;
		height: 65%;
	}
	.box-right {
		width: 100%;
	}
	.box-right-white {
		width: auto;
	}
	.box-right-white>h3 {
		top: 80px;
	}
	.box-left {
		background-size: contain;
	}
	#contactUs-left-contactForm-button {
		display: none;
	}
	#contactUs-left-contactForm-button-littleScreen {
		display: inline-block;
	}
}

@media only screen and (max-width: 819px) {
	.box-left {
		background-size: cover;
		background-position: center bottom;
	}
	.box {
		width: 60%;
	}
}

@media only screen and (max-width: 560px) {
	.box {
		width: 80%;
	}
	.box-right-white>h3 {
		top: 70px;
		line-height: 27px;
	}
	.box-right-white>h1 {
		margin: 20px 0 0 0;
	}
	.box-right-white {
		padding: 0 5%;
	}
	.box-right-black {
		height: 80%;
	}
}


/*STOP A REVOIR*/

@-webkit-keyframes blur {
	0% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
	100% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
}

@-moz-keyframes blur {
	0% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
	100% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
}

@-o-keyframes blur {
	0% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
	100% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
}

@keyframes blur {
	0% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
	100% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
}

@-webkit-keyframes blur-out {
	0% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
	100% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}

@-moz-keyframes blur-out {
	0% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
	100% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}

@-o-keyframes blur-out {
	0% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
	100% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}

@keyframes blur-out {
	0% {
		-webkit-filter: blur(4px);
		-moz-filter: blur(4px);
		-o-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
	100% {
		-webkit-filter: blur(0px);
		-moz-filter: blur(0px);
		-o-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}


/*END NEWSLETTER*/

.shared>img,
.comments>img {
	width: 16px;
}

.article-1,
.article-2,
.article-4 {
	padding-left: 159px;
}

.article-1,
.article-2 {
	background-color: #000;
	color: #fff;
}

.comments-shared>.flex {
	align-items: center;
}

.frontPage-Header {
	width: 100%;
	position: relative;
}

#navigation-frontpage,
#site-navigation {
	position: fixed;
}

.frontPage-Header-top-h2,
.frontPage-Header-top,
.frontPage-Header-bottom-left-articles {
	color: #fff;
	background-color: #000;
}

.frontPage-Header-top-h2,
.frontPage-Header-top,
.frontPage-Header-bottom-left-articles,
.frontPage-Header-bottom-left-thematics {
	padding-left: 159px;
}

.frontPage-Header-top-h2 {
	margin: 0;
	padding-top: 40px;
	position: absolute;
}

.frontPage-Header>.frontPage-Header-top {
	justify-content: space-between;
	height: auto;
}

.frontPage-Header-top-texts {
	width: 27%;
	height: 280px;
	padding-top: 120px;
	padding-bottom: 20px;
}

.frontPage-Header-top-texts>a>.bold {
	color: #fff;
}

.frontPage-Header-top-texts>h3 {
	margin: 7px 0;
}

.frontPage-Header-top-texts>.flex {
	justify-content: space-between;
}

.frontPage-Header-top-socialNetworks>.flex:nth-child(2) {
	margin-left: 25px;
}

.frontPage-Header-top-thumbnailPicture {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 61.2%;
	height: auto;
}

.frontPage-Header-bottom-left-articles-weekArticle-thumbnailPicture,
.Blog-illustration,
.frontPage-Main-theClub-dailySelection-article-illustration {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.frontPage-Header-bottom-left {
	width: 100%;
}

.frontPage-Header-bottom-left-thematics {
	background-color: #fff;
	color: #000;
	width: 60%;
	padding-bottom: 50px;
}

.frontPage-Header-bottom-left-articles-weekArticle-thumbnailPicture {
	width: 100%;
	height: 236px;
	background-color: grey;
	margin-bottom: 10px;
}

.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex>h4 {
	margin: 7px 0 30px 0;
}

.frontPage-Header-bottom-left-articles-weekArticle>.flex {
	justify-content: space-between;
	padding: 0 20px 0 0;
	flex-wrap: wrap;
}

.frontPage-Header-bottom-left-articles-weekArticle>.flex:nth-child(3) {
	margin: 5px 0 30px;
}

.frontPage-Header-top-socialNetworks {
	width: 98px;
	margin: 10px 0 30px 0;
}

.frontPage-Header-top-socialNetworks>.flex {
	align-items: center;
	font-size: 14px;
}

.frontPage-Header-bottom-left-articles {
	justify-content: flex-end;
}

.frontPage-Header-bottom-left-articles-weekArticle {
	width: 100%;
}

.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex {
	flex-direction: column;
}

.frontPage-Header-bottom-right {
	width: 25%;
}

.frontPage-Header-bottom-right.redBackground {
	width: 25%;
	height: auto;
}

.frontPage-Header-bottom-left-thematics>h2 {
	margin: 50px 0 10px 0;
}

.frontPage-Main-theClub {
	background-color: #000;
	color: #fff;
}

.frontPage-Main-theClub-Blogs>.Blog {
	display: flex;
	height: 100%;
	justify-content: space-between;
}

.Blog-illustration {
	height: 232px;
	width: 60%;
	position: relative;
	height: 100%;
}

.Blog-text {
	padding-right: 30px;
	padding-left: 15px;
	display: flex;
	width: 50%;
	flex-direction: column;
	justify-content: center;
}

.Blog-text>h4 {
	width: 60%;
	margin: 5px 0 15px 0;
}

.Blog-text>.comments-shared>.flex:nth-child(2) {
	margin: 0 20px;
}

.Blog-illustration-userPicture {
	width: 63px;
	height: 63px;
	background-color: darkgrey;
	bottom: 0;
	position: absolute;
	left: 0;
}


/*FRONTPAGE MAIN*/

.frontPage-Main-theClub-Blogs,
.frontPage-Main-theClub-dailySelection {
	width: 50%;
	position: relative;
	justify-content: space-between;
	display: flex;
	height: auto;
	flex-direction: column;
}

.frontPage-Main-theClub-dailySelection>h2 {
	margin: 50px 0 5px 0;
}

.frontPage-Main-theClub-dailySelection-article {
	margin-top: 40px;
}

.frontPage-Main-theClub-dailySelection-article-text>h4 {
	margin: 5px 0 10px 0;
}

.frontPage-Main-theClub-dailySelection-article-text {
	width: 75%;
}

.frontPage-Main-theClub-dailySelection-article-illustration {
	height: 320px;
	width: 100%;
	background-color: grey;
	bottom: 0;
	margin-top: 40px;
}

.frontPage-Main-theClub-dailySelection-article-text>.flex {
	justify-content: space-between;
	flex-wrap: wrap;
}

.white>a {
	color: #fff;
}

.article-authorName {
	margin-bottom: 20px;
}

.comments-shared>.flex:nth-child(2) {
	margin: 0 20px;
}

.archivedThemesBackground,
.archivedThemes-text {
	width: 50%;
	padding: 30px 50px;
}

.archivedThemes-text>h3,
.archivedThemes-text>p {
	margin: 0;
}

.archivedThemes-text>p {
	width: 256px;
}

.archivedThemes-callToAction {
	display: flex;
}

.searchThemes {
	border: 2px solid #000;
	font-family: 'Sharp Sans No1 Book';
}

.searchThemes>input {
	font-family: 'Sharp Sans No1 Bold';
	text-align: center;
	letter-spacing: 1.2px;
	padding: 0px 10px;
	font-size: 16px;
}

.archivedThemes-callToAction {
	margin: 20px 0;
	width: fit-content;
}

.searchThemes-OK {
	font-family: 'Sharp Sans No1 Bold';
	letter-spacing: 1.2px;
	text-align: center;
	background-color: #000;
	color: #fff;
	border: none;
	font-size: 16px;
}

@media only screen and (min-width: 1264px) {
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex:nth-child(2) {
		align-items: flex-end;
	}
}

@media only screen and (max-width: 1110px) {
	.frontPage-Header-top {
		flex-direction: column;
	}
	.frontPage-Header-top-thumbnailPicture {
		width: 100%;
		height: 350px;
	}
	.frontPage-Header-top {
		padding: 0;
	}
	.frontPage-Header-top-texts,
	.frontPage-Header-top-h2 {
		width: 70%;
		padding-left: 10%;
	}
	.frontPage-Header-top-texts {
		height: auto;
		padding-bottom: 50px;
	}
	.frontPage-Header-bottom-left-articles {
		flex-direction: column;
	}
	.frontPage-Header-bottom-left-articles-weekArticle {
		display: flex;
	}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex {
		flex-direction: column;
		margin: 40px 20px;
	}
	.frontPage-Header-top-socialNetworks {
		display: none;
	}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex>h4 {
		margin: 35% 0 0px 0;
	}
	.frontPage-Header-bottom-left-articles-weekArticle-thumbnailPicture {
		margin-bottom: 0px;
		width: 60%;
	}
	.frontPage-Header-bottom-left-articles {
		padding-left: 0;
	}
	.frontPage-Header-bottom-left-thematics {
		padding-left: 10%;
		width: 70%;
	}
}

@media only screen and (max-width: 865px) {
	.frontPage-Header>.flex {
		flex-direction: column;
	}
}

@media only screen and (max-width: 780px) {
	.frontPage-Main-theClub {
		flex-direction: column-reverse;
	}
	.frontPage-Main-theClub-dailySelection {
		width: 100%;
	}
	.frontPage-Main-theClub-dailySelection-article-illustration {
		position: relative;
	}
	.frontPage-Main-theClub-dailySelection>h2,
	.frontPage-Main-theClub-dailySelection>span,
	.frontPage-Main-theClub-dailySelection>.frontPage-Main-theClub-dailySelection-article>.frontPage-Main-theClub-dailySelection-article-text {
		padding-left: 10%;
	}
	.frontPage-Main-theClub-dailySelection-article-text {
		padding-bottom: 40px;
	}
	.frontPage-Main-theClub-dailySelection-article-text>.flex {
		flex-wrap: wrap;
	}
	.frontPage-Main-theClub-Blogs {
		width: 100%;
	}
	.Blog-text {
		padding-right: 0;
	}
	.archivedThemes {
		flex-direction: column;
	}
	.archivedThemesBackground {
		width: 100%;
		height: 100px;
	}
	.archivedThemes-text {
		padding: 30px 50px 30px 10%;
	}
	.Blog-illustration {
		height: 232px;
	}
}

@media only screen and (max-width: 691px) {
	.frontPage-Header-bottom-left-articles-weekArticle-thumbnailPicture {
		width: 50%;
		height: 276px;
	}
	.frontPage-Header-bottom-left-articles>.frontPage-Header-bottom-left-articles-weekArticle:nth-child(2) {
		flex-direction: row-reverse;
	}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex {}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex>h4 {
		margin: 0;
	}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex {
		padding: 0;
		margin: 0;
		width: 50%;
	}
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex>h4,
	.frontPage-Header-bottom-left-articles-weekArticle>.flex>.flex>b {
		padding: 20px;
	}
	.frontPage-Header-top-texts>h3 {
		margin: 15px 0;
	}
	.frontPage-Header-top-texts {
		padding-top: 140px;
	}
	.article-authorName {
		padding-bottom: 20px;
	}
	.frontPage-Header-top-h2,
	.frontPage-Header-top-texts,
	.frontPage-Header-bottom-left-thematics,
	.frontPage-Main-theClub-dailySelection-article-text {
		width: 80%;
	}
	.frontPage-Header-bottom-left-thematics,
	.frontPage-Main-theClub-dailySelection>h2,
	.frontPage-Main-theClub-dailySelection>span,
	.frontPage-Main-theClub-dailySelection>.frontPage-Main-theClub-dailySelection-article>.frontPage-Main-theClub-dailySelection-article-text {
		padding-left: 6%;
	}
	.comments-shared>.flex {
		align-content: center;
		align-items: center;
	}
	.frontPage-Header-bottom-left-articles>.frontPage-Header-bottom-left-articles-weekArticle:nth-child(1) {
		background-color: #BF2424;
	}
}

@media only screen and (max-width: 420px) {
	.frontPage-Header-top-texts,
	.frontPage-Header-top-h2 {
		padding-left: 6%;
	}
}


/*PERSONNAL BLOG/SUMMARY*/


/*HEADER*/

.personnal-header {
	width: 40%;
	flex-direction: column;
}

.personnal-height {
	height: auto;
}

.personnal-header-red {
	height: 50%;
	width: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-color: #BF2424;
}

.personnal-header-red>a {
	color: #fff;
}

.personnal-header-red>a:nth-child(2) {
	margin-top: 10px;
}

.personnal-header-red>a:nth-child(4) {
	margin-top: 50px;
}

.personnal-header-white {
	width: 100%;
	height: 335px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.personnal-header-white>p {
	padding-top: 20px;
	padding-right: 20px;
}

.personnal-header-white>div {
	padding-bottom: 40px;
}

.personnal-header-red-userPicture {
	background-color: grey;
	height: 193px;
	width: 193px;
	margin-top: 50px;
}

.personnal-header-white-icons>button>img {
	width: 24px;
}

.personnal-header-red>a,
.personnal-header-red>div,
.personnal-header-red>h3,
.personnal-header-white>p,
.personnal-header-white>div {
	margin-left: 10%;
}

.personnal-header-red>h3 {
	font-family: 'DM Serif Display';
	margin: 5px 0 15px 10%;
	font-weight: 400;
	padding-right: 20px;
	letter-spacing: 0.3px;
}

.personnalSummary-main-top>.flex>button,
.personnal-header-white-icons>button,
.comment-textArea>button,
#contactUs-left-contactForm-button,
#contactUs-left-contactForm-button-littleScreen,
#LoginButton,
#comment,
.displayButton {
	border: none;
	background-color: rgb(0, 0, 0, 0);
	font-family: 'Sharp Sans No1 Bold';
	font-size: 16px;
	margin: 10px 0;
}

.displayButton {
	display: block;
	margin-top: 30px;
}

.personnal-header-white-icons>button>img {
	margin-right: 15px;
}

.personnal-height>main {
	width: 60%;
	background-color: #000;
	color: #fff;
}

.personnal-main-top,
.personnal-main-bottom {
	justify-content: space-between;
	padding: 0 10% 0 70px;
	align-items: flex-end;
}

.personnal-main-top-left>p,
.personnal-main-top-left>h2 {
	margin-bottom: 0;
}

.personnal-main-top-left>h3 {
	font-family: 'DM Serif Display';
	font-weight: 400;
	margin: 15px 0 0 0;
	letter-spacing: 0.3px;
}

.personnal-main-top-left>h4 {
	margin: 40px 0 0 0;
}

.personnal-main-top {
	padding-top: 40px;
	margin-bottom: 40px;
}

.personnal-main-top-right {
	text-align: end;
}

.All-blogs>a>.post-resume,
.personnal-main-bottom>.same-author-right>.post-resume {
	border-top: 2px solid #fff;
	width: auto;
}

.same-author-right>.post-resume {
	color: #000;
}

.post-resume-author-infos>.flex>div {
	align-content: center;
	align-items: center;
}

.post-resume-author-infos {
	color: #fff;
}

.personnal-main-top-right>p {
	margin: 5px 0;
}

.personnal-main-bottom>.same-author-right>.post-resume>.flex>.flex {
	width: 100%;
	justify-content: space-between;
}

.personnal-main-bottom>.same-author-right>.page-buttons {
	margin-bottom: 40px;
}

.personnal-main-bottom>.same-author-right>.page-buttons>.page,
.personnal-main-bottom>.same-author-right>.page-buttons>.next-page {
	background-color: #000;
	color: #fff;
	border-color: #fff;
}

@media only screen and (max-width: 919px) {
	.personnal-height {
		flex-direction: column;
	}
	.personnal-header {
		width: 100%;
	}
	.personnal-height>main {
		width: 100%;
	}
	.personnal-header-white {
		height: auto;
	}
	.personnal-header-red>.personnal-header-red-userPicture,
	.personnal-header-red>a:nth-child(2) {
		align-self: center;
		margin-left: 0;
	}
	.personnal-main-top,
	.personnal-main-bottom {
		padding: 0 10% 0 10%;
	}
}

@media only screen and (max-width: 420px) {
	.personnal-main-bottom>.same-author-right>.post-resume>.flex>.flex {
		flex-direction: column;
	}
	.personnal-main-bottom>.same-author-right>.post-resume>.flex>.flex>div:nth-child(2) {
		margin-top: 20px;
	}
	.personnal-main-top,
	.personnal-main-bottom {
		padding: 0 6% 0 6%;
	}
	.personnal-header-red>a,
	.personnal-header-red>div,
	.personnal-header-red>h3,
	.personnal-header-white>p,
	.personnal-header-white>div {
		margin-left: 6%;
	}
}

@media only screen and (max-width: 490px) {
	.personnal-main-top {
		flex-direction: column;
		align-items: flex-start;
	}
	.personnal-main-top-right {
		text-align: left;
		margin-top: 30px;
	}
}


/*SUMMARY PROFILE*/

.personnalSummary-main-top {
	justify-content: space-between;
	padding: 0 10% 0 70px;
	align-items: flex-end;
}

.personnalSummary-main-bottom {
	flex-direction: column;
	padding: 0 10% 100px 70px;
	flex-wrap: wrap;
}

.personnalSummary-main-top {
	padding-top: 85px;
}

.personnalSummary-main-top>.flex:nth-child(1) {
	justify-content: space-between;
}

.personnalSummary-main-bottom-article:nth-child(odd) {
	margin-right: 15px;
}

.comment-textArea>button,
.personnalSummary-main-top>.flex>button {
	color: #fff;
}

.personnalSummary-main-top>.flex>button.active {
	border-bottom: solid 5px #BF2424;
}

.personnalSummary-main-top>.flex:nth-child(1)>button.active {
	height: 35px;
}

.personnalSummary-main-top>.flex:nth-child(2) {
	align-content: center;
	align-items: center;
}

.personnalSummary-main-top>.flex:nth-child(2)>button.active {
	height: 25px;
}

.personnalSummary-main-top>.flex>button>h3 {
	font-family: 'DM Serif Display';
	font-weight: 400;
	letter-spacing: 0.3px;
	margin: 5px 0;
}

.comment {
	max-width: 600px;
}

.article-content-negative-2-bottom-comments>ol>li {
	margin: 30px 0;
}

.comment>.flex {
	margin: 10px 0 20px 0;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.comment>.flex>h3 {
	margin: 0;
	font-family: 'DM Serif Display';
	font-weight: 400;
}

.comment-textArea {
	border: 2px solid #fff;
	padding: 5px;
	position: relative;
}

.comment-textArea>.flex {
	flex-wrap: wrap;
}

.comment-textArea>button {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.comment-textArea>p {
	color: rgba(255, 255, 255, 0.75);
}

@media only screen and (max-width: 919px) {
	.personnalSummary-main-top,
	.personnalSummary-main-bottom {
		margin-left: 10%;
		padding-left: 0;
	}
}

@media only screen and (max-width: 529px) {
	.personnalSummary-main-top>.flex>button>h3 {
		font-size: 18px;
	}
	.personnalSummary-main-top>.flex:nth-child(1) {
		flex-wrap: wrap;
	}
}

.personnalSummary-main-bottom-article {
	margin-top: 40px;
	width: 48%;
	margin-top: 20px;
}


/*PROFILE SUMMARY ARTICLES*/

.personnalSummary-main-bottom-article-thumbnailPicture {
	width: 100%;
	height: 162px;
	background-color: grey;
}

.personnalSummary-main-bottom-article>.flex {
	justify-content: space-between;
	margin-top: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.personnalSummary-main-bottom-article>.flex>.flex>div>img {
	width: 10px;
}

.personnalSummary-main-bottom-article>.flex>.frontPage-Header-top-socialNetworks {
	margin: 0;
}

.personnalSummary-main-bottom-article>.article-title {
	margin-top: 5px;
}

.row {
	flex-direction: row;
}

.personnal-height>main>.personnalSummary-main-bottom {
	overflow-y: auto;
	max-height: 600px;
}

@media only screen and (max-width: 467px) {
	.personnalSummary-main-bottom-article {
		margin-right: 0%;
		width: 100%;
		margin-top: 10px;
	}
}


/*PROFILE SUMMARY CONTACTS*/

.contact {
	margin: 15px 60px 15px 0;
	/*width: calc(100%/3);*/
}

.contact-userPicture {
	width: 112px;
	height: 112px;
	background-color: grey;
	margin-bottom: 10px;
}

.contact-name {
	font-size: 20px;
	margin-bottom: 10px;
}

.contact>a.bold {
	color: #fff;
	margin: 10px 0;
}

@media only screen and (max-width: 486px) {
	.contact {
		margin: 15px 10px;
	}
}


/*ABOUT SEVEN/CONTACT*/


/*HEADER*/

.aboutSeven-header-right {
	flex-direction: column;
	width: 55%;
	height: auto;
}

.aboutSeven-header-left {
	padding: 53px 100px 60px 159px;
	width: 45%;
}

.aboutSeven-header-right-featuredPicture {
	height: 60%;
	width: 100%;
	background-color: grey;
}

.redBackground {
	height: auto;
	width: 100%;
	height: 40%;
}

.aboutSeven-header-right-featuredPicture {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


/*MAIN*/

.aboutSeven-main {
	background-color: #000;
	color: #fff;
	padding: 60px 0px 20px 0px;
}

.aboutSeven-main-left {
	padding: 53px 100px 60px 159px;
	width: 50%;
}

.aboutSeven-main-right {
	width: 50%;
}

@import "compass/css3";
@import $red: #e74c3c;
.contactUs-left-contactForm>input,
.contactUs-left-contactForm>textarea {
	max-width: 406px;
}

.contactUs-left-contactForm.category>.option {
	padding: 10px;
}

#filter>option {
	padding: 10px;
}

.contactUs-left-contactForm,
.contactUs-left-contactForm.category {
	margin-bottom: 15px;
}

.contactUs-left-contactForm>input,
.contactUs-left-contactForm>textarea,
.searchTerm,
.contactUs-left-contactForm.category,
#author,
#email {
	background-color: black;
	color: rgba(255, 255, 255, 0.3);
	border: 2px solid white;
	padding: 10px;
	margin: 5px 0px;
	font-size: 18px;
	width: 75%;
	font-family: SharpSansNo1-Semibold;
	&:focus {
		@include box-shadow(0 0px 2px rgba($red,
		1)!important);
	}
}

.logIn-Register_box>.contactUs-left-contactForm>input {
	color: #000;
}

.box-right-black>.contactUs-left-contactForm>input {
	color: #fff;
}

.contactUs-left-contactForm.category {
	border-radius: 0px;
	padding: 10px;
}

#contactUs-left-contactForm-button,
#contactUs-left-contactForm-button-littleScreen,
#LoginButton,
#submit,
.displayButton {
	cursor: pointer;
	background-color: #960000;
	border: none;
	color: white;
	font-family: SharpSansNo1-Semibold;
	padding: 8px 40px;
}

#submit {
	font-family: 'Sharp Sans No1 Bold';
	font-size: 16px;
}


/* Clearfix */

.cf:before,
.cf:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.cf:after {
	clear: both;
}

.aboutSeven-main-right {
	padding-right: 10%;
	PADDING-LEFT: 5%;
}

@media only screen and (max-width: 1027px) {
	.aboutSeven-header {
		flex-direction: column;
	}
	.aboutSeven-header-left {
		width: 80%;
		padding-left: 10%;
	}
	.aboutSeven-header-right {
		height: 500px;
		display: flex;
		width: 100%;
		flex-direction: row;
	}
	.aboutSeven-header-right-featuredPicture,
	.aboutSeven-header-right>.redBackground {
		height: 100%;
		width: 50%;
	}
	.aboutSeven-main-left {
		padding-left: 10%;
		padding-right: 5%;
	}
	.contactUs-left-contactForm>input,
	.contactUs-left-contactForm>textarea {
		width: 100%;
		color: #fff;
	}
	.negativeForm>input {
		width: 75%;
	}
	.LoginButton {
		display: flex;
	}
	.aboutSeven-main-right {
		PADDING-LEFT: 2%;
	}
	.contactUs-left-contactForm.category {
		width: 100%;
	}
}

@media only screen and (max-width: 693px) {
	.aboutSeven-main {
		flex-direction: column-reverse;
	}
	.aboutSeven-main-left,
	.aboutSeven-main-right {
		width: 85%;
		padding: 30px 10% 30px;
	}
	.contactUs-left-contactForm.category {
		width: 75%;
	}
}

@media only screen and (max-width: 560px) {
	.aboutSeven-header-right {
		flex-direction: column;
	}
	.aboutSeven-header-right-featuredPicture,
	.aboutSeven-header-right>.redBackground {
		width: 100%;
	}
	.aboutSeven-header-left {
		width: 85%;
		padding-left: 8%;
	}
	.aboutSeven-main-left,
	.aboutSeven-main-right {
		padding-top: 30px;
		padding-left: 8%;
		padding-right: 8%;
	}
	.contactUs-left-contactForm>input,
	.contactUs-left-contactForm>textarea {
		width: 80%;
	}
	.aboutSeven-main-right>.flex {
		flex-direction: column;
	}
	.aboutSeven-main-right>.flex>.bold {
		margin-bottom: 10px;
	}
}


/*LOADER*/


/* CLEARFIX */

.cf-2:before,
.cf-2:after {
	content: " ";
	display: table;
}

.cf-2:after {
	clear: both;
}

.cf-2 {
	*zoom: 1;
}

.row-loader {
	margin: 7% 8%;
}

.three {
	width: fit-content;
	height: fit-content;
}

.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}

.loader {
	position: fixed;
	z-index: 100000;
	bottom: 0;
	left: 0px;
	height: 100vh;
	width: 100%;
	background-color: #000;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.loader-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader-icon>img {
	width: 45px;
	position: absolute;
	left: 7px;
	top: 16px;
}

.loader.hidden {
	animation: fadeOut 0.5s;
	animation-fill-mode: forwards;
	animation-delay: 1.2s;
}

@keyframes fadeOut {
	100% {
		opacity: 0;
		visibility: hidden;
	}
}

.loader-icon {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

#loader-1:before,
#loader-1:after {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 4px solid transparent;
	border-top-color: #fff;
}

#loader-1:before {
	z-index: 100;
	animation: spin 1s infinite;
}

#loader-1:after {
	border: 4px solid #202020;
}

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


/*PROFESSIONALS RUBRIC PAGE*/


/*HEADER*/

.prosRubric-header,
.prosRubric-main-top {
	width: 100%;
}

.prosRubric-header-left {
	color: #fff;
	width: 45%;
}

.prosRubric-header-left>p>a.bold {
	color: #fff;
}

.prosRubric-header-left>h2 {
	margin-bottom: 15px;
	padding: 47px 41px 0px 159px;
}

.prosRubric-header-left>h3,
.prosRubric-header-left>p {
	padding: 0px 41px 0px 159px;
	color: #fff;
}

.prosRubric-header-left>p:nth-child(5) {
	padding-bottom: 65px;
}

.prosRubric-header-left>h3 {
	margin: 0px 0px 10px 0;
}

.prosRubric-header-right-featuredPicture {
	width: 55%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}


/*MAIN*/

.blackBackground {
	width: 45%;
	background-color: #000;
	justify-content: center;
	align-items: center;
}

.prosRubric-main-top-hallOfFame {
	width: 55%;
}

.prosRubric-main-top-hallOfFame>p {
	padding: 0px 40% 0 76px;
}

.prosRubric-main-top-hallOfFame>h2 {
	margin: 10px 0;
	padding: 50px 40% 0 76px;
}

.prosRubric-main-top-hallOfFame>a {
	align-items: center;
	padding: 0px 40% 51px 76px;
}

.prosRubric-main-top-hallOfFame>a>img:nth-child(1) {
	margin-left: 5px;
}

.prosRubric-main-middle {
	background-color: #000;
	color: #fff;
	padding: 60px 41px 65px 159px;
}

.prosRubric-main-middle>h2 {
	margin: 0px 0px 10px 0px;
}

.prosRubric-main-middle>h3 {
	margin: 15px 0;
}

.prosRubric-main-middle>a {
	color: #fff;
	font-size: 20px
}

.prosRubric-main-middle>.flex {
	margin-bottom: 60px;
}

.pro {
	width: calc(100% / 3);
	margin-top: 40px;
}

.pro-userPicture {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 112px;
	height: 112px;
}

.pro>.flex {
	flex-direction: column;
	justify-content: space-between;
}

.pro>.flex>.bold {
	color: #fff;
}

.pro>div:nth-child(2) {
	margin-left: 15px;
	margin-right: 50px;
}

.pro>div:nth-child(2)>.bold {
	font-size: 20px;
	margin: 0 0 10px 0;
}

.pro>div:nth-child(2)>p:nth-child(2) {
	width: 90%;
}

.prosRubric-main-bottom {
	width: 100%;
}

.prosRubric-main-bottom-latestArticles {
	width: 60%;
	padding-left: 159px;
	padding-bottom: 70px;
}

.prosRubric-main-bottom-latestArticles>h2 {
	margin: 60px 0px 20px 0px;
}

.prosRubric-main-bottom-two {
	width: 40%;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: auto;
}

.prosRubric-main-bottom-latestArticles-right {
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
	margin-left: 35px;
}

.prosRubric-main-bottom-latestArticles-right-article>a>h4 {
	margin: 10px 0 5px 0;
}

.prosRubric-main-bottom-latestArticles-right-thumbnailPicture {
	background-color: grey;
	width: 213px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 84px;
}

.prosRubric-main-bottom-latestArticles-right-article {
	padding: 20px 0 0 0;
}

.prosRubric-main-bottom-latestArticles-right-article>h4 {
	margin: 5px 0 0 0;
}

@media only screen and (max-width: 1327px) {
	.prosRubric-header-left>h2,
	.prosRubric-header-left>h3,
	.prosRubric-header-left>p {
		padding-left: 10%;
	}
	.prosRubric-main-middle {
		padding-left: 5%;
	}
	.prosRubric-main-bottom-latestArticles {
		padding-left: 5%;
	}
}

@media only screen and (max-width: 1077px) {
	.prosRubric-header {
		flex-direction: column;
	}
	.prosRubric-header-left {
		width: 100%;
	}
	.prosRubric-header-right-featuredPicture {
		height: 300px;
		width: 100%;
	}
	.prosRubric-header-left>h2,
	.prosRubric-header-left>h3,
	.prosRubric-header-left>p {
		padding-left: 10%;
		padding-right: 20%;
	}
	.prosRubric-main-top-hallOfFame>h2,
	.prosRubric-main-top-hallOfFame>p,
	.prosRubric-main-top-hallOfFame>a {
		padding-left: 10%;
		padding-right: 10%;
	}
	.prosRubric-main-middle>.flex>.pro {
		flex-wrap: wrap;
	}
	.pro>div:nth-child(2) {
		margin: 0;
	}
	.prosRubric-main-bottom {
		flex-direction: column;
	}
	.prosRubric-main-bottom-latestArticles {
		width: 100%;
	}
	.prosRubric-main-bottom-two {
		width: 100%;
		height: 300px;
	}
}

@media only screen and (max-width: 760px) {
	.prosRubric-header-left>h2,
	.prosRubric-header-left>h3,
	.prosRubric-header-left>p {
		padding-left: 5%;
		padding-right: 5%;
	}
	.prosRubric-main-middle>.flex {
		flex-wrap: wrap;
	}
	.pro {
		width: calc(100% / 2);
	}
}

@media only screen and (max-width: 642px) {
	.prosRubric-main-bottom-latestArticles>.flex {
		flex-direction: column;
	}
	.prosRubric-main-bottom-latestArticles-left,
	.prosRubric-main-bottom-latestArticles-right {
		padding-right: 5%;
	}
	.TheClub-Header-left-col-thumbnail {
		margin-right: 5%;
	}
	.prosRubric-main-bottom-latestArticles-right {
		flex-direction: row;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 5%;
	}
}

@media only screen and (max-width: 450px) {
	.prosRubric-main-top {
		flex-direction: column;
	}
	.blackBackground {
		width: 100%;
		height: 250px;
	}
	.prosRubric-main-top-hallOfFame {
		width: 100%;
	}
	.prosRubric-main-middle {
		padding-right: 5%;
	}
	.pro {
		width: 100%;
		margin-bottom: 40px;
	}
	.pro>div:nth-child(2)>p:nth-child(2) {
		width: auto;
	}
}


/*THE CLUB PAGE*/


/*HEADER*/

.TheClub-Header-left-col>h3 {
	margin: 0px 0px 16.5px 0px;
}

.TheClub-Header-left-col-thumbnail {
	border-bottom: 2px solid #000;
	padding: 20px 0px;
}

.TheClub-Header-left-col-thumbnail:nth-child(5) {
	border-bottom: none;
}

.TheClub-Header-left-col-thumbnail-featuredPicture {
	width: 133px;
	height: 133px;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.TheClub-Header-left-col-thumbnail-userPicture {
	width: 45px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: grey;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.black>.post-categories>li>a {
	color: #000;
}

.TheClub-Header-left-col-thumbnail-userPicture>img {
	width: inherit;
	height: inherit;
}

.TheClub-Header-left-col-thumbnail>div>h4 {
	margin: 10px 0px 20px 0px;
}

.TheClub-Header-left-col-thumbnail-socialNetworks>div:nth-child(2) {
	margin: 0px 10%;
}

.TheClub-Header-right-col {
	background-color: #000;
	color: #fff;
	position: relative;
}

.TheClub-Header-right-col>.absolute {
	position: absolute;
	z-index: 50;
	padding: 40px 0px 0px 20px;
}

.TheClub-Header-right-col>div>h2 {
	margin: 0px;
}

.TheClub-Header-right-col-featuredPost {
	margin-bottom: 27px;
}

.TheClub-Header-right-col-featuredPost-featuredPicture {
	position: relative;
	width: 100%;
	height: 303px;
	background-color: grey;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.TheClub-Header-right-col-featuredPost-userPicture {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: darkgrey;
	width: 86px;
	height: 86px;
}

.TheClub-Header-right-col-featuredPost>h3,
.TheClub-Header-right-col-featuredPost>p {
	margin: 10px 0px;
}

.TheClub-Header-right-col-featuredPost>.flex {
	padding-top: 10px;
}

.TheClub-Header-right-col-socialNetworks>div:nth-child(2) {
	margin: 0px 20%;
}

.TheClub-Header-right-col-thumbnail-socialNetworks {
	align-content: center;
}

.TheClub-Header-right-col-thumbnail-socialNetworks>div:nth-child(2) {
	margin: 0px 10%;
}

.TheClub-Header-right-col-thumbnail {
	flex-direction: column;
}

.TheClub-Header-right-col-thumbnail-featuredPicture {
	width: 240px;
	position: relative;
	background-color: grey;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.TheClub-Header-right-col-thumbnail-userPicture {
	width: 63px;
	height: 63px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: darkgrey;
}

.TheClub-Header-right-col-thumbnail>div>h4 {
	margin: 10px 0px 20px 0px;
}

@media only screen and (min-width: 845px) and (max-width: 1145px) {
	.TheClub-Header-right-col-thumbnail-featuredPicture {
		width: auto;
	}
	.TheClub-Header-right-col-thumbnail {
		width: 50%;
	}
}


/*TAG PAGE TEMPLATE*/

.tag-main,
.tag-header {
	width: 100%;
}

.tag-header {
	height: fit-content;
}

.tag-header-left>h3 {
	padding: 0px 10%;
}

.tag-header-left>.taxonomy-description {
	padding: 0px 10%;
}

.tag-header-left>h2 {
	padding: 80px 5% 15px 10%;
}

.tag-header-left>h3,
.tag-header-left>h2 {
	margin: 0;
}

.tag-header-left {
	background-color: #000;
	color: #fff;
	width: 50%;
	min-height: 300px;
}

.tag-header-right {
	background-color: #BF2424;
	min-height: 300px;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 50%;
}

.tag-header-right>img {
	width: 20%;
}

.tag-main {
	min-height: 400px;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	padding-bottom: 80px;
}

.noTagMatch {
	padding-left: 5%;
	padding-top: 50px;
}

.tag-post {
	margin: 30px 5%;
	width: 35%;
}

.tag-post>a>h4 {
	margin: 15px 0 5px 0;
}

.tag-post-thumbnail {
	width: 100%;
	min-height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.tag-post>.flex {
	justify-content: space-between;
}

@media only screen and (max-width: 600px) {
	.tag-header {
		flex-direction: column;
		height: fit-content
	}
	.tag-header-left {
		width: 100%;
		padding-bottom: 50px;
	}
	.tag-header-right {
		width: 100%;
	}
	.tag-main {
		flex-direction: column;
		align-items: center;
	}
	.tag-post {
		width: 80%;
	}
}


/*CLUBS CONDITIONS*/

.clubCondition-header {
	width: 25%;
	background-color: #960000;
	height: 100vh;
	z-index: -1;
	position: fixed;
	right: 0;
}

.clubCondition-featuredPicture {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 370px;
}

.clubCondition-redBackground {
	position: fixed;
}

.clubCondition-main {
	width: 75%;
	padding-bottom: 50px;
}

.clubCondition-main>h2 {
	padding: 50px 5% 15px 10%;
}

.clubCondition-main>p {
	padding: 0px 10% 10px 10%;
}

.clubCondition-main>h3 {
	padding: 0px 5% 20px 10%;
}

@media only screen and (max-width: 600px) {
	.clubCondition {
		flex-direction: column;
	}
	.clubCondition-header {
		width: 100%;
		height: 400px;
		position: relative;
	}
	.clubCondition-featuredPicture {
		height: 90%;
	}
	.clubCondition-redBackground {
		position: relative;
	}
	.clubCondition-main {
		width: 100%;
	}
	.clubCondition-main>h2 {
		padding: 30px 5% 0px 10%;
	}
}


/*MAIN*/

.TheClub-Main-upperPart {
	height: 468px;
}

.TheClub-Main-upperPart-left-col {
	width: 27%;
	padding: 40px 2% 20px 8%;
	height: auto;
}

.TheClub-Main-upperPart-right-col {
	width: 73%;
}

.TheClub-Main-upperPart-right-col>.flex {
	justify-content: space-between;
	position: relative;
	margin-bottom: 20px;
}

.button-clubConditions {
	height: 45px;
	width: 25%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.TheClub-Main-upperPart-right-col-title>h2 {
	margin: 10px 0px;
}

.post-resume-featuredPicture {
	width: 133px;
	height: 133px;
	margin-right: 20px;
	background-color: grey;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.TheClub-Header-right-col-socialNetworks>.flex {
	font-weight: 600;
}

.TheClub-Main-bottomPart-left-col {
	background-color: #000;
	color: #fff;
}

.TheClub-Main-bottomPart-left-col>h2 {
	margin: 5px 0px;
}

.TheClub-Main-bottomPart-left-col>.flex {
	margin: 50px 0px 20px 0px;
	justify-content: space-between;
}

.TheClub-Main-bottomPart-left-col-orderBy {
	align-items: center;
}

.TheClub-Main-bottomPart-left-col-orderBy>button {
	background-color: rgb(0, 0, 0, 0);
	border: none;
	color: #fff;
	height: 20px;
	font-size: 16px;
}

button.active {
	border-bottom: solid 5px #BF2424;
}

.TheClub-Main-bottomPart-right-col {
	width: 30%;
}

.TheClub-Main-bottomPart-left-col-searchBar {
	border: 2px solid #fff;
	color: #fff;
	font-family: 'Sharp Sans No1 Book';
	z-index: 5;
}

.TheClub-Main-bottomPart-left-col-searchBar>input {
	background-color: rgb(0, 0, 0, 0);
	border: none;
	width: 100%;
	margin: 5px 15px;
	font-size: 14px;
	color: -internal-light-dark-color(white, white);
}

.TheClub-Main-bottomPart-left-col-searchBar>button {
	background-color: rgb(0, 0, 0, 0);
	border: none;
}

.TheClub-Main-bottomPart-left-col-searchBar>button>img {
	width: 22px;
	height: 18px;
}

.All-blogs>.post-resume {
	border-top: 2px solid #fff;
	width: auto;
	justify-content: space-between;
	padding: 25px 0px;
}

.post-resume-infos {
	width: 80%;
}

.post-resume-infos>h3 {
	margin: 10px 0px;
}

.post-resume-infos>.flex {
	justify-content: space-between;
}

.post-resume-infos-socialNetworks>div:nth-child(2) {
	margin: 0px 20px;
}

.page-buttons-negative>button {
	border: 2px solid #fff;
	color: #fff;
	background-color: rgb(0, 0, 0, 0);
	padding: 5px 10px;
	font-family: 'Sharp Sans No1 Book';
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
}

@media only screen and (max-width: 500px) {
	.TheClub-Main-upperPart-right-col {
		padding: 120px 4% 50px 4%;
		width: 90%;
	}
	.button-clubConditions {
		top: -70px;
		left: 0;
	}
}

@media only screen and (min-width: 501px) and (max-width: 845px) {
	.TheClub-Main-upperPart-right-col {
		padding: 25px 4% 50px 4%;
		width: 90%;
	}
}

@media only screen and (min-width: 846px) and (max-width: 1100px) {
	.TheClub-Main-upperPart-right-col {
		padding: 25px 8% 50px 8%;
	}
}

@media only screen and (max-width: 1100px) {
	.TheClub-Main-upperPart {
		flex-direction: column;
	}
	.TheClub-Main-upperPart-left-col {
		width: 100%;
		height: 200px;
		padding: 0;
	}
	.TheClub-Main-upperPart {
		height: auto;
	}
}

@media only screen and (min-width: 1101px) {
	.TheClub-Main-upperPart-right-col {
		padding: 25px 8% 50px 2%;
	}
}


/*ARTICLES ARCHIVES PAGE*/

.articleArchives-Header-top {
	width: 100%;
}

.negative {
	background-color: #000;
	color: #fff;
}

.articleArchives-Header-top-left {
	padding: 40px 75px 0 157px;
	width: 35%;
}

.articleArchives-Header-top-left>h2 {
	margin: 10px 0;
}

.pictureTest {
	width: 65%;
	height: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.articleArchives-Header-bottom {
	padding: 0 157px;
}

.articleArchives-Header-bottom>h3 {
	margin: 0 0 5px 0;
	margin-bottom: 50px;
}

.articleArchives-Header-bottom>div {
	padding: 35px 0 50px 0;
	justify-content: space-between;
}

.articleArchives-date {
	border: 2px solid #FFFFFF;
	padding: 8px 2%;
	font-family: DMSerifDisplay-Regular;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	align-items: center;
	display: flex;
}

button.articleArchives-date {
	background-color: rgb(0, 0, 0, 0);
}


/*MAIN ARTICLES ARCHIVES*/

.articleArchives-Main-left>.redBackground {
	padding: 81.5px 116px 45px 157px;
	color: #fff;
	height: 70%;
}

.redBackground>.TheClub-Header-left-col-thumbnail {
	border-color: #fff;
}

.redBackground>.TheClub-Header-left-col-thumbnail:nth-child(2) {
	border: none;
}

.articleArchives-Main-left {
	width: 37%;
	height: inherit;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.articleArchives-Main-left>.blackBackground {
	padding: 45px 116px 45px 157px;
	background-color: #000;
	color: #fff;
	height: 30%;
	width: 90%;
}

.articleArchives-Main-left>.redBackground {
	width: 90%;
}

.articleArchives-Main-right {
	flex-direction: column;
	width: 63%;
	height: inherit;
	align-items: flex-end;
	justify-content: space-between;
}

.articleArchives-Main-right-article {
	height: calc(100%/3);
}

.articleArchives-Main-right-article-thumbnailPicture {
	width: 30%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.articleArchives-Main-right-article-text>.TheClub-Header-right-col-socialNetworks {
	margin: 10px 0;
}

.articleArchives-Main-right-article-text>.TheClub-Header-right-col-socialNetworks>div:nth-child(2) {
	margin: 0 10%;
}

.articleArchives-Main-right-article-text>h4 {
	margin: 10px 0 5px 0;
}

.articleArchives-Main-right-article-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 25px;
}

@media only screen and (max-width: 1145px) {
	.articleArchives-Header-bottom {
		padding: 0 6%;
	}
	.articlesArchives-Main {
		flex-direction: column;
	}
	.articleArchives-Main-left {
		width: 100%;
		flex-direction: row;
	}
	.articleArchives-Main-left>.redBackground {
		padding: 65px 50px 45px 6%;
		width: 50%;
	}
	.articleArchives-Main-left>.blackBackground {
		padding: 65px 6% 45px 50px;
		width: 50%;
		height: inherit;
	}
	.articleArchives-Header-top-left {
		padding: 40px 75px 0 6%;
	}
	.articleArchives-date {
		font-size: 16px;
	}
	.articleArchives-Main-right {
		width: 100%;
	}
	.articleArchives-Main-right-article-thumbnailPicture {
		width: 50%;
	}
}

@media only screen and (min-width: 586px)and (max-width: 1145px) {
	.articleArchives-Main-right {
		height: 600px;
	}
}

@media only screen and (max-width: 864px) {
	.articleArchives-Header-top {
		flex-direction: column;
	}
	.pictureTest {
		width: 100%;
		height: 300px;
	}
	.articleArchives-Header-top-left {
		width: 85%;
		padding-bottom: 40px;
	}
	.articleArchives-Header-bottom {
		padding-top: 50px;
	}
}

@media only screen and (max-width: 615px) {
	.articleArchives-Main-left {
		flex-direction: column;
	}
	.articleArchives-Main-left>.blackBackground,
	.articleArchives-Main-left>.redBackground {
		width: 100%;
	}
	.redBackground>.TheClub-Header-left-col-thumbnail,
	.blackBackground>.TheClub-Header-left-col-thumbnail {
		width: 80%;
	}
	.articleArchives-Main-left>.redBackground,
	.articleArchives-Main-left>.blackBackground {
		padding: 40px 6% 40px 6%;
	}
	.articleArchives-Header-bottom>div {
		flex-wrap: wrap;
	}
	.articleArchives-date {
		justify-content: center;
	}
}

@media only screen and (max-width: 585px) {
	.articleArchives-Main-right-article {
		flex-direction: column;
		padding: 40px 0px;
	}
	.articleArchives-Main-right {
		height: fit-content;
		display: flex;
		align-items: center;
	}
	.articleArchives-Main-right-article-thumbnailPicture {
		height: 150px;
	}
	.articleArchives-Main-right>.articleArchives-Main-right-article:nth-child(2) {
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	.articleArchives-date {
		margin: 5px 0px;
	}
}

@media only screen and (min-width: 1146px) and (max-width: 1466px) {
	.articleArchives-Main-left>.redBackground,
	.articleArchives-Main-left>.blackBackground {
		padding: 81.5px 50px 45px 15%;
	}
	.articleArchives-Header-bottom {
		padding: 0 6%;
	}
	.articleArchives-Header-top-left {
		padding: 40px 75px 0 6%;
		width: 35%;
	}
	.articleArchives-Main-right {
		height: auto;
	}
}


/*SINGLE-A
ARTICLE header*/

.article-title {
	margin: 10px 0px 20px 0px;
}

.post-categories {
	margin: 0px;
}

.article-informations {
	margin-bottom: 25px;
}

.article-chapeau-illustrations {
	width: 60%;
}

.article-chapeau-illustrations-blogs {
	width: 70%;
}

.article-content-negative-footer-links-share>a>img {
	width: 32px;
	height: 32px;
	align-content: center;
}

.article-content-negative-bottom-links {
	text-align: right;
}

.article-chapeau-illustration-1 {
	width: 60%;
	height: 523px;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.article-chapeau-illustration-1-blogs {
	width: 30%;
	background-position: center;
}

.article-chapeau-illustration-2 {
	justify-content: center;
	align-items: center;
	width: 40%;
}

.article-chapeau-illustration-2>img {
	width: 60%;
}

.article-chapeau-text {
	/*margin-left: 8%;
    margin-right: 5%;*/
	width: 40%;
	margin-top: 4%;
}

.article-chapeau-text-blogs {
	width: 60%;
}


/*SINGLE-ARTICLE main*/

.negative-text {
	color: #ffffff;
	background-color: #000;
}

.article-content {
	width: 100%;
}

.article-content-illustrations {
	width: 40%;
	background-color: #000;
	flex-direction: column;
}

.article-content-illustrations-blogs {
	width: 28%;
}

.article-content-negative-illustration-1 {
	width: 40%;
	height: 100%;
	background-color: #000;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.article-content-negative-illustration-1-blogs {
	height: 30%;
	width: 28%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.article-content-illustrations-3 {
	background-position: center;
	height: 100%;
	width: 40%;
	background-size: cover;
	background-repeat: no-repeat;
}

.article-content-illustrations-3-blogs {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.article-content-negative-illustration-1-blogs>.wp-block-image,
.article-content-illustrations-3-blogs>.wp-block-image {
	width: 100%;
	height: 100%;
	margin: 0;
}

.article-content-negative-texts-1 {
	height: fit-content;
	width: 60%;
}

.article-content-illustrations-2 {
	height: 610px;
	justify-content: center;
	align-items: center;
}

.article-content-illustrations-2-blogs {
	height: 40%;
}

.article-content-illustrations-2>img {
	height: 50%;
	max-width: 40%;
}

.article-content-illustrations-3-blogs {
	height: 30%;
}

.article-content-texts-2 {
	width: 60%;
	margin: 2% 0% 2% 0%;
	flex-direction: column;
	justify-content: flex-end;
}

.article-content-texts-2-blogs {
	width: 72%;
}

.article-content-negative-texts-1>p,
.article-content-texts-2>p {
	padding: 0% 8% 0% 5%;
}

.article-content-texts-2-blogs>p,
.article-content-texts-2-blogs>h4,
.article-content-texts-2-blogs>h3,
.article-content-texts-2-blogs>blockquote {
	padding: 0% 25% 0% 8%;
}

.article-content-texts-2-blogs>h4,
.article-content-texts-2-blogs>h3 {
	font-family: 'DM Serif Display';
	font-weight: normal;
	font-style: normal;
}

.post-resume>h4,
.same-author-left>h4 {
	font-family: 'DM Serif Display';
	font-weight: normal;
	font-style: normal;
}

.article-content-negative-footer-links-share {
	justify-content: center;
	display: flex;
	align-content: center;
}

.article-informations,
.article-description {
	padding-left: 13%;
	padding-right: 5%;
}

.article-content-illustrations-2 {
	flex-direction: column;
}


/* SINGLE-ARTICLE negative part.2*/

.article-content-negative-2 {
	padding: 2% 5% 2% 5%;
	background-color: #000;
	color: #fff;
}

.article-content-negative-2-bottom-links,
.article-content-negative-2-footer-links-share {
	text-align: right;
}

.article-content-negative-2-bottom {
	margin: 50px 0px;
}

.article-content-negative-2-text>p,
.article-content-negative-2-text>blockquote {
	padding-right: 40%;
}

@media only screen and (max-width: 1200px) {
	.article-content-negative-2-text>p,
	.article-content-negative-2-text>blockquote {
		padding-right: 25%;
	}
}

.article-content-negative-2-text>blockquote {
	margin-left: 0;
	padding-right: 4%;
}

em {
	width: 100%;
}

a.GoToHomepage {
	color: #fff;
}

.recommend-blog>img {
	width: 25px;
	height: auto;
}

.recommend-blog {
	justify-content: flex-end;
	margin-top: 50px;
	color: #fff;
	background-color: rgb(216, 216, 216, 0);
	border: 0px;
	font-size: 16px;
}

button:hover {
	cursor: pointer;
}

.article-content-negative-2-footer-links-share {
	margin: 30px 0px;
	justify-content: flex-end;
}

.article-content-negative-2-footer-links-share>a {
	display: flex;
	align-items: center;
}

.article-content-negative-2-footer-links-share>a:nth-child(3),
.article-content-negative-2-footer-links-share>h3 {
	margin: 0px 30px;
}

.article-content-negative-2-footer-links-share>a>img {
	width: 32px;
	height: 32px;
}

.article-content-negative-2-bottom-comments>p {
	width: 250px;
}

.article-content-negative-2-bottom-comments {
	width: 40%;
}

.article-content-negative-2-bottom-comments>li {
	margin: 40px 0;
}

.article-content-negative-2-footer-links-tags>a {
	color: #fff;
	border: 2px solid #fff;
	padding: 3px 10px;
	margin-left: 20px;
	margin: 10px 10px;
}

.article-content-negative-2-footer-links-tags>tag {
	height: 100%;
	width: 100%;
}

.article-content-negative-2-footer-links-tags>b {
	margin-right: 50px;
}

.article-content-negative-2-footer-links-tags {
	display: flex;
	width: auto;
	align-items: center;
	flex-wrap: wrap;
}

.tag {
	height: 100%;
	width: 100%;
}


/* SINGLE-ARTICLE related articles*/

.related-articles {
	display: flex;
	padding: 0% 5% 8% 5%;
	justify-content: space-between;
	flex-wrap: wrap;
}

.related-article {
	margin-bottom: 50px;
}

.related-article-theme {
	margin-top: 20px;
}

.related-article>h3 {
	font-family: 'DM Serif Display';
	font-weight: normal;
	margin: 10px 0px 5px 0px;
}

.related-article-author {
	display: flex;
}

.article-related-articles-title {
	padding-left: 5%;
	margin: 50px 0px 20px 0px;
}

.related-article-illustration {
	width: 297px;
	height: 161px;
	background-color: grey;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


/* BUTTON HOVER EFFECT*/

.contactUs-left-contactForm-button-littleScreen,
.contactUs-left-contactForm-button,
#LoginButton,
.button-Newsletter,
.button-clubConditions,
.button,
.displayButton {
	transition: 0.3s;
}

#contactUs-left-contactForm-button-littleScreen:hover,
#contactUs-left-contactForm-button:hover,
#LoginButton:hover,
.button-Newsletter:hover,
.button-clubConditions:hover,
.button:hover,
.displayButton:hover {
	background-color: #BF2424;
	color: #000;
}


/*
.button-red {
    
    --background: #960000;
    --text: #fff;
    --font-size: 16px;
    --duration: .44s;
    --move-hover: -4px;
    --shadow: 0 2px 8px -1px #{rgba(#292929, .32)};
    --shadow-hover: 0 4px 20px -2px #{rgba(#3A3A3A, .5)};
    --font-shadow: var(--font-size);
    margin: 10px 12px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    font-family: 'Sharp Sans No1 Bold';
    font-weight: 500;
    line-height: var(--font-size);
    outline: none;
    text-decoration: none;
    font-size: var(--font-size);
    letter-spacing: .5px;
    background: var(--background);
    color: var(--text);
    box-shadow: var(--shadow);
    transform: translateY(var(--y));
    transition: transform var(--duration) ease, box-shadow var(--duration) ease; }

    div {
        display: flex;
        overflow: hidden;
        text-shadow: 0 var(--font-shadow) 0 var(--text); 
    }
    
    span {
            display: block;
            backface-visibility: hidden;
            font-style: normal;
            transition: transform var(--duration) ease;
            transform: translateY(var(--m)); }
            $i: 1;
            @while $i < 12 {
                &:nth-child(#{$i}) {
                    transition-delay: $i / 20 + s;
                }
                $i: $i + 1;
            }
        
    &:hover {
        --y: var(--move-hover);
        --shadow: var(--shadow-hover);
        span {
            --m: calc(var(--font-size) * -1);
        }
    }
*/


/*POST BLOG RESUME*/

.comment-width,
.share-width,
.recommend-width,
.addContact-width {
	width: 16px;
}

.share-width-margin {
	margin-left: 20px;
}

.same-author {
	padding: 4% 5% 4% 5%;
}

.same-author-left {
	width: 25%;
	position: relative;
}

.same-author-left>h3 {
	margin-top: 0px;
}

.same-author-left>h4 {
	margin-top: 5px;
}

.same-author-left-profilePicture {
	width: 125px;
	height: 125px;
	border: 2px solid #000;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.similarPostsAuthor {
	padding-left: 5%;
}

.similarPostsAuthor-ul {
	padding-left: 8%;
}

.absolute-bottom {
	position: absolute;
	bottom: 0px;
}

.post-resume {
	border-top: 2px solid #000;
	width: 700px;
	padding: 25px 0px;
}

.post-resume>h4 {
	margin: 10px 0px;
}

.post-resume-author-infos {
	margin-right: 30px;
}

.post-resume-author-infos.white>a {
	color: #fff;
}

.page-buttons {
	margin-top: 20px;
}

.page-buttons>button {
	border: 2px solid #000;
	padding: 5px 10px;
	margin: 0px 3px;
	font-family: 'Sharp Sans No1 Book';
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
}


/*FOOTER*/

footer {
	background-color: #000;
	color: #ffffff;
}

.Footer-Infos {
	justify-content: space-between;
	padding: 5% 10%;
}

.CopyrightPolicies {
	padding: 0% 10%;
	padding-bottom: 5%;
	display: flex;
	justify-content: space-between;
}

.Policies>a {
	color: #fff;
}

.CallToActions {
	width: 45%;
}

.CallToActions-Follow>b {
	margin-bottom: 5px;
}

.Copyright {
	opacity: 45%;
}

.Infos-About>ul>li>a,
.Infos-TheClub>ul>li>a {
	color: #ffffff;
}

.Infos-About>ul>li,
.Infos-TheClub>ul>li {
	padding: 5px 0px;
}

.Infos-About>ul,
.Infos-TheClub>ul {
	padding: 0px;
}

.Infos-TheClub {
	margin-left: 40px;
}

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

.CallToActions-Newsletter {
	max-width: 200px;
}

.CallToActions-Newsletter>img {
	width: 14px;
	margin-left: 10px;
}

.CallToActions-Follow-SocialNetworks {
	margin-top: 20px;
}

.CallToActions-Follow-SocialNetworks>a>img {
	width: 32px;
	height: 32px;
}

.CallToActions-Follow-SocialNetworks>a:nth-child(2) {
	margin: 0px 20px;
}

.CallToActions-Newsletter>b,
.Infos-About>ul>b,
.Infos-TheClub>ul>b,
.CallToActions-Follow>b {
	font-size: 18px;
	font-family: 'Sharp Sans No1 Bold';
}

.buttonRed {
	background-color: #960000;
	color: #fff;
	border: 0px;
	width: auto;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 600;
	bottom: 0;
}

.buttonBottom {
	bottom: auto;
}

.showComments {
	background-color: rgb(0, 0, 0, 0);
	border: none;
	color: #fff;
	width: fit-content;
	text-align: start;
}

.showComments>h3 {
	margin-left: 0;
}


/*COMMENTS*/

#comment {
	border: 2px solid #fff;
	font-family: 'Sharp Sans No1 Book';
	padding: 10px;
}

textarea#comment,
#author>label {
	color: rgb(255, 255, 255, 80);
	max-width: 100%;
}

textarea#comment:focus,
input#author:focus,
input#email:focus,
#comment input:focus,
#author>label:focus {
	color: #fff;
}

.commentform_user_identity {
	margin-left: 20px;
}

#author,
#email {
	width: auto;
	font-family: 'Sharp Sans No1 Book';
	padding: 5px 10px;
	font-size: 16px;
}

#author>label>small,
#email>label>small {
	font-family: 'Sharp Sans No1 Book';
	font-size: 16px;
}

.article-content-negative-2-bottom-comments>ol {
	padding-left: 0;
}

#commentform {
	margin-top: 40px;
}


/*LOGIN REGISTER POPUP*/

.logIn-Register_box {
	background-color: #fff;
	position: relative;
	color: #000;
	height: 360px;
	width: 230px;
	position: absolute;
	bottom: -391px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	display: none;
}

.logIn-Register_box>div>.flex {
	justify-content: space-between;
	padding: 0 20px;
}

.Logout_box {
	height: 268px;
	bottom: -300px;
	font-size: 16px;
	font-family: 'Sharp Sans No1 Book';
}

.Logout_box>input {
	align-self: flex-end;
}

.box_arrowUp {
	position: absolute;
	top: -20px;
	margin: 0 auto;
	left: 95px;
}

.is-visible {
	display: inline-flex;
}

.logIn-Register_box>div:nth-child(2) {
	margin: 30px 0;
	justify-content: center;
}

.logIn-Register_box>div>a.active {
	border-bottom: solid 5px #BF2424;
}

.logIn-Register_box>div>a>h4 {
	margin: 0px 10px -7px 10px;
	font-family: 'Sharp Sans No1 Bold';
}

.logIn-Register_box>span {
	font-family: 'Sharp Sans No1 Book';
	font-size: 16px;
}

.negativeForm>input {
	background-color: #fff;
	border-color: #000;
	font-size: 14px;
}

.negativeForm>input:focus {
	color: #000;
}

button input:focus,
button:focus {
	outline: none;
}

input:focus,
select:focus,
textarea:focus {
	/*outline-color: #960000;*/
	outline-color: #BF2424;
}

select>option:hover {
	background-color: #BF2424;
}


/*NAV*/

.open-LoginPopUp {
	margin: 0 50px;
	background-color: rgb(0, 0, 0, 0);
	border: none;
	position: relative;
}

.open-LoginPopUp>.flex {
	display: flex;
	justify-content: center;
	align-content: flex-end;
}

.mainNav-Black {
	position: relative;
	z-index: 10000;
}

.mainNav-White>ul>li>a {
	transition: 0.6s all;
}

.mainNav-White>ul>li>a::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	top: 100%;
	left: 0;
	background: #BF2424;
	transition: transform 0.7s;
	transform: scaleX(0);
	transform-origin: right;
}

.mainNav-White>ul>li>a:hover {
	color: #BF2424;
}

.mainNav-White>ul>li>a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}


/* NAV mobile*/

@media only screen and (max-width: 864px) {
	.mainNav-Black>a:nth-child(2),
	.mainNav-Black>div>button:nth-child(2) {
		display: none;
	}
	.mainNav-Black>div>button {
		margin: 0px 50px;
	}
	.mainNav-White>ul {
		display: none;
	}
	.mainNav-White {
		height: 48px;
	}
}

@media only screen and (max-width: 555px) {
	.mainNav-Black {
		padding: 30px 5% 30px 5%;
	}
	.open-menuSearch {
		display: none;
	}
}


/*SINGLE-ARTICLE responsive*/

@media only screen and (max-width: 789px) {
	.article-chapeau {
		flex-direction: column;
	}
	.article-chapeau-blogs {
		flex-direction: column-reverse;
	}
	.article-chapeau-text {
		width: 100%;
		margin-bottom: 25px;
	}
	.article-informations,
	.article-description {
		padding-left: 6%;
		padding-right: 6%;
	}
	.article-content>.flex {
		flex-direction: column;
	}
	.article-chapeau-illustrations,
	.article-content-illustrations {
		width: 100%;
	}
	.article-content-illustrations-blogs {
		flex-wrap: wrap;
	}
	.article-content-negative-illustration-1-blogs {
		width: 100%;
	}
	.article-chapeau-illustrations-blogs {
		flex-direction: column;
	}
	.article-chapeau-illustration-1,
	.article-chapeau-illustration-2,
	.article-content-illustrations-2,
	.article-content-illustrations-3 {
		width: 50%;
		height: 266px;
	}
	.article-chapeau-illustration-1-blogs,
	.article-chapeau-illustration-2-blogs {
		width: 100%;
	}
	.article-chapeau-illustration-2>img {
		height: 50%
	}
	.article-content-negative-illustration-1 {
		width: 100%;
		height: 266px;
	}
	.article-content-texts-2-blogs>h3,
	.article-content-texts-2-blogs>h4,
	.article-content-texts-2-blogs>p,
	.article-content-texts-2-blogs>blockquote {
		padding: 0% 6% 0% 6%;
	}
	.article-content-negative-1 {
		flex-direction: column;
	}
	.article-content-negative-texts-1 {
		width: 100%;
		height: auto;
	}
	.article-content-illustrations {
		flex-direction: row;
	}
	.article-content-texts-2 {
		width: 100%;
	}
	.article-content-negative-2-bottom-comments {
		justify-content: flex-end;
		display: flex;
		flex-direction: column;
		width: 80%;
	}
	#commentform>div:nth-child(1),
	#commentform>div:nth-child(2) {}
	.article-content-negative-2-bottom-comments>p {
		width: auto;
	}
	.article-content-negative-2-text>p {
		padding-right: 10px;
	}
	.article-content-negative-2-bottom {
		flex-direction: column;
	}
	.article-content-negative-2-footer-links-share>h3 {
		margin: 0px 20px;
	}
	.article-content-negative-2-footer-links-tags>b {
		margin-right: 10px;
	}
	.article-content-negative-2-footer-links-tags>a:nth-child(3) {
		margin: 0px 10px;
	}
	.related-articles {
		flex-direction: column;
		align-items: center;
	}
	.article-related-articles-title {
		padding: 0% 5%;
		text-align: right;
	}
	.Footer-Infos {
		flex-direction: column;
	}
	.Infos {
		justify-content: space-between;
	}
	.Infos-TheClub {
		margin-left: 0px;
	}
	.CallToActions {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 80%;
	}
	.Copyright {
		margin-right: 20px;
	}
	.CallToActions-Follow {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 444px) {
	.CallToActions-Follow-SocialNetworks {
		display: flex;
	}
	.CallToActions-Follow-SocialNetworks>a {
		display: flex;
		justify-content: center;
	}
}

@media only screen and (min-width: 790px) and (max-width: 1100px) {
	.Footer-Infos {
		padding: 5% 5%;
	}
	.CallToActions-Follow-SocialNetworks>a:nth-child(2) {
		margin: 0px 10px;
	}
}


/*SINGLE-POST RESPONSIVE*/

@media only screen and (max-width: 1000px) {
	.same-author {
		flex-direction: column;
		align-items: center
	}
	.same-author-left {
		margin-bottom: 50px;
		width: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.post-resume {
		width: auto;
	}
}

@media only screen and (max-width: 480px) {
	.post-resume>div {
		flex-wrap: wrap;
	}
	.same-author {
		padding: 10% 5% 10% 5%;
	}
}