@charset "UTF-8";
/*
Name: Boilerplate
Author: Charlie Immers
Description: Boilerplate de Charlie Immers
Website: charlieimmers.be
Version: 1.0
*/
@font-face {
	font-family: "calibri_regular";
	src: url("../fontes/calibri/regular/Calibri.eot");
	src: url("../fontes/calibri/regular/Calibri.eot?#iefix") format("embedded-opentype"),
		url("../fontes/calibri/regular/Calibri.woff") format("woff"),
		url("../fontes/calibri/regular/Calibri.ttf") format("truetype"),
		url("../fontes/calibri/regular/Calibri.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "calibri_bold";
	src: url("../fontes/calibri/bold/Calibri-Bold.eot");
	src: url("../fontes/calibri/bold/Calibri-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fontes/calibri/bold/Calibri-Bold.woff") format("woff"),
		url("../fontes/calibri/bold/Calibri-Bold.ttf") format("truetype"),
		url("../fontes/calibri/bold/Calibri-Bold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "calibri_light";
	src: url("../fontes/calibri/light/Calibri-Light.eot");
	src: url("../fontes/calibri/light/Calibri-Light.eot?#iefix") format("embedded-opentype"),
		url("../fontes/calibri/light/Calibri-Light.woff") format("woff"),
		url("../fontes/calibri/light/Calibri-Light.ttf") format("truetype"),
		url("../fontes/calibri/light/Calibri-Light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.desktop-only {
	display: block;
}

@media screen and (max-width: 1024px) {
	.desktop-only {
		display: none;
	}
}

.fade-in {
	opacity: 1 !important;
}

.fade-out {
	opacity: 0 !important;
}

/*
Theme Name: parbru
Author: Paf
Description: Thème créé pour le site du Palement Bruxellois
Version: 1.0
*/
/****************************/
/*       VARIABLES SCSS     */
/****************************/
/* COLORS */
/* FONTES */
/****************************/
/*          GENERAL         */
/****************************/
#wpadminbar {
	display: none;
}

html,
body,
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body,
html {
	height: 100%;
}

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

#wpadminbar {
	z-index: 999999 !important;
}

iframe {
	max-width: 100%;
}

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

input,
textarea,
select,
a {
	outline: none;
}

#main {
	padding-top: 166px;
}

@media screen and (max-width: 1179px) {
	#main {
		padding-top: 140px;
	}
}

@media screen and (max-width: 768px) {
	#main {
		padding-top: 120px;
	}
}

@media print {
	#main {
		padding-top: 0px;
	}
}

#weblex-doc-form h1,
#weblex-quest-form h1 {
	margin: 30px 0 45px 0;
}

#weblex-doc-form .btn,
#weblex-quest-form .btn {
	text-transform: initial;
}

#search_form_fr input[type="text"] {
	font-size: 13pt;
}

#resulttable {
	font-size: 13pt;
}

.width-70 {
	width: 75%;
}

@media screen and (max-width: 992px) {
	.width-70 {
		width: 100%;
	}
}

.width-80 {
	width: 80%;
}

.width-90 {
	width: 90%;
}

@media screen and (max-width: 1024px), print {
	.width-90 {
		width: auto;
	}
}

.width-50 {
	width: 50%;
}

@media screen and (max-width: 1024px), print {
	.width-50 {
		width: auto;
	}
}

.width-60 {
	width: 60%;
}

@media screen and (max-width: 1024px), print {
	.width-60 {
		width: auto;
	}
}

.lastActu {
	position: relative;
}

section:not(.sectionHomeHeader):not(#singlePostEvent):not(.sectionFormNewsletter):not(.sectionWithShadow) {
	max-width: 1600px;
	margin: auto;
	padding: 0px 60px;
}

@media screen and (max-width: 1024px) {
	section:not(.sectionHomeHeader):not(#singlePostEvent):not(.sectionFormNewsletter):not(.sectionWithShadow) {
		padding: 0px 40px;
	}
}

@media screen and (max-width: 768px), print {
	section:not(.sectionHomeHeader):not(#singlePostEvent):not(.sectionFormNewsletter):not(.sectionWithShadow) {
		padding: 0px 25px;
	}
}

div,
p,
li,
a {
	font-family: "calibri_regular", sans-serif;
	color: #545d5f;
	font-size: 13pt;
}

span {
	font-family: "calibri_regular", sans-serif;
}

h1,
h2,
div,
p,
li,
a,
span {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1 {
	font-size: 40pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	/*
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    */
}

@media screen and (max-width: 768px), print {
	h1 {
		font-size: 30pt;
	}
}


a.mail,
.mail a {
	word-wrap: break-word;
}

h1:not(:last-child) {
	margin-bottom: 30px;
}

h2 {
	font-size: 30pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-bottom: 60px;
	position: relative;
}

h2:after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ffe202;
	position: absolute;
	left: 0px;
	bottom: -30px;
}

@media screen and (max-width: 768px), print {
	h2 {
		font-size: 23pt;
	}
}

h3 {
	font-size: 24pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-bottom: 60px;
	position: relative;
}

h3:after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ffe202;
   /* background-color: #6fcdba; */
  /*background-color: #ec6556;*/
	position: absolute;
	left: 0px;
	bottom: -30px;
}

@media screen and (max-width: 768px), print {
	h3 {
		font-size: 18pt;
	}
}

h4 {
	font-size: 23pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-bottom: 60px;
	position: relative;
}

h4:after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ffe202;
	position: absolute;
	left: 0px;
	bottom: -30px;
}

@media screen and (max-width: 768px), print {
	h4 {
		font-size: 18pt;
	}
}

h5 {
	font-size: 23pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px), print {
	h5 {
		font-size: 18pt;
	}
}

.dyn-cov {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.dyn-cov.cover {
	background-size: cover;
}

.appear {
	opacity: 0;
}

/* BTN */
.btn {
	padding: 12px;
	font-size: 13pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	/* min-height: 44px; */
}

.btn svg {
	width: 6px;
	height: 14px;
	position: relative;
	top: 2px;
}

.btn svg path {
	fill: none;
}

.btn svg {
	margin-left: 10px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.btn:hover svg {
	margin-left: 20px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.btnPlainGrijs {
	background-color: #545d5f;
	border: 1px solid #545d5f;
	color: #ffffff;
}

.btnEmptyGrijs {
	background-color: #ffffff;
	color: #545d5f !important;
}

.btnEmptyGrijs svg path {
	stroke: #545d5f;
}

.btnAllEvents,
.btnLastActu,
.btnAllMeps {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	position: absolute;
	display: inline-block;
}

@media screen and (max-width: 900px), print {
	.btnAllEvents,
	.btnLastActu,
	.btnAllMeps {
		position: relative;
		top: 0px !important;
		margin: 20px 0px;
	}
}

.btnAllEvents {
	top: 0px;
	right: 0px;
}

.btnAllMeps {
	top: -100px;
	right: 0px;
}

@media screen and (max-width: 1024px), print {
	.btnAllMeps {
		top: 0px;
		position: relative;
	}
}

.btnLastActu {
	/*top: -90px;*/
	right: 0px;
}

@media screen and (max-width: 1024px), print {
	.btnLastActu {
		top: 0px;
		position: relative;
	}
}

.btnEmptyBlue {
	background-color: #ffffff;
	border: 1px solid #083b99;
	color: #083b99;
}

.btnEmptyBlue svg path {
	stroke: #083b99;
}

.btnEmptyCorail {
	background-color: #ffffff;
	border: 1px solid #ec6556;
	color: #ec6556;
}

.btnEmptyCorail svg path {
	stroke: #ec6556;
}

.btnNewsletter {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	display: inline-block;
	cursor: pointer;
	border: 1px solid #ffffff;
}

.btnNewsletter svg:first-child {
	width: 20px;
	margin-right: 10px;
	margin-left: 0px;
}

.btnBack {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	color: #083b99;
	display: inline-block;
	margin-bottom: 60px;
}

.btnBack svg {
	margin-right: 10px;
	margin-left: 0px;
	width: 9px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

.btnBack:hover svg {
	margin-right: 20px;
	margin-left: 0px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

div.dt-buttons {
	position: relative;
	float: right !important;
	top: 4px;
}

button.dt-button,
div.dt-button,
a.dt-button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border-radius: 0px !important;
	border: none !important;
	padding: 10px 15px !important;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) !important;
	margin-bottom: 20px !important;
	font-size: 13pt !important;
	background-color: #fff !important;
	margin-bottom: 20px !important;
	font-family: "calibri_regular", sans-serif !important;
	color: #083b99 !important;
	background-image: none !important;
	margin-right: 10px !important;
}

.buttons-pdf {
	display: none !important;
}

/* Load More */
.containerLoadMore {
	text-align: center;
}

.containerLoadMore .btn {
	cursor: pointer;
	display: inline-block;
	width: 170px;
	height: 43px;
	position: relative;
	color: #ec6556;
	border-color: #ec6556;
	-webkit-transition: -webkit-box-shadow 150ms ease;
	transition: -webkit-box-shadow 150ms ease;
	-o-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
}

.containerLoadMore .btn:hover {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

/* Page 404 */
.section404 {
	padding-top: 60px !important;
	background-image: url(../img/demi_cercle_blue.png);
	background-position: bottom 0px right;
	background-size: 300px;
	background-repeat: no-repeat;
	min-height: 260px;
}

@media screen and (max-width: 768px), print {
	.section404 {
		background-size: 0px;
	}
}

.section404 > div {
	max-width: 600px;
}

.section404 > div .btn {
	margin-top: 40px;
	display: inline-block;
}

/* Table administration */
.tableAdministration th,
.tableAdministration td {
	text-align: center;
}

@media screen and (max-width: 768px), print {
	.tableAdministration th,
	.tableAdministration td {
		max-width: 100px;
		font-size: 12pt;
		padding: 8px 3px !important;
	}
}

.tableAdministration ~ p {
	margin-top: 10px;
}

/* Highlight */
.highlight {
	background-color: #083b99;
	color: #fff;
}

.high ul{
	list-style: none;
  	padding-left: 10px;
}
.high .tiptxt ul {
    padding-left: 0px;
}
.high ul li{
	padding-left: 20px;
	position: relative;
}
.high ul li:before{
	content: '•';
	font-size: 1.2em;
	/*color: #083b99;*/
	position: absolute;
	left: 0;
}

/****************************/
/*          HEADER          */
/****************************/
header {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	z-index: 2000;
	position: fixed;
	width: 100%;
	top: 0px;
	background-color: #fff;
	height: 165px;
}

@media screen and (max-width: 1024px) {
	header {
		height: 140px;
	}
}

header .contentHeader .logo{
	display: inline-block;
	padding-top: 15px;
}
@media (min-width: 1300px){
	header .contentHeader .logo{
		padding-top: 0;
	}
}

header .contentHeader .logo img{
	max-width: 240px;
	display: block;
}
@media (min-width: 1300px){
	header .contentHeader .logo img{
		max-width: 280px;
	}
}

header .contentHeader #socialMedias {
    float:left;
}

header .contentHeader #linkIntranet #popup_linkIntranet{
	visibility: hidden;
	background-color: white;
	color: #083b99;
	opacity: 0;
	transition: all;
	padding: 5px 10px;
	position: absolute;
    top: 30px;
    right: 60px;
    z-index: 50000;
}

header .contentHeader #linkIntranet #hover_intranet:hover + #popup_linkIntranet{
    visibility: visible;
	opacity: 1;
}

@media screen and (max-width: 1024px) {
	header .contentHeader #linkIntranet #popup_linkIntranet{
    	right: 40px;
    }
}

@media screen and (max-width: 768px) {
	header .contentHeader #linkIntranet #popup_linkIntranet{
    	right: 5px;
    }
}

header .sub-menu a {
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
  	color:#545d5f;
}

header > div:first-child {
	background-color: #083b99;
	text-align: right;
	padding: 10px 0px 3px;
}

@media screen and (max-width: 768px) {
	header > div:first-child > div {
		padding: 0px 5px;
	}
}

header > div:first-child .contentHeader > div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	header > div:first-child .contentHeader > div {
		margin-right: 10px;
	}
}

@media screen and (max-width: 400px) {
	header > div:first-child .contentHeader > div {
		margin-right: 5px;
	}
}

header > div:first-child .contentHeader > div svg {
	width: 20px;
	height: 20px;
}

header > div:first-child .contentHeader > div a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 13pt;
	font-family: "calibri_bold", sans-serif;
}

@media screen and (max-width: 400px) {
	header > div:first-child .contentHeader > div a {
		font-size: 11pt;
	}
}

header > div:first-child .contentHeader #searchHeader {
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	header > div:first-child .contentHeader #searchHeader {
		margin-right: 20px;
	}
}

@media screen and (max-width: 400px) {
	header > div:first-child .contentHeader #searchHeader {
		margin-right: 5px;
	}
}

header > div:first-child #linkContact a {
	position: relative;
	top: -2px;
	margin-left: 5px;
	margin-right: 5px;
}

header > div:first-child #linkContact a:hover {
	color: #ffe202;
}

header > div:first-child #menuLanguages {
	position: relative;
	width: 40px;
	z-index: 200000;
}

@media screen and (max-width: 400px) {
	header > div:first-child #menuLanguages {
		width: 30px;
	}
}

header > div:first-child #searchHeader {
	cursor: pointer;
	position: relative;
}

header > div:first-child #searchHeader > div {
	display: none;
	position: absolute;
	top: 27px;
	right: -5px;
	z-index: 30000;
	background-color: rgba(8, 59, 153, 0.2);
	padding: 10px;
}

header > div:first-child #searchHeader > div label {
	display: none;
}

header > div:first-child #searchHeader > div input {
	padding: 2px 5px;
	position: relative;
	top: 1px;
	width: 160px;
	border: none;
}

header > div:first-child svg path {
	fill: #ffffff;
	stroke: none;
}

header > div:first-child svg:hover path {
	fill: #ffe202;
}

header > div:last-child {
	padding: 15px 0px 0px;
	position: relative;
	background-color: #fff;
	z-index: 10000;
}
@media (min-width: 768px){
	header > div:last-child {
		padding-top: 20px;
	}
}

@media screen and (max-width: 400px) {
	header > div:last-child {
		padding: 15px 0px 0px;
	}
}

header > div:last-child .logo {
	position: relative;
	z-index: 1000;
}

header > div:last-child #main-menu {
	position: absolute;
	padding-right: 60px;
	text-align: right;
	top: 35px;
	right: 0px;
	width: 100%;
}

@media screen and (max-width: 1024px) {
	header > div:last-child #main-menu {
		position: relative;
		padding-right: 0px;
		text-align: center;
		display: none;
	}
}

@media screen and (max-width: 900px) {
	header > div:last-child #main-menu {
		text-align: left;
	}
}

header > div:last-child #main-menu .menu > li {
	display: inline-block;
	vertical-align: top;
	list-style: none;
	position: relative;
	margin-left: 20px;
}

header > div:last-child #main-menu .menu > li > a {
	font-family: "calibri_bold", sans-serif;
	font-size: 13pt;
	text-transform: uppercase;
}



@media screen and (max-width: 900px) {
	header > div:last-child #main-menu .menu > li {
		display: block;
		margin-left: 0px;
	}
}

header > div:last-child #main-menu .menu li:hover > a {
	color: #083b99;
}

header > div:last-child #main-menu .menu > .menu-item-has-children {
	padding-right: 28px;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > a {
	cursor: default;
	padding-bottom: 50px;
    color:#545d5f;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul {
	display: none;
	position: fixed;
	top: 165px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #083b99;
	padding: 65px 60px;
	text-align: right;
	border-top: 1px solid #c4c6c3;
}

@media screen and (max-width: 1024px) {
	header > div:last-child #main-menu .menu > .menu-item-has-children > ul {
		border-bottom: none;
		top: 200px;
		text-align: left;
		padding: 40px;
	}
}

@media screen and (max-width: 900px) {
	header > div:last-child #main-menu .menu > .menu-item-has-children > ul {
		padding: 20px 0px;
		position: relative;
		top: 0px;
	}
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin-bottom: 20px;
	width: 300px;
	padding-left: 20px;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li > a {
	font-family: "calibri_bold", sans-serif;
}

@media screen and (max-width: 1024px) {
	header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li {
		padding-right: 20px;
		padding-left: 0px;
		width: 260px;
	}
}

@media screen and (max-width: 900px) {
	header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li {
		width: 100%;
	}
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li li {
	display: block;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li li:before {
	content: "- ";
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li li > a {
	font-family: "calibri_light", sans-serif;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuAudio:before {
	content: url(../img/menu_audio_gris.png);
	margin-right: 11px;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuVideo:before {
	content: url(../img/menu_video_gris.png);
	margin-right: 8px;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuRss:before {
	content: url(../img/menu_rss_gris.png);
	margin-right: 8px;
	width: 20px;
	height: 20px;
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuAudio.current-menu-item:before {
	content: url(../img/menu_audio.png);
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuVideo.current-menu-item:before {
	content: url(../img/menu_video.png);
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuRss.current-menu-item:before {
	content: url(../img/menu_rss.png);
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuAudio:hover:before {
	content: url(../img/menu_audio.png);
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuVideo:hover:before {
	content: url(../img/menu_video.png);
}

header > div:last-child #main-menu .menu > .menu-item-has-children > ul > li .menuRss:hover:before {
	content: url(../img/menu_rss.png);
}

@media screen and (max-width: 1024px) {
	header > div:last-child #main-menu .menu > .menu-item-has-children > ul .largeLi {
		width: 525px;
	}
}

header > div:last-child #main-menu .menu > .menu-item-has-children:after {
	content: url(../img/arrow_down.png);
	margin-left: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
}

header > div:last-child #main-menu .menu .current-menu-ancestor > a,
header > div:last-child #main-menu .menu .current-menu-item > a {
	color: #083b99;
}

header > div:last-child #main-menu .menu .HideParent > a {
	display: none;
}

header > div:last-child #main-menu .menu .secondElement > a {
	font-family: "calibri_bold", sans-serif !important;
}

header > div:last-child #main-menu .menu .secondElement:before {
	display: none;
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
	header > div:last-child #main-menu.nl .menu > li > a {
		font-size: 11pt;
	}
	header > div:last-child #main-menu.nl .menu > li > a .blockmenu {
		display: block;
	}
}

header > div .contentHeader {
	max-width: 1600px;
	margin: auto;
	padding: 0px 60px;
	position: relative;
}

@media screen and (max-width: 1024px) {
	header > div .contentHeader {
		padding: 0px 40px;
	}
}

@media screen and (max-width: 768px) {
	header > div .contentHeader {
		padding: 0px 20px;
	}
}

#socialMedias a:not(:last-child) {
	margin-right: 10px;
}

#socialMedias svg {
	width: 20px;
	height: 20px;
}


@media screen and (max-width: 1023px) {
	.dates-menu {
	    display:none;
	}
}

.dates-menu {
    width:40%;
    
}

.title_date{
    width:50%;
    float:left;
}

#menu-date, #menu-date-nl {
    text-align:right;
}
#menu-date li, #menu-date-nl li {
      display:inline-block;
}
#menu-date li a, #menu-date-nl li a{
    background-color:#fff;
    font-family: "calibri_bold", sans-serif;
    color: #545d5f;
    padding: 12px 15px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    font-size:13pt;
}

#menu-date li a:hover, #menu-date-nl li a:hover  {
   
    background-color:#083b99;
    font-family: "calibri_bold", sans-serif;
    color: #fff !important;
    padding: 10px 15px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    font-size:13pt;
}


.dates-menu {
    float:right;
    margin-top:11px;
}




/****************************/
/*          HOME            */
/****************************/
.sectionHomeHeader > div:first-child {
	font-size: 0px;
}

.sectionHomeHeader .dyn-cov {
	background-size:cover;
}

.sectionHomeHeader > div:first-child > div {
    display: inline-block; 
	vertical-align: top;
}

.sectionHomeHeader > div:first-child #content {
	width: 65%;
	position: relative;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	min-height: 600px;
	height: auto;
  background-size:cover;
}

@media screen and (max-width: 1300px), print {
	.sectionHomeHeader > div:first-child #content {
		width: 100%;
	}
}

.sectionHomeHeader > div:first-child #content #travaux {
	height: 100%;
	width: 450px;
	background-color: rgba(8, 59, 153, 0.6);
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 80px 40px;
}

@media screen and (max-width: 600px), print {
	.sectionHomeHeader > div:first-child #content #travaux {
		width: 100%;
		padding: 40px 20px 80px;
	}
}

.sectionHomeHeader > div:first-child #content #travaux .titleTravaux {
	color: #ffffff;
	font-size: 23pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
}

.sectionHomeHeader > div:first-child #content #travaux .travail {
	margin-top: 30px;
	position: relative;
}

.sectionHomeHeader > div:first-child #content #travaux .travail .dateTravaux {
	color: #c4c6c3;
	font-size: 13pt;
}

.sectionHomeHeader > div:first-child #content #travaux .travail .dateTravaux a {
	color: #ffe202;
}

.sectionHomeHeader > div:first-child #content #travaux .travail .textTravaux {
	color: #ffffff;
}

.sectionHomeHeader > div:first-child #content #travaux .travail:not(:last-child):after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ffe202;
	position: absolute;
	left: 0px;
	bottom: -15px;
}

.sectionHomeHeader > div:first-child #content #travaux .btn {
	position: absolute;
	bottom: 0px;
	right: 20px;
}

.sectionHomeHeader > div:first-child #seancesDesktop {
	min-height: 500px;
	max-height: 580px;
	width: 400px;
	position: absolute;
	bottom: 0px;
	left: 40px;
	display: none;
}

.sectionHomeHeader > div:first-child #seancesDesktop.yes {
	display: block;
}

@media screen and (max-width: 900px), print {
	.sectionHomeHeader > div:first-child #seancesDesktop.yes {
		display: none;
	}
}

.sectionHomeHeader > div:first-child #seancesTabletMobile {
	display: none; 
	margin: 40px 20px 20px;
	position: relative;
	height: auto;
}

@media screen and (max-width: 900px), print {
	.sectionHomeHeader > div:first-child #seancesTabletMobile.yes {
		display: block;
	}
}

.sectionHomeHeader > div:first-child #seancesDesktop,
.sectionHomeHeader > div:first-child #seancesTabletMobile {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	padding: 20px 40px 80px;
}

@media screen and (max-width: 900px), print {
	.sectionHomeHeader > div:first-child #seancesDesktop,
	.sectionHomeHeader > div:first-child #seancesTabletMobile {
		padding: 20px 20px 80px;
	}
}

.sectionHomeHeader > div:first-child #seancesDesktop .titleSeances,
.sectionHomeHeader > div:first-child #seancesTabletMobile .titleSeances {
	font-size: 13pt;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance {
	margin-top: 30px;
	position: relative;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance .timeSeance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance .timeSeance {
	color: #ffe202;
	font-size: 23pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance .titleSeance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance .titleSeance {
	color: #083b99;
	font-size: 23pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 300;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance .placeSeance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance .placeSeance {
	color: #c4c6c3;
	font-size: 13pt;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance:not(:last-child):after,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance:not(:last-child):after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #c4c6c3;
	position: absolute;
	left: 0px;
	bottom: -15px;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance:last-child .timeSeance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance:last-child .timeSeance {
	color: #545d5f;
	font-size: 16pt;
}

.sectionHomeHeader > div:first-child #seancesDesktop .seance:last-child .titleSeance,
.sectionHomeHeader > div:first-child #seancesTabletMobile .seance:last-child .titleSeance {
	font-size: 16pt;
}

.sectionHomeHeader > div:first-child #seancesDesktop .btn,
.sectionHomeHeader > div:first-child #seancesTabletMobile .btn {
	position: absolute;
	bottom: 0px;
	right: 20px;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader {
	width: 35%;
	padding: 10px 60px 0px 40px;
}

@media screen and (max-width: 1300px), print {
	.sectionHomeHeader > div:first-child #contentRightHomeHeader {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.sectionHomeHeader > div:first-child #contentRightHomeHeader {
		padding: 40px 40px 0px 40px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionHomeHeader > div:first-child #contentRightHomeHeader {
		padding: 40px 20px 0px 20px;
	}
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter svg {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter svg path {
	fill: #76a9ea;
	stroke: none;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter span {
	font-size: 12pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	padding: 20px;
	margin-top: 20px;
	height: auto;
	overflow: auto;
}

@media screen and (max-width: 1300px), print {
	.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet {
		height: auto !important;
		margin-bottom: 40px;
	}
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet {
	padding-left: 80px;
	min-height: 60px;
	position: relative;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .picture {
	background-image: url(../img/logo.png);
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #c4c6c3;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .date {
	font-size: 12pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .text {
	font-size: 12pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .text p {
    	font-size: 11pt;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .text a {
	font-size: 11pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .text a:hover {
	color: #ffe202;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet .text a.url {
	display: block;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet .tweet:not(:last-child) {
	margin-bottom: 20px;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter #latestTweet.small {
	
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter .hidden {
	height: 60px;
	position: relative;
	top: -60px;
	background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, #ffffff));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
}

@media screen and (max-width: 1300px), print {
	.sectionHomeHeader > div:first-child #contentRightHomeHeader #twitter .hidden {
		display: none;
	}
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #iframeHome {
	display: none;
	margin-bottom: 20px;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #iframeHome .titleIframe {
	color: #083b99;
	font-size: 20pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	width: 300px;
	max-width: 100%;
	background-image: url(../img/video_iframe.png);
	background-size: 30px;
	background-position: right center;
	background-repeat: no-repeat;
}

.sectionHomeHeader > div:first-child #contentRightHomeHeader #iframeHome iframe {
	width: 300px;
	height: 200px;
}

.sectionHomeHeader #menuBellow {
	background-color: rgba(196, 198, 195, 0.1);
	width:100%;
}

.sectionHomeHeader #menuBellow #menuBellowContent {
	font-size: 0px;
	max-width: 1600px;
	margin: auto;
	padding: 20px 60px;
	margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
	.sectionHomeHeader #menuBellow #menuBellowContent {
		padding: 20px 40px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionHomeHeader #menuBellow #menuBellowContent {
		padding: 20px 20px;
	}
}

.sectionHomeHeader #menuBellow #menuBellowContent > div {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

@media screen and (max-width: 1024px) {
	.sectionHomeHeader #menuBellow #menuBellowContent > div {
		width: 50%;
	}
	.sectionHomeHeader #menuBellow #menuBellowContent > div:nth-child(1),
	.sectionHomeHeader #menuBellow #menuBellowContent > div:nth-child(2) {
		margin-bottom: 20px;
	}
	.sectionHomeHeader #menuBellow #menuBellowContent > div:nth-child(3) > a {
		border-left: none;
	}
}

@media screen and (max-width: 600px), print {
	.sectionHomeHeader #menuBellow #menuBellowContent > div {
		width: 100%;
	}
	.sectionHomeHeader #menuBellow #menuBellowContent > div:not(:last-child) {
		margin-bottom: 20px;
	}
	.sectionHomeHeader #menuBellow #menuBellowContent > div > a {
		border-left: none !important;
		border-top: 1px solid #ffe202;
	}
}

.sectionHomeHeader #menuBellow #menuBellowContent > div > a {
	display: inline-block;
	width: 100%;
	padding: 20px 20px 0px;
	border-left: 1px solid #ffe202;
	height: 100px;
	font-size: 23pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	background-image: url(../img/arrow_right_blue.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: bottom 20px right 30px;
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionHomeHeader #menuBellow #menuBellowContent > div > a:hover {
	background-position: bottom 20px right 20px;
	color: #083b99;
}

@media screen and (max-width: 600px), print {
	.sectionHomeHeader #menuBellow #menuBellowContent > div > a {
		padding: 20px 0px 0px;
	}
}

.sectionHomeHeader #menuBellow #menuBellowContent > div:first-child {

	height: 100px;
}

.sectionHomeHeader #menuBellow #menuBellowContent > div:first-child > div {
	margin-bottom: 10px;
	font-size: 23pt;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
}

@media screen and (max-width: 600px), print {
	.sectionHomeHeader #menuBellow #menuBellowContent > div:first-child {

	}
}

.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .twitter svg path {
	fill: #76a9ea;
	stroke: none;
}

.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .facebook svg path {
	fill: #083b99;
	stroke: none;
}

.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .instagram svg path {
	fill: url(#linear-gradient);
	stroke: none;
}

.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .youtube svg rect {
	fill: #dc472e;
	stroke: none;
}

.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .linkedin svg path {
	fill: #0077b7;
	stroke: none;
}

.sectionHomeContent h2:after {
background-color: #ec6556;
}

.sectionHomeContent {
	font-size: 0px;
  margin-top: 60px !important;
}

.sectionHomeContent > div {
	display: inline-block;
	vertical-align: top;
}

.sectionHomeContent .leftColumn {
	width: 100%;
	position: relative;
}

@media screen and (max-width: 1200px), print {
	.sectionHomeContent .leftColumn {
		width: 100%;
	}
}

.sectionHomeContent .leftColumn > div:last-child {
	font-size: 0px;
}

.sectionHomeContent .leftColumn > div:last-child > div {
	display: inline-block;
	vertical-align: top;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -1% 100px -1%;
}

@media screen and (max-width: 1150px) {
	.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 768px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost {
		width: 100%;
		margin-bottom: 40px;
      	flex-wrap: wrap;
	} 
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article {
	width: 23%;
	padding: 0 1%;
	display: inline-block;
}

@media screen and (max-width: 950px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article {
		width: calc(100% / 2);
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 798px) {
	.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article {
		width: 100%;
	}
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a {
	display: block;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	background-image: url(../img/arrow_right_corail.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: bottom 20px right 30px;
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a .picture {
	height: 225px;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a .picture > div {
	bottom: 0px;
	background-color: #ec6556;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a .image {
	height: initial;
	background-size: cover;
	background-position: center center;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a .image:before {
	content: "";
	display: table;
	padding-bottom: 100%;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a:not(:last-child) {
	margin-bottom: 40px;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a .title {
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	font-size: 20pt;
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a:hover {
	background-position: bottom 20px right 20px;
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionHomeContent .leftColumn > div:last-child #containerPrimaryPost > article a:hover .title {
	color: #ec6556;
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts {
	width: 60%;
}

@media screen and (max-width: 768px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPosts {
		width: 100%;
	}
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post {
	display: block;
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	margin-left: 40px;
	font-size: 0px;
	background-image: url(../img/arrow_right_yellow.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: bottom 20px right 30px;
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 768px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPosts .post {
		margin-left: 0px;
	}
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post > div {
	display: inline-block;
	vertical-align: top;
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .picture {
	width: 50%;
}

@media screen and (max-width: 768px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .picture {
		width: 100%;
	}
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .picture > div {
	top: 0px;
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .content {
	width: 50%;
}

@media screen and (max-width: 768px), print {
	.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .content {
		width: 100%;
	}
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post:not(:last-child) {
	margin-bottom: 40px;
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post .title {
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post:hover {
	background-position: bottom 20px right 20px;
}

.sectionHomeContent .leftColumn > div:last-child #containerPosts .post:hover .title {
	color: #083b99;
}

.sectionHomeContent .leftColumn > div:last-child .picture {
	position: relative;
}

.sectionHomeContent .leftColumn > div:last-child .picture > div {
	position: absolute;
	left: 20px;
	background-color: #083b99;
	color: #ffffff;
	padding: 6px 12px;
}

.sectionHomeContent .leftColumn > div:last-child .content {
	padding: 20px 20px 60px;
	height: 310px;
}

@media screen and (max-width: 1430px) {
	.sectionHomeContent .leftColumn > div:last-child .content {
		height: 350px;
	}
}

@media screen and (max-width: 1050px) {
	.sectionHomeContent .leftColumn > div:last-child .content {
		height: 400px;
	}
}

@media screen and (max-width: 950px) {
	.sectionHomeContent .leftColumn > div:last-child .content {
		height: 260px;
	}
}

@media screen and (max-width: 768px) {
	.sectionHomeContent .leftColumn > div:last-child .content {
		height: initial;
	}
}

.sectionHomeContent .leftColumn > div:last-child .content .postedDate {
	font-size: 12pt;
	color: #c4c6c3;
}

.sectionHomeContent .leftColumn > div:last-child .content .title {
	font-size: 23pt;
	font-family: "calibri_bold", sans-serif;
	margin-top: 10px;
}

.sectionHomeContent .leftColumn > div:last-child .content .dateEvent {
	color: #ec6556;
}

.sectionHomeContent .rightColumn {
	width: 30%;
	padding-left: 40px;
}

@media screen and (max-width: 1200px), print {
	.sectionHomeContent .rightColumn {
		width: 100%;
		padding-left: 0px;
		margin-top: 60px;
	}
}

.sectionHomeContent .rightColumn #banners:not(:last-child) {
	margin-bottom: 40px;
}

.sectionHomeContent .rightColumn #banners .banner {
	display: block;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}

.sectionHomeContent .rightColumn #banners .banner:not(:last-child) {
	margin-bottom: 40px;
}

.sectionHomeContent .rightColumn #banners .banner .title {
	text-transform: uppercase;
}

/* .sectionHomeContent .rightColumn #banners .banner .content p {
	color: #6fcdba;
} */
.sectionHomeContent .rightColumn #banners .banner .content p {
	color: #ec6556;
}

/****************************/
/*      HEADER PAGE         */
/****************************/
.sectionPageHeaderWithMarginBottom {
	margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
	.sectionPageHeaderWithMarginBottom {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 576px) {
	.sectionPageHeaderWithMarginBottom {
		margin-bottom: 40px;
	}
}

.sectionPageHeader {
	font-size: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.sectionPageHeader {
	margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
	.sectionPageHeader {
		display: block;
	}
}

.sectionPageHeader > div {
	display: inline-block;
	vertical-align: top;
}

.sectionPageHeader .contentWithPicture {
	width: 35%;
}

@media screen and (max-width: 992px) {
	.sectionPageHeader .contentWithPicture {
		margin-bottom: 2rem;
	}
}

.sectionPageHeader .contentWithoutPicture {
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 60%;
}

@media screen and (max-width: 1200px) {
	.sectionPageHeader .contentWithPicture,
	.sectionPageHeader .contentWithoutPicture {
		width: 45%;
	}
}

@media screen and (max-width: 1024px), print {
	.sectionPageHeader .contentWithPicture,
	.sectionPageHeader .contentWithoutPicture {
		width: 100%;
	}
}

.sectionPageHeader .contentWithPicture .subtitle,
.sectionPageHeader .contentWithoutPicture .subtitle {
	color: #ffe202;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	font-size: 18pt;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px), print {
	.sectionPageHeader .contentWithPicture .subtitle,
	.sectionPageHeader .contentWithoutPicture .subtitle {
		font-size: 14pt;
	}
}

.sectionPageHeader .contentWithoutPicture h1 {
	margin-bottom: 0;
}

/* .sectionPageHeader .contentWithoutPicture div.high {
	display: none;
} */

@media screen and (max-height: 768px), print {
	.sectionPageHeader .contentWithoutPicture h1 {
		font-size: 30pt;
		margin-bottom: 0;
	}
}

.sectionPageHeader .picture {
	width: 60%;
}
.sectionPageHeader .picture img{
	height: 110%;
}

@media screen and (max-width: 1200px) {
	.sectionPageHeader .picture {
		width: 55%;
	}
}

@media screen and (max-width: 1024px), print {
	.sectionPageHeader .picture {
		width: 100%;
	}
}

.sectionPageHeader .picture.smallHeight {
	height: 200px;
}

.sectionPageHeader .picture.smallHeight img {
	width: 160px;
}

@media screen and (max-width: 1024px), print {
	.sectionPageHeader .picture.smallHeight {
		height: 150px;
	}
}

.sectionPageHeader .picture.bigHeight {
	height: 350px;
}

@media screen and (max-width: 1024px), print {
	.sectionPageHeader .picture.bigHeight {
		height: 300px;
	}
}

.sectionPageHeader .noPicture {
	display: none;
	width: 40%;
	background-position: bottom 0px right;
	background-size: 300px;
}

@media screen and (min-height: 768px), print {
	.sectionPageHeader .noPicture {
		height: 260px;
	}
}

@media screen and (max-width: 1200px) {
	.sectionPageHeader .noPicture {
		width: 55%;
	}
}

@media screen and (max-width: 1024px), print {
	.sectionPageHeader .noPicture {
		width: 0%;
		height: 0px;
	}
}

/****************************/
/*      LIST POSTS          */
/****************************/
.sectionListPosts {
	margin: 80px auto !important;
}

#posts {
	font-size: 0px;
	margin: 0px -20px;
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 1250px) {
	#posts {
		width: 100%;
	}
}

#posts .noResult {
	padding: 0px 20px;
}

#posts .containerPost {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0px 20px;
	margin-bottom: 40px;
}

@media screen and (max-width: 1150px) {
	#posts .containerPost {
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 900px) {
	#posts .containerPost {
		width: 50%;
	}
}

@media screen and (max-width: 768px), print {
	#posts .containerPost {
		width: 100%;
	}
}

#posts .containerPost .post {
	display: block;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
	background-image: url(../img/arrow_right_corail.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: bottom 20px right 30px;
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	height: 100%;
}

#posts .containerPost .post .picture {
	background-size: cover;
	height: 220px;
	position: relative;
}

#posts .containerPost .post .picture > div {
	position: absolute;
	bottom: 0px;
	left: 20px;
	background-color: #ec6556;
	color: #ffffff;
	padding: 6px 12px;
}

#posts .containerPost .post .content {
	padding: 20px 20px 60px;
	/* height: 310px; */
}

@media screen and (max-width: 1430px) {
	#posts .containerPost .post .content {
		/* height: 350px; */
	}
}

@media screen and (max-width: 1050px) {
	#posts .containerPost .post .content {
		/* height: 310px; */
	}
}

@media screen and (max-width: 950px) {
	#posts .containerPost .post .content {
		/* height: 350px; */
	}
}

@media screen and (max-width: 900px) {
	#posts .containerPost .post .content {
		/* height: 300px; */
	}
}

@media screen and (max-width: 768px) {
	#posts .containerPost .post .content {
		height: initial;
	}
}

#posts .containerPost .post .content .postedDate {
	font-size: 12pt;
	color: #c4c6c3;
	display: none;
}

#posts .containerPost .post .content .title {
	font-size: 18pt;
	line-height: 1.1;
	font-family: "calibri_bold", sans-serif;
	margin-top: 10px;
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

#posts .containerPost .post .content .dateEvent {
	color: #ec6556;
}

#posts .containerPost .post:hover {
	background-position: bottom 20px right 20px;
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

#posts .containerPost .post:hover .title {
	color: #ec6556;
}

/* FILTERS */
#filterlist {
	float: left;
}

#formFiltersDocuments {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
  align-items: flex-end;
  margin-right: 20px;
}

#formFiltersDocuments > div {
	margin-bottom: 20px;
}

#formFiltersDocuments > div input,
#formFiltersDocuments > div select,
#formFiltersDocuments > div .btn {
	height: 42px;
}

#formFiltersDocuments > div:not(:last-child) {
	margin-right: 20px;
}

@media screen and (max-width: 576px) {
	#formFiltersDocuments > div:not(:last-child) {
		margin-right: 0;
	}
}

@media screen and (max-width: 576px) {
	#formFiltersDocuments > div {
		width: 100%;
	}
}

#formFiltersPosts > div,
#formFiltersDocuments > div,
form[name="consultation"] > div {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#formFiltersPosts select,
#formFiltersDocuments select,
form[name="consultation"] select {
	max-width: 100%;
	width: 240px;
	font-size: 13pt;
	background-color: #fff;
	display: inline-block;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center right 15px;
	background-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 10px 35px 10px 15px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

#formFiltersPosts #search,
#formFiltersDocuments #search,
form[name="consultation"] #search {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	position: relative;
	max-width: 280px;
	width: 100%;
}

#formFiltersPosts #selectYear {
    margin-left: auto;
}

@media screen and (max-width: 1024px) {
	#formFiltersPosts #selectYear {
        margin-left: 0;
    }
}

@media screen and (max-width: 576px) {
	#formFiltersPosts #search,
	#formFiltersDocuments #search,
	form[name="consultation"] #search {
		max-width: initial;
	}
}

#formFiltersPosts #search input,
#formFiltersDocuments #search input,
form[name="consultation"] #search input {
	padding: 0px 15px;
	height: 42px;
	width: 240px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 13pt;
}

#formFiltersPosts #search input::-webkit-input-placeholder,
#formFiltersDocuments #search input::-webkit-input-placeholder,
form[name="consultation"] #search input::-webkit-input-placeholder {
	font-size: 13pt;
}

#formFiltersPosts #search input:-ms-input-placeholder,
#formFiltersDocuments #search input:-ms-input-placeholder,
form[name="consultation"] #search input:-ms-input-placeholder {
	font-size: 13pt;
}

#formFiltersPosts #search input::-ms-input-placeholder,
#formFiltersDocuments #search input::-ms-input-placeholder,
form[name="consultation"] #search input::-ms-input-placeholder {
	font-size: 13pt;
}

#formFiltersPosts #search input::placeholder,
#formFiltersDocuments #search input::placeholder,
form[name="consultation"] #search input::placeholder {
	font-size: 13pt;
}

#formFiltersPosts #search svg,
#formFiltersDocuments #search svg,
form[name="consultation"] #search svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 13px;
}

#formFiltersPosts #search svg path,
#formFiltersDocuments #search svg path,
form[name="consultation"] #search svg path {
	fill: #083b99;
}

#formFiltersPosts input,
#formFiltersPosts select,
#formFiltersPosts button,
#formFiltersPosts .btn,
#formFiltersDocuments input,
#formFiltersDocuments select,
#formFiltersDocuments button,
#formFiltersDocuments .btn,
form[name="consultation"] input,
form[name="consultation"] select,
form[name="consultation"] button,
form[name="consultation"] .btn {
	/*  height: 42px !important; */
}

#formFiltersPosts {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#formFiltersPosts > div:not(:last-child) {
	margin-right: 20px;
	margin-bottom: 20px;
}

#filtersDocuments {
	margin-bottom: 40px;
}

#filtersDocuments button {
	cursor: pointer;
}

#filtersDocuments .title {
	font-family: "calibri_bold", sans-serif;
}

#filtersDocuments #legis {
	width: 140px;
}

#filtersDocuments #assembly {
	width: 170px;
}

#filtersDocuments #publication {
	width: 160px;
}

#filtersDocuments button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 10px 15px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	font-size: 13pt;
	background-color: #fff;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	height: 42px;
}

#filtersDocuments #search {
	margin-right: 0;
}

#filtersDocuments #searchstr {
	font-size: 13pt;
}

#filtersDocuments #searchDetails .title:not(:last-child) {
	margin-right: 20px;
}

@media screen and (max-width: 830px) {
	#filtersDocuments #searchDetails .title:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
		display: inline-block;
	}
}

@media screen and (max-width: 576px) {
	#filtersDocuments #searchDetails .title:not(:last-child) {
		width: 100%;
	}
}

#filtersDocuments #searchDetails a {
	color: #083b99;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	display: inline-block;
}

@media screen and (max-width: 576px) {
	#filtersDocuments #searchDetails a {
		width: 100%;
		text-align: center;
	}
}

#filtersDocuments #searchDetails a:hover {
	color: #ffe202;
}

#dataset_length select {
	width: 70px;
	font-size: 13pt;
	background-color: #fff;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center right 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 5px 10px 2px;
	margin: 0px 10px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

select[name="dataset_length"] {
	width: 70px;
	font-size: 13pt;
	background-color: #fff;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center right 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 5px 10px 2px;
	margin: 0px 10px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

form[name="consultation"] table th,
form[name="consultation"] table td {
	vertical-align: middle;
	padding-bottom: 6px;
}

form[name="consultation"] table .intitule {
	padding-right: 20px;
	font-family: "calibri_bold", "sans-serif";
}

@media screen and (max-width: 900px) {
	form[name="consultation"] table .tr-one-block td {
		display: block;
	}
}

form[name="consultation"] table .tr-one-block .passage {
	display: none;
}

@media screen and (max-width: 600px) {
	form[name="consultation"] table .tr-one-block .passage {
		display: block;
	}
}

form[name="consultation"] table .tr-two-block .space {
	width: 10%;
}

@media screen and (max-width: 900px) {
	form[name="consultation"] table .tr-two-block .space {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	form[name="consultation"] table .tr-two-block td {
		display: block;
	}
}

form[name="consultation"] table .tr-two-block-btn .space {
	width: 10%;
}

@media screen and (max-width: 900px) {
	form[name="consultation"] table .tr-two-block-btn .space {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	form[name="consultation"] table .tr-two-block-btn td {
		display: block;
	}
}

form[name="consultation"] select {
	margin-bottom: 0px;
}

form[name="consultation"] input[type="text"] {
	padding: 0px 15px;
	height: 35px;
	border: none;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

form[name="consultation"] input[name="v_numdoc"],
form[name="consultation"] input[name="v_titre"],
form[name="consultation"] input[name="v_numquest"] {
	max-width: 100%;
	width: 240px;
}

form[name="consultation"] input[name="v_titre"] {
	margin-right: 10px;
}

form[name="consultation"] input[type="submit"],
form[name="consultation"] input[type="reset"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 5px 15px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
	font-size: 13pt;
	background-color: #fff;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	cursor: pointer;
}

/****************************/
/*      SINGLE POST         */
/****************************/
#singlePost {
	margin-top: 80px !important;
	margin-bottom: 40px !important;
}

#singlePost a {
	color: #ec6556;
}

#singlePost a svg {
	fill: #ec6556;
}

#singlePost a svg .cls-1 {
	stroke: #ec6556;
}

#singlePost #contentSinglePost {
	position: relative;
	min-height: 480px;
}

#singlePost #contentSinglePost > div:first-child {
	padding-right: 480px;
}

@media screen and (max-width: 1024px), print {
	#singlePost #contentSinglePost > div:first-child {
		padding-right: 0px;
	}
}

#singlePost #contentSinglePost > div:first-child h1.actu {
	position: relative;
}

#singlePost #contentSinglePost > div:first-child h1.actu:after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ec6556;
	position: absolute;
	left: 0px;
	bottom: -15px;
}

#singlePost #contentSinglePost > div:first-child .postedDate {
	color: #083b99;
}

#singlePost #contentSinglePost > div:first-child .eventDate {
	font-family: "calibri_bold", sans-serif;
	font-size: 26pt;
}

#singlePost #contentSinglePost > div:first-child .turquoiseLine {
	height: 1px;
	width: 150px;
	background-color: #ec6556;
	margin: 10px 0px;
}

#singlePost #contentSinglePost > div:first-child .pictoEvent {
	background-color: #ec6556;
	color: #fff;
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}

#singlePost #contentSinglePost > div:first-child .content {
	margin-top: 40px;
}

#singlePost #contentSinglePost > div:first-child .content a {
	color: #083b99;
}

#singlePost #contentSinglePost > div:first-child .content a {
	position: relative;
	color: #083b99;
	-webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	overflow: hidden;
}

#singlePost #contentSinglePost > div:first-child .content a:hover {
	color: #083b99 !important;
}

#singlePost #contentSinglePost > div:first-child .content a:after {
	position: absolute;
	content: "";
	display: inline-block;
	bottom: -1px;
	left: 0;
	height: 1px;
	width: 0;
	background-color: #083b99;
	opacity: 1;
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

#singlePost #contentSinglePost > div:first-child .content a:hover:after {
	width: 100%;
}

#singlePost #contentSinglePost > div:first-child .content a:hover {
	color: #ffe202;
}

#singlePost #contentSinglePost > div:first-child .content img,
#singlePost #contentSinglePost > div:first-child .content iframe {
	display: block;
	margin: 20px 0px;
}

#singlePost #contentSinglePost > div:first-child .content p:not(:last-child) {
	margin-bottom: 20px;
}

#singlePost #contentSinglePost > div:first-child .content ul,
#singlePost #contentSinglePost > div:first-child .content ol {
	padding-left: 20px;
	margin-bottom: 20px;
}

#singlePost #contentSinglePost .picture {
	width: 360px;
	position: absolute;
	top: 0px;
	right: 0px;
}

@media screen and (max-width: 1024px), print {
	#singlePost #contentSinglePost .picture {
		width: 100%;
		position: relative;
		margin-top: 40px;
	}
}

#singlePost #contentSinglePost .picture.actu {
	height: 480px;
}

@media screen and (max-width: 1024px), print {
	#singlePost #contentSinglePost .picture.actu {
		height: 300px;
	}
}

#singlePost #contentSinglePost .picture.event {
	height: 360px;
}

@media screen and (max-width: 1024px), print {
	#singlePost #contentSinglePost .picture.event {
		height: 300px;
	}
}

#singlePostEvent {
	margin-bottom: 0px !important;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

#singlePostEvent #containerEventInformations {
	max-width: 1600px;
	margin: auto;
	padding: 40px 60px;
}

@media screen and (max-width: 1024px) {
	#singlePostEvent #containerEventInformations {
		padding: 40px 40px;
	}
}

@media screen and (max-width: 768px), print {
	#singlePostEvent #containerEventInformations {
		padding: 40px 20px;
	}
}

#singlePostEvent #containerEventInformations #eventInformations {
	position: relative;
	min-height: 260px;
}

#singlePostEvent #containerEventInformations #eventInformations > div:first-child {
	padding-right: 480px;
}

@media screen and (max-width: 1024px), print {
	#singlePostEvent #containerEventInformations #eventInformations > div:first-child {
		padding-right: 0px;
	}
}

#singlePostEvent #containerEventInformations #eventInformations > div:first-child .element {
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	margin-top: 10px;
	font-size: 13pt;
}

#singlePostEvent #containerEventInformations #eventInformations > div:first-child .element span {
	font-weight: 700;
	color: #083b99;
	font-size: 13pt;
}

#singlePostEvent #containerEventInformations #eventInformations > div:first-child .comment {
	margin-top: 40px;
}

#singlePostEvent #containerEventInformations #eventInformations > div:first-child .comment p {
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	color: #083b99;
	font-size: 13pt;
}

#singlePostEvent #containerEventInformations #eventInformations > div:last-child #gmap_canvas {
	height: 260px;
	width: 360px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#singlePostEvent #containerEventInformations #eventInformations > div:last-child #gmap_canvas img {
	max-width: none !important;
	background: none !important;
}

@media screen and (max-width: 1024px), print {
	#singlePostEvent #containerEventInformations #eventInformations > div:last-child #gmap_canvas {
		width: 100%;
		position: relative;
		margin-top: 40px;
	}
}

/****************************/
/*      SINGLE DOCUMENT     */
/****************************/
#singleDocument {
	margin-top: 80px !important;
	margin-bottom: 40px !important;
}

#singleDocument > div:first-child {
	position: relative;
}

#singleDocument > div:first-child .ref {
	position: absolute;
	top: 0px;
	right: 0px;
}

#singleDocument .authors {
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	color: #083b99;
	margin-bottom: 20px;
}

#singleDocument .content {
	margin-top: 60px;
}

#singleDocument .content table {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	margin-bottom: 60px;
	width: 100%;
}

#singleDocument .content table th {
	border-bottom: 1px solid #c4c6c3;
}

#singleDocument .content table td,
#singleDocument .content table th {
	text-align: left;
	padding: 20px;
	border-collapse: collapse;
}

#singleDocument .content table td:nth-child(1),
#singleDocument .content table th:nth-child(1) {
	width: 25%;
}

#singleDocument .content table td:nth-child(2),
#singleDocument .content table th:nth-child(2) {
	width: 40%;
}

#singleDocument .content table td:nth-child(3),
#singleDocument .content table th:nth-child(3) {
	width: 20%;
}

#singleDocument .content table td:nth-child(4),
#singleDocument .content table th:nth-child(4) {
	width: 15%;
	text-align: right;
}

@media screen and (max-width: 600px), print {
	#singleDocument .content table td,
	#singleDocument .content table th {
		font-size: 12pt;
		padding: 5px;
	}
}

#singleDocument .content table td .download svg,
#singleDocument .content table th .download svg {
	width: 30px;
	height: 50px;
}

@media screen and (max-width: 600px), print {
	#singleDocument .content table td .download svg,
	#singleDocument .content table th .download svg {
		height: 40px;
		width: 20px;
	}
}

#singleDocument .content table td .download svg path,
#singleDocument .content table th .download svg path {
	stroke: none;
}

#singleDocument .content table td .download svg:hover path,
#singleDocument .content table th .download svg:hover path {
	fill: #ffe202;
}

/****************************/
/*     ME?NU RIGHT          */
/****************************/
.menuRight {
	position: relative;
	display: block;
}

@media screen and (max-width: 768px), print {
	.menuRight {
		display: none;
	}
}

.menuRight nav {
	position: fixed;
	top: 300px;
	right: 100px;
	z-index: 5000;
}

.menuRight nav ul li {
	list-style-type: none;
	text-align: right;
	height: 40px;
}

.menuRight nav ul li a {
	height: 40px;
}

.menuRight nav ul li a span {
	padding: 6px 12px 3px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	display: none;
	background-color: #ffffff;
	z-index: 20000;
	position: relative;
}

.menuRight nav ul li a:after {
	content: url(../img/empty_losange.png);
	margin-left: 15px;
	position: relative;
	top: 5px;
}

.menuRight nav ul li a:hover:after {
	content: url(../img/plain_losange.png);
}

.menuRight nav ul li a.active span {
	display: inline-block;
}

.menuRight nav ul li a:hover span {
	display: inline-block;
}

.sectionMenuFlexibleBlocks {
	margin-bottom: 0px !important;
}

.sectionMenuFlexibleBlocks nav {
	display: none;
}

/****************************/
/*     FLEXIBLE BLOCKS      */
/****************************/
.blockSpace {
	height: 40px;
}

.blockDoubleSpace {
	height: 80px;
}

.blockMultiFiles {
	font-size: 0px;
	margin: 0px -20px;
}

.blockMultiFiles > div {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0px 20px;
}

@media screen and (max-width: 1024px) {
	.blockMultiFiles > div {
		width: 50%;
	}
}

@media screen and (max-width: 768px), print {
	.blockMultiFiles > div {
		width: 100%;
	}
}

.sectionFlexibleBlocks {
	padding-top: 60px !important;
}

.sectionNoShadow {
	max-width: 1600px;
	margin: auto;
	padding: 60px 60px 60px !important;
}

@media screen and (max-width: 1024px) {
	.sectionNoShadow {
		padding: 0px 40px 60px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionNoShadow {
		padding: 0px 20px 40px;
	}
}

.sectionWithShadow {
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.sectionWithShadow .contentSectionFlexibleBlocks {
	max-width: 1600px;
	margin: auto;
	padding: 0px 60px 80px;
}

@media screen and (max-width: 1024px) {
	.sectionWithShadow .contentSectionFlexibleBlocks {
		padding: 0px 40px 60px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionWithShadow .contentSectionFlexibleBlocks {
		padding: 0px 20px 40px;
	}
}

.sectionWithShadow + .sectionWithShadow {
	margin-top: 80px;
}

.download {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	padding: 10px 1.5rem;
	padding-right: 70px;
	border-radius: 50rem;
	font-size: 13pt;
	font-family: "calibri_bold", sans-serif;
	color: #fff;
	background-color: #083b99;
	display: inline-block;
	position: relative;
	line-height: 1;
	transition: all .2s ease-in-out;
}

@media screen and (max-width: 768px), print {
	.download {
		position: relative;
		margin-top: 20px;
		font-size: 16pt;
	}
}

.download svg {
	width: 19px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 34px;
}

.download svg path {
	fill: #fff;
}

.download:hover {
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}

.download:hover:after {
	display: none;
}

.blockMultiFiles.simple{
	background: #f9f9f9;
	margin: 20px 0;
	padding: 20px 0;
}

.blockMultiFiles.simple .download{
	margin: 15px 0;
	background: none !important;
    color: inherit;
    -webkit-box-shadow: none;
	box-shadow: none;
    padding: 0 0 0 40px;
}

.blockMultiFiles.simple .download:hover{
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	color: #083b99;
}

.blockMultiFiles.simple .download svg{
	right: auto;
	left: 0;
}

.blockMultiFiles.simple .download svg path {
	fill: inherit;
}

.blockMultiFiles.simple .download:hover svg path{
	fill: #083b99;
}

.contentSectionFlexibleBlocks a:not(.download),
.singleMep a{
	position: relative;
	color: #083b99;
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#083b99), to(#083b99));
    background-image: -o-linear-gradient(#083b99, #083b99);
    background-image: linear-gradient(#083b99, #083b99);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 0% 1px;
	-webkit-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    -o-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
}
.singleMep .singleMepCommissions a{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#083b99), to(#083b99));
    background-image: -o-linear-gradient(#083b99, #083b99);
    background-image: linear-gradient(#083b99, #083b99);
}
.contentSectionFlexibleBlocks a.twitter, .contentSectionFlexibleBlocks a.facebook,
.singleMep a.twitter, .singleMep a.facebook{
	background: none;
}
.contentSectionFlexibleBlocks a u{
	text-decoration: none;
}
.contentSectionFlexibleBlocks a:not(.download):hover,
.contentSectionFlexibleBlocks a:not(.download):focus,
.singleMep a:hover,
.singleMep a:focus{
	color: #083b99;
	text-decoration: none;
	background-size: 100% 1px;
}
.contentSectionFlexibleBlocks a.btnLastActu:hover{
  	background-size: 0% !important;
}
.contentSectionFlexibleBlocks .btn {
	text-transform: initial;
}

.contentSectionFlexibleBlocks .titleFlexibleBlock {
	margin-bottom: 20px;
	font-size: 18pt;
	font-family: "calibri_bold", sans-serif;
}

.contentSectionFlexibleBlocks .titleFlexibleBlock:not(:first-child) {
	margin-top: 40px;
}

.contentSectionFlexibleBlocks .blockTitle {
	position: relative;
}

.contentSectionFlexibleBlocks .blockTitle h1 {
	margin: 30px 0 45px 0;
}

.contentSectionFlexibleBlocks .blockTitle:not(:first-child) {
	margin-top: 80px;
}

.contentSectionFlexibleBlocks .blockTitle .download {
	position: absolute !important;
	top: 0px;
	right: 0px;
	margin-top: 0px !important;
}

@media screen and (max-width: 1024px), print {
	.contentSectionFlexibleBlocks .blockTitle .download {
		position: relative !important;
		right: auto;
		margin-bottom: 20px;
	}
}

/* .contentSectionFlexibleBlocks .download {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	padding: 10px 1.5rem;
	padding-right: 70px;
	border-radius: 50rem;
	font-size: 13pt;
	font-family: "calibri_bold", sans-serif;
	color: #fff;
	background-color: #083b99;
	display: inline-block;
	position: relative;
	line-height: 1;
	transition: all .2s ease-in-out;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .download {
		position: relative;
		margin-top: 20px;
		font-size: 16pt;
	}
}

.contentSectionFlexibleBlocks .download svg {
	width: 19px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 34px;
}

.contentSectionFlexibleBlocks .download svg path {
	fill: #fff;
}

.contentSectionFlexibleBlocks .download:hover {
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}

.contentSectionFlexibleBlocks .download:hover:after {
	display: none;
} */

.contentSectionFlexibleBlocks .blockOneColumn td {
	/*  padding: 45px; */
}

@media screen and (max-width: 576px) {
	.contentSectionFlexibleBlocks .blockOneColumn td {
		/*    padding: 30px; */
	}
}

.contentSectionFlexibleBlocks .blockOneColumn:not(:last-child) {
	/*  margin-bottom: 40px; */
}

.contentSectionFlexibleBlocks .blockOneColumn ol {
	padding-left: 20px;
}

.contentSectionFlexibleBlocks .blockOneColumn p:not(:last-child) {
	margin-bottom: 20px;
}

.contentSectionFlexibleBlocks .blockOneColumn span {
	color: #083b99;
}

.contentSectionFlexibleBlocks .blockTwoColumns {
	font-size: 0px;
	margin-bottom: 40px;
}

.contentSectionFlexibleBlocks .blockTwoColumns:last-child {
	margin-bottom: 0;
}

.contentSectionFlexibleBlocks .blockTwoColumns > div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockTwoColumns > div {
		width: 100%;
	}
}

.contentSectionFlexibleBlocks .blockTwoColumns > div ol {
	padding-left: 20px;
}

.contentSectionFlexibleBlocks .blockTwoColumns > div p:not(:last-child) {
	margin-bottom: 20px;
}

.contentSectionFlexibleBlocks .blockTwoColumns .small-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	text-align: left;
}

.contentSectionFlexibleBlocks .blockTwoColumns .image-container {
	margin-top: 5rem;
	margin-bottom: 1rem;
	text-align: center;
	float: left;
	margin-right: 2rem;
	display: inline-block;
	vertical-align: bottom;
}

@media screen and (max-width: 1150px) {
	.contentSectionFlexibleBlocks .blockTwoColumns .image-container {
		float: initial;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.contentSectionFlexibleBlocks .blockTwoColumns .image-container {
		margin-top: 1.5rem;
		display: block;
	}
}

.contentSectionFlexibleBlocks .blockTwoColumns .image-container img {
	width: 215px;
}

.contentSectionFlexibleBlocks .blockTwoColumns .firstColumn {
	padding-right: 60px;
}

@media screen and (max-width: 1024px) {
	.contentSectionFlexibleBlocks .blockTwoColumns .firstColumn {
		padding-right: 40px;
	}
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockTwoColumns .firstColumn {
		padding-right: 0px;
		margin-bottom: 40px;
	}
}

.contentSectionFlexibleBlocks .blockTwoColumns span {
	color: #083b99;
}

.contentSectionFlexibleBlocks .blockTwoColumns .secondColumn {
	padding-left: 60px;
}

@media screen and (max-width: 1024px) {
	.contentSectionFlexibleBlocks .blockTwoColumns .secondColumn {
		padding-left: 40px;
	}
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockTwoColumns .secondColumn {
		padding-left: 0px;
	}
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft {
	margin-bottom: 40px;
	position: relative;
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft:last-child {
	margin-bottom: 0;
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft ul,
.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft ol {
	padding-left: 20px;
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft p:not(:last-child) {
	margin-bottom: 20px;
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft .pictureLeft {
	width: auto;
	max-width: 300px;
	max-height: 400px;
	position: absolute;
	top: 0px;
	left: 0px;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft .pictureLeft {
		margin-bottom: 20px;
		max-width: 100%;
		position: relative;
	}
}

.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft .secondColumn {
	padding-left: 340px;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockTwoColumnsMetPictureLeft .secondColumn {
		width: 100%;
		padding-left: 0px;
	}
}

.contentSectionFlexibleBlocks .blockPictos {
	margin-bottom: -60px;
}

.contentSectionFlexibleBlocks .blockPictos .titleFlexibleBlock {
	margin-top: 80px;
}

.contentSectionFlexibleBlocks .blockPictos .elements {
	font-size: 0px;
	margin-top: 60px;
	text-align: center;
}

.contentSectionFlexibleBlocks .blockPictos .elements > div {
	display: inline-block;
	vertical-align: top;
	width: 15%;
	text-align: center;
	padding: 0px 10px;
	margin-bottom: 60px;
}

@media screen and (max-width: 1200px) {
	.contentSectionFlexibleBlocks .blockPictos .elements > div {
		width: 25%;
	}
}

@media screen and (max-width: 1024px) {
	.contentSectionFlexibleBlocks .blockPictos .elements > div {
		width: 33.33%;
	}
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockPictos .elements > div {
		width: 50%;
	}
}

@media screen and (max-width: 460px) {
	.contentSectionFlexibleBlocks .blockPictos .elements > div {
		width: 100%;
	}
}

.contentSectionFlexibleBlocks .blockPictos .elements > div .pictureElement {
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.contentSectionFlexibleBlocks .blockPictos .elements > div .titleElement {
	margin-top: 30px;
	font-size: 18pt;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	min-height: 60px;
}

@media screen and (max-width: 460px) {
	.contentSectionFlexibleBlocks .blockPictos .elements > div .titleElement {
		min-height: auto;
	}
}

.contentSectionFlexibleBlocks .blockPictos .elements > div .contentElement {
	margin-top: 20px;
}

.contentSectionFlexibleBlocks .blockPictosLeft .titleFlexibleBlock {
	margin-top: 80px;
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements {
	margin-top: 60px;
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div {
	font-size: 0px;
	margin-bottom: 40px;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockPictosLeft .elements > div {
		margin-bottom: 60px;
	}
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div > div {
	display: inline-block;
	vertical-align: middle;
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnLeft {
	width: 30%;
	padding-right: 40px;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnLeft {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnLeft .pictureElement {
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnLeft .titleElement {
	margin-top: 30px;
	font-size: 18pt;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	text-align: center;
}

.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnRight {
	width: 65%;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockPictosLeft .elements > div .columnRight {
		width: 100%;
	}
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    margin-top:20px;
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost {
	margin-right: 15px;
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost a {
	background-image: url(../img/previous.svg);
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .nextPost a {
	background-image: url(../img/next.svg);
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost,
.contentSectionFlexibleBlocks .blockSlider .btn-slides .nextPost {
	display: inline-block;
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost a,
.contentSectionFlexibleBlocks .blockSlider .btn-slides .nextPost a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 450ms cubic-bezier(0.19, 1, 0.22, 1);
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost a:hover,
.contentSectionFlexibleBlocks .blockSlider .btn-slides .nextPost a:hover {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}

.contentSectionFlexibleBlocks .blockSlider .btn-slides .prevPost a:hover:after,
.contentSectionFlexibleBlocks .blockSlider .btn-slides .nextPost a:hover:after {
	display: none;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper {
	max-width: 100% !important;
	margin: 0 -10px !important;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: none;
	border-bottom: none;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide article{
	padding: 10px;
}

@media screen and (max-width: 768px) {
	.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide:first-child article{
		padding-left: 10px;
	}
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide article.no-image a .title {
	height: 150px;
	background-color: #083b99;
	color: #ffffff;
	margin: 0;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide article.no-image a .image {
	display: none;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	display: block;
	position: relative;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a .image {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #083b99;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a .image:before {
	content: "";
	display: table;
	padding-bottom: 100%;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a:hover {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a > div.filter {
	height: 240px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	width: 100%;
	display: none;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a > div.title {
	color: #083b99;
	font-family: "calibri_bold", sans-serif;
	padding: 0px 20px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 1rem 0;
	height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contentSectionFlexibleBlocks .blockSlider .bx-wrapper .bx-viewport .slide a > div.content {
	display: none;
}

.contentSectionFlexibleBlocks .blockCards {
	font-size: 0px;
	margin: 0px -20px;
}

.contentSectionFlexibleBlocks .blockCards .containerCard {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 0px 20px;
}

@media screen and (max-width: 1024px) {
	.contentSectionFlexibleBlocks .blockCards .containerCard {
		width: 50%;
	}
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockCards .containerCard {
		width: 100%;
	}
}

.contentSectionFlexibleBlocks .blockCards .containerCard .card {
	display: table;
	width: 100%;
	border: 2px solid #083b99;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockCards .containerCard .card {
		height: auto;
	}
}

.contentSectionFlexibleBlocks .blockCards .containerCard .card:hover {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.contentSectionFlexibleBlocks .blockCards .containerCard .card:hover:after {
	display: none;
}

.contentSectionFlexibleBlocks .blockCards .containerCard .card > div.title {
	display: table-cell;
	height: 320px;
	vertical-align: middle;
	padding: 40px 20px;
	font-size: 23pt;
	font-family: "calibri_regular", sans-serif;
	color: #083b99;
}

@media screen and (max-width: 768px), print {
	.contentSectionFlexibleBlocks .blockCards .containerCard .card > div.title {
		height: auto;
	}
}

.contentSectionFlexibleBlocks .blockCards .containerCard .card > div.content {
	display: none;
}

/****************************/
/*   SECTION PARENT PAGE    */
/****************************/
.sectionParentPage {
	font-size: 0px;
	text-align: center;
	margin-bottom: 50px !important;
}

.sectionParentPage > div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	max-width: 300px;
	padding: 0px 20px;
	margin-top: 60px !important;
	text-align: center;
}

@media screen and (max-width: 768px), print {
	.sectionParentPage > div {
		width: 100%;
	}
}

.sectionParentPage > div svg {
	height: 160px;
	width: 160px;
}

.sectionParentPage > div svg path,
.sectionParentPage > div svg .cls-2 {
	fill: #083b99;
}

.sectionParentPage > div div {
	margin-top: 20px;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	font-size: 20pt;
}

.sectionParentPage > div a:hover svg path,
.sectionParentPage > div a:hover svg .cls-2 {
	fill: #ffe202;
}

/****************************/
/*     AUDIOS               */
/****************************/
.sectionAudios .audio {
	margin-bottom: 40px;
}

.sectionAudios .audio > div:first-child {
	margin-bottom: 20px;
}

.sectionAudios .audio > div:first-child * {
	vertical-align: middle;
}

.sectionAudios .audio > div:first-child img {
	margin-right: 20px;
}

.sectionAudios a {
	color: #083b99;
}

.sectionAudios a:hover {
	color: #ffe202;
}

/****************************/
/*     NEWSLETTER           */
/****************************/
.sectionFormNewsletter {
	margin-bottom: 0px !important;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.sectionFormNewsletter h3::after {
	background-color: #ffe202;
}

.sectionFormNewsletter .formNewsletter {
	padding-top: 40px;
	max-width: 1600px;
	margin: auto;
	padding: 40px 60px;
}

@media screen and (max-width: 1024px) {
	.sectionFormNewsletter .formNewsletter {
		padding: 40px 40px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionFormNewsletter .formNewsletter {
		padding: 40px 20px;
	}
}

.sectionFormNewsletter .formNewsletter .containerInputMail {
	position: relative;
	max-width: 280px;
	width: 100%;
	border: 1px solid #ffe202;
}

.sectionFormNewsletter .formNewsletter .containerInputMail input {
	padding: 0px 15px;
	height: 42px;
	width: 240px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 13pt;
	color: #545d5f;
}

.sectionFormNewsletter .formNewsletter .containerInputMail input::-webkit-input-placeholder {
	font-size: 11pt;
	line-height: 1;
	color: #545d5f;
}

.sectionFormNewsletter .formNewsletter .containerInputMail input:-ms-input-placeholder {
	font-size: 11pt;
	line-height: 1;
	color: #545d5f;
}

.sectionFormNewsletter .formNewsletter .containerInputMail input::-ms-input-placeholder {
	font-size: 11pt;
	line-height: 1;
	color: #545d5f;
}

.sectionFormNewsletter .formNewsletter .containerInputMail input::placeholder {
	font-size: 11pt;
	line-height: 1;
	color: #545d5f;
}

.sectionFormNewsletter .formNewsletter .containerInputMail svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sectionFormNewsletter .formNewsletter .containerInputMail svg path {
	fill: #083b99;
}

.sectionFormNewsletter .formNewsletter button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: 1px solid #083b99;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-size: 13pt;
	background-color: #fff;
	margin-bottom: 20px;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	margin-top: 20px;
	cursor: pointer;
}

.sectionFormNewsletter .formNewsletter button:hover {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}

.sectionFormNewsletter #errorNewsletter {
	color: red;
	margin-top: 20px;
}

.sectionFormNewsletter #succesNewsletter {
	margin-top: 20px;
}

/****************************/
/*     SEARCH               */
/****************************/
.sectionSearch {
	padding-top: 80px !important;
	position: relative;
}

.sectionSearch #generalFormSearch {
	margin-bottom: 20px;
	position: relative;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	max-width: 280px;
	width: 100%;
	position: absolute;
	top: 80px;
	right: 60px;
}

@media screen and (max-width: 1024px) {
	.sectionSearch #generalFormSearch {
		right: 40px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionSearch #generalFormSearch {
		position: relative;
		top: 0px;
		right: auto;
		margin-bottom: 60px;
	}
}

.sectionSearch #generalFormSearch input {
	padding: 0px 15px;
	height: 42px;
	width: 240px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.sectionSearch #generalFormSearch svg {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 13px;
}

.sectionSearch #generalFormSearch svg path {
	fill: #083b99;
}

.sectionSearch .resultFor {
	color: #ffe202;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	font-size: 18pt;
	margin-bottom: 10px;
	padding-right: 340px;
}

@media screen and (max-width: 768px), print {
	.sectionSearch .resultFor {
		font-size: 14pt;
		padding-right: 0px;
	}
}

.sectionSearch button {
	display: none;
}

.sectionSearch .type {
	color: #ffe202;
	margin-top: 10px;
}

.sectionSearch h2 {
	padding-right: 340px;
	margin-bottom: 100px;
}

@media screen and (max-width: 768px), print {
	.sectionSearch h2 {
		padding-right: 0px;
	}
}

.sectionSearch .blockResult {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	padding: 20px 60px 20px 20px;
	margin-bottom: 40px;
	display: block;
	background-image: url(../img/arrow_right_yellow.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: bottom 20px right 30px;
}

.sectionSearch .blockResult:hover {
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	background-position: bottom 20px right 20px;
}

.sectionSearch .blockResult .title {
	font-size: 23pt;
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
}

.sectionSearch .blockResult .content {
	margin-top: 15px;
}

.sectionSearch .pagination {
	text-align: right;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px), print {
	.sectionSearch .pagination {
		text-align: left;
	}
}

.sectionSearch .pagination .page-numbers {
	color: #95989a !important;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
}

.sectionSearch .pagination .page-numbers:hover {
	color: #083b99 !important;
}

@media screen and (max-width: 768px), print {
	.sectionSearch .pagination .page-numbers {
		padding: 5px;
	}
}

.sectionSearch .pagination .current {
	color: #083b99 !important;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

/****************************/
/*     CONTACT              */
/****************************/
.sectionContact {
	font-size: 0px;
}

.sectionContact > div {
	display: inline-block;
	vertical-align: top;
}

.sectionContact > div:first-child {
	width: 45%;
	padding: 80px 40px 40px 0px;
}

@media screen and (max-width: 1024px), print {
	.sectionContact > div:first-child {
		width: 100%;
		padding: 60px 40px 40px 0px;
	}
}

@media screen and (max-width: 768px), print {
	.sectionContact > div:first-child {
		padding: 60px 20px 40px 0px;
	}
}

.sectionContact > div:first-child #contacts {
	padding-top: 40px;
}

.sectionContact > div:first-child #contacts #selectContacts {
	max-width: 360px;
	width: 100%;
	font-size: 13pt;
	background-color: #fff;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
	background-image: url(../img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center right 15px;
	background-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0px;
	border: none;
	padding: 10px 15px;
	margin-right: 20px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact:not(:first-child) {
	display: none;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div {
	margin-top: 20px;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .title {
	color: #083b99;
	font-family: "calibri_bold", sans-serif;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .logo {
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .titleWithLogo ~ .info {
	margin-left: 58px;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .info {
	color: #083b99;
}

.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .info span {
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
}


.sectionContact > div:last-child {
	width: 55%;
}

.sectionContact > div:last-child #gmap_canvas {
	width: 100%;
	height: 500px;
}

.sectionContact > div:last-child #gmap_canvas img {
	max-width: none !important;
	background: none !important;
}

@media screen and (max-width: 1024px), print {
	.sectionContact > div:last-child {
		width: 100%;
		margin-top: 20px;
	}
	.sectionContact > div:last-child #gmap_canvas {
		height: 300px;
	}
}

/****************************/
/*       LIST MEPs          */
/****************************/
#searchByLetter {
	margin-bottom: 60px;
}

#searchByLetter > div {
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
}

#searchByLetter > div:hover {
	color: #ffe202;
}

#searchByLetter div.active {
	color: #083b99;
}

.mep {
	padding: 40px 40px 40px 220px;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	position: relative;
	min-height: 280px;
	display: block;
}

@media screen and (max-width: 768px), print {
	.mep {
		padding: 20px 20px 20px 20px;
	}
}

.singleMep {
	margin-top: 60px !important;
}

@media screen and (max-width: 768px), print {
	.singleMep {
		margin-top: 0px !important;
	}
}

.singleMep > div {
	padding: 0px 0px 0px 220px;
	position: relative;
}

@media screen and (max-width: 768px), print {
	.singleMep > div {
		padding: 0px 0px 0px 0px;
	}
}

.mep .picture,
.singleMep .picture {
	width: 140px;
	height: 200px;
	position: absolute;
	left: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768px), print {
	.mep .picture,
	.singleMep .picture {
		position: relative;
		top: 0px !important;
		left: 0px;
		margin-bottom: 40px;
	}
}

.mep .logo,
.singleMep .logo {
	width: 80px;
	height: 50px;
	position: absolute;
	right: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}

@media screen and (max-width: 768px), print {
	.mep .logo,
	.singleMep .logo {
		position: relative;
		top: 0px !important;
		right: 0px;
		margin-bottom: 40px;
	}
}

.mep h1,
.singleMep h1 {
	position: relative;
	margin-bottom: 60px;
}

.mep h1:after,
.singleMep h1:after {
	content: "";
	display: block;
	height: 1px;
	width: 150px;
	background-color: #ffe202;
	position: absolute;
	left: 0px;
	bottom: -15px;
}

.mep .name:after,
.singleMep .name:after {
	bottom: -20px;
}

.mep table th,
.mep table td,
.singleMep table th,
.singleMep table td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px), print {
	.mep table th,
	.mep table td,
	.singleMep table th,
	.singleMep table td {
		/* width: 100% !important;
                display: block; */
	}
}

.mep table th,
.singleMep table th {
	color: #083b99;
	font-weight: 300;
	padding-right: 20px;
	width: 200px;
}

.mep .picture {
	top: 40px;
}

.mep .logo {
	top: 40px;
}

.singleMep .picture {
	top: 0px;
}

.singleMep .name {
	color: #083b99;
	font-weight: bold;
}

.singleMep .logo {
	top: 0px;
}

.singleMep a {
	color: #083b99;
}

.singleMep .mepContact svg {
	width: 20px;
	height: 20px;
	margin-top: 10px;
	margin-right: 10px;
}

.singleMep .mepContact svg:hover path {
	fill: #ffe202 !important;
}

.singleMep .mepContact .twitter svg path {
	fill: #76a9ea;
	stroke: none;
}

.singleMep .mepContact .facebook svg path {
	fill: #083b99;
	stroke: none;
}

/****************************/
/*       LIST DOCUMENTS     */
/****************************/
.sectionListDocuments {
	margin-bottom: 40px !important;
}

.sectionListDocuments .menuDocParl {
	font-size: 0px;
	margin: 0px -20px;
}

.sectionListDocuments .menuDocParl > div {
	padding: 0px 20px;
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

@media screen and (max-width: 1200px) {
	.sectionListDocuments .menuDocParl > div {
		width: 50%;
	}
}

@media screen and (max-width: 768px), print {
	.sectionListDocuments .menuDocParl > div {
		width: 100%;
	}
}

.sectionListDocuments .menuDocParl > div a {
	display: table;
	width: 100%;
	border: 4px solid #ffe248;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}

.sectionListDocuments .menuDocParl > div a .title {
	display: table-cell;
	height: 320px;
	vertical-align: middle;
	padding: 40px 20px;
	font-size: 23pt;
	font-family: "calibri_bold", sans-serif;
	color: #083b99;
}

@media screen and (max-width: 768px), print {
	.sectionListDocuments .menuDocParl > div a .title {
		height: auto;
	}
}

.sectionListDocuments .menuDocParl > div a {
	display: table;
	width: 100%;
	border: 2px solid #083b99;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}

@media screen and (max-width: 768px), print {
	.sectionListDocuments .menuDocParl > div a {
		height: auto;
	}
}

.sectionListDocuments .menuDocParl > div a:hover {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.sectionListDocuments .menuDocParl > div a:hover:after {
	display: none;
}

.sectionListDocuments .menuDocParl > div a > div.title {
	display: table-cell;
	height: 320px;
	vertical-align: middle;
	padding: 40px 20px;
	font-size: 23pt;
	font-family: "calibri_regular", sans-serif;
	color: #083b99;
}

@media screen and (max-width: 768px), print {
	.sectionListDocuments .menuDocParl > div a > div.title {
		height: auto;
	}
}

.sectionListDocuments .menuDocParl > div a > div.content {
	display: none;
}

.sectionListDocuments #filtersDocuments {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.sectionListDocuments #formFiltersDocuments {
	display: inline-block;
}

.sectionListDocuments #formFiltersDocuments input,
.sectionListDocuments #formFiltersDocuments select,
.sectionListDocuments #formFiltersDocuments button,
.sectionListDocuments #formFiltersDocuments .btn {
	height: 42px !important;
}

.sectionListDocuments #searchDetails {
	display: inline-block;
	margin-bottom: 20px;
}

.sectionListDocuments #searchDetails .title a {
	text-transform: initial;
}

#dataset,
#dataset_com,
#dataset_ppo,
#dataset_bqr,
#dataset_plen {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

#dataset th,
#dataset_com th,
#dataset_ppo th,
#dataset_bqr th,
#dataset_plen th {
	border-bottom: 1px solid #c4c6c3;
}

#dataset td,
#dataset th,
#dataset_com td,
#dataset_com th,
#dataset_ppo td,
#dataset_ppo th,
#dataset_bqr td,
#dataset_bqr th,
#dataset_plen td,
#dataset_plen th {
	text-align: left;
	padding: 20px;
	border-collapse: collapse;
	font-size: 12pt;
	vertical-align: top;
}

@media screen and (max-width: 600px), print {
	#dataset td:not(:first-child),
	#dataset th:not(:first-child),
	#dataset_com td:not(:first-child),
	#dataset_com th:not(:first-child),
	#dataset_ppo td:not(:first-child),
	#dataset_ppo th:not(:first-child),
	#dataset_bqr td:not(:first-child),
	#dataset_bqr th:not(:first-child),
	#dataset_plen td:not(:first-child),
	#dataset_plen th:not(:first-child) {
		padding: 10px 5px;
	}
	#dataset td:first-child,
	#dataset th:first-child,
	#dataset_com td:first-child,
	#dataset_com th:first-child,
	#dataset_ppo td:first-child,
	#dataset_ppo th:first-child,
	#dataset_bqr td:first-child,
	#dataset_bqr th:first-child,
	#dataset_plen td:first-child,
	#dataset_plen th:first-child {
		padding: 10px 5px 10px 20px;
	}
}

#dataset tr.even:hover td,
#dataset_com tr.even:hover td,
#dataset_ppo tr.even:hover td,
#dataset_bqr tr.even:hover td,
#dataset_plen tr.even:hover td {
	background-color: #fafafa;
}

#dataset tr.odd:hover td,
#dataset_com tr.odd:hover td,
#dataset_ppo tr.odd:hover td,
#dataset_bqr tr.odd:hover td,
#dataset_plen tr.odd:hover td {
	background-color: #f1f1f1;
}

#dataset a,
#dataset_com a,
#dataset_ppo a,
#dataset_bqr a,
#dataset_plen a {
	color: #083b99;
	font-size: 12pt;
	position: relative;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#083b99), to(#083b99));
    background-image: -o-linear-gradient(#083b99, #083b99);
    background-image: linear-gradient(#083b99, #083b99);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    -webkit-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    -o-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
}

#dataset a:hover,
#dataset_com a:hover,
#dataset_ppo a:hover,
#dataset_bqr a:hover,
#dataset_plen a:hover {
    color: #083b99;
    text-decoration: none;
    background-size: 100% 1px;
}

#dataset .min-width-140,
#dataset_com .min-width-140,
#dataset_ppo .min-width-140,
#dataset_bqr .min-width-140,
#dataset_plen .min-width-140 {
	min-width: 140px;
}

@media screen and (max-width: 768px), print {
	#dataset .cellNoSmartphone,
	#dataset_com .cellNoSmartphone,
	#dataset_ppo .cellNoSmartphone,
	#dataset_bqr .cellNoSmartphone,
	#dataset_plen .cellNoSmartphone {
		width: 0%;
	}
}

mark {
	padding: 0;
	font-weight: bold;
	background: #ffe248;
	color: #8f94af;
}

table.dataTable.display tbody tr.odd {
	background-color: #fff;
}

table.dataTable.display tbody td {
	border-top: none;
}

table.dataTable.no-footer {
	border-bottom: none;
}

.dataTables_info {
	margin-bottom: 20px;
}

#dataset_paginate {
	margin-bottom: 20px;
	margin-left: 20px;
}

@media screen and (max-width: 768px), print {
	#dataset_paginate {
		margin-left: 0px;
	}
}

.dataTables_wrapper .disabled {
	display: none !important;
}

@media screen and (max-width: 576px) {
	select,
	input {
		width: 100% !important;
	}
}

#dataset_length {
	float: initial;
	display: inline-block;
}

#dataset_info {
	float: initial;
	display: inline-block;
	padding: 0;
	margin-left: 25px;
	margin-bottom: 0;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: #95989a;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #083b99 !important;
	border: none;
	background-color: #fff;
	background: #fff;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #083b99 !important;
	background-color: transparent;
	background: #fff;
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #95989a !important;
	border: none;
	border-radius: 0px;
}

table.dataTable.display tbody tr:hover {
	background-color: #fff;
}

table.dataTable thead .sorting_asc {
	background-image: url(../img/sort_asc.png);
}

table.dataTable thead .sorting_desc {
	background-image: url(../img/sort_desc.png);
}

table.dataTable thead .sorting {
	background-image: url(../img/sort_both.png);
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top: 10px;
	left: -10px;
}

@media screen and (max-width: 640px), print {
	.dataTables_wrapper .dataTables_length,
	.dataTables_wrapper .dataTables_filter {
		text-align: left;
	}
	div.dt-buttons {
		float: none !important;
		text-align: left;
	}
	button.dt-button,
	div.dt-button,
	a.dt-button {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 767px), print {
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		text-align: left;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 5px;
	}
	.dataTables_wrapper .dataTables_paginate {
		margin: 0px -5px;
	}
}

/****************************/
/*       POP UP             */
/****************************/
.mfp-content {
	background-color: #fff;
	max-width: 900px !important;
	max-height: 100%;
	overflow: scroll;
	margin-bottom: 0 !important;
}

.mfp-content .contentPopup {
	padding: 60px;
	position: relative;
}

.mfp-content .contentPopup .content *{
	font-size: 1em !important;
}

.mfp-content .contentPopup ul,
.mfp-content .contentPopup ol {
	padding-left: 20px;
}

@media screen and (max-width: 1024px) {
	.mfp-content .contentPopup {
		padding: 60px;
	}
}

@media screen and (max-width: 768px), print {
	.mfp-content .contentPopup {
		padding: 60px 20px;
	}
}

.mfp-content .contentPopup .content p img {
	display: block;
	margin: 0 auto;
	max-width: initial;
	height: initial;
	max-height: 50vh;
	width: auto;
}

.mfp-content .contentPopup > .mfp-close {
	position: absolute;
	display: block;
	cursor: pointer;
	width: 45px;
	height: 45px;
	top: 20px !important;
	right: 20px !important;
	border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	z-index: 100;
}

@media screen and (max-width: 576px) {
	.mfp-content .contentPopup > .mfp-close {
		top: 10px !important;
		right: 10px !important;
	}
}

.mfp-content .contentPopup > .mfp-close:focus {
	outline: none;
}

.mfp-content .contentPopup > .mfp-close span {
	position: absolute;
	top: 19px;
	right: 5px;
	left: 5px;
	display: block;
	height: 2px;
	width: 35px;
	background-color: #0900bd;
	-webkit-transition: background-color 200ms;
	-o-transition: background-color 200ms;
	transition: background-color 200ms;
	background: none;
}

.mfp-content .contentPopup > .mfp-close span::before,
.mfp-content .contentPopup > .mfp-close span::after {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: inherit;
}

.mfp-content .contentPopup > .mfp-close span::before {
	-webkit-transition: top 200ms, -webkit-transform 200ms 200ms;
	transition: top 200ms, -webkit-transform 200ms 200ms;
	-o-transition: top 200ms, transform 200ms 200ms;
	transition: top 200ms, transform 200ms 200ms;
	transition: top 200ms, transform 200ms 200ms, -webkit-transform 200ms 200ms;
	background-color: #0900bd;
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mfp-content .contentPopup > .mfp-close span::after {
	-webkit-transition: bottom 200ms, -webkit-transform 200ms 200ms;
	transition: bottom 200ms, -webkit-transform 200ms 200ms;
	-o-transition: bottom 200ms, transform 200ms 200ms;
	transition: bottom 200ms, transform 200ms 200ms;
	transition: bottom 200ms, transform 200ms 200ms, -webkit-transform 200ms 200ms;
	background-color: #0900bd;
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mfp-content .contentPopup a {
    color: #083b99;
    position: relative;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#083b99), to(#083b99));
    background-image: -o-linear-gradient(#083b99, #083b99);
    background-image: linear-gradient(#083b99, #083b99);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
  	-webkit-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    -o-transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
    transition: background-size cubic-bezier(0.19, 1, 0.22, 1) 400ms;
}

.mfp-content .contentPopup a:hover {
    color: #083b99;
    text-decoration: none;
    background-size: 100% 1px;
}

.mfp-content .contentPopup .logo img {
	width: 60px !important;
	position: absolute;
	top: 60px;
	right: 60px;
}

@media screen and (max-width: 768px), print {
	.mfp-content .contentPopup .logo img {
		position: relative;
		top: 0px;
		right: 0px;
		margin-bottom: 20px;
	}
}

.mfp-bg {
	z-index: 600000 !important;
}

.mfp-content {
	z-index: 800000 !important;
}

.mfp-wrap {
	z-index: 900000 !important;
}

.mfp-content .contentPopup .mfp-close {
	right: 0px;
	top: 0px;
}

/****************************/
/*      HEMICYCLE           */
/****************************/
.sectionHemicycle {
	position: relative;
}

.sectionHemicycle #schema {
	font-size: 0px;
}

.sectionHemicycle #schema > div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	position: relative;
}

@media screen and (max-width: 1024px), print {
	.sectionHemicycle #schema > div {
		width: 100%;
	}
	.sectionHemicycle #schema > div .hemicycle_box {
		margin-top: 20px;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px) {
	.sectionHemicycle #schema > div .hemicycle_box {
		display: none;
	}
}

.sectionHemicycle #schema > div .politic_groups {
	font-size: 0px;
}

.sectionHemicycle #schema > div .politic_groups > div {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.sectionHemicycle #schema > div .politic_groups > div ul li {
	list-style-type: none;
	margin-bottom: 10px;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a {
	font-weight: 700;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a span {
	width: 30px;
	height: 30px;
	display: inline-block;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-weight: 700;
	margin-right: 10px;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .ps {
	background-color: #eb403c;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .mr {
	background-color: #1f488e;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .fdf {
	background-color: #cf1b82;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .cdh {
	background-color: #f1752d;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .ecolo {
	background-color: #1dac51;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .openvld {
	background-color: #1ea5de;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .ptb {
	background-color: #f80f16;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .groen {
	background-color: #8bc34a;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .nva {
	background-color: #fed932;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .spa {
	background-color: #be2830;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .cdv {
	background-color: #f7a52e;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .vlbelang {
	background-color: #8d5431;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .indep {
	background-color: #717880;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .dieran {
	background-color: #027d55;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .pvda {
	background-color: #f80f16;
}

.sectionHemicycle #schema > div .politic_groups > div ul li a .agora {
	background-color: #400080;
}

.popover_parti {
	width: 260px;
	padding: 0 5px 10px 5px;
	height: auto;
	position: absolute;
	top: 50px;
	left: 50px;
	background-color: #f5f5f5;
	z-index: 4000;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.popover_parti .arrow {
	top: 50%;
	right: -11px;
	margin-top: -10px;
	position: absolute;
	width: 11px;
	height: 19px;
	background: url(/wp-content/themes/brussels-parlement/img/arrow_left.png) no-repeat top left;
}

a.close_icon {
	background: url(/wp-content/themes/brussels-parlement/img/icon_close.png) no-repeat;
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

a {
	text-decoration: none;
}

.popover_parti .logo_parti {
	height: 50px;
	margin: -20px auto 0 auto;
	display: block;
}

.popover_parti h1 {
	text-align: center;
	font-size: 18px;
}

.popover_parti ol {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
}

.popover_parti ol li {
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
	list-style-position: inside;
}

.popover_parti ol li a {
	font-size: 12px;
	color: #000;
	display: inline-block;
}

.popover_parti .list_arrow {
	color: #ff6633;
	font-size: 12px;
	position: absolute;
	display: inline-block;
	right: 10px;
	top: 5px;
}

/****************************/
/*      AGENDA              */
/****************************/
.sectionagenda {
	margin-top: 60px !important;
}

.sectionagenda .subtitle {
	color: #ffe202;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	font-size: 18pt;
	margin-bottom: 10px;
}

.mCS_img_loaded {
    float:right;
}

@media screen and (max-width: 768px), print {
	.sectionagenda .subtitle {
		font-size: 14pt;
	}
}

.sectionagenda .agenda,
.sectionagenda .agendaNextWeek {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
	margin-top: 40px;
	font-size: 0px;
	padding: 40px 0px;
	display: table;
	width: 100%;
	display: none;
}

.sectionagenda .agenda > div,
.sectionagenda .agendaNextWeek > div {
	display: table-cell;
	vertical-align: top;
	width: 20%;
	padding: 0px 20px;
	margin: 20px 0px;
}

.sectionagenda .agenda > div:not(:last-child),
.sectionagenda .agendaNextWeek > div:not(:last-child) {
	border-right: 1px solid #c4c6c3;
}

@media screen and (max-width: 900px), print {
	.sectionagenda .agenda > div,
	.sectionagenda .agendaNextWeek > div {
		display: block;
		width: 100%;
	}
	.sectionagenda .agenda > div:not(:last-child),
	.sectionagenda .agendaNextWeek > div:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #c4c6c3;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
}

.sectionagenda .agenda > div h2,
.sectionagenda .agendaNextWeek > div h2 {
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 18pt;
	color: #95989a;
}

.sectionagenda .agenda > div h2:after,
.sectionagenda .agendaNextWeek > div h2:after {
	content: none;
}

.sectionHomeHeader .agenda > div {
	display: none;
}

.sectionHomeHeader .agenda > div hr {
	display: none;
}

.sectionHomeHeader .agenda > div h2 {
	display: none;
}

.sectionHomeHeader .agenda > div h2:after {
	content: none;
}

.sectionHomeHeader .agenda > div h3 {
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	font-size: 13pt;
	color: #545d5f;
	margin-bottom: 0px;
}

.sectionHomeHeader .agenda > div h3:after {
	content: none;
}

.agenda > div > div:not(:last-child),
.agendaNextWeek > div > div:not(:last-child) {
	margin-bottom: 40px;
}

.agenda > div > div:not(:last-child):after,
.agendaNextWeek > div > div:not(:last-child):after {
	content: "";
	display: block;
	height: 1px;
	width: 60%;
	background-color: #c4c6c3;
	position: relative;
	top: 20px;
}

.agenda > div > div .infos,
.agendaNextWeek > div > div .infos {
	color: #ffe202;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 700;
	font-size: 16pt;
	margin-bottom: 5px;
}

.agenda > div > div .title,
.agendaNextWeek > div > div .title {
	color: #083b99;
	font-family: "ff-enzo-web", sans-serif;
	font-weight: 300;
	margin-bottom: 5px;
}

.agenda > div > div .title br,
.agendaNextWeek > div > div .title br {
	display: none;
}

.agenda > div > div .title abbr:first-child,
.agendaNextWeek > div > div .title abbr:first-child {
	font-weight: 700;
}

#containerSeeThisWeek,
.subtitleNextWeek,
.noGoodWeekLastWeek {
	display: none;
}

#containerSeeNextWeek {
	text-align: right;
}

#seeNextWeek,
#seeThisWeek {
	color: #083b99;
	cursor: pointer;
	display: inline-block;
    transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    background-image: linear-gradient(#083b99, #083b99);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
}

#seeNextWeek:hover,
#seeThisWeek:hover {
	color: #083b99;
    text-decoration: none;
    background-size: 100% 1px;
}

#seeNextWeek:hover svg path,
#seeThisWeek:hover svg path {
	stroke: #083b99;
}

#seeNextWeek svg,
#seeThisWeek svg {
	width: 6px;
	height: 10px;
}

#seeNextWeek svg path,
#seeThisWeek svg path {
	stroke: #083b99;
}

#seeNextWeek svg {
	margin-left: 10px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

#seeThisWeek svg {
	margin-right: 10px;
}

.noGoodWeek {
	margin-top: 40px;
}

/****************************/
/*          FOOTER          */
/****************************/
footer {
	background-color: rgba(196, 198, 195, 0.1);
}

footer .contentFooter {
	max-width: 1600px;
	margin: auto;
	padding: 20px 60px;
	text-align: center;
}

#seancesDesktop p a {
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    background-image: linear-gradient(#083b99, #083b99);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    	color: #083b99;
}

#seancesDesktop p a:hover {
	color: #083b99;
    text-decoration: none;
    background-size: 100% 1px;
}

#latestTweet p a {
    color: #083b99;
}

#latestTweet p a,
footer .contentFooter a,
.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .info a{
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
    background-image: linear-gradient(#083b99, #083b99);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
}

#latestTweet p a:hover,
footer .contentFooter a:hover,
.sectionContact > div:first-child #contacts #blocksContact .blockContact > div .info a:hover{
	color: #083b99;
    text-decoration: none;
    background-size: 100% 1px;
}

@media screen and (max-width: 1024px) {
	footer .contentFooter {
		padding: 20px 40px;
	}
}

@media screen and (max-width: 768px), print {
	footer .contentFooter {
		padding: 20px 20px;
	}
	footer .contentFooter span {
		display: block;
	}
	footer .contentFooter span span {
		display: none;
	}
}

/* Menu Languages */
.lang-block {
	z-index: 2000;
	position: absolute;
	height: 33px;
	overflow: hidden;
	width: 44px;
	top: -17px;
	right: 0px;
}

@media screen and (max-width: 400px) {
	.lang-block {
		width: 30px;
		top: -14px;
	}
}

.lang-switch {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	-o-display: flex;
	display: -webkit-box;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	flex-direction: column;
	list-style: none;
}

.lang-switch li a {
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}

@media screen and (max-width: 400px) {
	.lang-switch li a {
		padding: 5px 5px;
	}
}

.lang-switch li {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.lang-switch li.active {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

/****************************/
/*      MENU BURGER         */
/****************************/
.hamburger {
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 80000;
	display: none;
}
@media (min-width: 768px){
	.hamburger{
		padding-top: 20px;
	}
}
@media screen and (max-width: 768px), print {
	.hamburger {
		right: 0px;
	}
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
	background-color: #083b99;
}

/****************************/
/*      combobox            */
/****************************/
.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

/****************************/
/*      mnogosearch         */
/****************************/
span.mnogosearchtitle {
	font-size: 13pt;
}

div.snippet {
	font-size: 11pt;
}

span.highlighted {
	font-weight: bold;
	font-style: italic;
}

div.missing-words {
	font-size: 11pt;
	color: #966;
}

/****************************/
/*   tooltips for forms     */
/****************************/
.tooltip {
	position: relative;
	display: inline-block;
	cursor: help;
	background-image: url("/wp-content/plugins/wordpress-seo/images/question-mark.png");
	float: right;
	right: 20px;
	width: 16px;
	height: 16px;
	top: 4px;
    
}

.tooltip:hover .tooltiptext .tiptxt ul li{
      color: white;
}
.tiptxt {
	font-size: 13pt;
	color: white;
  	padding-left: 10px;
}

.tiptxt p,
ul,
li {
	font-size: 13pt;
  
}



.tooltip .tooltiptext {
	visibility: hidden;
	width: 600px;
	background-color: #555;
	color: #fff !important;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 135%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip .tooltiptext .tiptext ul li {
color:white;}

/****************************/
/*      PRINT               */
/****************************/
#logoPrint {
	display: none;
	width: 200px;
}

@media print {
	.appear {
		opacity: 1 !important;
	}
	#logoPrint {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	/* Header */
	header {
		display: none !important;
	}
	/* Footer */
	footer {
		display: none !important;
	}
}

@media print and (color) {
	* {
		-webkit-print-color-adjust: exact;
		-moz-print-color-adjust: exact;
		-ms-print-color-adjust: exact;
		-o-print-color-adjust: exact;
		print-color-adjust: exact;
		color-adjust: exact;
	}
}

/**********************************************************/
/* si nombreux points d'agenda sur la home page (13.07.17)*/
/**********************************************************/
.agenda a,
.agendaNextWeek a {
	text-decoration: underline;
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(../img/arrow_up_yellow.png);
	/*  background-position: center center !important; */
	opacity: 1 !important;
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-image: url(../img/arrow_down_yellow.png);
	/*  background-position: center center !important; */
	opacity: 1 !important;
}

#seancesDesktop > div:nth-child(2) {
	overflow: auto;
	max-height: 360px;
	/*
    background-image: url(../img/arrow_up.png), url(../img/arrow_down.png);
    background-repeat: no-repeat;
    background-position: top right, bottom right;
    background-size: 0px, 0px;
    */
}

/*

#seancesDesktop > div:nth-child(2).activeDown {
    background-size: 0px, 15px;
}

#seancesDesktop > div:nth-child(2).activeUp {
    background-size: 15px, 0px;
}

#seancesDesktop > div:nth-child(2).activeUp.activeDown {
    background-size: 15px, 15px;
}

*/
.sectionHomeHeader #menuBellow #menuBellowContent #socialMedias .instagram svg path {
	fill: url(#linear-gradient) !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c5c5c5;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #c5c5c5;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #c5c5c5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c5c5c5;
}

#les_recrutements {
	padding-top: 0 !important;
}

.blockSingleFile {
	margin-bottom: 3rem;
}

.blockSingleFile:last-child {
	margin-bottom: 0;
}

.blockSingleFile p {
	margin-bottom: 20px;
}

.blockSingleFile p:last-child {
	margin-bottom: 0;
}

.blockSingleFile ul:not(:last-child) {
	margin-bottom: 20px;
}

.blockSingleFile ul li {
	margin-bottom: 0.5rem;
}

.blockSingleFile ul li:last-child {
	margin-bottom: 0;
}

#main ul:not(:last-child),
#main ol:not(:last-child) {
	margin-bottom: 20px;
}

#main ul li,
#main ol li {
	margin-bottom: 0.5rem;
}

#main ul li:last-child,
#main ol li:last-child {
	margin-bottom: 0;
}

.contentPopup .content ul:not(:last-child),
.contentPopup .content ol:not(:last-child) {
	margin-bottom: 20px;
}

.contentPopup .content ul li,
.contentPopup .content ol li {
	margin-bottom: 0.5rem;
}

.contentPopup .content ul li:last-child,
.contentPopup .content ol li:last-child {
	margin-bottom: 0;
}

.contentPopup .content p {
	margin-bottom: 0.5rem;
}

.contentPopup .content p:last-child {
	margin-bottom: 0;
}

.small-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.75rem;
}

.small-title:not(:first-child) {
	margin-top: 2rem;
}

.small-title:last-child {
	margin-bottom: 0;
}

#premier-vice-president {
	margin-bottom: 80px;
}

#repartition-des-membres-du-personnel,
#le-reglement {
	padding-top: 60px !important;
}

#les-commissions .bx-viewport {
	-webkit-box-sizing: initial;
	box-sizing: initial;
}

.section__organigramme {
	position: relative;
	z-index: 150;
	margin-top: 40px;
	margin-bottom: 100px !important;
}

@media screen and (max-width: 1100px) {
	.section__organigramme {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 768px) {
	.section__organigramme {
		margin-bottom: 100px !important;
	}
}

.section__organigramme .secretariat-general {
	position: relative;
	margin-bottom: 100px;
}

.section__organigramme .secretariat-general::after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 125px;
	left: 50%;
	height: 440px;
	width: 20px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #ffe202;
	z-index: -2;
}

.section__organigramme .secretariat-general::before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 417px;
	left: 50%;
	height: 148px;
	width: 2px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #083b99;
	z-index: -1;
}

.section__organigramme .secretariat-general .title {
	text-transform: uppercase;
	font-size: 30px;
	color: #083b99;
	text-align: center;
	margin-bottom: 40px;
}

.section__organigramme .secretariat-general .content {
	max-width: 65%;
	border: 2px solid #083b99;
	text-align: center;
	margin: 0 auto;
	padding: 45px 0;
}

@media screen and (max-width: 576px) {
	.section__organigramme .secretariat-general .content {
		max-width: 100%;
	}
}

.section__organigramme .secretariat-general .newTitle {
	color: #083b99;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #ffe202;
	padding: 10px 0;
	position: relative;
}

.section__organigramme .secretariat-general .newTitle::after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 97px;
	left: 50%;
	height: 2px;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #083b99;
}

.section__organigramme .secretariat-general .box {
	margin: 0 auto;
	font-size: 18px;
}

.section__organigramme .secretariat-general .box--blue {
	margin-bottom: 5px;
}

.section__organigramme .secretariat-general .box--blue a {
	background-color: #083b99;
	color: #fff;
	font-weight: bold;
}

.section__organigramme .secretariat-general .box--grey {
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #083b99;
	padding: 5px 0;
	width: 250px;
	background-color: #c4c6c3;
}

.section__organigramme .secretariat-general .box:nth-child(3) {
	margin-top: 20px;
	margin-bottom: 30px;
}

.section__organigramme .secretariat-general a {
	display: inline-block;
	width: 250px;
	font-size: 18px;
	padding: 7px 0;
}

@media screen and (max-width: 768px) {
	.section__organigramme .secretariat-general a {
		width: initial;
		width: 250px;
	}
}

.section__organigramme .container-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.section__organigramme .container-flex .col-3 {
	width: calc(100% / 12 * 2);
}

@media screen and (max-width: 1350px) {
	.section__organigramme .container-flex .col-3 {
		width: calc(100% / 12 * 2.3);
	}
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3 {
		width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (max-width: 768px) {
	.section__organigramme .container-flex .col-3 {
		width: 400px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 450px) {
	.section__organigramme .container-flex .col-3 {
		width: 100%;
	}
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3:nth-child(1) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-line-pack: start;
		align-content: flex-start;
	}
}

.section__organigramme .container-flex .col-3:nth-child(4) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3:nth-child(4) {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3:nth-child(n + 3) .title::before {
		height: 70px;
		top: -70px;
		z-index: -1;
	}
}

.section__organigramme .container-flex .col-3:nth-child(3) .list .element {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.section__organigramme .container-flex .col-3:nth-child(n + 2) .title::before {
		top: -100px;
		height: 100px;
	}
}

.section__organigramme .container-flex .col-3 .title {
	text-transform: uppercase;
	width: 200px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	position: relative;
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3 .title {
		width: 70%;
	}
}

@media screen and (max-width: 450px) {
	.section__organigramme .container-flex .col-3 .title {
		width: 85%;
	}
}

.section__organigramme .container-flex .col-3 .title::before {
	position: absolute;
	content: "";
	display: inline-block;
	top: -50px;
	left: 50%;
	height: 50px;
	width: 2px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #083b99;
}

.section__organigramme .container-flex .col-3 .title .first,
.section__organigramme .container-flex .col-3 .title .last {
	background-color: #083b99;
	padding: 7px 0;
	display: block;
	color: #fff;
}

.section__organigramme .container-flex .col-3 .title .first {
	margin-bottom: 2px;
}

.section__organigramme .container-flex .col-3 .list {
	border-left: 2px dotted #083b99;
	padding-left: 8px;
	padding-top: 17.5px;
	position: relative;
}

@media screen and (max-width: 1100px) {
	.section__organigramme .container-flex .col-3 .list {
		width: 70%;
		margin-bottom: 100px;
		background-color: white;
	}
}

@media screen and (max-width: 450px) {
	.section__organigramme .container-flex .col-3 .list {
		width: 85%;
	}
}

.section__organigramme .container-flex .col-3 .list .element .element__main,
.section__organigramme .container-flex .col-3 .list .element .element__secondary {
	position: relative;
}

.section__organigramme .container-flex .col-3 .list .element .element__main::before,
.section__organigramme .container-flex .col-3 .list .element .element__secondary::before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 11px;
	left: -11px;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background-color: #083b99;
}

.section__organigramme .container-flex .col-3 .list .element .element__secondary::before {
	left: 5px;
}

.section__organigramme .container-flex .col-3 .list .element:not(:last-child) {
	margin-bottom: 15px;
}

.section__organigramme .container-flex .col-3 .list .element a {
	font-size: 20px;
	color: #083b99;
	font-weight: bold;
}

.section__organigramme .container-flex .col-3 .list .element a:not(:last-child) {
	margin-bottom: 10px;
}

.section__organigramme .container-flex .col-3 .list .element a.element__secondary {
	font-weight: 300;
	padding-left: 20px;
}

.sectionListPostsSoon h2::after {
	background-color: #ec6556;
}

.sectionListPostsSoon #posts {
	margin: 0 -30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sectionListPostsSoon #posts article {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33%;
	padding: 15px 30px;
}

@media screen and (max-width: 1024px) {
	.sectionListPostsSoon #posts article {
		width: 50%;
	}
}

@media screen and (max-width: 768px) {
	.sectionListPostsSoon #posts article {
		width: 100%;
	}
}

.sectionListPostsSoon #posts article a .content .title,
.sectionListPostsSoon #posts article a .content .dateEvent {
	-webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

.sectionListPostsSoon #posts article a .content .title {
	font-size: 20pt;
	font-family: "calibri_bold", sans-serif;
}

.sectionListPostsSoon #posts article a .content .dateEvent {
	color: #ec6556;
}

.sectionListPostsSoon #posts article a:hover .title {
	color: #ec6556;
}

.sectionListPostsSoon #posts article a:hover .dateEvent {
	color: #ec6556;
}

#art-au-parlement .bx-viewport {
	margin: 0 -10px !important;
}

#periodiques {
	padding-top: 60px !important;
}

#art-au-parlement h2::after,
#panel h2::after,
#visites-guidees2 h2::after,
#location-de-salles h2::after,
#visites h2::after,
#jeux-de-roles h2::after,
#outils-didactiques h2::after,
{
	background-color: #ec6556;
}

#art-au-parlement .download,
#panel .download,
#visites-guidees2 .download,
#location-de-salles .download,
#visites .download,
#jeux-de-roles .download,
#outils-didactiques .download,

{
	background-color: #ec6556;
}

.sectionListMeps {
	margin: 100px auto !important;
}

.sectionNewsletter {
	margin: 50px auto !important;
}

mark {
	background-color: none !important;
	color: #545d5f !important;
}

abbr {
	text-decoration: none;
}