/*
Theme Name: Le Poing V2
Author: Thomas Dion
Description: Hé les gars, venez voir, venez voir ! C’est le maire ! Hé le maire, nique sa mère le maire, fils de pute, j’baise ta grand-mère. 
Version: 1.0
*/

html {
	height: 100%;
}

html body {
	font-family: 'Open Sans', sans-serif;
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

body .container {
	padding: 0 40px;
}

body header .container {
	padding: 0 !important;
}

a:hover {
	text-decoration: none;
}

@font-face {
  font-family: 'tag';
  /*src: url('polices/tag.ttf')  format('truetype');*/
  src: url('css/polices/LemonMilk.otf')  format('truetype');
}

div.container-fluid {
	position: relative;
}

/*------------------------ ALIGNEMENTS --------------------------*/

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/*------------------------ HEADER & FOOTER --------------------------*/

body > header {
	background-color: #800214;
	/*background-color: #3c5914;*/
	/*background-color: #234e5c;*/
	/*background-color: #a5a039;*/
}

footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

header div#container-first-nav, footer {
	border-bottom: 1px solid white;
	background-color: black;
}

header div#first-nav a, footer a {
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

footer a {
	flex-grow: 1;
    flex-basis: 0;
}

#abonnez-vous-fixe {
	position: fixed;
	align-items: center;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #800214;
	padding: 0.5em 0 0.5em 1em;
}

#abonnez-vous-fixe .container-text {
	width: 100%;
}

#abonnez-vous-fixe p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 0.95rem;
}

#abonnez-vous-fixe a {
	display: flex;
	align-items: center;
	padding: 0.5em 1em;
	color: white;
	border: 2px solid white;
	border-radius: 2px;
	font-weight: 600;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

#abonnez-vous-fixe a:hover {
	background-color: white;
	color: #800214;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#abonnez-vous-fixe svg.newsletter {
	width: 25px;
}

#abonnez-vous-fixe a span {
	margin-left: 0.75em;
	font-size: 0.95rem;
}

#abonnez-vous-fixe svg#close-abonnez-vous-fixe {
	width: 40px;
	fill: white;
	float: right;
	cursor: pointer;
	opacity: 0.9;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

#abonnez-vous-fixe svg#close-abonnez-vous-fixe:hover {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.big-modal, noel-modal {
	z-index: 9999;
}

.big-modal .modal-header {
	border-bottom: none;
}

.big-modal .modal-body img.logo {
	width: 300px;
	height: auto;
}

.big-modal .modal-body {
	padding: 0 3em 1.4em;
}

.big-modal .modal-body p {
	font-size: 1.5rem;
	margin: 2em 0 1em;
}

.big-modal .modal-body .container-abonnez-vous-newsletter {
	display: flex;
	justify-content: center;
	margin: 30px 15px 0;
}

.big-modal .modal-body a.abonnez-vous-newsletter {
	display: block;
	margin-bottom: 30px;
	text-align: center;
	padding: 30px;
	border: 1px solid grey;
	border-radius: 2px;
	max-width: 500px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.big-modal .modal-body a.abonnez-vous-newsletter:hover {
	margin-bottom: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.big-modal .modal-body a.abonnez-vous-newsletter svg {
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.big-modal .modal-body a.abonnez-vous-newsletter:hover svg {
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.big-modal .modal-body a.abonnez-vous-newsletter svg path.papier, .big-modal .modal-body a.abonnez-vous-newsletter svg g {
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.big-modal .modal-body a.abonnez-vous-newsletter:hover svg path.papier, .big-modal .modal-body a.abonnez-vous-newsletter:hover svg g {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.big-modal .modal-body a.abonnez-vous-newsletter svg path.enveloppe {
	opacity: 1;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.big-modal .modal-body a.abonnez-vous-newsletter:hover svg path.enveloppe {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.big-modal .modal-body a.abonnez-vous-newsletter span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	color: black;
	font-weight: bold;
}

.noel-modal .modal-body {
	background-image: url('img/noel-2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 600px;
}

.noel-modal .modal-header {
	position: absolute;
	height: 75px;
	width: 100%;
	z-index: 10000;
	border: none;
}

.noel-modal .modal-header button.close span {
	color: white;
}

.noel-modal .modal-body .big-red {
	display: block;
	font-family: 'tag';
	text-transform: uppercase;
	color: #ff999b;
	font-size: 35px;
	letter-spacing: 4px;
	font-weight: 500;
	text-align: center;
}

.noel-modal .modal-body .container-link-noel {
	text-align: center;
	margin-top: 1em;
}

.noel-modal .modal-body .container-link-noel .big-link {
	display: inline-block;
	text-transform: uppercase;
	color: white;
	font-size: 40px;
	text-align: center;
	border-bottom: 4px solid white;
	line-height: 1em;
	font-weight: 500;
}

header div#first-nav a.active, header div#first-nav a:hover:not(#recherche_avancee), footer a:hover {
	background-color: white;
	color: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header div#first-nav a svg {
	width: 22px;
	height: 22px;
}

header div#first-nav a svg path {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header div#first-nav a.active svg path, header div#first-nav a:hover svg path {
	fill: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header div#first-nav a span {
	margin-left: 5px;
}

header div#first-nav a span, header div#first-nav a svg{
	vertical-align: middle;
}

/*form.search {
	margin: 50px 0;
	text-align: right;
}*/

form.search input[type=text] {
	display: inline-block;
	/*border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;*/
	border: 1px solid #800214;
	border-right: 0;
	padding: 4px 8px;
	color: #8F8F8F;
	width: 220px;
	vertical-align: middle;
}

form.search input[type=submit] {
	background-image: url('../img/search.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 0;
	background-color: #800214;
	background-position: center;
	/*border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
	margin-left: -4px;
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    vertical-align: middle;
}

form.search input[type=submit]:hover {
	background-color: #650815;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

form.search a#recherche_avancee {
	display: inline-block;
	font-size: 13px;
	color: #800214;
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

form.search a#recherche_avancee:hover {
	color: #650815;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header div#container-logo-second-nav {
	position: relative;
}

header div#container-logo {
	padding: 15px;
	text-align: center;
	height: 152px;
}

header div#container-logo img#logo {
	width: 100%;
	max-width: 350px;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
}

header div#second-nav {
	margin: 0;
}

header div#second-nav a {
	text-align: center;
	color: white;
	font-family: "tag";
	font-size: 15px;
	position: relative;
	height: 152px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header div#second-nav a.active, header div#second-nav a:hover {
	background-color: #650815;
}

header div#second-nav a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

header div#second-nav a span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	transform: translateY(-50%);
	padding: 0 15px;
}

div#container-logo-second-nav-fixed {
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: #800214;
	z-index: -1000;
	max-height: 100%;
    overflow-y: auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div#container-logo-second-nav-fixed, div#container-logo-second-nav-fixed > * {
    transform: translateZ(0);
}

body.admin div#container-logo-second-nav-fixed {
	top: 32px;
}

div#container-logo-second-nav-fixed.visible {
	opacity: 1;
	z-index: 9999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div#container-logo-second-nav-fixed div#container-logo {
	height: 70px;
	text-align: center;
	padding: 6px;
}

div#container-logo-second-nav-fixed div#container-logo img#logo {
	width: 150px;
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	transform: initial;
}

div#container-logo-second-nav-fixed div#second-nav a {
	height: 70px;
}

div#container-logo-second-nav div.row.navbar, div#container-logo-second-nav-fixed div.row.navbar {
	margin: 0;
}

div.navbar {
	padding: 0;
}

div.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}

button.navbar-toggler {
	border-color: black !important;
    margin-right: 40px;
    border-radius: .15rem;
}

button.navbar-toggler .navbar-toggler-icon {
    width: 2em;
    height: 2em;
}

/*------------------------ ARTICLES LIST --------------------------*/

div.articles-list {
	padding: 20px 25px 50px;
}

div.articles-list a h2 {
	font-weight: bold;
	color: black;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.articles-list a:hover h2 {
	color: #800214;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*------------------------ FORMAT --------------------------*/

div.container-category-format {
	position: relative;
}

div.container-category-format.titre {
	text-align: center;
}

div.container-category-format.titre a, div.container-category-format.titre h2 {
	font-size: 18px;
	margin: 30px 20px 40px;
}

div.container-category-format a, div.container-category-format h2 {
	display: inline-block;
}

a.format, h2.format, a.archive {
	font-weight: bold;
	font-size: 12px;
	border: 2px solid black;
	padding: 4px 8px;
	border-radius: 3px;
	color: black;
	background-color: #fff9;
	text-transform: uppercase;
	line-height: initial;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.format:hover, div.container-category-format.titre h2 {
	background-color: black;
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*------------------------ ARCHIVES --------------------------*/

a.archive {
	background-color: black;
	color: white;
	border: 2px solid white;
	position: absolute;
	top: 10px;
	left: 10px;
}

a.archive:hover {
	color: black;
	background-color: #fff;
	border: 2px solid black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.archives a.archive {
	position: relative;
}

body.archives span.date {
	float: right;
	margin-top: 14px;
}

body.archives h1 {
	margin-top: 50px;
}
body.archives div.wp-caption {
	margin: 0 auto 50px;
}

div.articles-list.archives h1 {
	text-align: center;
}

/*------------------------ DATE --------------------------*/

div.container-category-format span.date {
	position: absolute;
	right: 15px;
}

div.articles-list div.container-category-format span.date {
	top: 50%;
	transform: translateY(-50%);
}

/*------------------------ AUTHOR --------------------------*/

a.author {
	color: #800214;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.author:hover {
	color: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*------------------------ IMAGE ARTICLE --------------------------*/

div.container-image-extrait {
	margin-top: 5px;
}

div.container-image-article {
	position: relative;
}

div.container-image-article img.image-article,
body.dessins .grid-item,
.sidebar .sidebar-container-dessin,
.emeute .source {
	outline: 0px solid #800214;
	-webkit-transition: outline 0.1s ease-in-out;
	-moz-transition: outline 0.1s ease-in-out;
	-o-transition: aloutlinel 0.1s ease-in-out;
	transition: outline 0.1s ease-in-out;
}

div.container-image-article img.image-article:hover,
body.dessins .grid-item:hover,
.sidebar .sidebar-container-dessin:hover {
	outline: 3px solid #800214;
	-webkit-transition: outline 0.1s ease;
	-moz-transition: outline 0.1s ease;
	-o-transition: outline 0.1s ease;
	transition: outline 0.1s ease;
}

.emeute .source:hover {
	outline: 2px solid #800214;
	-webkit-transition: outline 0.1s ease;
	-moz-transition: outline 0.1s ease;
	-o-transition: outline 0.1s ease;
	transition: outline 0.1s ease;
}

img.image-article {
	width: 100%;
	height: auto;
}

/*------------------------ LÉGENDE --------------------------*/

div.container-legende, div.wp-caption p.wp-caption-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 13px;
	color: white;
	padding: 5px 15px;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
	min-height: 30px;
	text-align: center;
}

div.wp-caption {
	position: relative;
}

div.wp-caption a img {
	width: 100%;
}

div.wp-caption p.wp-caption-text {
	font-size: 13px !important;
	margin: 0 !important;
}

/*------------------------ TAG CATEGORY --------------------------*/

div.container-category {
	position: relative;
}

div.container-category.titre {
	display: inline-block;
}

div.container-category img.category {
	width: 150px;
	height: auto;
}

div.container-category a {
	position: relative;
}

div.container-category span {
	position: absolute;
	left: 0;
	right: 3px;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	color: white;
	font-size: 21px;
	font-family: "tag";
}

a:hover div.container-category span {
	color: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.container-category span.police {
	top: 16px;
	right: 28px;
	text-align: right;
}

div.container-category.titre span.police {
	top: 26px;
	right: 38px;
}

div.container-category span.justice {
	text-align: left;
	left: 27px;
	top: 34px;
}

div.container-category.titre span.justice {
	left: 25px;
	top: 50px;
}

div.container-category span.culture {
	top: 16px;
	right: 28px;
	text-align: right;
}

div.container-category.titre span.culture {
	top: 26px;
	right: 38px;
}

div.container-category span.societe {
	text-align: left;
	left: 27px;
	top: 34px;
}

div.container-category.titre span.societe {
	top: 50px;
}

a:hover div.container-category span.police, a:hover div.container-category span.justice {
	color: #184988;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.container-category span.police, div.container-category span.justice, div.container-category span.culture, div.container-category span.societe {
	font-size: 20px;
}

div.container-category-title {
	text-align: center;
	margin: 15px auto 30px;
}

div.container-category-title a {
	display: inline-block;
}

div.container-category-title div.container-category img.category {
	width: 220px;
}

div.container-category-title div.container-category span {
	font-size: 28px;
}

/*------------------------ AUTHOR --------------------------*/

div.container-author-title {
	text-align: center;
	margin: 15px auto 40px;
}

/*------------------------ ARTICLE FIRST --------------------------*/

div.article-first a h2 {
	font-size: 27px;
	margin-bottom: 1em;
}

/*------------------------ ARTICLE SECOND --------------------------*/

div.article-second:first-child {
	margin-bottom: 20px;
}

div.article-second div.container-category-format {
	margin-bottom: 4px;
}

div.article-second a h2 {
	font-size: 17px;
	margin-top: 0;
}

/*------------------------ ARTICLE MIDDLE --------------------------*/

div.container-articles-middle {
	margin-top: 70px;
}

div.container-articles-middle div.container-lien-category {
	position: absolute;
	top: 0;
	left: 0;
}

div.container-articles-middle a.format {
	position: absolute;
	top: 10px;
	right: 10px;
}

div.article-middle a h2 {
	font-size: 23px;
}

/*------------------------ BANNIÈRE ABONNEMENT --------------------------*/

a.abonnez-vous {
	display: block;
	text-align: center;
	padding: 30px;
	vertical-align: middle;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #800214;
	margin-top: 70px;
	border: 3px solid black;
	border-radius: 2px;
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	-o-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.abonnez-vous:hover {
	border: 3px solid #800214;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.abonnez-vous::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.abonnez-vous:hover::before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}

a.abonnez-vous svg {
	height: 100px;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

a.abonnez-vous svg g path {
	fill: black;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.abonnez-vous:hover svg g path {
	fill: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.abonnez-vous span {
	color: black;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin: 30px;
	font-size: 26px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.abonnez-vous:hover span {
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.container-don-abbonnement-article {
	background-color: #F3F3F3;
}

.container-don-abbonnement-article p {
	padding: 2em 2em 0;
	margin-bottom: 0 !important;
}

.container-don-abbonnement-article .sidebar {
	background-color: #F3F3F3 !important;
	padding-top: 0;
}

.container-don-abbonnement-article .sidebar a {
	max-width: 25em;
	margin: 1.5em auto 0 !important;
}

/*------------------------LOAD MORE --------------------------*/

div#wpas-load {
	text-align: center;
}

.first-button,
div.load-more,
button#wpas-load-btn,
input.wpas-submit,
.item-emeute .details,
div#map-emeutes .leaflet-popup-content .details {
	background-color: #7C3132;
	color: white;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 15px 30px;
	border-radius: 2px;
	max-width: 500px;
	text-transform: uppercase;
	margin: 100px auto 50px;
	cursor: pointer;
	border: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.first-button {
	display: inline-block;
	margin: 1em auto;
}

.first-button.small-button {
	padding: 7px 14px;
	font-size: 0.9rem;
}

.first-button:hover,
div.load-more:hover,
button#wpas-load-btn:hover,
input.wpas-submit:hover,
.item-emeute .details:hover,
div#map-emeutes .leaflet-popup-content .details:hover {
	background-color: #632828;
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*------------------------ PAGE ARTICLE --------------------------*/

div.article-content {
	padding: 20px 25px 50px;
}

div.article-content div.container-image-article {
	display: block;
	max-width: 70%;
	margin: 50px auto;
}

div.article-content div.container-image-article img {
	width: 100%;
	height: auto;
}

div.article-content div.content {
	padding: 0 50px;
	position: relative;
}

div.article-content div.content a[data-lightbox=lb] {
	margin: auto;
	display: table;
}

div.article-content div.content iframe, div.article-content div.content div.wp-caption {
	max-width: 100%;
	margin: auto;
	display: block;
}

div.article-content div.content .twitter-tweet {
    margin: auto;
}

div.article-content div.content img {
	max-width: 100%;
	height: auto;
}

div.article-content div.content div.wp-caption a[data-lightbox=lb] {
	display: block !important;
}

div.article-content div.content div.fondu {
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
	max-height: 200px;
}

div.article-content div.content .share {
	display: flex;
	align-items: center;
	margin-top: 3em;
}

div.article-content div.content .share span {
	font-weight: bold;
}

div.article-content div.content .share .share-items {
	display: flex;
	margin-left: 1em;
}

div.article-content div.content .share .share-items a {
	margin: 10px;
	transition: transform ease-in-out 300ms;
}

div.article-content div.content .share .share-items a:hover {
	transform: rotateZ(180deg);
	transition: transform ease 500ms;
}

div.article-content div.content .share .share-items a img {
	width: 50px;
	height: 50px;
}

div.article-content div.content .share .share-items a.whatsapp {
	display: none;
}

div.article-content p {
	margin: 0 0 26px;
	font-size: 17px;
}

h2.next-article {
	text-align: center;
	margin: 50px 0;
	font-size: 25px;
}

a.container-next-article {
	width: 100%;
	max-width: 600px;
	margin: auto;
	margin-bottom: 150px;
	display: block;
	position: relative;
}

a.container-next-article img {
	width: 100%;
	height: auto;
	outline: 0px solid #800214;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

a.container-next-article:hover img {
	outline: 3px solid #800214;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

a.container-next-article h2 {
	transform: translateX(30%) translateY(50%) perspective(1px) translateZ(0);
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70%;
	font-size: 20px;
	color: #800214;
	background-color: white;
	font-weight: bold;
	padding: 15px;
	margin: 0;
	border: 3px solid #800214;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	transition-property: color;
	transition-duration: 0.3s;
}

a.container-next-article h2::before/*, a.container-next-article div.container-span::before*/ {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #800214;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.container-next-article:hover h2::before/*, a.container-next-article:hover div.container-span::before*/ {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

a.container-next-article:hover h2/*, a.container-next-article:hover div.container-span span*/ {
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*a.container-next-article div.container-span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	transform: translateX(-100%);
	border: 1px solid #800214;
	border-right: 0;
}

a.container-next-article span {
	position: relative;
	font-size: 16px;
	color: #800214;
	font-weight: bold;
	text-align: center;
	top: 45%;
	transform: translateY(50%);
	margin: auto 30px;
}*/

/*------------------------ SIDEBAR --------------------------*/

div.sidebar {
	padding: 20px;
	background-color: #F3F3F3;
	padding-bottom: 50px;
}

/*div.sidebar.fixed {
	position: fixed;
	top: 0;
	right: 0;
}

div.sidebar.fixed-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
}*/

div.sidebar.fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

div.sidebar.fixed-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*------------------------ PAGE --------------------------*/

div.page-content {
	padding-bottom: 120px;
}

/*------------------------ AGORA --------------------------*/

div.sidebar div.sidebar-container-category {
	text-align: center;
}

div.sidebar div.sidebar-container-category a {
	display: inline-block;
}

div.sidebar div.sidebar-container-category a div.container-category {
	text-align: center;
}

div.sidebar a.article-agora {
	background-color: white;
	margin: 20px 0;
	padding: 7px 15px;
	border-radius: 2px;
	display: block;
	outline: 0px solid #800214;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.article-agora.last-product {
	padding: 0;
}

div.sidebar a.article-agora:hover {
	outline: 3px solid #800214;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

div.sidebar a.article-agora span {
	color: black;
}

div.sidebar a.article-agora h2 {
	font-size: 17px;
	color: black;
	font-weight: bold;
}

div.sidebar a.voir-tous {
	background-color: #7C3132;
	color: white;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 15px 30px;
	border-radius: 2px;
	margin: 25px 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.voir-tous:hover {
	background-color: #632828;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.voir-tous.proposer-article {
	background-color: white;
	border: 3px solid #7C3132;
	color: #7C3132;
}

div.sidebar a.voir-tous.proposer-article:hover {
	background-color: #7C3132;
	color: white;
}

/* ------------------------ DESSINS --------------------------*/

body.dessins .grid-item img {
	width: 100%;
	height: auto;
}

body.dessins .grid-item {
	width: 31%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
}

.sidebar .sidebar-container-dessin {
	display: block;
	max-width: 500px;
	margin: 1.5em auto;
}

.sidebar .sidebar-container-dessin img {
	max-width: 100%;
}

/*------------------------- ÉMEUTES --------------------------*/

body.revue-de-presse-des-emeutes-2 h1 {
	text-align: center;
}

div#map-emeutes .leaflet-popup-content h2 {
	font-size: 1.25rem;
}

div#map-emeutes .leaflet-popup-content span {
	display: block;
	font-size: 1rem;
}

div#list-emeutes,
form#search-emeutes,
.container-clear {
	max-width: 1000px;
	width: 100%;
	margin: 1em auto 0.5em;
}

.container-search-clear {
	display: flex;
	flex-direction: column;
	box-shadow: 0 11px 15px rgba(8,35,48,.12);
	padding-bottom: 1.5em;
}

.container-clear div#clear-form-inputs {
	padding: 5px 8px;
	font-size: 0.8rem;
	display: inline-block;
	cursor: pointer;
	margin: 1em 1em 0em;
}


form#search-emeutes {
	display: flex;
	justify-content: space-around;
	max-width: 880px;
}

form#search-emeutes .container-input {
	display: flex;
	flex-direction: column;
	flex: 1;
	margin: 0 2em;
}

form#search-emeutes .container-input select {
	width: 100%;
}

form#search-emeutes .container-input label {
	margin-bottom: 0.25em;
}

form#search-emeutes .container-input input:not([type="search"]) {
	padding: 5px;
}

form#search-emeutes .container-input span#clear-dates {
	cursor: pointer;
	text-align: center;
}

div#list-emeutes #loading {
	display: flex;
	justify-content: center;
	margin-top: 5em;
}

div#list-emeutes .no-result {
	text-align: center;
	margin-top: 3em;
}

div#list-emeutes .item-emeute {
	display: block;
	background-color: #F3F3F3;
	margin: 2em auto;
	padding: 1em 1.5em;
	color: initial;
}

div#list-emeutes .item-emeute .item-emeute-header,
div#list-emeutes .item-emeute .item-emeute-footer {
	display: flex;
	justify-content: space-between;
}

div#list-emeutes .item-emeute .item-emeute-header h2,
div#list-emeutes .item-emeute .item-emeute-header .date {
	font-size: 1.25rem;
}

div#list-emeutes .item-emeute .item-emeute-header h2 {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	flex: 0.95;
}

div#list-emeutes .item-emeute:hover .item-emeute-header  h2 {
	color: initial;
}

div#list-emeutes .item-emeute .container-content-video {
	margin-top: 1em;
	margin-bottom: 1em;
}

div#list-emeutes .item-emeute .item-emeute-footer {
	align-items: flex-end;
}

div#list-emeutes .item-emeute .item-emeute-footer .container-sources-category {
	flex: 0.95;
}

div#list-emeutes .item-emeute .item-emeute-footer .sources,
div#list-emeutes .item-emeute .item-emeute-footer .categories {
	display: flex;
	align-items: center;
}

.emeute .details.inverse {
	flex-direction: row-reverse;
	width: 110px;
}

div#list-emeutes .item-emeute .item-emeute-footer .sources {
	margin-bottom: 0.75em;
}

div#list-emeutes .item-emeute .item-emeute-footer .sources img,
div#list-emeutes .item-emeute .item-emeute-footer .categories img {
	width: 30px;
	height: auto;
	margin-right: 0.5em;
}

div#list-emeutes .item-emeute .item-emeute-footer .details,
div#map-emeutes .leaflet-popup-content .details {
	margin: 0;
	padding: 0.5em 0.7em;
}

div#map-emeutes .leaflet-popup-content .details {
	max-width: 75px;
	margin-top: 1em;
	font-size: 0.85rem;
}

div#list-emeutes .item-emeute .item-emeute-footer .details img,
div#map-emeutes .leaflet-popup-content .details img {
	width: 30px;
	height: auto;
	margin-left: 0.5em;
	transition: margin 0.1s ease-in-out;
}

div#list-emeutes .item-emeute .item-emeute-footer .details:hover img,
div#map-emeutes .leaflet-popup-content .details:hover img {
	margin-left: 1em;
	margin-right: -0.5em;
	transition: margin 0.3s ease;
}

div#list-emeutes .pagination-emeutes {
	text-align: center;
}

/*--------------------- ÉMEUTE DÉTAILS ----------------------*/

.emeute .back,
.statistiques-emeutes .back {
	display: flex;
	align-items: center;
}

.emeute .back img,
.statistiques-emeutes .back img {
	width: 1em;
	margin-right: 0.5em;
	margin-left: 0;
	transition: margin ease-in-out 150ms;
}

.emeute .back:hover img,
.statistiques-emeutes .back:hover img {
	margin-right: 1em;
	margin-left: -0.5em;
	transition: margin ease 300ms;
}

.emeute .back span,
.statistiques-emeutes .back span {
	color: black;
}

.emeute .h1,
.statistiques-emeutes h1 {
	margin-top: 0.25em;
}

.emeute .container-location-date {
	display: flex;
	justify-content: space-between;
	margin-top: 2em;
}

.emeute .location {
	display: flex;
	flex-direction: column;
	flex: 0.95;
}

.emeute h1, .emeute .container-location-date span {
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0;
}

.emeute .container-location-date span.date {
	text-align: right;
}

.emeute .container-location-date span hr {
	margin: 0.5rem 0;
}

div.emeute div.content-emeute {
	width: 100%;
	padding: 1em 1.5em;
	background-color: #F3F3F3;
	margin: 2em 0 1em;
}

.emeute .content-emeute p {
	margin: 0;
}

.emeute .emeute-block {
	margin: 1em 0;
}

.container-map-iframe {
	position: relative;
	overflow: auto;
	padding-bottom: 60%;
}

.container-map-iframe > * {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

.emeute .emeute-block img {
	width: 100%;
	height: auto;
}

.emeute h2 {
	margin-top: 1em;
}

.emeute .source {
	background-color: #f3f3f3;
	margin: 1em 0;
	padding: 1em 1.5em;
	display: flex;
	justify-content: space-between;
	max-width: 800px;
	color: initial;
}

.emeute .source .media, .emeute .source .date {
	flex: 1;
}

.emeute .source .date {
	text-align: right;
}

.emeute .source .titre {
	flex: 5;
	margin: 0 1em;
}

/*----------------------- ÉMEUTE STATS -----------------------*/

.statistiques-emeutes h2 {
	text-align: center;
	margin: 2em 0 1em;
}

.statistiques-emeutes canvas.pie {
	max-width: 500px;
	margin: auto;
}

.statistiques-emeutes canvas.bar {
	max-width: 900px;
	margin: auto;
}

.statistiques-emeutes #tooltip {
	background: #333;
	color: white;
	font-weight: bold;
	padding: 4px 8px;
	font-size: 13px;
	border-radius: 4px;
	max-width: 500px;
	display: none;
}

.statistiques-emeutes #tooltip #arrow,
.statistiques-emeutes #tooltip #arrow::before {
	position: absolute;
	width: 8px;
	height: 8px;
	z-index: -1;
}

.statistiques-emeutes #tooltip #arrow::before {
	content: '';
	transform: rotate(45deg);
	background: #333;
}

.statistiques-emeutes #tooltip[data-popper-placement^='top'] > #arrow {
	bottom: -4px;
}

.statistiques-emeutes #tooltip[data-popper-placement^='bottom'] > #arrow {
	top: -4px;
}

.statistiques-emeutes #tooltip[data-popper-placement^='left'] > #arrow {
	right: -4px;
}

.statistiques-emeutes #tooltip[data-popper-placement^='right'] > #arrow {
	left: -4px;
}

.statistiques-emeutes .commentaire-stat {
	max-width: 800px;
	margin: 1em auto;
}

/* ------------------------ LightBox -------------------------*/

.lb-data .lb-caption {
	font-size: 1.5rem;
	line-height: 2.5rem;
}

/*------------------------ NEWSLETTER --------------------------*/

div.sidebar a.abonnez-vous-newsletter {
	display: block;
	margin: 30px 15px;
	text-align: center;
	padding: 30px;
	border: 1px solid grey;
	border-left-color: rgba(128, 128, 128, 0);
	border-right-color: rgba(128, 128, 128, 0);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.abonnez-vous-newsletter:hover {
	border-left-color: rgba(128, 128, 128, 1);
	border-right-color: rgba(128, 128, 128, 1);
	border-radius: 2px;
	margin-bottom: 50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.abonnez-vous-newsletter svg {
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.abonnez-vous-newsletter:hover svg {
	margin-bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.abonnez-vous-newsletter svg path.papier, div.sidebar a.abonnez-vous-newsletter svg g {
	opacity: 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.abonnez-vous-newsletter:hover svg path.papier, div.sidebar a.abonnez-vous-newsletter:hover svg g {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.abonnez-vous-newsletter svg path.enveloppe {
	opacity: 1;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.abonnez-vous-newsletter:hover svg path.enveloppe {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.abonnez-vous-newsletter span {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	color: black;
	font-weight: bold;
}

/*------------------------ AGENDA --------------------------*/

div.sidebar a.event {
	display: block;
	color: black;
	border: 1px solid grey;
	padding: 12px 15px;
	margin: 20px 0;
	border-radius: 2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.event:hover {
	background-color: #2c3553;
	color: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.event svg {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.sidebar a.event:hover svg {
	fill: white;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.sidebar a.event h2 {
	font-size: 18px;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 20px;
}

div.sidebar a.event div.date, div.sidebar a.event div.place {
	margin: 10px 0;
	display: block;
}

div.sidebar a.event div.date div.container-svg, div.sidebar a.event div.place div.container-svg {
	padding: 0;
}

div.sidebar a.event div.date svg, div.sidebar a.event div.place svg {
	height: 27px;
	width: 27px;
	display: inline-block;
	vertical-align: top;
}

div.sidebar a.event div.date div.container-date, div.sidebar a.event div.place div.container-place {
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}

div.sidebar a.event div.date div.container-date span, div.sidebar a.event div.place div.container-place span {
	font-size: 13px;
	line-height: 27px;
}

div.sidebar a.voir-tous.evenements-agenda {
	background-color: #2c3553;
}

div.sidebar a.voir-tous.evenements-agenda:hover {
	background-color: #191e30;
}

div.sidebar p.no-events {
	text-align: center;
	margin-top: 20px;
	font-size: 17px;
}

/*------------------------ SOCIAL --------------------------*/

div.sidebar-container-category.reseaux-sociaux div.container-category {
	display: inline-block;
}

.container-reseaux-sociaux .social-link {
	display: flex;
	align-items: center;
	margin: 1em;
}

.container-reseaux-sociaux .social-link img {
	width: 50px;
	height: 50px;
	transition: transform ease-in-out 300ms;
}

.container-reseaux-sociaux .social-link:hover img {
	transform: rotateZ(180deg);
	transition: transform ease 500ms;
}

.container-reseaux-sociaux .social-link span {
	font-weight: bold;
	font-size: 1.1rem;
	margin-left: 0.5em;
}

.container-reseaux-sociaux .social-link.facebook span {
	color: #49598f;
}

.container-reseaux-sociaux .social-link.twitter span {
	color: #65a2d9;
}

.container-reseaux-sociaux .social-link.telegram span {
	color: #7AA5DA;
}

.container-reseaux-sociaux .social-link.instagram span {
	color: #7e35ab;
}

/*------------------------ MON COMPTE / MES ARTICLES AGORA --------------------------*/

body.abonnements h1 {
	text-align: center;
	margin-bottom: 50px;
}

body.mon-compte h1.title-connection {
	text-align: center;
	margin-bottom: 50px;
}

body.mon-compte div.ms-logout-form {
	text-align: center;
}

body.mon-compte div.ms-logout-form {
	display: none;
}

body.validation-abonnement div.article-content a, body.validation-abonnement h1 {
	display: block;
	text-align: center;
}

body.abonnements a.retour, body.mon-compte a.retour {
	margin: 30px auto;
	display: block;
	width: 96px;
}

body.mes-articles-agora div.wpuf-dashboard-container {
	margin-bottom: 150px;
}

body.mes-articles-agora div.wpuf-dashboard-container h2.page-head {
	display: none;
}

body.mes-articles-agora div.success {
	text-align: center;
	color: green;
	font-weight: bold;
	margin-bottom: 30px;
}

body.mes-articles-agora div.wpuf-dashboard-container table.items-table.agora {
	margin: auto;
	max-width: 900px;
	width: 100%;
	text-align: left;
}

body.mes-articles-agora .wpuf-pagination {
	text-align: center;
	margin-top: 3em;
}

div.container-sub-menu {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 50px;
}

div.container-sub-menu a {
	text-align: center;
	margin: 0;
	padding: 20px 0;
	text-transform: uppercase;
	font-size: 27px;
	color: black;
	line-height: inherit;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.container-sub-menu a h1 {
	font-size: 27px;
	margin: 5px 0;
}

div.container-sub-menu a.active, div.container-sub-menu a:hover {
	background-color: #F3F3F3;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ms-account-wrapper, .ms-membership-form-wrapper, .ms-alert-box.ms-alert-success {
    margin: auto;
    width: 100%;
	max-width: 800px;
}

body.mon-compte .ms-account-wrapper, body.mes-articles-agora .ms-membership-form-wrapper, body.mon-compte .ms-membership-form-wrapper, form#loginform {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	padding: 5px 30px 30px;
	background-color: #F3F3F3;
	position: relative;
}

body.mon-compte .ms-account-wrapper div {
    padding-bottom: 30px;
	border-top: 1px solid grey;
	margin-top: 15px;
	padding-top: 15px;
}

body.mon-compte .ms-account-wrapper div:first-child {
	border: none;
}

body.mon-compte .ms-account-wrapper h2 a, button#submit, button#register, body.mes-articles-agora a.nouvel-article-agora, body.abonnements a.retour, body.mon-compte a.retour, div#clear-form-inputs {
	background-color: #7C3132;
	color: white;
	border: none;
	text-align: center;
	padding: 10px 20px;
	border-radius: 2px;
	font-size: 18px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

body.mon-compte .ms-account-wrapper h2 a:hover, button#submit:hover, button#register:hover, body.mes-articles-agora a.nouvel-article-agora:hover, body.abonnements a.retour:hover,  body.mon-compte a.retour:hover, div#clear-form-inputs:hover {
	background-color: #632828;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.mes-articles-agora a.nouvel-article-agora {
	font-weight: bold;
	display: block;
	width: 400px;
	max-width: 100%;
	margin: 0 auto 50px;
}

body.mon-compte button#submit {
	margin-top: 20px;
}

body.mon-compte div.ms-form-element a#cancel, body.inscription a.wpmui-link.alignleft, body.abonnez-vous a.wpmui-link.alignleft {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 62px;
	right: 50px;
}

body.abonnez-vous .ms-membership-form-wrapper legend {
	display: none;
}

body.abonnez-vous a.wpmui-link.alignleft {
	bottom: 39px;
}

body.mon-compte .ms-account-wrapper table td, body.mon-compte .ms-account-wrapper table th {
	padding: 10px;
}

body.inscription .ms-membership-form-wrapper * {
	font-family: 'Open Sans', sans-serif !important;
}

.ms-membership-form-wrapper legend {
	font-size: 25px;
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
}

body.inscription .ms-membership-form-wrapper legend {
	display: none;
}

body.inscription button#register {
	margin-top: 30px;
}

body.inscription a.wpmui-link.alignleft {
	bottom: 38px;
}

body.mon-compte div.ms-account-wrapper > h2 {
	font-size: 25px;
	text-align: center;
	padding: 15px;
	text-transform: uppercase;
	width: 100%;
	border-bottom: 1px solid #ddd;
	display: block;
	margin-bottom: 20px;
}

/*------------------------ CONNEXION --------------------------*/

div.ms-login-form {
	text-align: center;
}

form#loginform {
	width: 100%;
	max-width: 500px;
	margin: auto;
}

body.mes-articles-agora form#loginform {
	margin-top: 50px;
}

form#loginform input[type=text], form#loginform input[type=password], p.lostpassword-username input, form#ms-shortcode-register-user-form input[type=text], form#ms-shortcode-register-user-form input[type=password], div.woocommerce div.woocommerce-billing-fields input {
	border: 0;
	padding: 10px 15px;
	color: black;
	width: 300px;
	max-width: 100%;
	margin: 5px 0;
}

form#loginform p.login-username {
	margin-top: 26px;
}

form#loginform div {
	padding-bottom: initial;
	border-top: initial;
	margin-top: initial;
}

form#loginform div div.nav {
	text-align: center;
	display: block;
}

/*div.single-connect form#loginform p.login-username input#user_login, div.single-connect form#loginform p.login-password input#user_pass {
	float: right;
}*/

form#loginform div.status, form#lostpasswordform div.status {
	font-weight: bold;
	margin-bottom: 15px;
}

form#loginform div.status.error, form#lostpasswordform div.status.error {
	color: red;
}

form#loginform p.login-remember {
	margin: 15px 0 0 0;
}

form#loginform a.login, form#lostpasswordform a.login {
	margin-bottom: 15px;
	display: inline-block;	
}

form#loginform p.login-remember input, form#loginform p.login-remember label {
	display: inline-block;
}

form#loginform p.login-submit, form#lostpasswordform p.login-submit {
	text-align: center;
}

form#loginform input#wp-submit, form#lostpasswordform input#wp-submit {
	background-color: #7C3132;
	color: white;
	font-weight: bold;
	border: none;
	text-align: center;
	padding: 15px 30px;
	border-radius: 2px;
	margin: 25px 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

form#loginform input#wp-submit:hover, form#lostpasswordform input#wp-submit:hover {
	background-color: #632828;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

p.connexion, p.inscription {
	font-size: 20px !important;
	text-align: center;
	margin: 20px 0;
}

p.error {
	color: red;
	text-align: center;
}

/*------------------------ INSCRIPTION --------------------------*/

body.abonnez-vous h1, body.faire-un-don h1, body.inscription h1 {
	text-align: center;
	margin-bottom: 50px;
}

form#ms-shortcode-register-user-form {
	margin: 0 auto 120px;
	width: 100%;
	max-width: 900px;
	padding: 5px 30px 30px;
	background-color: #F3F3F3;
	position: relative;
}

form#ms-shortcode-register-user-form .ms-form-element .wpmui-field-label {
	margin-top: 15px;
	display: inline-block;
}

/*body.abonnez-vous .wpmui-link.alignleft {
	width: 100%;
	text-align: center;
}*/

body.inscription code {
	padding: 0;
	font-size: 100%;
}

/*------------------------ AGORA --------------------------*/

body.agora div.header-agora {
	text-align: center;
	margin-bottom: 50px;
}

body.agora div.header-agora div.container-category-title {
	margin: 45px 0 30px;
	width: 220px;
	display: inline-block;
}

/*body.agora div.header-agora a.participer {
	position: absolute;
	top: 25px;
	right: 25px;
}

body.agora div.header-agora a.participer img {
	width: 150px;
	height: auto;
}*/

div.sidebar a.participer {
	display: block;
	margin: auto;
	width: 200px;
}

div.sidebar a.participer img {
	width: 200px;
	height: auto;
}

body.agora div.container-category-format {
	text-align: right;
}

body.agora div.container-category-format span.date {
	position: relative;
	right: auto;
	top: auto;
	transform: initial;
}

/*------------------------ NOUVEL ARTICLE AGORA --------------------------*/

body.nouvel-article-agora form.wpuf-form-add, body.modifier-article-agora form.wpuf-form-add {
	max-width: 1200px;
	width: 100%;
	margin: 50px auto;
}

body.nouvel-article-agora form.wpuf-form-add label,
body.nouvel-article-agora form.wpuf-form-add select,
body.nouvel-article-agora form.wpuf-form-add a {
	font-family: 'Open Sans', sans-serif;
}

body.nouvel-article-agora form.wpuf-form-add label {
	font-size: 1rem;
	max-width: 300px;
	color: #222;
}

body.nouvel-article-agora form.wpuf-form-add select {
	background-color: white;
	max-width: 300px;
	width: 100%;
	height: 30px;
	padding-left: 2px;
}

body.nouvel-article-agora li.wpuf-submit div.wpuf-label, body.modifier-article-agora li.wpuf-submit div.wpuf-label {
	display: none;
}

body.nouvel-article-agora div.container-retour, body.modifier-article-agora div.container-retour {
	margin: auto;
}

body.nouvel-article-agora a.retour-liste-articles-agora, body.nouvel-article-agora input.wpuf-submit-button, body.nouvel-article-agora a#wpuf-post-draft, body.modifier-article-agora a.retour-liste-articles-agora, body.modifier-article-agora input.wpuf-submit-button, body.modifier-article-agora a#wpuf-post-draft {
	display: block;
	width: 500px;
	background-color: #7C3132;
	color: white;
	font-weight: bold;
	border: none;
	text-align: center;
	padding: 15px 30px;
	border-radius: 2px;
	margin: 25px auto 150px;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

body.nouvel-article-agora a.retour-liste-articles-agora:hover, body.nouvel-article-agora input.wpuf-submit-button:hover, body.nouvel-article-agora a#wpuf-post-draft:hover, body.modifier-article-agora a.retour-liste-articles-agora:hover, body.modifier-article-agora input.wpuf-submit-button:hover, body.modifier-article-agora a#wpuf-post-draft:hover {
	background-color: #632828;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body.nouvel-article-agora input.wpuf-submit-button, body.nouvel-article-agora a#wpuf-post-draft, body.modifier-article-agora input.wpuf-submit-button, body.modifier-article-agora a#wpuf-post-draft {
	display: inline-block;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}

body.nouvel-article-agora a#wpuf-post-draft, body.modifier-article-agora a#wpuf-post-draft {
	float: right;
}

body.nouvel-article-agora span.wpuf-draft-saved, body.nouvel-article-agora span.wpuf-loading, body.modifier-article-agora span.wpuf-draft-saved, body.modifier-article-agora span.wpuf-loading {
	color: #7C3132;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: auto;
}

/*------------------------ RECHERCHE --------------------------*/

body.rechercher h1.entry-title {
	text-align: center;
}

form#wp-advanced-search {
	background-color: #F3F3F3;
	text-align: center;
	max-width: 800px;
	margin: 50px auto;
	padding: 30px;
}

form#wp-advanced-search div#wpas-search_query input#search_query {
	margin-bottom: 30px;
	width: 400px;
	max-width: 100%;
	border: 0;
	padding: 10px 15px;
	color: black;
}

form#wp-advanced-search div#wpas-tax_category, form#wp-advanced-search div#wpas-tax_post_tag {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 50px;
}

form#wp-advanced-search div.label-container, form#wp-advanced-search div.label-container {
	text-align: center;
}

form#wp-advanced-search div.field-container > div {
	margin: 6px 0;
}

form#wp-advanced-search div.label-container label {
	font-weight: bold;
	margin-bottom: 15px;
}

form#wp-advanced-search input, form#wp-advanced-search label {
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
}

form#wp-advanced-search label {
	margin: 0 5px;
}

form#wp-advanced-search input.wpas-submit {
	margin-top: 30px;
}

body.rechercher p.aucuns {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

/*------------------------ EVENTS --------------------------*/

.tribe-events-event-image {
	display: flex;
	justify-content: center;
}

div#tribe-events-content div#map {
	height: 500px;
}

div#tribe-events-content p.tribe-events-back a, div#tribe-events-content nav.tribe-events-nav-pagination a {
	background-color: #7C3132;
	color: white;
	border: none;
	text-align: center;
	padding: 10px 20px;
	border-radius: 2px;
	font-size: 17px;
	margin-top: 20px;
	display: inline-block;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

/*div#tribe-events-content p.tribe-events-back a:hover, div#tribe-events-content nav.tribe-events-nav-pagination a:hover {*/
/*	background-color: #632828;*/
/*	-webkit-transition: all 0.3s ease;*/
/*	-moz-transition: all 0.3s ease;*/
/*	-o-transition: all 0.3s ease;*/
/*	transition: all 0.3s ease;*/
/*}*/

/*div#tribe-events-content-wrapper h3.tribe-events-month-event-title a {*/
/*	font-family: 'Open Sans', sans-serif !important;*/
/*	background-color: #7C3132;*/
/*	color: white !important;*/
/*	font-weight: bold;*/
/*	padding: 5px 7px;*/
/*	margin: auto;*/
/*	display: block;*/
/*	text-align: center;*/
/*	border-radius: 2px;*/
/*}*/

/*div#tribe-events-content-wrapper h3.tribe-events-month-event-title a:hover {*/
/*	background-color: #632828;*/
/*	-webkit-transition: all 0.3s ease;*/
/*	-moz-transition: all 0.3s ease;*/
/*	-o-transition: all 0.3s ease;*/
/*	transition: all 0.3s ease;*/
/*}*/

/*div#tribe-events-content-wrapper h1.tribe-events-page-title {*/
/*	margin-bottom: 50px;*/
/*}*/

/*div#tribe-events-content div.tribe-events-event-image {*/
/*	text-align: center !important;*/
/*}*/

/*div#tribe-events-content h1, div#tribe-events-content h2 {*/
/*	display: block;*/
/*	text-align: center;*/
/*}*/

/*div#tribe-events-content .tribe-events-content div.content p {*/
/*	text-align: justify;*/
/*}*/

/*div#tribe-events-content .tribe-events-cal-links, div#tribe-events-content-wrapper a.tribe-events-ical.tribe-events-button {*/
/*    display: none !important;*/
/*}*/

div#tribe-events-content div.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
	background-color: #F3F3F3;
	margin: 50px auto;
	padding: 0 50px;
	width: 100%;
}

/*------------------------ SHOP --------------------------*/

div.woocommerce form.woocommerce-cart-form, div.woocommerce div.cart-collaterals, div.woocommerce div.cart_totals, body.panier div.woocommerce div.woocommerce-message, div.woocommerce form.woocommerce-checkout {
	width: 100% !important;
	max-width: 1000px;
	margin: auto;
}

body.panier div.woocommerce div.woocommerce-message {
	margin-bottom: 30px;
}

section.related.products h2 {
	margin-bottom: 30px;
}

div.woocommerce div.woocommerce-notices-wrapper div.woocommerce-message {
	margin-top: 30px;
}

h1.shop, body.panier h1 , body.paiement h1 {
	text-align: center;
	margin-bottom: 50px;
}

div.woocommerce ul.products h2, div.woocommerce form.woocommerce-cart-form td.product-name a {
	color: black;
	font-size: 17px !important;
	font-weight: bold;
	min-height: 55px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

div.woocommerce ul.products a.woocommerce-LoopProduct-link:hover h2, div.woocommerce form.woocommerce-cart-form td.product-name a:hover {
	color: #800214;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.woocommerce ul.products a.woocommerce-LoopProduct-link img {
	outline: 0px solid #800214;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.woocommerce ul.products a.woocommerce-LoopProduct-link:hover img {
	outline: 3px solid #800214;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

div.woocommerce ul.products a.add_to_cart_button, div.woocommerce button.single_add_to_cart_button, div.woocommerce form.woocommerce-cart-form button[name=update_cart], div.woocommerce form.woocommerce-shipping-calculator button[name=calc_shipping], div.woocommerce div.wc-proceed-to-checkout a.checkout-button, div.woocommerce button#place_order, div.woocommerce a.button.wc-backward, div.woocommerce a.back-shop {
	background-color: #7C3132 !important;
	color: white !important;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 15px 30px;
	border-radius: 2px;
	margin: 0 !important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.woocommerce a.back-shop {
	display: inline-block;
	font-size: 15px;
    padding: 7px 15px;
	margin-bottom: 2em !important;
}

div.woocommerce a.back-shop span.left-arrow {
	font-size: 25px;
	line-height: 15px;
}

div.woocommerce form.woocommerce-cart-form button[name=update_cart] {
	display: inline-block;
}

div.woocommerce div.cart_totals a.checkout-button, div.woocommerce a.button.wc-backward {
	max-width: 500px;
	margin: auto !important;
}

div.woocommerce ul.products a.add_to_cart_button:hover, div.woocommerce button.single_add_to_cart_button:hover, div.woocommerce form.woocommerce-cart-form button[name=update_cart]:hover, div.woocommerce form.woocommerce-shipping-calculator button[name=calc_shipping]:hover, div.woocommerce div.wc-proceed-to-checkout a.checkout-button:hover, div.woocommerce a.button.wc-backward:hover, div.woocommerce a.back-shop:hover {
	background-color: #632828 !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.woocommerce ul.products a.added_to_cart {
	display: block;
	text-align: center;
	margin-top: 7px;
}

div.woocommerce p.cart-empty {
	text-align: center;
}

div.woocommerce div.product_meta {
	display: none;
}

div.woocommerce .quantity .qty {
    width: 50px !important;
    height: 45px !important;
}

div.article-content div.woocommerce-product-gallery__image a {
	max-width: 500px;
	display: block;
	margin: 30px auto;
}

div.woocommerce nav.woocommerce-pagination ul, div.woocommerce nav.woocommerce-pagination li {
	background-color: white;
	border: 0 !important;
}

div.woocommerce nav.woocommerce-pagination span.page-numbers, div.woocommerce nav.woocommerce-pagination a.page-numbers {
	border: 2px solid #7C3132;
	background-color: white !important;
	padding: 5px 7px;
	color: #7C3132 !important;
	font-weight: bold;
	line-height: 16px;
	margin: 0 5px;
	width: 30px;
	border-radius: 1px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

div.woocommerce nav.woocommerce-pagination span.page-numbers.current, div.woocommerce nav.woocommerce-pagination a.page-numbers:hover, div.woocommerce nav.woocommerce-pagination a.next:hover {
	background-color: #7C3132 !important;
	color: white !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.woocommerce div.product h1.product_title {
	margin-top: 30px;
}

div.woocommerce .woocommerce-billing-fields__field-wrapper p.form-row, div.woocommerce .woocommerce-shipping-fields__field-wrapper p.form-row, div.woocommerce .woocommerce-additional-fields__field-wrapper p.form-row {
	display: block;
}

div.woocommerce div.woocommerce-billing-fields, div.woocommerce div.woocommerce-shipping-fields {
	background-color: #f3f3f3;
	padding: 30px;
}

div.woocommerce div.woocommerce-billing-fields span.select2-selection, div.woocommerce div.woocommerce-shipping-fields span.select2-selection {
	border-radius: 0;
	height: 50px;
}

div.woocommerce div.woocommerce-billing-fields span.select2-selection span.select2-selection__rendered, div.woocommerce div.woocommerce-shipping-fields span.select2-selection span.select2-selection__rendered {
	padding: 10px 15px;
}

div.woocommerce div.woocommerce-billing-fields span.select2-selection__arrow, div.woocommerce div.woocommerce-shipping-fields span.select2-selection__arrow {
	height: 50px;
}

.woocommerce-checkout #payment ul.payment_methods .stripe-card-group, .woocommerce-checkout #payment ul.payment_methods .wc-stripe-elements-field {
	width: 100%;
}

div.woocommerce div.woocommerce-column--billing-address, div.woocommerce div.woocommerce-column--shipping-address {
	max-width: none;
}

/*--------------------- DATERANGEPICKER ---------------------*/

.daterangepicker .drp-buttons .btn {
	background-image: none;
	border: 1px solid transparent;
}

.daterangepicker .drp-buttons .btn.btn-default {
	background-color: #ddd;
}

/*------------------------ SELECT2 --------------------------*/

.select2-container {
	width: 100%;
}

.select2-container--default .select2-selection--multiple {
	border-radius: 0 !important;
	min-height: 38px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*----------------------- PAGINATION ------------------------*/

span.page-numbers, a.page-numbers {
	border: 1px solid #7C3132;
	background-color: white !important;
	padding: 5px 7px;
	color: #7C3132 !important;
	font-weight: bold;
	line-height: 16px;
	margin: 0 5px;
	width: 30px;
	border-radius: 1px !important;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

span.page-numbers.current, a.page-numbers:hover, a.next:hover {
	background-color: #7C3132 !important;
	color: white !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*----------------------- NEWSLETTER ------------------------*/

form#sib_signup_form_2 label {
	min-width: 150px;
}

/*-------------------------- 404 ----------------------------*/

div#quatrecentquatre {
	text-align: center;
	margin-top: 50px;
	font-size: 22px;
}

/*------------------------ BOOTSTRAP ELEMENTS --------------------------*/

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
	    display: block!important;
	}
}

/*------------------------ HELLO ASSO ELEMENTS --------------------------*/

iframe#haWidget.abonnez-vous {
	height: 1200px;
}

iframe#haWidget.faites-un-don {
	height: 2100px;
}

/*------------------------ RESPONSIVE --------------------------*/

@media (min-width: 1600px) {
	div.sidebar a.event div.date div.container-date, div.sidebar a.event div.place div.container-place {
		padding-left: 10px;
	}
}

@media (min-width: 1400px) {

	header div#second-nav a {
		font-size: 17px;
	}

	div.articles-list, div.article-content {
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 100px;
	}

	div.emeute {
		padding-left: 80px;
		padding-right: 80px;
	}

	div.article-first a h2 {
		font-size: 30px;
	}

	div.article-second a h2 {
		font-size: 20px;
	}

	div.article-middle a h2 {
		font-size: 25px;
	}

	div.article-first p.extrait {
		font-size: 16px;
	}
	div.sidebar {
		padding: 35px;
	}

	div.sidebar a.event {
    	padding: 15px;
    }
}

@media (min-width: 1024px) {
	header div#container-logo-second-nav, header div#container-logo-second-nav-fixed {
		padding: 0;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	a.container-next-article {
		width: 60%;
	}

	iframe#haWidget.abonnez-vous {
		height: 1500px;
	}

	iframe#haWidget.faites-un-don {
		height: 2400px;
	}
}

@media (max-width: 1400px) {

	header div#container-logo, header div#second-nav a {
    	height: 140px;
    }
}

@media (max-width: 1200px) {

    header div#container-logo, header div#second-nav a {
    	height: 120px;
    }

    header div#second-nav a {
    	font-size: 16px;
    }

	header div#second-nav a span {
		padding: 0 5px;
	}
}

@media (max-width: 1024px) {

	div.sidebar a.article-agora, div.sidebar a.event, div.sidebar a.voir-tous {
	    max-width: 500px;
		margin: 20px auto;
	}

	.noel-modal .modal-body {
		height: 500px;
	}

	.noel-modal .modal-body .container-link-noel .big-link {
		border: 4px solid white;
		padding: 5px;
	}

	div.container-reseaux-sociaux {
		max-width: 500px;
		margin: auto;
	}

	body.nouvel-article-agora a.retour-liste-articles-agora, body.nouvel-article-agora input.wpuf-submit-button, body.nouvel-article-agora a#wpuf-post-draft, body.modifier-article-agora a.retour-liste-articles-agora, body.modifier-article-agora input.wpuf-submit-button, body.modifier-article-agora a#wpuf-post-draft {
		display: block;
	    width: 100%;
	    margin: 30px auto;
	}

	div.article-content div.content .share .share-items a.whatsapp {
		display: block;
	}

	.lb-nav a.lb-prev, .lb-nav a.lb-next, .lb-nav a.lb-prev:hover, .lb-nav a.lb-next:hover {
		filter: alpha(Opacity=80);
		opacity: 0.5;
	}
}

@media (max-width: 768px) {

	header div#first-nav {
		display: block;
	}

	header div#container-logo-second-nav div#container-logo img#logo {
		left: 15px;
	}

	header div#first-nav a {
		display: block;
	    width: 100%;
	    max-width: 240px;
	    margin: 20px auto;
	    border: 1px solid white;
	    font-size: 15px;
	    padding-bottom: 43px;
	}

	header div#second-nav a {
	    font-size: 20px;
	    height: 80px;
	}

	div.article-first {
		margin-top: 20px;
	}

	div.article-second a h2 {
		font-size: 22px;
	}

	div.article-second {
		margin-top: 40px;
	}

	div.article-content div.content {
		padding: 0 20px;
	}

	div.article-content div.container-image-article {
		width: 100%;
		max-width: none;
	}

	body.dessins .grid-item {
		width: 48%;
		margin: 1%;
	}

	form#search-emeutes {
		max-width: 300px;
		flex-direction: column;
	}

	iframe#haWidget.abonnez-vous {
		height: 1800px;
	}

	iframe#haWidget.faites-un-don {
		height: 2400px;
	}
}

@media (max-width: 500px) {
	iframe#haWidget.abonnez-vous {
		height: 2000px;
	}

	iframe#haWidget.faites-un-don {
		height: 2700px;
	}
}

@media (max-width: 414px) {
	.big-modal .modal-body img.logo {
		width: 250px;
	}

	.big-modal .modal-body p {
		font-size: 1.3rem;
		margin: 1em 0;
	}

	.noel-modal .modal-body .big-red {
		font-size: 30px;
	}

	.noel-modal .modal-body .container-link-noel .big-link {
		font-size: 36px;
	}

	button.navbar-toggler {
    	margin-right: 20px;
    }

	div.container-image-extrait p {
		margin-top: 10px;
    	font-size: 17px;
	}

	div.articles-list div.container-category-format span.date {
		position: relative;
		display: block;
		right: initial;
		top: initial;
		transform: initial;
		margin-top: 1em;
	}

	div.article-second a h2 {
	    margin-top: 10px;
	}

	div.container-articles-middle {
		margin-top: 0;
	}

	div.container-articles-middle div.article-middle {
	    margin-top: 50px;
	}

	div.container-category-format.titre a, div.container-category-format.titre h2 {
		margin: 10px;
	}

	div.article-content div.container-category-format span.date {
		position: initial;
	    display: block;
	    margin: 20px 0 0;
	}

	div.article-content h1 {
		font-size: 2rem;
	}

	div.article-content div.container-image-article {
		margin: 30px auto;
	}

	div.article-content div.content {
		padding: 0;
	}

	div.article-content div.content .share {
		flex-direction: column;
	}

	div.article-content div.content .share .share-items {
		margin-top: 1em;
		margin-left: 0;
	}

	a.container-next-article {
		margin-bottom: 0;
	}

	a.container-next-article h2 {
		transform: initial;
	    position: relative;
	    width: 100%;
	}

	body.dessins .grid-item {
		width: 100%;
		margin: 1% 0%;
	}

	.lb-nav a.lb-prev, .lb-nav a.lb-next {
		background-size: 35px;
	}

	.lb-data .lb-caption {
		font-size: 13px;
		line-height: 1em;
	}

	form#loginform {
		padding: 0;
	}

	body.mon-compte div#account-invoices, body.mon-compte div#account-activity {
		display: none;
	}

	body.mon-compte .ms-account-wrapper h2 a {
		width: 100%;
		margin: 20px auto;
	}

	body.mon-compte .ms-form-element .wpmui-field-label, body.mon-compte .ms-form-element .wpmui-field-input {
		display: block;
    	width: 100%;
	}

	body.mon-compte .ms-form-element .wpmui-field-label {
		text-align: center;
	}

	body.mon-compte div.ms-form-element a#cancel {
		position: relative;
	    bottom: auto;
	    display: block;
	    margin: 30px auto 0;
	    right: auto;
	    width: 60px;
	}

	body.mes-articles-agora div.wpuf-dashboard-container {
		overflow-x: auto;
	}

	body.nouvel-article-agora form.wpuf-form-add, body.modifier-article-agora form.wpuf-form-add {
		margin: 0 auto;
	}

	body.nouvel-article-agora input.wpuf-submit-button {
		white-space: pre-line;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100% !important;
	}

	div#tribe-events-content-wrapper {
		padding: 0;
	}

	div#list-emeutes .item-emeute .item-emeute-header, div#list-emeutes .item-emeute .item-emeute-footer {
		flex-direction: column;
	}

	div#list-emeutes .item-emeute .item-emeute-header .date {
		margin-top: 1em;
	}

	div#list-emeutes .item-emeute .item-emeute-footer {
		align-items: flex-start;
	}

	div#list-emeutes .item-emeute .item-emeute-footer .details {
		margin: 1em auto 0;
	}

	div#list-emeutes span.page-numbers, div#list-emeutes a.page-numbers {
		margin: 10px auto;
		width: 110px;
		display: block;
	}

	.emeute .h1 {
		font-size: 2rem;
	}

	div.article-content.emeute h1 {
		font-size: 1.5rem;
	}

	.emeute .container-location-date {
		flex-direction: column;
	}

	.emeute .container-location-date span.date {
		margin-top: 1rem;
		text-align: left;
	}

	.emeute .emeute-block .container-map-iframe {
		padding: 0;
	}

	.emeute .emeute-block .container-map-iframe #map-emeute {
		position: relative !important;
		height: 300px !important;
	}

	.emeute .emeute-block .container-map-iframe iframe {
		position: relative !important;
		height: 200px !important;
	}

	.emeute .source {
		flex-direction: column;
	}

	.emeute .source .titre, .emeute .source .date {
		margin: 1em 0 0;
	}

	.emeute .source .date {
		text-align: left;
	}

	footer {
		position: relative;
	}

	footer a {
		height: 60px;
    	line-height: 60px;
	}

	#abonnez-vous-fixe p {
		font-size: 0.85rem;
		margin-bottom: 0.5em;
		text-align: center;
	}

	#abonnez-vous-fixe a {
		padding: 0.3em 0.75em;
	}

	#abonnez-vous-fixe a span {
		font-size: 0.85rem;
	}

	iframe#haWidget.abonnez-vous {
		height: 2500px;
	}

	iframe#haWidget.faites-un-don {
		height: 3000px;
	}
}

@media (max-width: 375px) {

	button.navbar-toggler .navbar-toggler-icon {
		width: 1.5em;
    	height: 1.5em;
	}

	div.articles-list {
	    padding: 15px;
	}

	div.container-category-format.titre {
		text-align: left;
	}

	iframe#haWidget.abonnez-vous {
		height: 3000px;
	}
}

@media (max-width: 320px) {

	a.abonnez-vous span {
		margin: 30px 0;
	}

	iframe#haWidget.abonnez-vous {
		height: 3500px;
	}
}