/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;} :focus {outline:0;}body {background: #fff;line-height: 1;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {font-weight: normal;text-align: left;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}a img {border: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} a{text-decoration: none;}figure{margin: 0;}

button {
  appearance: none;
  background: transparent;
  /* Other styles */
}

/* = Here it goes!
----------------------------------------------- */
/*  Variables */
:root{
	--main_column: 1600px;
	--gutter: 30px;
	--blanc: #ffffff;
	--violet: #88408e;
	--green: #007350;
	--black: #000000;
	--light_grey: #eeeeee;
	--dark_violet: #6e3271;
	--dark_grey: #777783;
	--grey: #dddddd;

}
html, body{
  height: 100%;
  width: 100%;
}
*,
*:after,
*:before{
	box-sizing: border-box;
	transition: all 0.2s ease;
}
.webkit *,
.webkit *:after,
.webkit *:before{
	transition: none;
}
::selection {
    background: var(--violet);
    color:#fff;
}
::-moz-selection {
    background: var(--violet);
    color:#fff;
}
img{
	max-width: 100%;
	height: auto;
	display: block;
}
a{
    color: inherit;
}
svg{
    color: inherit;
    display: block;
}
em, i{
    font-style: italic;
}
b, strong{
    font-weight: bold;
}
hr.clear{
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	border: none;
	background: none;
}
/* Infobulles GMaps */
.gm-style-iw h2{
    font-weight: bold;
    margin-bottom: 15px;
}
.gm-style-iw > div{
    width: auto !important;
}
.gm-style-iw p{
    margin-bottom: 5px;
}
.gm-style img{
    max-width: inherit;
}

/* = Grille et tulles
----------------------------------------------- */
.container{
	display: flex;
	/*justify-content: space-between;*/
	flex-wrap: wrap;
	align-items: stretch;
}
.container.missing::after {
  content: "";
  flex: auto;
}
.container.missing > *:last-child {
	margin-left: var(--gutter);
}
.container > .all_width {
	margin-left: 0;
}
.container.align_bottom{
	align-items: flex-end;
}
.container.align_top{
	align-items: flex-start;
}
.center{
	width: var(--main_column);
	max-width: 100%;
	margin: auto;
}
.inner_center{
	width: var(--main_column);
	max-width: 100%;
	margin: auto;
	padding: 0 50px;
}
.all_width{ width: 100%; }
.demi{ width: calc(50% - calc(var(--gutter)/2) ); }
.tiers{ width: calc(calc(100%/3) - calc(var(--gutter)*2/3 )); }
.quart{ width: calc(25% - calc(var(--gutter)*3/4) ); }
.sixieme{ width: calc(calc(100%/6) - calc(var(--gutter)*3/4) ); }
.trois-quart{ width: calc(75% - calc(
	calc(var(--gutter)/2 - 
		calc(var(--gutter)/6))
	) ); }
.trois-quart{ width: calc(75% - calc(
	calc(var(--gutter)/2 - 
		calc(var(--gutter)/6))
	) ); }
.deux-tiers{ width: calc(calc(100%*calc(2/3)) - calc(
	calc(var(--gutter)/2 - calc(var(--gutter)/6))
	) ); }
.margin_left{
	margin-left: var(--gutter);
}
.demi.sans{ width: 50%; }
.tiers.sans{ width: calc(100%/3); }
.quart.sans{ width: 25%; }
.sixieme.sans{ width: calc(100%/6); }
.trois-quart.sans{ width: 75%; }
.deux-tiers.sans{ width: calc(100%*calc(2/3)); }

.grey_background{
	background-color: var(--light_grey);
}
.white_background{
	background-color: var(--blanc);
}
#content{
	min-height: calc(100vh - 120px);
}
.inner_marges{
	padding: 30px 50px;
}
.blanc_droite{
	position: relative;
}
.blanc_droite:after{
	content: "";
	display:block;
	position: absolute;
	right: 0;
	background: var(--blanc);
	height: 100%;
	transform: translate(100%);
	width: calc(100vw - var(--main_column));
	min-width: 50px;
	top: 0;
}

/* = Typo
----------------------------------------------- */
body{
    color: var(--black);
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    overflow-x: hidden;
}
p{
	line-height: 1.44em;
}
a:hover{
	color: var(--dark_violet);
}
.text p,
.text li,
.text h3{
	margin-bottom: 1em;
}
.text h1{
	font-size: 40px;
	margin-bottom: 37px;
}
.text h1.big{
	font-size: 50px;
}
.text h1.small{
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1.2em;
}
.text h2{
	font-size: 25px;
	color: var(--violet);
	margin-bottom: 1em;
}
.text h3{
	font-size: 20px;
	font-weight: 700;
}
.text ul li:before{
	content: '• ';
	display: inline;
}
.text p + h2,
.text ul + h2,
.text ol + h2{
	margin-top: 50px;
}
.text p + h3,
.text ul + h3,
.text ol + h3,
.text a + h3{
	margin-top: 30px;
}


/* = Forms
----------------------------------------------- */
/* Select lists */
.label_outside{
	font-size: 14px;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 10px;
}
.select_list{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	padding: 23px 0;
	cursor: pointer;
}
.select_list .label{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	color: var(--dark_grey);
	text-transform: uppercase;
	position: relative;
	margin-top: -3px;
	margin-bottom: 0;
	transition: all 0.2s ease;	
}

.select_list span.prec-lot:after, .select_list span.current-year:after{
	content: url(../../images/chevron_boite.svg);
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
	margin-top: -1px;
	width: 9px;
	height: 5px;
	transform-origin: center center;
	transition: all 0.2s ease;
}
.select_list .label:after{
	content: url(../../images/chevron_boite.svg);
	display: inline-block;
	margin-left: 5px;
	vertical-align: top;
	margin-top: -1px;
	width: 9px;
	height: 5px;
	transform-origin: center center;
	transition: all 0.2s ease;
}
.select_list:hover .label{
	color: var(--dark_violet);
}
.select_list:hover .label:after{
	content: url(../../images/chevron_boite_hover.svg);
}
.select_list ul{
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--blanc);
	border: 1px solid var(--grey);
	margin-top: 14px;
	padding: 10px;
	left: 0;
	cursor: default;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}
.select_list:hover ul{
	visibility: visible;
	opacity: 1;
	transition: all 0.2s ease;
}
.select_list ul li{
	font-size: 16px;
	cursor: pointer;
}
.select_list ul li:hover{
	color: var(--violet)
}
/* Small select list */
.select_list.small{
	padding: 10px 0;
	height: auto;
}
.select_list.small .label{
	color: var(--black);
}
.text .select_list ul{
	padding: 10px 20px;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--blanc);
	border: 1px solid var(--grey);
	margin-top: 5px;
	left: 0;
	cursor: default;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
}
.text .select_list ul li::before{
	display: none;
}
.text .select_list ul li{
	padding: 14px 0;
	border-bottom: 1px solid var(--grey);
	font-size: 16px;
	cursor: pointer;
	margin: 0;
}
.text .select_list ul li:last-child{
	border: none;
}
/* Border select list */
.select_list.border{
	border: 1px solid var(--grey);
	padding: 13px 15px;
	height: 46px;
}
.select_list.border ul li{
	cursor: pointer;
	transition: all 0.2s ease;
}
.select_list.border ul li:hover{
	color: var(--violet);
}

/* Checkbox */
.checkbox{
	display: inline-block;
	cursor: pointer;
}
.checkbox span{
	font-size: 12px;
	font-weight: 700;
	color: var(--dark_grey);
	text-transform: uppercase;
}
.checkbox::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--grey);
	width: 25px;
	height: 25px;
	margin-right: 5px;
	transition: all 0.2s ease;
}
.checkbox:hover::before{
	box-shadow: 0 0 1px 3px rgba(136, 64, 142, 0.1);
	border: 1px solid var(--violet);
}
.checkbox.checked::before{
	border: 1px solid var(--grey);
	background-color: var(--violet);
	content: url(../../images/check.svg); 
	background-position: center center;
}
/* Small */
.checkbox.small{
	padding-left: 20px;
	position: relative;
}
.checkbox.small::before{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: 0;
}
.checkbox.small.checked::before{
	content: url(../../images/check_small.svg);
}
.checkbox.small span{
	font-weight: 500;
	text-transform: none;
	font-size: 12px;
	color: var(--black);
}


/* Radio */
.radio{
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.radio span{
	font-size: 14px;
	font-weight: 700;
	color: var(--black);
	text-transform: uppercase;
	padding-left: 32px;
	display: block;
}
.radio .select_list{
	padding: 0 0 0 32px;
	height: auto;
}
.radio .select_list .label{
	color: var(--black);
}
.radio span small{
	font-size: 12px;
	font-weight: 500;
}
.radio::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	border: 1px solid var(--grey);
	width: 25px;
	height: 25px;
	margin-right: 5px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 28%;
	margin-top: -13px;
	transition: all 0.2s ease;
}
.radio:hover::before{
	box-shadow: 0 0 1px 3px rgba(136, 64, 142, 0.1);
	border: 1px solid var(--violet);
}
.radio.checked::before{
	border: 1px solid var(--grey);
	background-color: var(--violet);
}

/* Boutons */
.btn{
	display: flex;
	align-items: center;
	height: 50px;
	cursor: pointer;
}
.btn span{
	margin: auto;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--dark_grey);
	transition: all 0.2s ease;
}
.btn span:hover{
	color: var(--dark_violet);
	text-decoration: underline;
}
.btn.violet{
	background-color: var(--violet);
	padding: 0 40px;
	transition: all 0.2s ease;
}
.btn.violet span{
	color: var(--blanc);
	transition: all 0.2s ease;
}
.btn.violet:hover{
	background-color: var(--dark_violet);
}
.btn.violet:hover span{
	color: var(--blanc);
	text-decoration: none;
}
.btn svg{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-top: -2px;
}
.btn.disabled{
	opacity: 0.5;
	cursor: not-allowed;
}
.btn.disabled:hover,
.btn.disabled span:hover{
	text-decoration: none;
	color: auto;
	background: auto;
}

/* Liens */
.arrow_link{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
	transition: all 0.2s ease;
}
.arrow_link:hover{
	text-decoration: underline;
}
.arrow_link::after {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-right: 1px solid var(--violet);
    border-top: 1px solid var(--violet);
    width: 8px;
    height: 8px;
    margin-top: -1px;
    margin-left: 2px;
}

/* Input text */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="search"],
textarea{
	display: block;
	border: 1px solid var(--grey);
	color: var(--dark_grey);
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	height: 46px;
	padding: 13px 15px;
	border-radius: none;
	-webkit-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
textarea:focus{
	border: 1px solid var(--violet);
}

/* Select list on click */
.select_list_click{
	position: relative;
	background-color: var(--blanc);
	cursor: pointer;
	display: inline-block;
}
.select_list_click.border{
	border: 1px solid var(--grey);
	height: 46px;
	padding: 13px 15px;
}
.select_list_click.border .label{
	padding: 0 15px 0 0;
	/*ajout pour label date bibnatfra*/
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.select_list_click .label{
	font-size: 14px;
	text-transform: uppercase;
	color: var(--black);
	font-weight: 700;
	padding: 10px 15px 10px 0;
	position: relative;
}
.select_list_click .label:after{
	content: "";
	background-image: url(../../images/chevron_boite_hover.svg);
	background-size: 9px 5px;
	display: block;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	transform-origin: center center;
	transition: all 0.2s ease;
}
.select_list_click.active .label:after{
	transform: translateY(-50%) rotate(0);
}
.select_list_click:hover .label{
	color: var(--dark_violet);
}
.select_list_click.active .label{
	color: var(--violet);
}
.select_list_click ul{
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--blanc);
	border: 1px solid var(--grey);
	margin-top: 0;
	padding: 5px 10px;
	left: 0;
	cursor: default;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
	opacity: 0;
	visibility: hidden;
	min-width: 75px;
}
.select_list_click.active ul{
	visibility: visible;
	opacity: 1;
}
.select_list_click ul li{
	padding: 14px 0;
	border-bottom: 1px solid var(--grey);
	font-size: 16px;
	cursor: pointer;
	margin: 0;
}
.select_list_click ul li:before{
	display: none;
}
.select_list_click ul li:hover{
	color: var(--violet);
}
.select_list_click ul li:last-child{
	border-bottom: none;
}


/* = Header
----------------------------------------------- */
#header{
	border-bottom: 1px solid var(--grey);
	background-color: var(--blanc);
}
#header .inner_center{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}
#main_navigation li{
	display: inline-block;
	margin: 0 0 0 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: var(--dark_grey);
}
#main_navigation li a:hover{
	color: var(--dark_violet);
	text-decoration: underline;
}
#logo svg,
#logo img{
	width: 67px;
	height: 30px;
	background-color: var(--green);
	display: inline-block;
	fill: var(--blanc);
	vertical-align: middle;
	color: #fff;
	text-align: center;
	padding: 8px;
	margin-right: 5px;
}
#logo span{
	vertical-align: middle;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	color: var(--green);
}
#secondary_nav{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: var(--blanc);
	border-bottom: 1px solid var(--grey);
	z-index: 100;
}
#secondary_nav > .center{
	border-right: 1px solid var(--grey);
	border-left: 1px solid var(--grey);
}
#secondary_nav .select_list{
	padding: 23px 50px;
	transition: all 0.2s ease;
}
#secondary_nav .select_list:before{
	display: block;
	content: "";
	height: 2px;
	width: 100%;
	background-color: var(--blanc);
	position: absolute;
	top: 0;
	left: 0;
}
#secondary_nav .select_list:hover:before{
	background-color: var(--dark_violet);
}
/* #secondary_nav .select_list ul{ */
/* 	padding: 10px 50px; */
/* } */

#secondary_nav .select_list ul li a{
	padding-left : 10px;
	display: block;
}

#secondary_nav .select_list ul li{
	padding: 14px 0;
	border-bottom: 1px solid var(--grey);
}
#secondary_nav .select_list ul li:last-child{
	border-bottom: none;
}
#searchbar{
	border-right: 1px solid var(--grey);
	border-left: 1px solid var(--grey);
	display: block;
	flex-grow: 2;
	position: relative;
}
#searchbar .filtre_search{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 5;
	width: 200px;
	background-color: var(--light_grey);
	bottom: 10px;
	cursor: pointer;
}
#searchbar .filtre_search .label, .pdf-text .label, .send-email .label{
	font-size: 14px;
	text-transform: uppercase;
	color: var(--dark_grey);
	font-weight: 700;
	padding: 10px;
	position: relative;
}
#searchbar .filtre_search .label:after, .pdf-text .label:after, .send-email .label:after{
	content: "";
	background-image: url(../../images/chevron_boite.svg);
	background-size: 9px 5px;
	display: block;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: center center;
	transition: all 0.2s ease;
}
#searchbar .filtre_search.active .label:after, .pdf-text.active .label:after, .send-email.active .label:after{
	background-image: url(../../images/chevron_boite_hover.svg);
}
#searchbar .filtre_search.active .label, .pdf-text.active .label, .send-email.active .label{
	color: var(--violet);
}
#searchbar .filtre_search ul, .pdf-text ul, .send-email ul{
	padding: 10px 50px;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: var(--blanc);
	border: 1px solid var(--grey);
	margin-top: 0;
	padding: 10px 38px 5px 20px;
	left: 0;
	cursor: default;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease;
	opacity: 0;
	visibility: hidden;
}
#searchbar .filtre_search.active ul, .pdf-text.active ul, .send-email.active ul {
	visibility: visible;
	opacity: 1;
}
#searchbar .filtre_search ul li, .pdf-text ul li, .send-email ul li{
	padding: 14px 0;
	border-bottom: 1px solid var(--grey);
	font-size: 16px;
	cursor: pointer;
	width: 120%;
}
#searchbar .filtre_search ul li:hover, .pdf-text ul li:hover, .send-email ul li:hover{
	color: var(--violet);
}
#searchbar .filtre_search ul li:last-child, .pdf-text ul li:last-child, .send-email ul li:last-child{
	border-bottom: none;
}
#secondary_nav #search{
	display: block;
	flex-grow:2;
	margin: 0;
	padding-left: 225px;
	border: none;
	font-size: 18px;
	color: var(--black);
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	width: 100%;
	border: 1px solid var(--blanc);
	height: 100%;
}
#secondary_nav #search:focus{
	border: 1px solid var(--violet);
}

.submit_search{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	position: absolute;
	right: 5px;
	z-index: 5;
	top: 0;
}
.submit_search svg,
.submit_search img{
	display: block;
	margin: auto;
	width: 24px;
	height: 24px;
	fill: var(--violet);
	transition: all 0.2s ease;
}
.submit_search:hover svg{
	fill: var(--dark_violet);
}

#secondary_nav .btn{
	height: 60px;
	padding: 0 50px;
}
#secondary_nav .btn span:after{
	content: "";
	display: inline-block;
	transform: rotate(45deg);
	border-right: 1px solid var(--dark_grey);
	border-top: 1px solid var(--dark_grey);
	width: 8px;
	height: 8px;
	margin-top: -1px;
	margin-left: 2px;
	transition: all 0.2s ease;
}
#secondary_nav .btn:hover span:after{
	border-right: 1px solid var(--dark_violet);
	border-top: 1px solid var(--dark_violet);
}


/* = Footer
----------------------------------------------- */
#footer{
	border-top: 1px solid var(--grey);
	background-color: var(--blanc);
}
#footer .inner_center{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
}
#nav_footer li{
	display: inline-block;
	font-size: 12px;
	margin-right: 30px;
	text-transform: uppercase;
}
#nav_footer li a:hover{
	color: var(--dark_violet);
}
#footer #rss{
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 12px;
	transition: all 0.2s ease;
}
#footer #rss:hover{
	fill: var(--dark_violet);
	color: var(--dark_violet);
}


/* = HP
----------------------------------------------- */
#home_container{
	position: relative;
}
.home_slider,
.home_slider .swiper-slide{
	height: calc(100vh - 240px);
	min-height: 340px;
	margin: 0;
}
.home_slider .swiper-slide .image_slider{
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100%;
}
.home_slider .swiper-slide .titre{
	position: absolute;
	z-index: 5;
	color: var(--blanc);
	width: 488px;
	margin: 40px 0 0 50px;
	font-size: 25px;
}

.home_slider .swiper-slide .titre2{
	position: absolute;
	z-index: 5;
	color: var(--noir);
	width: 488px;
	margin: 40px 0 0 50px;
	font-size: 25px;
}

#lanceurs_hp{
	padding: 45px;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 100;
	background-color: rgba(238, 238, 238, 0.8);
	display: flex;
}
#lanceurs_hp h2{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
#lanceurs_hp li{
	margin-bottom: 14px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:bold;
}
#lanceurs_hp li:last-child{
	margin-bottom: 0;
}
#lanceurs_hp li a{
	color: var(--violet);
	transition: all 0.2s ease;
}
#lanceurs_hp li a:hover{
	text-decoration: underline;
}
#lanceurs_hp li a::after {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-right: 1px solid var(--violet);
    border-top: 1px solid var(--violet);
    width: 8px;
    height: 8px;
    margin-top: -2px;
    margin-left: 2px;
}
#actualites_hp{
	display: flex;
	align-items: flex-start;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FAFAFA;
	font-size: 18px !important;
}
#actualites_hp h2{
	font-size: 16px;
	color: var(--green);
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 50px;
	margin-top: 4px;
}
.home_actu{
	flex-grow: 2;
}
.home_actu .swiper-slide{
	background: #FAFAFA;
	height: 100%;
}
.home_actu .swiper-slide p{
	max-width: 75%;
	font-size: 16px;
}
.home_actu .swiper-button-prev,
.home_actu .swiper-container-rtl .swiper-button-next{
	background-image: url(../../images/fleche_gauche.svg);
	background-size: 26px 15px;
	width: 26px;
	height: 15px;
	background-position: center center;
	margin: 0;
	padding: 0;
	right: 50px;
	left: inherit;
	top: 10px;
	transition: all 0.2s ease;
}
.home_actu .swiper-button-next,
.home_actu .swiper-container-rtl .swiper-button-prev{
	background-image: url(../../images/fleche_droite.svg);
	background-size: 26px 15px;
	width: 26px;
	height: 15px;
	background-position: center center;
	margin: 0;
	padding: 0;
	top: 10px;
	transition: all 0.2s ease;
}
.home_actu .swiper-button-prev:hover,
.home_actu .swiper-button-next:hover{
	opacity: 0.5;
}


/* = Breadcrumb
----------------------------------------------- */
.breadcrumb{
	padding: 20px 0;
}
.breadcrumb li{
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
}
.breadcrumb li:after{
	content: ">";
	display: inline-block;
	font-size: 14px;
	color: var(--dark_grey);
	margin: 0 3px;
	font-weight: 500;
}
.breadcrumb li:last-child:after{
	display: none;
}


/* = Actualités
----------------------------------------------- */
#actualites_list{
	padding: 0 50px;
}

#actualites_list .new_actu{
	padding: 20px 0px;
    display: flex;
    justify-content: space-between;
}

.fiche_actualite{
	padding: 110px 0 50px 0;
	border-bottom: 1px solid var(--grey);
	position: relative;
	top: -60px;
	margin-bottom: -60px;
}
.fiche_actualite time{
	font-size: 16px;
	color: var(--green);
}
.fiche_actualite .text{
	padding-right: 8%;
}

.liens_ref{
	padding-top: 30px;
}

.liens_ref a, a.lien{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
	position: relative;
	transition: all 0.2s ease;
	line-height: 1.2em;
}

.liens_ref a, .lien.externe, .lien.pdf{
	padding-left: 26px;
}

.liens_ref a:hover, a.lien:hover{
	text-decoration: underline;
	color: var(--dark_violet);
}
.liens_ref a.pdf:before, a.pdf:before {
	display: block;
	content: url(../../images/pdf_violet.svg);
	width: 14px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0px;
	margin-top: -1px;
}

.liens_ref a.externe:before, a.externe:before{
	display: block;
	content: url(../../images/lien_externe.svg);
	width: 14px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 0px;
	margin-top: -2px;
}
#load_more, #add_actu{
	display: flex;
	align-items: center;
	padding: 70px 0;
}
#load_more .btn, #add_actu .btn{
	margin: auto;
}


/* = Single Page
----------------------------------------------- */
#content.single-page .text{
	padding: 50px;
}
#content.single-page .text > *{
	max-width: 85%;
}
aside.widgets{
	border-right: 4px solid var(--light_grey);
}
aside.widgets h2.title{
	background-color: var(--green);
	color: #fff;
	padding: 15px 20px;
	font-weight: 500;
	font-size: 20px;
}
aside.widgets h3.solo{
	padding: 25px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid var(--grey);
}
aside.widgets h3.solo:last-child{
	border-bottom: none;
}
.widget_nav{
	padding: 0 25px;
}
.widget_nav > li{
	padding: 25px 0;
	border-bottom: 1px solid var(--grey);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}
.widget_nav > li:last-child{
	border: none;
	padding-bottom: 0;
}
.widget_nav > li.current > a{
	color: var(--violet);
}
.widget_nav .select_list{
	display: block;
	border-bottom: 1px solid var(--grey);
}
.widget_nav .sub_menu,
.widget_filtres .sub_menu, .widget_filtres_editorial .sub_menu{
	padding-left: 20px;
}
.widget_nav .sub_menu li,
.widget_nav .sub_menu .select_list p.label{
	font-size: 12px;
	color: var(--black);
}
.widget_nav .sub_menu .select_list li{
	margin-bottom: 5px;
}
.widget_nav .sub_menu .select_list li:last-child{
	margin-bottom: 0px;
}
.widget_nav .sub_menu li:last-child,
.widget_nav .sub_menu .select_list:last-child{
	border: none;
}


/* = Filtres
----------------------------------------------- */
.widget_filtres, .widget_filtres_editorial{
	padding: 0 25px;
}
.widget_filtres .widget_filtres, .widget_filtres_editorial .widget_filtres_editorial{
	padding: 0;
}
.widget_filtres .widget_filtres h3, .widget_filtres_editorial .widget_filtres_editorial h3{
	font-size: 12px;
}
.widget_filtres .widget_filtres h3::after, .widget_filtres_editorial .widget_filtres_editorial h3.has-children::after{
	margin-top: -8px
}
.widget_filtres .widget_filtres h3:first-child, .widget_filtres_editorial .widget_filtres_editorial h3.has-children::first-child{
	padding-top: 0px;
}
.widget_filtres h3, .widget_filtres_editorial h3{
	padding: 20px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 1px solid var(--grey);
	position: relative;
	cursor: pointer;
}
.widget_filtres h3:hover, .widget_filtres_editorial h3:hover{
	text-decoration: underline;
}
.widget_filtres h3:nth-last-child(2), .widget_filtres_editorial h3:nth-last-child(2){
	border: none;
}
.widget_filtres h3:after, .widget_filtres_editorial h3.has-children:after{
	content: "";
	background-image: url(../../images/chevron_boite_hover.svg);
	background-size: 9px 5px;
	display: block;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(180deg) translateY(50%);
	transform-origin: center center;
	transition: all 0.2s ease;
}
.widget_filtres h3.active, .widget_filtres_editorial h3.active{
	color: var(--violet);
	border-bottom: none;
}
.widget_filtres h3.active:after, .widget_filtres_editorial h3.has-children.active:after{
	transform: rotate(0) translateY(-50%);
}
.widget_filtres .accordion-content, .widget_filtres_editorial .accordion-content{
	border-bottom: 1px solid var(--grey);
	padding: 0 0 10px 20px;
	display: none;
	opacity: 0;
}
.widget_filtres .accordion-content.active, .widget_filtres_editorial .accordion-content.active{
	opacity: 1;
	display: block;
}
.widget_filtres .accordion-content:last-child, .widget_filtres_editorial .accordion-content:last-child{
	border: none;
	padding-bottom: 0;
}
.widget_filtres .accordion-content .filtres li, .widget_filtres_editorial .accordion-content .filtres li{
	margin-bottom: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

.more_filtres{
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin: 20px 0;
	display: block;
}
.more_filtres::before {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background-color: var(--violet);
	position: absolute;
	right: calc(50% - 1px);
	top: 0;
	transition: all 0.2s ease;
}
.more_filtres::after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--violet);
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: all 0.2s ease;
}
sup{
	font-size: 12px;
	color: var(--green);
    font-weight: bold;
}
.widget_filtres .accordion-content .filtres li a:hover{
	text-decoration: underline;
}


/* = Résultat recherche
----------------------------------------------- */
/* Header */
#content.resultat_recherche .retour{
	padding: 20px 50px;
	border-bottom: 1px solid var(--light_grey);
}
#content.resultat_recherche .retour a{
	margin: auto;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
	transition: all 0.2s ease;
}
#content.resultat_recherche .retour a:hover{
	color: var(--dark_violet);
	text-decoration: underline;
}
#content.resultat_recherche .retour a::before {
    content: "";
    display: inline-block;
    transform: rotate(225deg);
    border-right: 1px solid var(--violet);
    border-top: 1px solid var(--violet);
    width: 8px;
    height: 8px;
    margin-top: -3px;
    margin-right: 2px;
    vertical-align: middle;
}
#content.resultat_recherche .header{
	padding: 40px 50px 50px 50px;
}
#content.resultat_recherche .header #filtres > *{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	height: auto;
}
#content.resultat_recherche .header #filtres .resultat{
	font-size: 20px;
	color: var(--green);
	margin-right: 30px;
}
#content.resultat_recherche .header #filtres .tag{
	font-size: 12px;
	color: var(--blanc);
	margin-right: 10px;
	background-color: var(--violet);
	padding: 6px 15px;
	text-transform: uppercase;
}
#content.resultat_recherche .header #filtres .tag.delete{
	cursor: pointer;
	padding: 6px 10px 6px 15px;
	transition: all 0.2s ease;
}
#content.resultat_recherche .header #filtres .tag.delete::after{
	content: url(../../images/close_tag.svg);
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	margin: 1px 0 0 7px;
	transition: all 0.2s ease;
}
#content.resultat_recherche .header #filtres .tag.delete:hover{
	background-color: var(--dark_violet);
}
#content.resultat_recherche .header #filtres .reinitialiser_filtres{
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	color: var(--green);
	font-weight: 700;
}
#content.resultat_recherche .header #filtres .reinitialiser_filtres:hover{
	text-decoration: underline;
	color: var(--dark_green);
}
/* Filters index */
#filtres_index{
	position: relative;
	display: flex;
	align-items: center;
}
#filtres_index .search{
	color: var(--black);
	padding-right: 60px;
	width: 100%;
}
#recherche_index{
	position: relative;
	flex-grow: 2;
}
#filtres_index .search:focus{
	border: 1px solid var(--violet);
}
#filtres_index .checkboxes .checkbox{
	margin-left: 30px;
}
#filtres_index .submit_search{
	width: 48px;
	height: 48px;
}

/* Liste */
#liste_resultat_recherche{
	padding: 0 50px;
}
#liste_resultat_recherche .tri{
	margin-bottom: 20px;
}
#select_all{
	background: var(--light_grey);
	padding: 15px 15px 15px 18px;
	border-bottom: 1px solid var(--grey);
}
#select_all .checkbox::before{
	border-color: #b9b9b9;
	transition: all 0.2s ease;
}
#select_all .checkbox::hover::before{
	border-color: var(--violet);
}
#liste_resultat_recherche .resultat{
	padding: 30px 15px;
	border-bottom: 1px solid var(--grey);
	display: flex;
	justify-content: space-between;
	border-left: 3px solid var(--blanc);
}
#liste_resultat_recherche .resultat .checkbox{
	width: 75px;
}
#liste_resultat_recherche .resultat .titres{
	width: calc(100% - 260px);
/*     display: flex; */
    align-items: flex-start;
}
#liste_resultat_recherche .resultat .titres img.couverture{
    display: block;
    max-width: 135px;
    margin-right: 20px;
}
#liste_resultat_recherche .resultat .meta{
	width: 185px;
}
#liste_resultat_recherche .resultat .titre{
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 3px;
}
#liste_resultat_recherche .resultat .titre span{
	cursor: pointer;
}
#liste_resultat_recherche .resultat .titres a:hover *{
	text-decoration: underline;
}
#liste_resultat_recherche .resultat .edition{
	font-size: 16px;
}
#liste_resultat_recherche .resultat p{
	margin-bottom: 0;
	line-height: 1em;
}
#liste_resultat_recherche .resultat p{
	font-size: 14px;
}
#liste_resultat_recherche .resultat .date{
	margin-bottom: 5px;
}
#liste_resultat_recherche .resultat .checkbox span{
	color: var(--black);
	font-size: 16px;
	font-weight: 500;
}
#liste_resultat_recherche .resultat.checked{
	border-left: 3px solid var(--violet);
}

/* Pagination */
#pagination{
	padding: 30px 0;
}
#pagination > *{
	display: inline-block;
	vertical-align: middle;
}
#pagination > a,
#pagination > span{
	width: 50px;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	margin-right: 3px;
}
#pagination > a{
	background: var(--light_grey);
	transition: all 0.2s ease;
}
#pagination > a:hover{
	background: var(--violet);
	color: #fff;
}
#pagination > span{
	color: var(--green);
}
#pagination .info{
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	color: var(--dark_grey);
	padding-top: 18px;
	height: 50px;
	margin: 0 15px;
}
#pagination .info span{
	margin-left: 10px;
}
#pagination > a.last svg{
	fill: var(--black);
	width: 9px;
	height: 10px;
	margin: auto;
	display: block;
	transition: all 0.2s ease;
}
#pagination > a.last:hover svg{
	fill: var(--blanc);
}

/* Sticky export */
.sticky_bottom{
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	align-self: flex-end;
}
.sticky_bottom.btn.violet span::after{
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-right: 1px solid var(--blanc);
    border-top: 1px solid var(--blanc);
    width: 8px;
    height: 8px;
    margin-top: -1px;
    margin-left: 2px;
}
.sticky_bottom .btn svg{
	fill: var(--violet);
}
#export{
	background-color: var(--blanc);
	height: 60px;
	border-top: 1px solid var(--grey);
}
#export .btn{
	height: 60px;
}
#export .btn span{
	color: var(--violet);
	font-size: 12px;
}
#export .btn.violet span{
	color: var(--blanc);
	font-size: 14px;
}
#export .btn.export_all{
	margin: 0 50px;
}
#export .right .btn{
	margin: 0 15px;
}
#export .right .btn:last-child{
	margin-right: 0px;
}


/* = Recherche avancée
----------------------------------------------- */
#lancer_recherche_avancee.btn span:after{
	content: "";
	display: inline-block;
	transform: rotate(45deg);
	border-right: 1px solid var(--blanc);
	border-top: 1px solid var(--blanc);
	width: 8px;
	height: 8px;
	margin-top: -3px;
	margin-left: 2px;
}
#formulaire_recherche_avancee{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
#formulaire_recherche_avancee #ajouter{
	width: 24px;
	height: 24px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}
#formulaire_recherche_avancee #ajouter:before{
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background-color: var(--violet);
	position: absolute;
	right: calc(50% - 1px);
	top: 0;
	transition: all 0.2s ease;
}
#formulaire_recherche_avancee #ajouter:after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--violet);
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: all 0.2s ease;
}
#formulaire_recherche_avancee #ajouter:hover:before,
#formulaire_recherche_avancee #ajouter:hover:after{
	background-color: var(--dark_violet);
}
#criteres{
	width: calc(100% - 40px);
}
#criteres .critere{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#criteres .critere:first-child{
	padding-left: 82px;
}
#criteres .critere:first-child,
#criteres .critere:nth-child(2){
	padding-right: 44px;
}
#criteres .critere .option{
	margin-right: 20px;
}
#criteres .critere .option_01{
	flex-grow: 0;
}
#criteres .critere .option_02{
	width: 254px;
}
#criteres .critere .option_03{
	flex-grow: 4;
}
#criteres .critere .option_04{
	width: 254px;
}
#filtres_recherche_avancee{
	padding-top: 35px;
	padding-bottom: 50px;
	justify-content: center;
}
#filtres_recherche_avancee .filtres_list{
	padding-right: 150px;
}
#filtres_recherche_avancee .checkbox{
	display: block;
	margin-bottom: 14px;
}
#filtres_recherche_avancee .filtres_list p{
	font-size: 14px;
	margin: 30px 0 10px 0;
}
#formulaire_recherche_avancee .retirer_critere{
	width: 24px;
	height: 24px;
	position: relative;
	cursor: pointer;
	margin: 12px 10px 0 10px;
}
#formulaire_recherche_avancee .retirer_critere:after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--violet);
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: all 0.2s ease;
}
#formulaire_recherche_avancee .retirer_critere:hover:after{
	background-color: var(--dark_violet);
}


/* = Fiche article
----------------------------------------------- */
#content.article .retour.right{
	width: calc(100% + 50px);
	position: relative;
}
#content.article .retour.right:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	background: var(--light_grey);
	height: 1px;
	transform: translate(calc(100% - 50px));
	width: calc(100vw - var(--main_column));
	min-width: 50px;
	bottom: 0;
	z-index: 5;
	margin-left: -50px;
}
#content.article .retour{
	padding: 20px 50px;
	border-bottom: 1px solid var(--light_grey);
	display: flex;
	justify-content: space-between;
}
#content.article .retour a{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
	transition: all 0.2s ease;
	margin-top: 3px;
}
#content.article .retour a:hover{
	color: var(--dark_violet);
	text-decoration: underline;
}
#content.article .retour a::before {
    content: "";
    display: inline-block;
    transform: rotate(225deg);
    border-right: 1px solid var(--violet);
    border-top: 1px solid var(--violet);
    width: 8px;
    height: 8px;
    margin-top: -3px;
    margin-right: 2px;
    vertical-align: middle;
}
#content.article .retour .navigation > *{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
#content.article .retour .navigation .arrow{
	cursor: pointer;
	margin-left: 10px;
}
#content.article .retour .navigation .arrow img,
#content.article .retour .navigation .arrow svg{
	color: var(--violet);
	width: 26px;
	height: 15px;
	transition: all 0.2s ease;
}
#content.article .retour .navigation .arrow:hover img,
#content.article .retour .navigation .arrow:hover svg{
	fill: var(--dark_violet);
}
#content.article .retour .navigation p{
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px;
}
#fiche_article{
	padding: 50px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#fiche_article #action a{
	color: var(--violet);
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 15px;
	transition: all 0.2s ease;
}
#fiche_article #action a:hover{
	text-decoration: underline;
}
#fiche_article #action a img,
#fiche_article #action a svg{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	fill: var(--violet);
}
#fiche_article .text{
	font-size: 16px;
	width: calc(100% - 565px);
	line-height: 1.5;
}
#fiche_article .text > *{
	max-width: 490px;
}

#fiche_article #notice{
	color: var(--violet);
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 15px;
	transition: all 0.2s ease;
}
#fiche_article #notice:hover{
	text-decoration: underline;
}
#fiche_article #notice img,
#fiche_article #notice svg{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 15px;
	height: 15px;
}
#fiche_article #action{
	width: 200px;
	margin-right: -90px;
}
#fiche_article #galerie{
	width: 330px;
	display: flex;
}
#fiche_article #galerie .images{
	width: 25%;
	padding-right: 15px;
}
#fiche_article #galerie .images a{
	margin-bottom: 10px;
	display: block;
}
#fiche_article #galerie .couverture{
	width: 75%;
	background-color: var(--grey);
	padding: 5px 20px 20px 20px;
}

#fiche_article .galerie{
	width: 330px;
	display: flex;
}
#fiche_article .galerie .images{
	width: 25%;
	padding-right: 15px;
}
#fiche_article .galerie .images a{
	margin-bottom: 10px;
	display: block;
}
#fiche_article .galerie .couverture{
	width: 75%;
	background-color: var(--grey);
	padding: 5px 20px 20px 20px;
}


/* = Partitions
----------------------------------------------- */
#content.partitions h1{
	font-size: 25px;
	margin-bottom: 15px;
	padding-right: 50px;
	line-height: 1.2em;
}
#content.partitions h1.big{
	font-size: 50px;
}
#content.partitions .cumulatifs{
	padding-left: 40px;
}
#content.partitions .cumulatifs h2{
	font-size: 20px;
	color: var(--green);
	margin-bottom: 10px;
}
#content.partitions .cumulatifs p{
	font-size: 14px;
}
#content.partitions .cumulatifs a{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
	transition: all 0.2s ease;
}
#content.partitions .cumulatifs a:hover{
	text-decoration: underline;
}
#content.partitions .cumulatifs a::after {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-right: 1px solid var(--violet);
    border-top: 1px solid var(--violet);
    width: 8px;
    height: 8px;
    margin-top: -1px;
    margin-left: 2px;
}
.option_partitions h2{
	color: var(--green);
}
.option_partitions{
	border-top: 1px solid var(--light_grey);
	padding: 27px 0;
}
#option_partitions_1{
	margin-top: 50px;
}
#statistiques,#voir_notices{
	visibility: hidden;
	opacity: 0;
}
#statistiques.show, #voir_notices.show{
	visibility: visible;
	opacity: 1;
}
#statistiques a{
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--violet);
}
#statistiques a img{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	margin-top: -3px;
}
#statistiques a:hover{
	text-decoration: underline;
}
#content.partitions #cadre_de_classement,
#content.partitions #index{
	display: none;
	padding-left: calc(calc(100%/3) + 10px);
}
#content.partitions #cadre_de_classement.show,
#content.partitions #index.show{
	display: flex;
}
#content.partitions #cadre_de_classement .checkbox{
	display: block;
	margin-bottom: 14px;
}
#content.partitions #cadre_de_classement .checkbox span{
	text-transform: uppercase;
}
#content.partitions #cadre_de_classement h3{
	margin-top: 60px;
}
#content.partitions #cadre_de_classement h3:first-child{
	margin-top: 0;
}
#content.partitions #index .arrow_link{
	color: var(--black);
	font-weight: 500;
}

/* = Modale
----------------------------------------------- */
.modale{
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: center;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.8);
}
.modale.show{
	visibility: visible;
	opacity: 1;
}
.modale .inside_modale{
	background-color: #fff;
	width: 794px;
	padding: 50px 50px 30px 0;
	margin: auto;
	position: relative;
}
.modale .inside_modale .titre{
	text-align: center;
	font-size: 25px;
	margin-bottom: 20px;
}
.modale .inside_modale .close{
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	transform: rotate(45deg);
	width: 24px;
	height: 24px;
}
.modale .inside_modale .close:before{
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background-color: var(--violet);
	position: absolute;
	right: calc(50% - 1px);
	top: 0;
	transition: all 0.2s ease;
}
.modale .inside_modale .close:after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: var(--violet);
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transition: all 0.2s ease;
}
#formulaire_recherche_avancee #ajouter:hover:before,
#formulaire_recherche_avancee #ajouter:hover:after{
	background-color: var(--dark_violet);
}

/* = Liste index
----------------------------------------------- */
#content.resultat_recherche.partitions .header {
    padding: 40px 50px 20px 50px;
}
#liste_resultat_recherche.partitions .resultat{
	align-items: center;
}
#alphabet{
	display: flex;
	justify-content: center;
	margin-top: 23px;
}
#alphabet a{
	display: block;
	width: calc(100%/28);
	color: var(--dark_grey);
	border-bottom: 3px solid var(--blanc);
	text-align: center;
	padding-bottom: 8px;
	transition: all 0.2s ease;
}
#alphabet a:hover{
	color: var(--violet);
}
#alphabet a.current{
	color: var(--violet);
	border-bottom: 3px solid var(--violet);
}
#content.resultat_recherche.partitions .header #filtres > *{
	margin-left: 20px;
}
#content.resultat_recherche.partitions .header #filtres .search{
	margin-left: 0;
	width: calc(100% - 420px);
}

/* = Cumulatifs annuels
----------------------------------------------- */
.cumulatif_single{
	border: 1px solid var(--grey);
	width: calc(25% - calc(20px*3/4) );
	margin: 7px;
	padding: 20px; 
	transition: all 0.2s ease;
}
.cumulatif_single .titre{
	color: var(--black);
	font-size: 20px;
	margin-bottom: 32px;
	line-height: 1.2em;
}
.cumulatif_single .telecharger {
    color: var(--violet);
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0px;
}
.cumulatif_single .telecharger img,
.cumulatif_single .telecharger svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    fill: var(--violet);
	transition: all 0.2s ease;
}
.cumulatif_single:hover{
	background: var(--violet);
	border: 1px solid var(--violet);
}
.cumulatif_single:hover .titre,
.cumulatif_single:hover .telecharger{
	color: var(--blanc);
}
.cumulatif_single:hover .telecharger img,
.cumulatif_single:hover .telecharger svg {
	color: var(--black) !important;
	fill: var(--blanc) !important;
}


/* #Media Queries
================================================== */
@media only screen and (max-width: 1600px) {
	.sixieme.sans{ width: calc(100%/4); }
	#searchbar{ width: calc(100%/2); }
}
 
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	
	/* Grille */
	#content {
	    padding: 15px;
	}
	.demi,
	.tiers,
	.quart,
	.trois-quart,
	.deux-tiers{
		width: 100%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

#content.resultat_recherche .header #filtres .tag.delete{
	background-color: var(--green);
}

#content.resultat_recherche .header #filtres .tag.delete:hover{
	background-color: var(--green);
}
   
.notice-mere a, .notice-fille a{
	color: var(--violet);
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 15px;
    transition: all 0.2s ease;
}

.lacarte-index{
	padding:5% 0 10% 30%;
}

.hidden, .clone{
	display:none!important;
}

#results_processing-pagination {
    position: absolute;
    top: 25em;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    box-shadow: 0 0 1px 3px rgba(136, 64, 142, 0.1);
    border: 1px solid var(--violet);
}

div.dataTables_processing {
    z-index: 1;
}
a.edit{
    position: relative;
    float: right;
    z-index: 5;
    top: 50px;
    color: var(--violet);
}

footer .version{
	margin-left: -35em;
    margin-right: -10em;
}

.aide{
	padding: 50px;
}

.email{
	margin-left: 30%;
    width: 20em;
}

.pdf-text{
	left: -11px;
    z-index: 5;
    cursor: pointer;
    position: relative;
    bottom: -6px;
}

.send-email{
	left: -11px;
    z-index: 1;
    cursor: pointer;
    position: relative;
    bottom: -6px;
}

a.copy{
	top: -25px;
    position: relative;
}

input.copy{
    opacity: 0;
    height: 0;
}

.pdf-text-results{
	bottom: 0;
}

.pdf-text-results .label{
	color: var(--violet);
}

.pdf-text-results ul{
	top: -100px !important;
}

.disabled a{
	cursor : not-allowed;
}

.pdf-text ul{
	top: 70%;
}

.pdf-text-results .label a{
	padding-right: 1em;
}

.select_list.prec-lots:hover ul, .select_list.current-year-list:hover ul{
	display: none;
}

a.sort-link, a.length-link{
	display: block;
	width: 110%;
}

input.volet-edit{
	color: black;
	margin : 10px 0;
}

.regions li.active{
	color : var(--violet);
}
#export .center.container{
	justify-content: space-between;
}

#rss_container{
	padding:3em;
}

#rss_container li{
	padding : 1em;
}
#rss_container li a{
	display: flex;
    align-items: center;
}

.parent{
	padding-top: 15px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.col{
	padding: 0 15px;
}

.col select{
	padding-top: 10px;
}

.btn-primary {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff!important;
    background-color: #007bff;
    border-color: #007bff;
    cursor:pointer;
    display:block;
}


.btn-primary:hover {
    color: #212529;
    text-decoration: none;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.send-email ul{
	margin-top: -1em;
}

.arrow.disabled{
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}
.arrow.disabled:hover{
	text-decoration: none;
	color: auto;
	background: auto;
}

/*cookies Tarte au citron */
html body #tarteaucitronRoot #tarteaucitronAlertBig {
padding:20px 0px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
display:block;
text-align:center;
margin: 0 0 10px;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust #tarteaucitronAllAllowed,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust #tarteaucitronAllDenied,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory #tarteaucitronServices_mandatory .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #atinternetLine .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #atinternetLine .tarteaucitronDeny  {
    padding: 14px 20px;
    border: 2px solid #88408e;
    font-size: 0.813em;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    background: #88408e;
    border-radius: 0;
    font-family: 'Roboto Condensed'!important;
	font-weight:bold;
    color: white;
	display:inline;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices div.tarteaucitronBorder {
	border: none;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices div.tarteaucitronBorder .tarteaucitronSelfLink {
	display: none;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 .tarteaucitronCross,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset #tarteaucitronScrollbarAdjust  .tarteaucitronCross,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServicesTitle_mandatory #tarteaucitronServices_mandatory .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #atinternetLine .tarteaucitronCheck,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_analytic #atinternetLine .tarteaucitronCross {
	display:none;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    padding: 14px 27px;
    border: 2px solid #1f1f24;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    background: transparent;
    border-radius: 0;
    font-family: 'Roboto Condensed'!important;
	font-weight:bold;
    display: inline-block;
    text-align: center;
}
html body #tarteaucitronRoot button#tarteaucitronBack {
    background: #000;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset .tarteaucitronH1 {
    font-family: 'Roboto Condensed'!important;
}
html body #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
html body #tarteaucitronRoot div#tarteaucitronServices {
	background: white;
	box-shadow:none;
}
html body div#tarteaucitronInfo {
	border: none;
}
html body div#tarteaucitronAlertBig {
	background-color: #F5F5F5 !important;
}

html body div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
}

html body div#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
	color: #4e4e51 !important;
}

html body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronMainLineOffset .tarteaucitronName .tarteaucitronH2 {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
}

div#tarteaucitronMainLineOffset {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div#tarteaucitronMainLineOffset div#tarteaucitronInfo {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div#tarteaucitronMainLineOffset span#dialogTitle {
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div#tarteaucitronMainLineOffset div.tarteaucitronName span.tarteaucitronH2 {
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div#tarteaucitronMainLineOffset div#tarteaucitronInfo button#tarteaucitronPrivacyUrlDialog {
	background-color: #88408e !important;
	color: white !important;
	font-family: 'Roboto Condensed'!important;
	font-weight:bold;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div#tarteaucitronMainLineOffset {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div.tarteaucitronBorder ul li#tarteaucitronServicesTitle_mandatory div.tarteaucitronTitle {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div.tarteaucitronBorder ul li#tarteaucitronServicesTitle_mandatory div.tarteaucitronTitle button {
	background-color: #4e4e51 !important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div.tarteaucitronBorder ul li#tarteaucitronServicesTitle_analytic div.tarteaucitronTitle {
	background-color: #F5F5F5 !important;
	color: #4e4e51 !important;
	font-family: 'Roboto Condensed'!important;
}

html body div#tarteaucitronRoot div#tarteaucitron div#tarteaucitronServices div.tarteaucitronBorder ul li#tarteaucitronServicesTitle_analytic div.tarteaucitronTitle button {
	background-color: #4e4e51 !important;
}