/*Theme Name: Divi-child
Author: DCOM MERN - MFFP
Author URI: 
Template: Divi
Version: 1.0*/
/* =================================================== */
@font-face {
	font-family: 'interstatebold';
	src: url('polices/Interstate-Bold.eot');
	src: url('polices/Interstate-Bold.eot?#iefix') format('embedded-opentype'),
		/*url('Interstate-Bold.woff2') format('woff2'),*/
		url('polices/Interstate-Bold.woff') format('woff'), url('polices/Interstate-Bold.ttf') format('truetype'), url('polices/Interstate-Bold.svg#Interstate-Bold') format('svg');
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: 'interstateregularlight';
	src: url('polices/Interstate-Light.eot');
	src: url('polices/Interstate-Light.eot?#iefix') format('embedded-opentype'),
		/*url('Interstate-Light.woff2') format('woff2'),*/
		url('polices/Interstate-Light.woff') format('woff'), url('polices/Interstate-Light.ttf') format('truetype'), url('polices/Interstate-Light.svg#Interstate-Light') format('svg');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'interstateregular';
	src: url('polices/Interstate-Regular.eot');
	src: url('polices/Interstate-Regular.eot?#iefix') format('embedded-opentype'),
		/*url('Interstate-Regular.woff2') format('woff2'),*/
		url('polices/Interstate-Regular.woff') format('woff'), url('polices/Interstate-Regular.ttf') format('truetype'), url('polices/Interstate-Regular.svg#Interstate-Regular') format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'minyanouvelle';
	src: url(polices/minya-nouvelle-rg.ttf) format('truetype');
}

/* =========HTML5 display definitions========================== */
html.et-fb-top-html,
html.et-fb-root-ancestor {
	overflow: inherit !important
}

body {
	overflow-x: hidden;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif
}

body.et-fb {
	overflow-x: inherit
}

s article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

/*** Correct `inline-block` displaynot defined in IE 6/7/8/9 and Firefox 3.*/
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

/*** Prevent modern browsers from displaying `audio` without controls.* Remove excess height in iOS 5 devices.*/
audio:not([controls]) {
	display: none;
	height: 0
}

/*** Address stylingnot present in IE 7/8/9, Firefox 3, and Safari 4.* Known issue: no IE 6 support.*/
[hidden] {
	display: none
}

/* ==========================================================================Base========================================================================== */
/*** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using* `em` units.* 2. Prevent iOS text size adjustafter orientation change, without disabling* user zoom.*/
html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

/*** Address `font-family` inconsistency between `textarea` and other form* elements.*/
html,
button,
input,
select,
textarea {
	font-family: sans-serif
}

/*** Address margins handled incorrectly in IE 6/7.*/
body {
	font-size: 14px;
	margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 5px
}

/* ==========================================================================Links========================================================================== */
/*** Address `outline` inconsistency between Chrome and other browsers.*/
p a {
	color: #006993 !important;
	text-decoration: underline
}

p a:hover {
	text-decoration: none !important
}

.et_pb_text_inner ul li a,
.et-db #et-boc .et_pb_text_inner ul li a {
	color: #006993
}

grandDossier a {
	text-decoration: none
}

/* ==========================================================================Typography========================================================================== */
/*** Address font sizes and margins set differently in IE 6/7.* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,* and Chrome.*/
#page-container h1,
.et-db #et-boc h1,
h1 {
	margin-top: 20px
}

#page-container h2,
.et-db #et-boc h2,
h2 {
	/* font-size: 1.714em; */
	font-size: 1.4em;
	line-height: 1.3em;
	margin: 1em 0 0.35em 0;
	font-family: 'interstateregularlight', sans-serif !important
}

/*.et_pb_specialty_column*/
#page-container h3,
.et-db #et-boc h3,
h3 {
	font-size: 1.429em;
	margin: 1.3em 0 0.45em 0;
	font-family: 'interstatebold', sans-serif !important
}

#page-container h4,
.et-db #et-boc h4,
h4 {
	font-size: 1.143em;
	margin: 1.33em 0 0.4em 0;
	font-family: 'interstatebold', sans-serif !important
}

#page-container h5,
.et-db #et-boc h5,
h5 {
	font-size: 1.000em;
	margin: 1.33em 0 0.3em 0;
	font-family: "interstatebold", sans-serif !important
}

#page-container .et_pb_toggle_title,
.et-db #et-boc .et_pb_toggle_title {
	margin: 0.3em 0 0.3em 0
}

#page-container h6,
.et-db #et-boc h6,
h6 {
	font-size: 0.857em;
	margin: 1.33em 0 0.25em 0;
	font-family: "interstatebold", sans-serif !important
}

/*** Address stylingnot present in IE 7/8/9, Safari 5, and Chrome.*/
abbr[title] {
	border-bottom: 1px dotted
}

/*** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.*/
b,
strong {
	font-weight: 700
}

.og-communique {
	border: 1px solid #ccc
}

blockquote p {
	display: inline
}

blockquote {
	border-left: none;
	padding-left: 0;
	font-weight: 700
}

blockquote::before {
	content: "« ";
	color: #27aee4;
	font-size: 1.2em
}

blockquote::after {
	content: " »";
	color: #27aee4;
	font-size: 1.2em
}

/*** Address stylingnot present in Safari 5 and Chrome.*/
dfn {
	font-style: italic
}

/*** Address differences between Firefox and other browsers.* Known issue: no IE 6/7 normalization.*/
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

/*** Address stylingnot present in IE 6/7/8/9.*/
mark {
	background: #ff0;
	color: #000
}

/*** Address margins set differently in IE 6/7.*/
p,
pre {
	margin: 1em 0
}

/*** Correct font family set oddly in IE 6, Safari 4/5, and Chrome.*/
p {
	font-size: 0.95em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

/*** Improve readability of pre-formatted text in all browsers.*/
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

/*** Address CSS quotesnot supported in IE 6/7.*/
q {
	quotes: none
}

/*** Address `quotes` propertynot supported in Safari 4.*/
q:before,
q:after {
	content: '';
	content: none
}

/*** Address inconsistent and variable font size in all browsers.*/
small {
	font-size: 80%
}

/*** Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

/* ==========================================================================Lists========================================================================== */
ul li {
	list-style: square;
	font-size: 100%;
	margin-bottom: 5px
}

/*** Address margins set differently in IE 6/7.*/
dl,
menu,
ol,
ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

/*** Address paddings set differently in IE 6/7.*/
menu,
ol,
ul {
	padding: 0 0 0 40px
}

/*** Correct list images handled incorrectly in IE 7.*/
nav ul,
nav ol {
	list-style: none;
	list-style-image: none
}

/* ==========================================================================Embedded content========================================================================== */
/*** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.* 2. Improve image quality when scaled in IE 7.*/
img {
	border: 0;
	/* 1 */
	-ms-interpolation-mode: bicubic;
	/* 2 */
}

/*** Correct overflow displayed oddly in IE 9.*/
svg:not(:root) {
	overflow: hidden
}

/* ==========================================================================Figures========================================================================== */
/*** Address marginnot present in IE 6/7/8/9, Safari 5, and Opera 11.*/
figure {
	margin: 0
}

/* ==========================================================================Forms========================================================================== */
/*** Correct margin displayed oddly in IE 6/7.*/
form {
	margin: 0
}

/*** Define consistent border, margin, and padding.*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

/*** 1. Correct colornot being inherited in IE 6/7/8/9.* 2. Correct textnot wrapping in Firefox 3.* 3. Correct alignment displayed oddly in IE 6/7.*/
legend {
	border: 0;
	/* 1 */
	padding: 0;
	white-space: normal;
	/* 2 */
	*margin-left: -7px;
	/* 3 */
}

/*** 1. Correct font sizenot being inherited in all browsers.* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,* and Chrome.* 3. Improve appearance and consistency in all browsers.*/
button,
input,
select,
textarea {
	font-size: 100%;
	/* 1 */
	margin: 0;
	/* 2 */
	vertical-align: baseline;
	/* 3 */
	*vertical-align: middle;
	/* 3 */
}

/*** Address Firefox 3+ setting `line-height` on `input` using `!important` in* the UA stylesheet.*/
button,
input {
	line-height: normal
}

/*** Address inconsistent `text-transform` inheritance for `button` and `select`.* All other form control elements donot inherit `text-transform` values.* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.* Correct `select` style inheritance in Firefox 4+ and Opera.*/
button,
select {
	text-transform: none
}

/*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`* and `video` controls.* 2. Correct inability to style clickable `input` types in iOS.* 3. Improve usability and consistency of cursor style between image-type* `input` and others.* 4. Remove inner spacing in IE 7 without affecting normal text inputs.* Known issue: inner spacing remains in IE 6.*/
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
	*overflow: visible;
	/* 4 */
}

/*** Re-set default cursor for disabled elements.*/
button[disabled],
html input[disabled] {
	cursor: default
}

/*** 1. Address box sizing set to content-box in IE 8/9.* 2. Remove excess padding in IE 8/9.* 3. Remove excess padding in IE 7.* Known issue: excess padding remains in IE 6.*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
	*height: 13px;
	/* 3 */
	*width: 13px;
	/* 3 */
}

/*** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome* (include `-moz` to future-proof).*/
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box
}

/*** Remove inner padding and search cancel button in Safari 5 and Chrome* on OS X.*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

.entry-content ul {
	line-height: 1.5em
}

/*** Remove inner padding and border in Firefox 3+.*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

/*** 1. Remove default vertical scrollbar in IE 6/7/8/9.* 2. Improve readability and alignment in all browsers.*/
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================Tables========================================================================== */
/*** Remove most spacing between table cells.*/
table {
	border-collapse: collapse;
	border-spacing: 0
}

/* ==========================================================================AUTHOR (Custom)========================================================================== */
body.et_cover_background.home,
body.page-id-3655 {
	background: #f6f7f7
}

/** Clearfix: contain floats** For modern browsers* 1. The space content is one way to avoid an Opera bug when the* `contenteditable` attribute is included anywhere else in the document.* Otherwise it causes space to appear at the top and bottom of elements* that receive the `clearfix` class.* 2. The use of `table` rather than `block` is only necessary if using* `:before` to contain the top-margins of child elements.*/
.clearfix:before,
.clearfix:after,
#menu-menu-secteurs:before,
#menu-menu-secteurs:after,
#menu-sectors:before,
#menu-sectors:after,
.menu-primaire-mobile:after,
.menu-primaire-mobile:before {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.clearfix:after,
#menu-menu-secteurs:after,
#menu-sectors:after,
.menu-primaire-mobile:after {
	clear: both
}

/* ==========================================================================Wordpress (OVERWRITE)========================================================================== */
/*Page protégée par mot de passe*/
.et_password_protected_form p,
.et_password_protected_form form {
	width: 940px;
	margin: auto;
}

.et_password_protected_form p input {
	border: 2px solid #000 !important;
	margin-top: 12px;
}

#main-header {
	padding-top: 0px;
}

#page-container .et_post_meta_wrapper {
	padding-top: 0px
}

.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
	padding: 0
}

#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a {
	color: #FFFFFF !important
}

.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
	padding-top: 0
}

.et_boxed_layout #page-container,
.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,
.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header,
.et_fixed_nav.et_boxed_layout #page-container #top-header,
.et_fixed_nav.et_boxed_layout #page-container #main-header,
.et_boxed_layout #page-container .container,
.et_boxed_layout #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
	max-width: 100%;
	padding: 0 1em
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .container,
body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
	width: 100%;
	max-width: 100%;
	padding-top: 0;
}

table {
	width: 100%
}

#main-header {
	box-shadow: none
}

#top-menu .menu-item-has-children>a:first-child::after,
.fullwidth-menu .menu-item-has-children>a:first-child::after,
#et-secondary-nav .menu-item-has-children>a:first-child::after {
	content: "";
	padding-right: 0
}

.et_boxed_layout #page-container,
.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,
.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header,
.et_fixed_nav.et_boxed_layout #page-container #top-header,
.et_fixed_nav.et_boxed_layout #page-container #main-header,
.et_boxed_layout #page-container .container,
.et_boxed_layout #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
	width: 100%
}

#page-container .et_pb_section {
	background: none;
	padding: 0;
	font-family: "interstateregularlight", "Helvetica", sans-serif
}

.home #page-container .et_pb_section {
	padding: 0
}

#page-container .et_pb_inner_shadow {
	box-shadow: none
}

.et_boxed_layout #page-container,
.et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header,
.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header,
.et_fixed_nav.et_boxed_layout #page-container #top-header,
.et_fixed_nav.et_boxed_layout #page-container #main-header,
.et_boxed_layout #page-container .container,
.et_boxed_layout #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row,
.et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
	padding: 0
}

/* ==========================================================================Général========================================================================== */
body {
	font-family: 'interstateregular', sans-serif
}

.wrapper,
.et_pb_section,
.single-post #main-content,
.archive #main-content {
	width: 96%;
	margin: 0 auto;
	background: none
}

/*Cacher le reCAPTHA V3*/
.grecaptcha-badge {
	display: none;
}

#page-container #top-menu,
#page-container .fullwidth-menu {
	display: block
}

.et_pb_section.et_pb_fullwidth_section {
	width: 100%
}

#page-container .et_pb_section.accueil {
	position: relative
}

#page-container .et_pb_section.accueil:before {
	content: "";
	display: block;
	width: 371px;
	height: 464px;
	background: url(/wp-content/uploads/2015/08/mern_triangle.png) no-repeat;
	position: absolute;
	left: -371px;
	top: 0
}

body:not(.home) #page-container .et_pb_section:first-child:before,
body:not(.home) #page-container #main-content .container:before {
	content: "";
	display: block;
	width: 371px;
	height: 464px;
	background: url(/wp-content/uploads/2015/12/mern_triangle_interne.png) no-repeat;
	position: absolute;
	left: -300px;
	top: 0;
	z-index: 0
}

body.page-id-4197 #page-container .et_pb_section:first-child:before,
body.page-id-4197 #page-container #main-content .container:before,
body.page-id-5673 #page-container .et_pb_section:first-child:before,
body.page-id-5673 #page-container #main-content .container:before {
	background: none
}

/*Îcones médias sociaux*/
header .social {
	float: right;
	margin: 5px 0 0 0.7em;
	padding: 0 0 0 0.7em;
	display: none;
	/*border-left: 1px solid #dddedf*/
}

a.ms-icons {
	display: inline-block
}

article.type-page {
	background: #FFF
}

/*Fonctionnalité permettant de copier un URL*/
.js-copier-url {
	font-weight: 400;
	color: #000 !important;
	padding: 12px;
	margin: 0;
	background-color: #f5f5f5;
	display: inline-block;
	position: relative;

	cursor: pointer;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;

	white-space: nowrap;
	text-decoration: none !important;
}

div.js-copier-ctn {
	position: relative;
}

div.tooltip-toggle {
	font-weight: 400;
	text-align: center;
	padding: 12px !important;
	/*margin: -7% 0 0 -24% !important;*/
	min-width: 280px;
	top: -72px;
	left: 50%;
	position: absolute;
	color: #ffffff;
	background-color: #5a5a5a;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);

}

.js-copier-url:hover {
	border: 1px solid #adadad;
}

.js-copier-url:active {
	background-color: #fafafa;
}

/* ==========================================================================Fil d'ariane========================================================================== */
.filAriane {
	margin-top: 2%
}

.filAriane ul {
	float: left;
	width: 95%;
	margin: 0;
	padding: 0;
	line-height: 1em
}

.filAriane ul li {
	display: inline-block;
	padding-right: 0.917em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.857em;
	font-weight: 700
}

.filAriane ul li a {
	font-size: 1em;
	font-weight: 400;
	text-decoration: none
}

.filAriane ul li:after {
	content: ">";
	font-weight: 400;
	margin-left: 8px
}

.filAriane ul li:last-child::after {
	content: ""
}

.filAriane ul li a:last-child {
	content: " "
}

.filAriane ul li a :active {
	font-weight: 700
}

.filAriane ul li a:hover {
	text-decoration: underline
}

.filAriane span {
	text-indent: -99999px;
	background: url(/wp-content/uploads/2015/08/mern_ariane.png) no-repeat;
	width: 16px;
	height: 14px;
	margin-right: 0.1em
}

header section .filAriane span {
	float: left
}

/* ==========================================================================PIV========================================================================== */
/*.mobile_menu_bar {
	position: absolute
}
header .container {
	display: table
}
#et-top-navigation {
	width: 100%;
	padding-left: 0!important;
	margin-top: 3.6em;
	display: table-cell;
	float: none;
	vertical-align: bottom
}
#et-top-navigation nav {
	background: #003399;
	width: 100%;
	margin-bottom: 1.8em;
	margin-top: 3.4em
}
#et-top-navigation nav ul {
	margin: 0;
	padding: 0 0.813em
}
#et-top-navigation nav ul li {
	margin-right: 1.250em;
	padding: 0
}
#et-top-navigation nav ul li a {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.4em;
	font-size: 0.786em
}
#page-container #et-top-navigation nav ul li a:hover {
	color: #FFF;
	background: none;
	opacity: 1
}
.bg-blur{
	display: none;
}
#pivLogo {
	float: none;
	width: 20%;
	display: table-cell;
	vertical-align: top;
	padding-top: 2px
}
#main-header .container {
	width: 100%!important
}*/

/* ------------------------------ PIV - Svetlana Savin Janvier 2021 ------------------------------*/
#main-header {
	border-top: 8px solid #095797;
}

#piv_entete {
	font-family: 'Roboto', Arial, Sans-Serif;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: auto;
	position: relative;
}

#pivLogo {
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%;
	max-width: 25%;
	max-height: 72px;
	webkit-box-align: center !important;
	align-items: center !important;
}

#pivLogo img {
	height: 72px;
}

#piv_entete #piv_mobile {
	display: none;
}

#piv_entete #piv_identite {
	display: flex;
	-ms-flex: 0 0 45%;
	-webkit-box-flex: 0;
	flex: 0 0 45%;
	max-width: 50%;
	margin-left: 3%;
	font-size: 16px;
	width: 100%;
	max-height: 72px;
}

#piv_identite a {
	color: #000;
	text-decoration: none;
}

#piv_identite a:hover {
	text-decoration: underline;
}

#piv_identite p {
	margin: 18px 0px;
	color: #000;
	font-size: 16px;
	line-height: initial;
}

#piv_entete #top-menu {
	list-style: none;
	padding: 0 0 0 3%;
	margin: 16px 0;
}

#piv_entete #top-menu li {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12.8px;
	min-width: 72px;
	line-height: 1em;
}

#piv_entete #top-menu li:first-child {
	margin-bottom: 6px;
}

#piv_entete #top-menu a {
	color: #000;
	text-decoration: none;
	padding-bottom: 0;
	font-weight: normal;
}

#piv_entete #top-menu a:hover {
	text-decoration: underline;
}

#piv_entete #et-top-navigation {
	display: flex;
	float: none;
	padding-top: 0;
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%;
	max-width: 25%;
	min-width: 14%;
	max-height: 72px;
	margin-right: 0;
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	justify-content: flex-end !important;
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
}

#piv_entete #et-top-navigation #top-menu-nav {
	top: auto;
	max-height: none;
}

#piv_entete #et-top-navigation #recherche {
	cursor: pointer;
}

#top-menu-nav>ul>li>a:hover {
	opacity: 1;
	-webkit-transition: inherit;
	transition: inherit;
}

#piv_entete #et-top-navigation #recherche img {
	margin-top: 0;
	height: 56px;
	width: 100%;
}

/*--
/********************************************/
#et_mobile_nav_menu {
	display: none;
	float: none
}

/* ==================Menu principal=========================== */
.menuPrincipal button {
	font-size: 0.929em;
	color: #000;
	text-transform: uppercase;
	border: none;
	background: none;
	font-weight: 700;
	position: absolute;
	right: 10px;
	top: 0px;
	z-index: 999999
}

.menuPrincipal {
	width: 100%;
	float: left;
	margin-top: 0px
}

.et_boxed_layout #page-container {
	max-width: 100%;
	box-shadow: none;
	padding: 0
}

#menu-menu-secteurs,
#menu-sectors,
.menu-primaire-mobile {
	padding: 0;
	margin: 0;
	/*margin-top: 10px;
	*/
	/*height: 35px;
	*/
}

#menu-menu-secteurs li,
#menu-sectors li,
.menu-primaire-mobile li {
	float: left;
	list-style: none;
	/*height: 30px;
	*/
}

#menu-menu-secteurs li,
#menu-sectors li {
	line-height: 2.1em;
	margin-bottom: 0;
}

#menu-menu-secteurs li.current-menu-item,
#menu-sectors li.current-menu-item {
	background-color: #dddedf
}

#menu-menu-secteurs li>a,
#menu-sectors li>a,
.menu-primaire-mobile li>a {
	text-transform: uppercase;
	font-size: 0.98em;
	font-weight: 700;
	color: #000000;
	border-left: 1px solid #dddedf;
	background: none;
	padding: 0.4em 0.6em 0.2em 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	/*height: 35px;
	*/
	display: block;
	text-decoration: none
}

#menu-menu-secteurs li:last-child>a,
#menu-sectors li:last-child>a {
	/*border-right: 1px solid #dddedf*/
}

#top-menu .menu-item-has-children>a:first-child,
.fullwidth-menu .menu-item-has-children>a:first-child,
#et-secondary-nav .menu-item-has-children>a:first-child {
	padding: 0.5em 0.5em 0.5em 0.5em
}

#top-menu li,
.fullwidth-menu li {
	padding-right: 0
}

#page-container .container {
	padding: 0
}

.menu-primaire-mobile,
.nav.menu-menu-mobile .social {
	display: none
}

/* ==========================================================================Visionneuse/*Visionneuse Page de contenu DIVI-SLIDER */
#visionneuse-accueil,
#visionneuse-accueil .et_pb_slide,
#visionneuse-accueil .et_pb_slides,
#visionneuse-accueil .et_pb_container {
	max-height: 464px;
	height: 100%;
}

#visionneuse-accueil .et_pb_slides .et_pb_slider_container_inner {
	vertical-align: bottom;
}

#visionneuse-accueil .et_pb_slide_description {
	padding: 16% 17%;
}

#visionneuse-accueil .et_pb_section,
#visionneuse-accueil .et_pb_slider,
#visionneuse-accueil .et_pb_slide {
	/*background-size: 100% !important;*/
}

.pageslider .et_pb_slides {
	margin-top: 0 !important
}

.pageslider .et_pb_slides .et_pb_container {
	height: auto !important
}

.pageslider .et_pb_slide_description {
	padding-top: 10% !important;
	padding-bottom: 45% !important
}

.pageslider .et_pb_slide_content {
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 10px solid black;
	width: 500px;
	height: 100px
}

.pageslider .et_pb_slide_content p {
	text-align: left !important;
	padding: 18px 100px 0 20px;
}

.pageslider .et_pb_slide_content p a {
	text-decoration: none !important;
	color: #000 !important
}

.pageslider .et_pb_slide_description {
	padding-top: 45% !important;
	padding-bottom: 0 !important;
	text-shadow: none
}

.pageslider .et-pb-controllers {
	height: 0;
	bottom: 27px;
	left: 180px
}

.pageslider .et-pb-controllers .et-pb-active-control {
	background: #2ea3f2 !important
}

.pageslider.et-pb-controllers a {
	background: #000000 !important;
	text-decoration: none !important
}

.pageslider .et-pb-slider-arrows {
	text-shadow: 0 0 5px #000 !important
}

.pageslider .et-pb-slider-arrows a {
	text-decoration: none !important
}

.pageslider .et-pb-arrow-prev:hover,
.pageslider .et-pb-arrow-next:hover,
.pageslider .et-pb-arrow-prev:focus,
.pageslider .et-pb-arrow-next:focus {
	background: none !important;
	text-decoration: none !important
}

.pageslider .et-pb-arrow-prev {
	margin-top: -24px !important
}

/*========================================================================== */
/*MERN accueil-secteur DIVI-SLIDER */
.accueil.secteur .et_pb_slides {
	margin-top: 0 !important
}

.accueil.secteur .et_pb_slides .et_pb_container {
	height: auto !important
}

.accueil.secteur .et_pb_slide_description {
	padding-top: 10% !important;
	padding-bottom: 45% !important
}

.accueil.secteur .et_pb_slide_content {
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 10px solid black;
	width: 500px;
	height: 100px
}

.accueil.secteur .et_pb_slide_content p {
	text-align: left !important;
	padding: 18px 100px 0 20px
}

.accueil.secteur .et_pb_slide_content p a {
	text-decoration: none;
	color: #000 !important
}

.accueil.secteur .et_pb_slide_description {
	padding-top: 45% !important;
	padding-bottom: 0 !important;
	text-shadow: none
}

.accueil.secteur .et-pb-controllers {
	height: 0;
	bottom: 27px;
	left: 180px
}

.accueil.secteur .et-pb-controllers .et-pb-active-control {
	background: #2ea3f2 !important
}

.accueil.secteur .et-pb-controllers a {
	background: #000000 !important
}

.accueil.secteur .et-pb-slider-arrows {
	text-shadow: 0 0 5px #000 !important
}

.accueil.secteur .et-pb-arrow-prev:hover,
.accueil.secteur .et-pb-arrow-next:hover,
.accueil.secteur .et-pb-arrow-prev:focus,
.accueil.secteur .et-pb-arrow-next:focus {
	background: none !important;
	text-decoration: none !important
}

.accueil.secteur .et-pb-arrow-prev {
	margin-top: -24px !important
}

/*Alexandre MERN accueil DIVI-SLIDER */
.accueil-mern {
	width: 100% !important
}

.accueil-mern .et_pb_slide_content {
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 10px solid black;
	width: 600px;
	height: 125px;
	margin: auto;
}

.accueil-mern .et_pb_slide_content p {
	text-align: left !important;
	padding: 18px 100px 0 20px
}

.accueil-mern .et_pb_slide_content p a {
	text-decoration: none;
	color: #000 !important
}

.accueil-mern .et_pb_slide_description {
	/*margin-left: 5% !important;*/
	padding-bottom: 0 !important;
	text-shadow: none
}

.accueil-mern .et-pb-controllers {
	height: 0;
	bottom: 30px;
	/*bottom: 40px;
	left: 55px*/
}

.accueil-mern .et-pb-controllers .et-pb-active-control {
	background: #2ea3f2 !important
}

.accueil-mern .et-pb-controllers a {
	background: #000000 !important
}

.et-pb-slider-arrows {
	text-shadow: 0 0 5px #000 !important
}

.et-pb-arrow-prev:hover,
.et-pb-arrow-next:hover,
.et-pb-arrow-prev:focus,
.et-pb-arrow-next:focus {
	background: none !important;
	text-decoration: none !important
}

.et-pb-arrow-prev {
	margin-top: -24px !important
}

/*************************************************/
#page-container .ls-lightskin {
	background: none;
	border-radius: 0px;
	box-shadow: none;
	padding: 0px
}

#page-container .ls-wp-container {
	/*width: 1200px!important;
	*/
	margin: 0 auto;
	left: 0 !important
}

#page-container .ls-l {
	border-bottom: 10px solid #141414 !important;
	bottom: 0 !important;
	/*font-size: 1.75em;
	*/
	height: 20% !important;
	/*height: 35% !important;
	*/
	left: 230px !important;
	padding: 1em !important;
	top: 66% !important;
	/*top: 51% !important;
	*/
	white-space: normal !important;
	width: 41% !important;
	color: #000 !important;
	font-family: 'interstateregularlight' !important
}

#page-container .ls-nav-prev,
#page-container .ls-nav-next {
	display: none !important
}

#page-container .ls-bottom-nav-wrapper {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	bottom: 1em;
	left: 0 !important
}

#page-container .ls-nav-start,
#page-container .ls-nav-start-active {
	background: url(/wp-content/uploads/2015/07/mern_play.png) no-repeat;
	width: 10px;
	height: 11px;
	margin: 0 0.5em
}

#page-container .ls-bottom-slidebuttons a {
	background: url(/wp-content/uploads/2015/07/mern_dot.png) no-repeat;
	width: 12px;
	height: 11px;
	margin: 0 0.5em
}

#page-container .ls-bottom-slidebuttons a.ls-nav-active {
	background: url(/wp-content/uploads/2015/07/mern_dotActive.png) no-repeat;
	width: 12px;
	height: 11px;
	margin: 0 0.5em
}

#page-container .ls-nav-stop,
#page-container .ls-nav-stop-active {
	background: url(/wp-content/uploads/2015/07/mern_pause.png) no-repeat;
	width: 9px;
	height: 11px;
	margin: 0 0.5em
}

#page-container .ls-wp-fullwidth-helper:before {
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(16, 133, 179, 0.8)
}

/* ==========================================================================Titre========================================================================== */
header section {
	background: #dddedf;
	padding: 1em 0 0.714em 0;
	-moz-box-shadow: inset 0 -20px 20px -20px #666565;
	-webkit-box-shadow: inset 0 -20px 20px -20px #666565;
	box-shadow: inset 0 -20px 20px -20px #666565;
	min-height: 70px;
	margin-top: -5px
}

header section span {
	float: left;
	width: 70%;
	font-family: "interstatebold", sans-serif;
	font-size: 2.750em;
	line-height: 1em
}

/* ==========================================================================Agenda========================================================================== */
.agenda .boite .lcp_catlist li p {
	clear: both;
	padding: 0;
	margin-bottom: 0
}

.titre_agenda {
	width: 100% !important;
}

.agenda .lcp_catlist .lcp_thumbnail {
	display: inline-block;
	float: left;
	margin-right: 12px
}

/* ==========================================================================Google========================================================================== */
#gsc-i-id1,
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
	background-color: none !important;
	font-size: 1em;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #757575
}

#main-header input.gsc-search-button,
#main-header input.gsc-search-button:hover,
#main-header input.gsc-search-button:focus {
	border: none !important;
	background-image: none !important;
	background-color: none !important
}

.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important
}

input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
	background-color: #FFF !important;
	background-image: none !important
}

#main-header table.gsc-search-box,
form.gsc-search-box {
	margin-bottom: 0 !important
}

#main-header .moteurRecherche * {
	border: none
}

.gsib_a {
	padding: 0 !important
}

.moteurRecherche .gsc-input-box {
	border: none;
	height: 100%
}

.moteurRecherche {
	display: none;
	float: right;
	margin-top: 0.5em;
}

/*Moteur de recherche gouvernemental SRIG*/
.sqc-srig-searchlabel {
	font-weight: 700
}

.sqc-srig-searchblock input[type="text"]:focus {
	background-color: #fff
}

ul.ui-autocomplete li:hover {
	background: #efefef !important;
	font-weight: 400 !important;
	color: #000
}

.sqc-srig-searchbutton {
	font-size: initial !important;
	height: 27px !important;
	width: 27px !important;
	box-sizing: none !important;
	border: none !important;
	border-left: none !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle;
	background: url(/wp-content/plugins/dgari-srig/images/loupe_rond_noir.png) no-repeat center center !important;
	text-indent: -9999px;
	cursor: pointer
}

.jconstellio-header-searchbtn {
	margin: 0 !important;
	display: inline-block !important;
	top: 0 !important
}

.jconstellio-header-searchbox {
	border-right: 1px solid #5e6265 !important
}

.jconstellio-header-search>label {
	visibility: hidden
}

#jconstellio_facets_template h2 {
	font-size: 1.2em
}

#jconstellio_facets_template h3 {
	font-size: 1em
}

#jconstellio_facets_template ul li {
	font-size: 0.9em
}

/*** Styles pour Formulaires* Date : 21 novembre 2016* Mary-Élizabeth Lagacé*/
#formulaires .et_pb_toggle_close {
	padding: 0px !important;
	background-color: transparent !important;
	margin-top: 30px
}

#formulaires .et_pb_toggle_open {
	padding: 0px !important;
	background-color: none !important
}

#formulaires .et_pb_toggle h5.et_pb_toggle_title {
	margin: 0px !important;
	padding: 10px 10px 10px 15px;
	position: relative
}

#formulaires .et_pb_toggle_title {
	background-color: #dddee0 !important
}

/*** Styles pour Acceptabilité sociale* Date : 13 septembre 2016* Mary-Élizabeth Lagacé*/
.projetencours h3 {
	margin: 0.3em 0 0.045em 0 !important
}

.infogenerales {
	padding: 15px;
	width: 33.33%;
	float: left;
	display: table-cell
}

.textefiche {
	padding-left: 15px;
	padding-right: 15px
}

.projetencours .et_pb_column_3_4 .et_pb_row_inner {
	padding: 0px !important
}

.projetencours .et_pb_toggle_close {
	padding: 0px !important;
	background-color: transparent !important;
	margin-top: 30px
}

.projetencours .et_pb_toggle_open {
	padding: 0px !important;
	background-color: #fff !important
}

.projetencours .et_pb_toggle h5.et_pb_toggle_title {
	margin: 0px !important;
	padding: 10px 10px 10px 15px;
	position: relative
}

.projetencours .et_pb_toggle_title {
	background-color: #dddee0 !important
}

#left-area .steps-progress,
.entry-content .steps-progress,
.comment-content .steps-progress.steps-progress,
body.et-pb-preview #main-content .container .steps-progress {
	padding: 0px !important
}

.project-general-info h1.text-value {
	padding: 0;
	background-color: transparent;
	text-transform: none
}

.steps-progress {
	cursor: default;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

.steps-progress li {
	display: block;
	font-size: 0.9em;
	color: #fff;
	text-indent: 0 !important;
	list-style-type: none;
	background-color: #757575;
	margin: 0 0 1px;
	padding: 5px 10px
}

.steps-progress li.current {
	color: #FFFFFF;
	background-color: #27aee5
}

.steps-progress li.future {
	background-color: #757575;
	color: #fff
}

/* ==========================================================================Boite accueil========================================================================== */
.enteteSection {
	display: table;
	width: 100%;
	font-family: 'interstateregularlight', sans-serif
}

#page-container .enteteSection h2 {
	font-family: 'interstateregular', sans-serif
}

#page-container .enteteSection h2,
.enteteSection p {
	background: #000;
	display: table-cell;
	font-size: 1.071em;
	text-transform: uppercase;
	color: #FFF;
	line-height: 1em;
	margin: 0;
	padding: 0.5em
}

.enteteSection p {
	width: auto;
	margin: 0;
	border-left: 2px solid #FFF;
	background: #757575;
	position: relative;
	width: 11em
}

.agenda .enteteSection p {
	width: 8.5em
}

.enteteSection a,
.enteteSection a:visited {
	display: block;
	color: #FFF
}

.enteteSection a:hover {
	background: none;
	text-decoration: underline;
	color: #FFF
}

.enteteSection a:after {
	position: absolute;
	content: ">";
	right: 1em
}

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

.boite ul li {
	margin: 0;
	font-family: 'interstateregularlight', sans-serif;
	font-size: 0.786em;
	padding: 1em 0.750em;
	list-style: none;
	background: #FFF;
	border-bottom: 1px solid #000
}

.boite ul li:last-of-type {
	border-bottom: none
}

.home .boite ul li .lcp_customfield {
	font-size: 1.818em;
	line-height: 1.1em;
	color: #000;
	margin-bottom: 5px;
	font-family: 'interstatebold', sans-serif
}

.boite ul li .lcp_post,
#page-container .et_pb_specialty_column .boite ul li h4,
#page-container .lcp_post {
	display: block;
	color: #006993;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: 400;
	margin: 0;
	font-family: "interstateregularlight", "Helvetica", sans-serif
}

.et_pb_specialty_column .boite ul li h4 a {
	color: #006993
}

.et_pb_specialty_column .boite ul li h4 a:hover {
	background: none;
	text-decoration: underline
}

.attachment-64x64.wp-post-image {
	float: left;
	margin: 0 1em 1em 0;
	padding: 5px
}

#page-container .et_pb_specialty_column .boite ul li h4 {
	margin: 0
}

.boite ul li a {
	color: #757575;
	font-weight: 400
}

.boite ul li {
	color: #757575
}


/* Sujets d'intérêt */

.et_pb_column .et_pb_row_inner .sujets-interet-entete,
.et_pb_row .sujets-interet-entete {
	padding: 0;
}

#page-container .sujets-interet-entete h2 {
	font-size: 1.6em;
	Font-weight: bolder;
	text-transform: uppercase;
	color: #0f3e52;
	line-height: 0.5em;
	margin: 0;
}

.sujets-interet-items .et_pb_code_inner {
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.sujets-interet-items .item {
	border: 2px solid #dddedf;
	padding: 10px;
	margin-bottom: 0.5rem;
}

@media (min-width: 600px) {
	.sujets-interet-items .item {
		width: 48.75%;
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.sujets-interet-items .item {
		width: 32.5%;
	}
}

.sujets-interet-items  {
	line-height: 1.2rem;
}

.sujets-interet-items a {
	color: #006993;
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.95em;
	line-height: 1.0em;
}

.sujets-interet-items a:hover {
	text-decoration: none;
}

.sujets-interet-items hr {
	height: 6px;
	width: 100px;
	border: 0;
	background: #dddedf;
	margin: 0.5rem 0;
}

/* Sujets d'intérêt fin */

/* ==========================================================================Grille de l'accueil========================================================================== */
#page-container .accueil .et_pb_specialty_column {
	margin-right: 2.5%;
	width: 74%
}

#page-container .composantAccueil .et_pb_column {
	margin-right: 3%;
	width: 48.5%
}

#page-container .composantAccueil .et_pb_column_inner_1 {
	padding: 0
}

#page-container .accueil .et_pb_column_single {
	width: 23%;
	margin-right: 2%
}

#page-container #theme .et_pb_column_1_3,
#page-container #theme .et_pb_column_1_3 {
	width: 23.666%;
	padding: 2.855% 0
}

#page-container #theme .et_pb_column_2_3,
#page-container #theme .et_pb_column_2_3 {
	width: 70.833%;
	padding: 2.855% 0
}

/* ==============================#============================================Liste déroulante========================================================================== */
#page-container #left-area ul,
#page-container .entry-content ul,
#page-container .comment-content ul,
#left-area ol,
.entry-content ol,
.comment-content ol {
	padding-bottom: 0;
	margin: 0 0 0.5em 12px;
}

/*#page-container .entry-content ul *{
	font-size: 100%
}*/
#page-container .entry-content ul li ul li {
	list-style: circle
}

#page-container .entry-content ul li ul li ul li {
	list-style: disc
}

/* ==========================================================================Gribouillie========================================================================== */
#page-container .et_pb_widget_area_left {
	border: none;
	margin: 0
}

#page-container .et_pb_widget_area_left {
	padding: 0
}

#page-container #gazouillis.et_pb_widget_area_left {
	border-top: 6px solid #dddedf
}

#gazouillis .et_pb_widget.widget_text {
	margin: 0 !important;
	padding: 0 !important
}

/* ==========================================================================Mot du ministre========================================================================== */
.motMinistre {
	position: relative;
	max-width: 215px
}

.motMinistre.photoMinistre {
	background: url(/wp-content/uploads/ministreMERN-215x147.png) no-repeat left top;
	min-height: 147px
}

.motMinistre.photoMinistreLarge {
	background: url(/wp-content/uploads/ministreMERN-254x147.png) no-repeat left top;
	min-height: 147px;
	max-width: 254px
}

.motMinistre.arcand {
	background: url(/wp-content/uploads/2016/01/min-arcand.png) no-repeat left top;
	min-height: 154px
}

.motMinistre.blanchette {
	background: url(/wp-content/uploads/2016/01/min-blanchette.png) no-repeat left top;
	min-height: 154px
}

#page-container .motMinistre h2,
#page-container .motMinistre h2 a {
	margin: 0;
	color: #FFF !important;
	font-size: 1.143em;
	line-height: 1em;
	text-transform: uppercase;
	font-family: 'interstateregular', sans-serif
}

#page-container .motMinistre p {
	font-size: 0.857em;
	margin-top: 0;
	line-height: 1.2em;
	color: #fff !important
}

#page-container .motMinistre p a {
	text-decoration: none;
	color: #fff !important;
	font-family: 'interstateregularlight', sans-serif
}

#page-container .motMinistre a:hover {
	background: none;
	text-decoration: underline
}

#page-container .motMinistre div.mot {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0.625em
}

#page-container .motMinistre.blanchette div.mot {
	right: 0;
	padding: 0.625em;
	left: inherit
}

.motMinistreZone ul {
	margin: 0;
	padding: 0.313em 0 0 0;
	list-style: none
}

.motMinistreZone ul li {
	text-align: left;
	line-height: 1.2em;
	list-style: none
}

.motMinistreZone ul li a {
	color: #006993;
	line-height: 1.1em;
	font-size: 1.3em;
	/*1.143*/
}

.motMinistreZone ul li a:hover {
	text-decoration: underline;
	background: none
}

.motMinistreZone ul li.twitter a {
	padding-left: 1.5em;
	background: url(/wp-content/uploads/2015/07/mern_twitterMinistre.png) no-repeat left center
}

.motMinistreZone ul li.twitter a:hover {
	background: url(/wp-content/uploads/2015/07/mern_twitterMinistre.png) no-repeat left center;
	text-decoration: underline
}

#page-container .motMinistreZone .et_pb_text {
	margin-bottom: 0.938em
}

/* ==============Liens rapides======================================= */
.liensRapides ul {
	list-style: none;
	margin-left: 0px !important;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}

.liensRapides ul li {
	list-style: none;
	background: #000
}

.liensRapides ul li a:visited {
	color: #fff
}

.liensRapides ul li:hover {
	background: #27aee4
}

.liensRapides ul li:hover a {
	color: #000;
	text-decoration: none
}

.liensRapides ul li:hover:before {
	color: #000
}

.liensRapides ul li a,
.et-db #et-boc .liensRapides .et_pb_text_inner ul li a {
	color: #FFF;
	padding: 0.3em 0.8em;
	display: inline-block;
	width: auto;
	line-height: 1em;
	font-size: 0.929em;
	width: 90%;
	text-decoration: none
}

.liensRapides ul li:before {
	content: "›";
	margin-right: 0px;
	margin-left: 6px;
	display: inline-block;
	color: #FFF;
	font-family: "Arial Black", Arial;
	font-weight: 900;
	font-size: 1.3em;
	vertical-align: top !important
}

#page-container .liensRapides h2 {
	/* font-size: 1.429em; */
	border-bottom: 5px solid #dddedf;
	/* font-family: 'interstatebold', sans-serif */
}

/* ==========================================================================Grand dossier========================================================================== */
.grandDossier .texte_promo {
	background: #FFF
}

.grandDossier .texte_promo p {
	margin: 0;
	font-size: 0.857em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif
}

#page-container .grandDossier .texte_promo a {
	display: block;
	padding: 0.938em 0.625em 0.625em 0.625em;
	border-bottom: 5px solid #FFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	height: 180px
}

#page-container .grandDossier .texte_promo a:hover,
#page-container .grandDossier .texte_promo a:focus {
	border-bottom: 5px solid #000;
	background: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5)
}

#page-container .grandDossier .texte_promo img {
	margin-bottom: 1em
}

#page-container .grandDossier .texte_promo span {
	margin: 1em 0;
	display: block
}

#page-container .grandDossier .texte_promo h3,
#page-container .grandDossier .texte_promo .titre {
	font-size: 1.4em;
	margin: 0;
	font-family: 'interstateregular', sans-serif;
	display: block;
	line-height: 1.1em
}

.grandDossier .et_pb_column {
	margin-right: 2.5%;
	width: 23.1%;
	margin-top: 0.625em;
	margin-bottom: 1.250em
}

/* ==========================================================================Documentation========================================================================== */
#page-container .documentationZone {
	background: #27aee4 !important
}

#page-container .documentation ul {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center
}

.documentation ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 7%;
	border-right: 2px solid #93d6f1
}

.documentation ul li:last-of-type {
	border-right: none
}

#page-container .documentation ul li a {
	color: #000;
	text-decoration: none
}

.documentation ul li.formulaire a {
	background: url(/wp-content/uploads/2015/07/mern_formulaire.png) no-repeat top center;
	padding: 2.8em 0 0 0;
	line-height: 1em;
	display: block;
	text-transform: uppercase;
	font-size: 1.071em;
	font-family: 'interstatebold', sans-serif
}

.documentation ul li.publication a {
	background: url(/wp-content/uploads/2015/07/mern_publication.png) no-repeat top center;
	padding: 2.8em 0 0 0;
	line-height: 1em;
	display: block;
	text-transform: uppercase;
	font-size: 1.071em;
	font-family: 'interstatebold', sans-serif
}

#page-container .documentation ul li.lois a {
	background: url(/wp-content/uploads/2015/07/mern_lois.png) no-repeat top center;
	padding: 2.8em 0 0 0;
	line-height: 1em;
	display: block;
	text-transform: uppercase;
	font-size: 1.071em;
	font-family: 'interstatebold', sans-serif
}

#page-container .documentation ul li.information-geographique a {
	background: url(/wp-content/uploads/mern_infogeo.png) no-repeat top center;
	padding: 2.8em 0 0 0;
	line-height: 1em;
	display: block;
	text-transform: uppercase;
	font-size: 1.071em;
	font-family: 'interstatebold', sans-serif
}

/* ==========================================================================Publicité========================================================================== */
.pubZone,
.et_pb_row_4,
body.et_boxed_layout #page-container .et_pb_row_4.pubZone {
	width: 940px !important;
	max-width: 940px !important
}

#page-container .et_pb_row_4.pubZone .et_pb_image {
	margin: Auto;
	text-align: center
}

.LignePubZone {
	width: 100% !important;
	background: #FFF none repeat scroll 0% 0% !important;
	padding: 1em 0 !important
}

#page-container .pub ul,
#page-container .pubZone {
	list-style: none;
	margin: 0;
	margin: 0 auto;
	text-align: center
}

.pub ul li,
#page-container .pubZone .et_pb_column {
	vertical-align: middle
}

/* ==========================================================================Footer========================================================================== */
#main-footer {
	position: relative;
	z-index: 1;
	background: transparent !important
}

footer#main-footer .wrapper {
	width: 100%;
}

#main-footer #footer-bottom {
	background: transparent !important;
	padding-top: 1.563em;
	margin: 1% 0;
	font-family: 'Roboto', sans-serif;
}


#footer-bottom nav {
	margin: 0 auto 1.438em auto;
	text-align: center
}

#footer-bottom nav ul {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	display: inline
}

#footer-bottom nav ul li {
	margin-right: 10px;
	text-align: center;
	display: inline-block;
}

#footer-bottom nav ul li:last-of-type {
	margin-right: 0px;
}

#footer-bottom nav ul li a {
	font-size: .9em;
	text-decoration: underline !important;
}

#footer-bottom a {
	display: inline-block;
	text-align: center;
	width: auto;
	line-height: 1em;
	color: #808080;
}

#footer-bottom p {
	font-size: 0.786em;
	text-align: center;
	margin: 0 0 0.625em 0;
	line-height: 1em
}

#footer-bottom p a img {
	height: 60px;
}

#footer-bottom p.copyright a {
	color: #000000 !important;
	font-size: 9.6px;
}

footer .ms-footer {
	margin-top: 10px
}

/*Contact*/
.contact {
	background: #dddedf;
	padding: 1.750em 0 0.625em 0;
	text-align: center;
	position: relative;
	margin-top: 40px
}

.contact:before {
	background: url(/wp-content/uploads/2016/02/mern_contact.png) no-repeat;
	content: "";
	display: block;
	width: 58px;
	height: 43px;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -22px
}

.contact a {
	font-size: 1.714em;
	font-family: 'interstateregularlight', sans-serif;
	padding: 0 5px
}

.contact ul {
	margin: 1.063em 0 0 0;
	padding: 0;
	list-style: none
}

.contact ul li {
	margin: 0 0.625em;
	display: inline-block
}

/* ==========================================================================Menu secondaire========================================================================== */
#page-container .widget_nav_menu h4 {
	margin: 0
}

.menuSecondaire .widgettitle {
	color: #FFF;
	background: #000;
	font-size: 1.286em;
	padding: 0.556em;
	margin: 0;
	font-family: 'interstatebold', sans-serif
}

#page-container .et_pb_widget_area_left.menuSecondaire {
	margin-bottom: 15px
}

#page-container .et_pb_widget_area_left.menuSecondaire ul {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px rgb(221, 222, 223)
}

#page-container .et_pb_widget_area_left.menuSecondaire ul li,
#page-container .et_pb_widget_area_left.menuSecondaire .et_pb_widget.widget_nav_menu {
	margin: 0;
	line-height: 1em;
	list-style: none;
	background: #FFF
}

#page-container .menuSecondaire ul li a,
#page-container .menuSecondaire ul li a:visited,
#page-container .menuSecondaire ul li a :active {
	color: #006993;
	font-size: 0.94em;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #dddedf;
	display: block;
	padding: 1em 0.385em;
	text-decoration: none;
	background: #FFF
}

#page-container .menuSecondaire ul li a:hover {
	background: #FFF;
	text-decoration: underline
}

#page-container .et_pb_widget_area_left.menuSecondaire ul li.current_page_item a {
	font-weight: 700;
	color: #000
}

#page-container .et_pb_widget_area_left.menuSecondaire ul li.current_page_item ul li a {
	font-weight: 400;
	color: #006993
}

#page-container .et_pb_widget_area_left.menuSecondaire ul li ul li.current_page_item a {
	font-weight: 700;
	color: #000
}

/* Menu secondaire */
#page-container .menuSecondaire ul li.menu-item-has-children a {
	border: none
}

#page-container .menuSecondaire ul li ul {
	display: none
}

#page-container .menuSecondaire ul li:not(.current_page_item) a {
	border-bottom: solid 1px rgb(221, 222, 223)
}

#page-container .menuSecondaire ul li.current_page_item ul li a {
	border: none
}

#page-container .menuSecondaire ul li.current_page_item ul,
#page-container .menuSecondaire ul li.current_page_parent ul {
	display: block
}

/*Alexandre plan du site page principale*/
.page-list .page-item-6074>a,
.page-list .page-item-3655>a,
.page-list .page-item-11241>a,
.page-list .page-item-12789>a,
.page-list .page-item-15180>a,
.page_item .page-item-14638>a,
.grosTitre>a {
	line-height: 30px;
	font-size: 1.5em;
	font-weight: 700
}

/**************************/
/*Alexandre normaliser les liens*/
#page-container #et-top-navigation nav ul li a,
#footer-bottom a,
.copyright a {
	text-decoration: none !important
}

#page-container #et-top-navigation nav ul li a:hover,
#footer-bottom a:hover {
	text-decoration: underline !important
}

.et_pb_column_4_4 .et_pb_text a {
	text-decoration: underline !important
}

.et_pb_column_4_4 .et_pb_text a:hover {
	text-decoration: none !important
}

/**************************/
/* menu deroulant et burger */
.nav ul li a:hover,
.et_mobile_menu li a:hover {
	opacity: 1
}

.nav li {
	line-height: 1.8em
}

.nav li li ul {
	top: -5px !important
}

.nav li li {
	padding: 0 10px
}

.sub-menu li {
	width: 100%;
	border: none
}

#menu-menu-secteurs li:hover,
#menu-sectors li:hover {
	background: #dddedf
}

.sub-menu a {
	border: none !important
}

.sub-menu {
	display: none
}

/* ==============================#============================================Contenu========================================================================== */
.et_pb_text ol,
.et_pb_text ul {
	font-size: 100%
}

.contenu {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 0
}

#page-container main h1,
.entry-content h1 {
	font-size: 2.65em;
	margin: 0.55em 0px 0.714em 0px;
	font-family: "interstateregularlight";
	position: relative;
	padding-bottom: 0.714em;
	line-height: 1em
}

main h1:after,
.entry-content h1:after {
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	background: #27aee4;
	position: absolute;
	bottom: 0;
	left: 0
}

body.page-child main a,
body main a:visited,
body.page-child main a :active,
table a,
.et_pb_post ul li a,
.liste-une-colonne ul li a,
li a {
	color: #006993;
	text-decoration: underline
}

#ls-global * .ls-wp-container .ls-slide>a {
	background: none
}

main ul li a:hover {
	text-decoration: underline
}

.et_pb_section .et_pb_row .et_pb_column .et_pb_module *:first-child,
.et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_column .et_pb_module *:first-child,
.et_pb_section.et_section_specialty .et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module *:first-child {
	margin-top: 0
}

#interne .et_pb_column_1_4 {
	width: 16.875% !important
}

#interne .et_pb_column_1_4.et_pb_column_2 {
	width: 23.875% !important
}

#interne .et_pb_column_1_2 {
	width: 50.25% !important
}

#interne .et_pb_column {
	margin-right: 4.5% !important
}

#interne .et_pb_column:last-child {
	margin-right: 0 !important
}

/* ==============================#============================================Lien rapide interne========================================================================== */
.liensRapidesInterne {
	margin-top: 20px !important
}

.liensRapidesInterne .widgettitle {
	text-transform: uppercase !important;
	margin: 0 !important;
	font-family: 'interstatebold' !important;
	font-weight: 400 !important;
	color: #333 !important;
	border: none !important;
	line-height: 1em !important;
	background-color: transparent !important;
	letter-spacing: normal !important;
	height: auto !important
}

.liensRapidesInterne ul li {
	margin: 0;
	list-style: none
}

.liensRapidesInterne ul li a,
.liensRapidesInterne ul li a:visited,
.liensRapidesInterne ul li a :active {
	color: #006993;
	font-size: 0.94em;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #bbbdbf;
	border-top: 1px solid #eeefef;
	display: block;
	padding: 0.692em;
	background: #dddedf
}

.liensRapidesInterne ul li a {
	text-decoration: none
}

.liensRapidesInterne ul li a:hover {
	background: #eeeeef;
	text-decoration: none;
	color: #006993
}

.et_pb_bg_layout_light .et_pb_widget li a {
	color: #006993
}

/* ==============================#============================================Boite : Contactez-nou!========================================================================== */
#page-container .BoiteContactezNous {
	padding: 0.714em;
	margin-bottom: 0.714em;
	background: #FFF
}

.BoiteContactezNous h2 {
	margin: 0.333em 0 0.952em 0;
	font-size: 1.5em
}

.BoiteContactezNous h2:before {
	background: url(/wp-content/uploads/2015/07/mern_contact.png) no-repeat;
	content: "";
	display: block;
	width: 58px;
	height: 43px
}

.BoiteContactezNous ul,
.typePublication ul {
	padding: 0;
	margin: 0
}

.BoiteContactezNous ul li,
.typePublication ul li {
	font-size: 0.929em;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	background: url(/wp-content/uploads/2015/08/mern_fleche.png) no-repeat left 3px;
	padding-left: 1.2em;
	line-height: 1em;
	margin-bottom: 1em
}

.BoiteContactezNous ul li a,
.typePublication ul li a {
	color: #006993
}

.BoiteContactezNous ul li:last-child,
.typePublication ul li:last-child {
	margin-bottom: 0px
}

/* ==============================#============================================Boite : Formulaires, Publications, Lois et Réglements========================================================================== */
#page-container .typePublication {
	padding: 0.714em;
	margin-bottom: 0.714em
}

#page-container .typePublication h2 {
	text-transform: uppercase;
	font-size: 1.071em;
	font-family: 'interstatebold', sans-serif;
	padding-left: 2.5em;
	padding-top: 1em
}

.typePublication.formulaires h2 {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/mern_formulaire.png") no-repeat scroll left top
}

.typePublication.publications h2 {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/mern_publication.png") no-repeat scroll left top
}

.typePublication.lois h2 {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/07/mern_lois.png") no-repeat scroll left top
}

/* ==============================#============================================Citation========================================================================== */
#page-container main blockquote {
	color: #5f5f60;
	font-size: 1.143em;
	font-style: italic;
	border-color: #dddedf;
	margin: 1em 0 1em 0.714em;
	padding-left: 0.714em
}

#page-container main blockquote span {
	color: #000;
	font-size: 0.750em;
	font-style: normal
}

/* ==============================#============================================Définition========================================================================== */
dt {
	font-weight: 700;
	font-size: 1.143em
}

dd {
	margin-left: 1.563em;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em
}

/* ==============================#============================================Image========================================================================== */
figure div {
	margin-bottom: 0.3em;
	position: relative;
	line-height: 0
}

figure div div {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 1em 1.5em;
	color: #FFF;
	font-size: 0.714em;
	position: absolute;
	bottom: 0;
	right: 0
}

figcaption {
	border-left: solid 5px #757575;
	padding-left: 0.714em
}

figcaption strong,
figcaption b {
	text-transform: uppercase
}

/* ==============================#============================================abbr========================================================================== */
abbr {
	position: relative;
	border-bottom: 1px dotted #000
}

abbr {
	cursor: help
}

abbr:hover::after {
	position: absolute;
	bottom: 2em;
	left: 50%;
	display: block;
	padding: 1em;
	margin-left: -6em;
	background: #000;
	color: #FFF;
	width: 10em;
	content: attr(name)
}

abbr:hover::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 1.6em;
	margin-left: -3px;
	left: 50%;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #000 transparent transparent
}

/* ==============================#============================================Date========================================================================== */
time {
	font-size: 0.786em;
	color: #757575
}

/* ==============================#============================================Sections du thème========================================================================== */
#theme .et_pb_column_2_3 ul {
	padding-left: 0
}

#theme .et_pb_column_0 ul li {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/mern_fleche.png") no-repeat scroll left 7px;
	font-family: interstateregularlight, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.1em;
	list-style: outside none none;
	margin-bottom: 0.2em;
	padding-left: 1.1em;
	width: 49%;
	display: inline-block;
	vertical-align: text-top
}

#theme .et_pb_column_2_3 ul li a {
	color: #006993
}

/* ==============================#============================================Affichage d'images dans Divi(voir https: //www.elegantthemes.com/forum/viewtopic.php?f=187&t=436826&p=2418111&hilit=images+invisible#p2418111)========================================================================== */
.et-waypoint {
	opacity: 1
}

/* ==============================#============================================Triangle========================================================================== */
.et_pb_post .entry-content {
	z-index: 1;
	position: relative
}

#page-container .et_section_transparent,
.page.et_pb_pagebuilder_layout #main-content {
	position: relative;
	background: none !important
}

#page-container article.type-page {
	background: none
}

/* ==============================#============================================Salle de presse========================================================================== */
.catTagPost {
	font-size: 1.429em;
	display: block;
	margin-bottom: 20px
}

.catTagPost strong {
	border-right: 1px solid #000;
	margin: 0.5em 0.5em 0.2em 0;
	padding: 0 0.5em 0 0;
	display: inline-block;
	width: auto
}

.datePost {
	margin-bottom: 1em;
	display: block
}

.actualites-mern {
	margin-bottom: 27px
}

.actus-article-wrapper-mern,
.actus-filtrage {
	background: none !important
}

.actus-contenu-article-mern h3 a:link,
.actus-contenu-article-mern a:link,
.actus-texte-article-mern p,
.actus-contenu-article-mern h3 {
	font-size: 1em !important
}

.actualites-mern .actus-filtrage button {
	background: #dddee0 !important;
	color: #000 !important;
	font-weight: 700 !important;
	padding: 0 1em !important;
	border: 2px solid #27aee4 !important;
	font-size: 13px
}

#page-container h3.actus-titre-article-mern {
	margin: 0 !important
}

.lienentete {
	color: #fff !important;
	text-decoration: none
}

.et_pb_column_1_2 .et_pb_row_inner {
	padding: 0 0 5.82% 0
}

.actus-article-wrapper-mern {
	border-bottom: none !important
}

.relationsMedias h2 {
	margin: 0 !important
}

.relationsMedias p {
	margin-bottom: 5px
}

.relationsMedias {
	background: #fff;
	padding: 15px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)
}

.et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget {
	width: 100%
}

/*Styles des tableaux*/
.et_pb_text table {
	border: 2px solid #27aee4;
	background: #fff;
	font-family: interstateregular, arial
}

.et_pb_text table th,
.et_pb_text table td {
	padding: 5px !important;
	line-height: 1.2em
}

.et_pb_text table td ul,
.et_pb_text table td ol {
	list-style-position: outside !important;
	margin-left: 15px
}

.et_pb_text table td ul li,
.et_pb_text table td ol li {
	line-height: 1.2em
}

.et_pb_text table tr td {
	border-bottom: 1px solid #DDDEDF;
	border-top: none
}

.et_pb_text table tr th {
	vertical-align: top;
	background-color: #DDDEDF;
	text-align: left
}

/*Ajouter une marge de 15px sous les tableaux mobiles*/
div.card-table-mobile>table {
	margin-bottom: 15px
}

.encadrer {
	background: #fff;
	border: solid 3px #27aee4;
	margin-bottom: 15px;
	padding: 10px
}

.menu-item-language-current {
	display: none !important
}

/*============================================================================Modification apportée par Nicolas Tremblay de Ciao============================================================================ */
/*============================================================================Afficher l'information seulement le contenu pour les lecteurs d'écrans============================================================================ */
.visuallyHidden,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

/*============================================================================Background de base - devient aléatoire par outils.js============================================================================ */
#page-container #navigation-fonciere {
	background-image: url('/wp-content/uploads/foncier1.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: visible;
	padding-bottom: 2.5rem
}

/*============================================================================Plan du site============================================================================ */
.categorie-plan-site {
	font-weight: 700;
	color: rgb(0, 105, 147)
}

/*============================================================================Correction lors de l'agrandissement de texte============================================================================= */
#page-container #navigation-fonciere .et_pb_row.et_pb_equal_columns {
	overflow: visible
}

/*============================================================================Carte interactive============================================================================ */
#page-container #carte-interactive {
	margin: 2.25rem 0 2.5rem 0
}

#page-container #carte-interactive li:first-child {
	position: relative;
	margin-left: 56px;
	margin-bottom: 20px
}

#page-container #carte-interactive li:first-child a {
	padding: 0;
	background: none;
	color: #000000;
	font-size: 1.429rem;
	font-family: 'interstatebold', sans-serif
}

#page-container #carte-interactive li:first-child a:hover,
#page-container #carte-interactive li:first-child a:focus {
	text-decoration: underline
}

#page-container #carte-interactive li:first-child a:focus {
	border: 2px solid #000000
}

#page-container #carte-interactive li:first-child a:before {
	content: none
}

#page-container #carte-interactive li:first-child:before {
	position: absolute;
	width: 50px;
	height: 50px;
	content: '';
	background-image: url('/wp-content/uploads/2016/04/carte_interactive.png');
	margin: -5px 0 0 -56px
}

/*===========================================================================Tuiles de navigation=========================================================================== */
ul.tuiles {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 2.5rem 0;
	padding: 0
}

li.itemTuile {
	position: relative;
	box-sizing: border-box;
	margin-bottom: .88125rem;
	width: 23.875%;
	list-style: none;
	text-align: center
}

li.itemTuile a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 6.3125rem .6rem 1rem .6rem;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	font-family: 'interstateregularlight', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	text-decoration: none
}

li.itemTuile a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: ' ';
	background-color: transparent;
	width: 100%;
	height: 5px
}

li.itemTuile a:hover:after,
li.itemTuile a:focus:after {
	background-color: #000000
}

li.itemTuile:not(#info-fonciere) a:hover,
li.itemTuile:not(#info-fonciere) a:focus {
	background-color: #ffffff
}

li.itemTuile a:visited,
li.itemTuile a:hover,
li.itemTuile a:focus {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	color: #000000;
	text-decoration: none;
	transform: translateY(-5px)
}

/*============================================================================Titre de tuile============================================================================ */
li.itemTuile a strong {
	display: block;
	margin: 0 0 1rem 0;
	padding: 0 1rem;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2
}

/*============================================================================Icônes &hover============================================================================ */
li#citoyens a,
li#citoyens a:hover,
li#notaires a,
li#notaires a:hover,
li#arpenteurs a,
li#arpenteurs a:hover,
li#professionnels a,
li#professionnels a:hover,
li#grandes-entreprises a,
li#grandes-entreprises a:hover,
li#ministeres a,
li#ministeres a:hover,
li#municipalites a,
li#municipalites a:hover {
	background-position: center 1.3125rem;
	background-repeat: no-repeat;
	min-height: 190px
}

/*Citoyens */
li#citoyens a {
	background-image: url('/wp-content/uploads/citoyens.svg');
	background-size: 3.25rem 4rem
}

li#citoyens a:hover,
li#citoyens a:focus {
	background-image: url('/wp-content/uploads/citoyens_hover.svg');
	background-size: 3.25rem 4rem
}

/*notaires */
li#notaires a {
	background-image: url('/wp-content/uploads/notaires.svg');
	background-size: 3.3125rem 4rem
}

li#notaires a:hover,
li#notaires a:focus {
	background-image: url('/wp-content/uploads/notaires_hover.svg');
	background-size: 3.3125rem 4rem
}

/* Arpenteurs */
li#arpenteurs a {
	background-image: url('/wp-content/uploads/arpenteurs.svg');
	background-size: 4.5rem 4rem
}

li#arpenteurs a:hover,
li#arpenteurs a:focus {
	background-image: url('/wp-content/uploads/arpenteurs_hover.svg');
	background-size: 4.5rem 4rem
}

/* Autres professionnels */
li#professionnels a {
	background-image: url('/wp-content/uploads/professionnels.svg');
	background-size: 3.875rem 4rem
}

li#professionnels a:hover,
li#professionnels a:focus {
	background-image: url('/wp-content/uploads/professionnels_hover.svg');
	background-size: 3.875rem 4rem
}

/* Grandes Entreprises */
li#grandes-entreprises a {
	background-image: url('/wp-content/uploads/grandes_entreprises.svg');
	background-size: 4.1875rem 4rem
}

li#grandes-entreprises a:hover,
li#grandes-entreprises a:focus {
	background-image: url('/wp-content/uploads/grandes_entreprises_hover.svg');
	background-size: 4.1875rem 4rem
}

/* Ministères */
li#ministeres a {
	background-image: url('/wp-content/uploads/ministeres.svg');
	background-size: 3.9375rem 4rem
}

li#ministeres a:hover,
li#ministeres a:focus {
	background-image: url('/wp-content/uploads/ministeres_hover.svg');
	background-size: 3.9375rem 4rem
}

/* Municipalites */
li#municipalites a {
	background-image: url('/wp-content/uploads/municipalites.svg');
	background-size: 4.75rem 4rem
}

li#municipalites a:hover,
li#municipalites a:focus {
	background-image: url('/wp-content/uploads/municipalites_hover.svg');
	background-size: 4.75rem 4rem
}

/*============================================================================Information foncière============================================================================ */
li#info-fonciere {
	text-align: left
}

li#info-fonciere a {
	height: 100%;
	padding: 5.5rem 2rem 2rem 1.5rem;
	background-color: #27aee4;
	background-position: 1.5rem 1.5rem;
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-image: url('/wp-content/uploads/info_fonciere.svg');
	font-size: 1.5rem;
	line-height: 1.2
}

li#info-fonciere a:hover,
li#info-fonciere a:focus {
	background-image: url('/wp-content/uploads/info_fonciere_hover.svg')
}

.alerte-foncier {
	background-color: #dff3fa;
	border: solid #599cc6 2px;
	color: #000;
	padding: 5px 15px 5px 15px;
	font-weight: 700
}

.alerte-foncier p {
	margin: 0 !important
}

.alerte-foncier img {
	float: left;
	margin-right: 5px
}

/*=======Actualités et grands dossiers=================================== */
#page-container #actualites-zone {
	background-color: #000000;
	border-top: 5px solid #bbbdbf
}

#page-container #actualites-zone h2 {
	margin: 0;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700
}

#page-container #actualites-zone #info-carousel {
	box-sizing: border-box;
	margin: 0 2.375rem
}

#page-container #actualites-zone #info-carousel .slick-slider {
	margin: 30px 0
}

#page-container #actualites-zone #info-carousel .slick-slide .contenu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	position: relative
}

#page-container #actualites-zone #info-carousel h3 {
	margin: 1.25rem 0 .75rem 0;
	font-family: 'interstateregularlight', sans-serif;
	font-size: 1.5rem;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#page-container #actualites-zone #info-carousel h3:hover {
	overflow: visible;
	white-space: normal
}

#page-container #actualites-zone #info-carousel img {
	display: inline-block;
	max-width: 100px;
	max-height: 100px;
	/*height: auto;
	*/
}

#page-container #actualites-zone #info-carousel p {
	display: inline-block;
	color: #ffffff;
	padding: 0 1.25rem;
	vertical-align: top
}

#page-container #actualites-zone #info-carousel .slick-slide {}

#page-container #actualites-zone #info-carousel a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#page-container #actualites-zone #info-carousel a:hover {
	background-color: transparent
}

/*Ajustements pour le carousel SLICK */
/* Arrows */
.slick-prev,
.slick-next {
	top: 50%;
	width: auto;
	height: 100%
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: .75
}

.slick-prev:focus:before,
.slick-next:focus:before {
	border: 2px solid transparent
}

.slick-prev:before,
.slick-next:before {
	font-family: 'interstateregularlight', sans-serif;
	font-size: 3.75rem;
	opacity: 1
}

.slick-prev {
	left: -2.375rem
}

[dir='rtl'] .slick-prev {
	right: -2.375rem
}

.slick-prev:before {
	content: '<'
}

[dir='rtl'] .slick-prev:before {
	content: '>'
}

.slick-next {
	right: -2.375rem
}

[dir='rtl'] .slick-next {
	left: -2.375rem
}

.slick-next:before {
	content: '>'
}

[dir='rtl'] .slick-next:before {
	content: '<'
}

/*============================================================================Recherche - Personnalisation de l'affichage des résultats============================================================================ */
/* Appliquer le style de la recherche Google - non-accessible */
/*Retirer les éléments Google non-désirés */
.gsc-resultsHeader,
.gsc-orderby-container,
.gsc-tabsArea,
.gsc-refinementsArea,
div.gcsc-branding,
div.gsc-url-top {
	display: none
}

div.gsc-url-bottom {
	display: inline
}

div.gsc-above-wrapper-area {
	border: none;
	padding: 0
}

.gsc-webResult .gsc-result {
	padding: 0
}

div.gsc-table-result,
div.gsc-thumbnail-inside,
div.gsc-url-top {
	padding: 0
}

#___gcse_1>div {
	background-color: transparent;
	border: none;
	padding: 0;
	font-family: 'interstateregularlight', sans-serif
}

/*Nombre de résultats */
div.gsc-control-cse div.gsc-result-info {
	position: relative;
	margin: 2.5rem 0 0 0 !important;
	padding: 0;
	padding-bottom: 2rem;
	font-size: 1.5rem;
	font-weight: 300
}

div.gsc-result-info:after {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #27aee4;
	content: "";
	width: 100px;
	height: 5px
}

/*Résultats */
div.gsc-webResult .gsc-result {
	padding: 0;
	margin-top: 28px;
	margin-bottom: 32px;
	background: transparent;
	border: none
}

div.gsc-webResult .gsc-result:hover {
	background: transparent;
	border: none
}

.entry-content table,
body.et-pb-preview #main-content .container table {
	margin: 0
}

/* Lien-titre du résultat */
div.gs-title {
	margin-bottom: .1875rem
}

div.gs-webResult.gs-result a.gs-title:link,
div.gs-webResult.gs-result a.gs-title:link b,
div.gs-imageResult a.gs-title:link,
div.gs-imageResult a.gs-title:link b {
	color: #006993;
	font-size: .875rem;
	line-height: 1.2em
}

div.gs-bidi-start-align.gs-snippet {
	font-family: 'interstateregularlight', sans-serif;
	font-size: .875rem;
	line-height: 1.1875rem;
	margin: 0
}

.gs-webResult div.gs-visibleUrl {
	font-family: 'interstateregularlight', sans-serif;
	font-size: .75rem;
	line-height: 1.1875rem
}

div.gs-webResult div.gs-visibleUrl,
div.gs-imageResult div.gs-visibleUrl {
	color: #5f5f60
}

/*Pagination */
div.gsc-results div.gsc-cursor-box {
	margin: 0
}

div.gsc-cursor {
	margin: 0 0 3rem 0;
	padding: 0
}

div.gsc-results div.gsc-cursor div.gsc-cursor-page {
	display: inline-block;
	margin-bottom: 10px;
	margin-left: .125rem;
	width: 2rem;
	height: 2rem;
	background-color: #ffffff;
	border: 1px solid #dddedf;
	color: #757575;
	font-family: arial;
	font-size: .75rem;
	line-height: 2rem;
	text-align: center
}

div.gsc-results div.gsc-cursor div.gsc-cursor-page:hover {
	background-color: #27aee4;
	border: none;
	color: #000000;
	text-decoration: none
}

div.gsc-results div.gsc-cursor div.gsc-cursor-page.gsc-cursor-current-page {
	position: relative;
	background-color: transparent;
	border: none;
	cursor: default;
	color: #000000;
	font-weight: 700
}

div.gsc-results div.gsc-cursor div.gsc-cursor-page.gsc-cursor-current-page:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #27aee4;
	content: ""
}

/*================================== */
/*Styles pour la page de recherche selon le template accessible */
/*Entête contenant le nombre de résulats */
/*================================== */
#resultats-recherche h2 {
	position: relative;
	margin: 2.5rem 0 0 0;
	padding: 0;
	padding-bottom: 2rem;
	font-family: 'interstateregularlight', sans-serif;
	font-size: 1.5rem;
	font-weight: 300
}

#resultats-recherche h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #27aee4;
	content: "";
	width: 100px;
	height: 5px
}

#resultats-recherche h2 strong.nombreResultats {
	font-family: 'interstatebold', sans-serif;
	font-size: 2.1875rem;
	font-weight: 700
}

#resultats-recherche h2 .termeRecherche {
	font-weight: 700
}

/*Entête de pagination courante */
#resultats-recherche h3 {
	margin: 1.75rem 0 2.75rem 0;
	font-family: 'interstatebold', sans-serif;
	font-size: 1rem;
	font-weight: 700
}

/*Pagination */
#resultats-recherche .paginationRecherche {
	margin: 0 0 3rem 0;
	padding: 0
}

#resultats-recherche .paginationRecherche li {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: .125rem;
	width: 2rem;
	height: 2rem;
	background-color: #ffffff;
	line-height: 2rem;
	list-style: none;
	vertical-align: top
}

#resultats-recherche .paginationRecherche li button {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #dddedf;
	color: #757575;
	font-family: arial;
	font-size: .75rem
}

#resultats-recherche .paginationRecherche li button:hover,
#resultats-recherche .paginationRecherche li button:focus {
	background-color: #27aee4;
	border: none;
	color: #000000
}

/*Pagination courante */
#resultats-recherche .paginationRecherche li.pageCourante {
	position: relative;
	background-color: transparent;
	cursor: default;
	color: #000000;
	font-weight: 700;
	text-align: center
}

#resultats-recherche .paginationRecherche li.pageCourante:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #27aee4;
	content: ""
}

/*Pagination Première page, Précédente, Suivante, Dernière page */
#resultats-recherche .paginationRecherche li.premierePage button:before,
#resultats-recherche .paginationRecherche li.precedentePage button:before,
#resultats-recherche .paginationRecherche li.suivantePage button:before,
#resultats-recherche .paginationRecherche li.dernierePage button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: 700;
	line-height: 2rem
}

#resultats-recherche .paginationRecherche li.premierePage button:before {
	content: '\276E\276E'
}

#resultats-recherche .paginationRecherche li.precedentePage button:before {
	content: '\276E'
}

#resultats-recherche .paginationRecherche li.suivantePage button:before {
	content: '\276F'
}

#resultats-recherche .paginationRecherche li.dernierePage button:before {
	content: '\276F\276F'
}

/*Liste de présentation des résultats */
#resultats-recherche #resultats-liste {
	margin: 2.625rem 0 2.5rem 0;
	padding: 0
}

#resultats-recherche #resultats-liste li {
	margin: 0 0 2rem 0;
	font-family: 'interstateregularlight', sans-serif;
	font-size: .875rem;
	list-style: none
}

#resultats-recherche #resultats-liste li a {
	display: inline-block;
	margin-bottom: .1875rem;
	color: #006993;
	text-decoration: underline
}

#resultats-recherche #resultats-liste li a:hover {
	background-color: #cae7f2;
	text-decoration: none
}

#resultats-recherche #resultats-liste li p {
	display: block;
	margin: 0;
	line-height: 1.1875rem
}

#resultats-recherche #resultats-liste li p.urlRecherche {
	color: #5f5f60;
	font-size: .75rem
}

/*=============================================================================Modifié par Ciao - Nicolas Tremblay (nicolas.tremblay@ciao.qc.com)Entête interne (ligne #2296 à #2378)============================================================================= */
header .sectionSite {
	background: #27aee4;
	width: auto;
	display: inline-block;
	padding: 0.781em 0.625em 0.313em 0;
	border-top: 5px solid black;
	position: relative;
	z-index: 1
}

header .sectionSite {
	color: #000;
	font-family: 'interstateregularlight', sans-serif;
	font-size: 2.000em;
	text-transform: uppercase
}

header .sectionSite:before {
	background: #27aee4;
	content: "";
	width: 1500%;
	position: absolute;
	left: -1500%;
	height: 100%;
	top: 0;
	z-index: 0;
	margin-top: -5px;
	border-top: 5px solid black
}

#post-5673 #navigation-fonciere::before {
	content: "";
	display: block;
	width: 371px;
	height: 464px;
	background: url(/wp-content/uploads/2015/12/mern_triangle_interne.png) no-repeat;
	position: absolute;
	left: -300px;
	top: 0;
	z-index: 0
}

.slick-slider .slick-track {
	margin-top: 5px
}

/*CSS pour la refonte des pages d'accueil - Mary-Élizabeth Lagacé 22 février 2017*/
.accueil.secteur .boite ul li .lcp_customfield {
	font-size: 1.818em;
	line-height: 1.1em;
	color: #000;
	margin-bottom: 5px;
	font-family: 'interstatebold', sans-serif
}

.liensaccueil h2 {
	font-size: 1.429em;
	border-bottom: 5px solid #dddedf;
	font-family: 'interstatebold', sans-serif !important
}

.liensaccueil h2 a {
	color: #333 !important
}

.liensaccueil ul li {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2015/08/mern_fleche.png") no-repeat scroll left 7px;
	font-family: interstateregularlight, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.1em;
	list-style: outside none none;
	margin-bottom: 0.2em;
	padding-left: 1.1em;
	vertical-align: text-top
}

.liensaccueil ul li a {
	color: #006993;
	text-decoration: none
}

.sectionsaccueil {
	padding: 0px !important
}

.accueil.secteur .et_pb_specialty_column {
	margin-right: 2.5%;
	width: 70% !important
}

.accueil.secteur .et_pb_column_single {
	width: 27% !important
}

/* .accueil.secteur .liensaccueil h2 {
	font-size: 1.5em !important
} */

.accueil.secteur .boite ul li a {
	color: #006993
}

.accueil.secteur .reseaux-sociaux {
	width: 100%;
	height: 58px;
	background-color: #e4eff3 !important;
	margin-top: 5px
}

.accueil.secteur .reseaux-sociaux:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle !important;
	height: 100%
}

.accueil.secteur .reseaux-sociaux p {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 700;
	font-size: 1em;
	display: inline-block;
	margin-left: 10px
}

.accueil.secteur .suivez-nous {
	width: 100%;
	height: 31px;
	background-color: #27aee5 !important;
	margin-top: 5px;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	font-family: interstatebold, Helvetica, sans-serif !important;
	text-transform: uppercase;
	color: #FFF;
	line-height: 2.2em !important;
}

.accueil.secteur .medias a {
	position: relative;
	display: block;
}

.accueil.secteur .suivez-nous p {
	line-height: 31px;
	color: #fff;
	margin-left: 10px;
}

.accueil.secteur .reseaux-sociaux img {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}

#page-container #actualites-energie h4 {
	margin-top: 0px !important;
}

.moteurRecherche .ng-valid {
	margin-right: 0px !important
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
}

/*Sous-section Hydrocarbures------Mary-Élizabeth Lagacé--2017/08/03--*/
#nav_menu-13 {
	margin-bottom: 10px;
}

#menuhydrocarbure {
	padding-top: 0 !important;
	border: none !important;
}

#liensrapideshydro {
	margin-top: 0px !important;
}

.boutonshydro {
	margin-bottom: 7% !important;
	text-align: center;
}

.urgence div p {
	color: #bc3c33 !important;
	font-weight: 700;
}

.et-tooltip-box {
	z-index: 10000000;
}

#hydrocarburesFaq .et_pb_toggle_title {
	margin: 0;
}

#hydrocarburesFaq .et_pb_toggle {
	margin-bottom: 2.75%;
}

#hydrocarburesFaq .et_pb_toggle_close,
#hydrocarburesFaq .et_pb_toggle_open {
	padding: 15px;
}

#hydrocarburesFaq .et_pb_toggle_title:before {
	color: #666;
	font-size: 25px;
	font-weight: 700 !important;
	content: "\33"
}

#hydrocarburesFaq .et_pb_toggle_open .et_pb_toggle_title:before {
	color: #000;
	content: "\32";
}

/*************Étapes pour localiser et sécuriser un puits*************/
/*Cercles présentant les 3 étapes*/
/*Largeur de la colonne 1/3*/
#localisation .et_pb_column {
	width: 100% !important;
}

#localisation .et_pb_column:nth-child(1),
#localisation .et_pb_column:nth-child(2) {
	margin-right: 2% !important;
}

/*Image Étape 1*/
#localisation .et_pb_column_inner_1 .etapes-puits {
	background: url("/wp-content/uploads/puits-inactifs-etape-1.png") no-repeat;
}

/*Image Étape 2*/
#localisation .et_pb_column_inner_2 .etapes-puits {
	background: url("/wp-content/uploads/puits-inactifs-etape-2.png") no-repeat;
}

/*Image Étape 3*/
#localisation .et_pb_column_inner_3 .etapes-puits {
	background: url("/wp-content/uploads/puits-inactifs-etape-3.png") no-repeat
}

#localisation .et_pb_column .etapes-puits {
	width: 221px !important;
	height: 291px;
	line-height: 291px;
	text-align: center;
	padding-top: 25px;
	padding-right: 5px;
	margin: 0 auto
}

.etapes-puits .et_pb_code_inner {
	display: inline-block;
}

/*Police à l'intérieur des cercles*/
.etapes-puits p {
	margin: 0 !important;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 700;
}

.etapes-puits p span {
	color: #27aee4;
	font-size: 1.8em;
}

/*Boîtes bleues*/
.box-blue {
	background: #cde7f6;
	padding: 10px;
}

.box-blue h3 {
	font-size: 1.143em !important;
	margin: 0 !important;
	font-family: 'interstatebold', sans-serif;
}

/*********Timeline Puits inactifs*********/
/* Carré jaune*/
.puits-timeline .cd-timeline-img {
	border: none !important;
	box-shadow: none !important;
	top: -8px;
	left: -10px
}

.puits-timeline .cd-timeline-img span.et-pb-icon-circle {
	box-shadow: none !important;
	min-height: 0px !important;
	min-width: 0px !important;
	font-size: 45px;
	padding: 6px !important
}

/* Ligne verticale */
.puits-timeline #cd-timeline::before {
	position: absolute;
	top: 0;
	height: 100%;
	width: 0px;
	border: 1px solid #000;
	border-style: dashed
}

/* Flèche de la boite */
.puits-timeline .cd-timeline-content::before {
	height: 0;
	width: 18px;
	border: 1px solid #000 !important;
	border-style: dashed !important
}

/*Date*/
.puits-timeline .cd-date {
	font-size: 1.714em;
	margin: 0;
	padding: .4em 0 !important;
	font-family: 'interstateregularlight', sans-serif;
	opacity: 1
}

/*Cacher le titre des étapes du timeline*/
.puits-timeline .cd-timeline-content h2 {
	display: none
}

/* Boite de contenu */
.puits-timeline .cd-timeline-content {
	margin-left: 60px;
	background: #FFFFFF;
	padding: 1em;
	box-shadow: none;
	border: #000 2px solid
}

.post-timeline p,
.post-timeline span,
.yr_list .style-4 span,
.timeline-box span {
	font-family: "interstateregularlight", sans-serif !important
}

.yr_list .style-4 {
	width: 300px
}

.p-tl-cont {
	font-family: "interstateregularlight", sans-serif !important
}

/************************************************Cheminement d'un projet minier************************************************/
.cheminement-minier {
	padding: 15px !important
}

.cheminement-minier:before {
	content: '';
	position: absolute;
	top: 4%;
	height: 96%;
	width: 4px;
	background: #27aee4;
	left: 49.9%;
	margin-left: -2px
}

.cheminement-minier-timeline {
	margin-bottom: 15px !important
}

.cheminement-minier-col-2 {
	margin-left: 27px
}

.elaboration {
	text-align: center;
	margin: auto !important;
	padding: 10px;
	width: max-content;
	height: 43px
}

#elaboration-droite {
	background: transparent
}

.cheminement-contenu {
	position: relative;
	border: 3px solid #dddedf;
	padding: 10px
}

.cheminement-contenu-col-1:before,
.cheminement-contenu-col-1:after {
	left: 100%;
	top: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.cheminement-contenu-col-1:before {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #dddedf;
	border-width: 24px;
	margin-top: -24px
}

.cheminement-contenu-col-1:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #27aee4;
	border-width: 20px;
	margin-top: -20px
}

.cheminement-contenu-col-2:before,
.cheminement-contenu-col-2:after {
	right: 100%;
	top: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.cheminement-contenu-col-2:before {
	border-color: rgba(221, 222, 223, 0);
	border-right-color: #dddedf;
	border-width: 24px;
	margin-top: -24px
}

.cheminement-contenu-col-2:after {
	border-color: rgba(245, 238, 238, 0);
	border-right-color: #27aee4;
	border-width: 20px;
	margin-top: -20px
}

.titre-cheminement-col {
	background: #dddedf;
	font-size: 1.4em;
	text-align: center;
	padding: 8px;
	border-bottom: 6px solid #27aee4
}

.titre-col-gauche {
	margin-bottom: 48px !important
}

/**** menu accordeon ****/
.module-accordeon {
	position: absolute;
	left: -9999px
}

.plusminus {
	display: inline;
	position: relative;
	vertical-align: middle;
	/*Change to resize the plusminus box*/
	width: 24px;
	height: 24px;
	float: right;
	margin-right: -30px
}

.plusminus span:nth-child(1) {
	display: block;
	position: absolute;
	margin: 0 10%;
	width: 80%;
	height: 4px;
	border-radius: 3px;
	background: #1d769a;
	top: calc(50% - 2px);
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease
}

.plusminus span:nth-child(2) {
	display: block;
	position: absolute;
	margin: 10% 0;
	width: 4px;
	height: 80%;
	border-radius: 3px;
	background: #1d769a;
	left: calc(50% - 2px);
	-moz-transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease
}

.plusminus-checked span:nth-child(1) {
	background: #000000
}

.plusminus-checked span:nth-child(2) {
	background: #000000;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

/*Everythingafter this is just for presentation*/
.h4-accordeon {
	color: #1d769a;
	width: max-content;
	display: inline;
	padding-bottom: 0;
	vertical-align: middle
}

.accordeon-label {
	display: inline;
	cursor: pointer
}

.panel {
	width: 112%;
	margin-top: 15px;
	padding: 15px;
	background-color: #FFFFFF;
	border: solid 2px black;
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear
}

.module-accordeon:checked+.panel {
	display: block;
	visibility: visible;
	opacity: 1
}

.accordion__wrapper {
	list-style: none;
	width: 400px
}

.accordion__item {
	list-style: none;
	width: 100%;
	padding: 10px 50px 10px 10px;
	border: solid 2px white;
	background-color: #dddedf;

	margin: -2px 0
}

.accordeon-label+.module-accordeon {
	display: inline-block
}

.icone-cheminement {
	vertical-align: middle;
	margin-top: -10px
}

#menu-accordeon {
	position: fixed;
	top: 50%;
	right: 0
}

/************************************************Fin cheminement d'un projet minier************************************************/
/*Outline - Accessibilité*/
body button:focus,
body a:focus,
body input:focus,
body select:focus,
body textarea:focus {
	outline: #0B68FE solid 2px
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
	outline: none
}

/************************************************Extension Mapplic************************************************/
.mapplic-clickable:not(g),
g.mapplic-clickable>* {
	opacity: 1 !important
}

.mapplic-tooltip>h4 {
	font-size: 14px !important
}

.mapplic-tooltip-description,
.mapplic-tooltip p {
	color: #666 !important
}

/* a narrower sidebar */
.mapplic-sidebar {
	width: 23% !important
}

.mapplic-container {
	width: 77% !important
}

/*Module d'actualités - DGARI-Post*/
.actualites .dgari-post-calandrier-evenement-wrapper {
	padding: 6px 0
}

#dgari-posts-filtres fieldset {
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border: none
}

.actualites .actus-date-article-mern {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	text-transform: none !important;
	color: #319CCF !important;
	line-height: 1.9em !important;
	font-size: 0.95em !important
}

.actualites h3.actus-titre-article-mern,
.actualites h3.actus-titre-article-mern a {
	font-family: Arial, Helvetica, sans-serif !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	line-height: 1.1em !important;
	color: #319CCF !important;
	margin: 0px !important;
}

.actualites #dgari-posts-filtres-post_tag,
.actualites #dgari-posts-filtres-date {
	margin-right: 12px;
}

.actualites #dgari-posts-bouton-filtre {
	background: #dddee0;
	color: #000;
	font-weight: 700;
	padding: 0 1em;
	border: 2px solid #27aee4;
	font-size: 13px;
	height: 24px;
	letter-spacing: 1px;
	position: relative;
	top: 0;
	display: inline-block
}

#page-container .entry-content .actualites #dgari-posts-pagination {
	padding: 0;
	margin: 20px 0;
}

.actualites .dgari-post-calandrier-evenement-wrapper .attachment-post-thumbnail {
	max-width: 80px;
	max-height: 80px;
}

.actualites .img-thumb {
	display: inline-block;
	float: left;
	margin-right: 12px;
}

.actualites .actus-contenu-article-evenement-mern {
	display: inline-block;
	width: calc(100% - 92px)
}

.actualites .actus-texte-article-mern p {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	text-transform: none !important;
	color: #319CCF !important;
	line-height: 1.2em !important;
}

.et_pb_text ol,
.et_pb_text ul {
	font-size: 0.95em;
}

.dgari-post-calandrier-evenement-wrapper {
	margin: 0;
	padding: 1em 0.750em;
	background: #FFF;
	border-bottom: 1px solid #000;
}

.actualites .dgari-post-calandrier-evenement-wrapper {
	border-bottom: none;
}

.dgari-post-calandrier-evenement-wrapper:last-of-type {
	border-bottom: none;
}

.dgari-post-calandrier-evenement-wrapper .categories-article {
	font-size: 1.36em;
	line-height: 1.1em;
	color: #000;
	margin-bottom: 5px;
	font-family: 'interstatebold', sans-serif;
}

.actualites #dgari-posts-posts {
	margin-top: 20px;
}

.actualites .dgari-post-calandrier-evenement-wrapper .categories-article {
	font-size: 1em;
	font-family: inherit;
}

.evenements .dgari-post-calandrier-evenement-wrapper .categories-article {
	display: none;
}

.dgari-post-calandrier-evenement-wrapper .actus-date-article-mern {
	font-size: 0.73em;
	margin-bottom: 0;
}

.dgari-post-calandrier-evenement-wrapper h3.actus-titre-article-mern {
	display: block;
	line-height: 1.43em;
	font-weight: 400;
}

.dgari-post-calandrier-evenement-wrapper h3.actus-titre-article-mern a {
	color: #006993;
	text-decoration: underline;
	font-size: 1.12em !important;
}

.dgari-post-calandrier-evenement-wrapper .cpt-publications-resume {
	display: none;
}

.actualites .dgari-post-calandrier-evenement-wrapper .cpt-publications-resume {
	display: block;
}

/* Style global for thumbnails*/
.img-thumb img {
	display: inline-block;
	float: left;
	margin-bottom: 10px;
	height: auto;
}

/* Événements -Module d'actualités - DGARI-Post*/
.evenements .dgari-post-calandrier-evenement-wrapper .actus-date-article-mern {
	font-size: 1.36em;
	line-height: 1.1em;
	color: #000;
	margin-bottom: 5px;
	font-family: 'interstatebold', sans-serif;
}


.evenements .dgari-post-calandrier-evenement-wrapper .img-thumb img {
	margin-bottom: 0px;
	margin-right: 12px;
	max-width: 64px;
}


/*Programmation d'événements - Tableaux*/
.program-time {
	display: flex;
	width: 100%
}

.program-hour {
	margin-right: 12px;
	width: 75%;
	display: inline-block
}

.program-duree {
	width: 25%
}

#table-program th[scope=row] {
	width: 25%
}

#table-program .td_2 {
	width: 37.5%
}

#table-program .pause {
	background-color: #A2D0D5
}

#table-program tr,
t#table-program td,
#table-program th {
	border: 1px solid #bababa;
}

/*Quiz interactif QME Découverte*/
.quiz-qme {
	margin-top: 0 !important;
}

.quiz-qme body.page-template-quiz-form {
	display: grid;
	height: 100vh;
	margin: 0 auto;
	place-items: center center;
	align-items: center;
	justify-content: center;
}

.page-template-quiz-form .wrapper {
	width: 1024px;
	height: 768px;
	margin: auto;
}

.page-template-quiz-form .content {
	height: 599px;
}

.quiz-qme button {
	border: none;
	background-color: inherit;
}

.page-template-quiz-form .warning {
	z-index: 999999;
	width: 100%;
	height: 100%;
	background-color: #ffff;
	display: none;
}

.page-template-quiz-form .warning .warning-text a {
	display: block;
	width: fit-content;
	margin: 0 auto 12px;
}

.page-template-quiz-form .warning.no-responsive {
	display: grid;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	place-items: center center;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.quiz-qme h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-bottom: 12px;
	line-height: 36px;
}

.regform fieldset {
	display: none;
	border: none;
	margin: 0;
	padding: 0;
	height: 599px;
	position: relative;
}

.regform #first {
	display: block;
}

/*PIV blanc*/
.visuallyhidden,
.screen-reader-only {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.screen-reader-only.focusable:active,
.screen-reader-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: normal;
	width: auto;
}

/**** Typographie ****/
@font-face {
	font-family: Roboto;
	src: url(polices/Roboto-Regular.ttf);
}

.page-template-quiz-form .cacher {
	display: none;
}

.page-template-quiz-form .sauter {
	width: 100%;
	text-align: center;
}

.flex {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	-webkit-box-align: center !important;
	align-items: center !important;
}

.justify-content-end {
	-ms-flex-pack: end !important;
	-webkit-box-pack: end !important;
	justify-content: flex-end !important;
}

.page-template-quiz-form .desktop {
	display: none;
}

.page-template-quiz-form #piv_entete p {
	font-family: 'Roboto', sans-serif;
	margin-top: 18px;
	font-size: 16px;
	text-align: left;
	line-height: 16px;
}

.page-template-quiz-form #piv_entete img {
	width: 100%;
}

.page-template-quiz-form #piv_entete.piv_entete--bleu {
	background: #095797;
	color: #ffffff;
}

.page-template-quiz-form #piv_entete.piv_entete--blanc {
	background: #fff;
	color: #000;
	border-top: 8px solid #095797;
}

.page-template-quiz-form #piv_entete.piv_entete--blanc a {
	color: black !important;
}

.page-template-quiz-form #piv_entete .contenu {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: auto;
	position: relative;
}

.page-template-quiz-form #piv_entete .contenu #pivImage {
	min-width: 100%;
}

.page-template-quiz-form #piv_entete .contenu #logo {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	max-height: 60px;
}

.page-template-quiz-form #piv_entete .contenu #piv_identite {
	width: 100%;
	max-height: 72px;
	font-size: 0.8em;
}

.page-template-quiz-form #piv_piedPage {
	width: 100%;
	margin: 1% 0;
	font-family: 'Roboto', sans-serif;
}

.page-template-quiz-form #piv_piedPage:after {
	content: " ";
	display: table;
	clear: both;
}

.page-template-quiz-form #piv_piedPage .contenu {
	border-top: 3px solid #095797;
	width: 100%;
}

.page-template-quiz-form #piv_piedPage .contenu #logo,
.page-template-quiz-form #piv_piedPage .contenu #credits {
	text-align: center;
}

.page-template-quiz-form #piv_piedPage .contenu #credits {
	line-height: 1em;
}

.page-template-quiz-form #piv_piedPage .contenu #logo {
	width: 100%;
	margin: auto;
	line-height: 0;
}

.page-template-quiz-form #piv_piedPage .contenu #logo img {
	height: 75px;
}

.page-template-quiz-form #piv_piedPage .contenu #logo a {
	display: inline-block;
	text-align: center;
	width: auto;
	line-height: 0;
}

.page-template-quiz-form #piv_piedPage .contenu a {
	color: gray;
}

.page-template-quiz-form #piv_piedPage .contenu small a {
	color: black;
	text-decoration: none;
}

/*Bouton suivant*/

.next_btn,
#restart {
	box-sizing: border-box;
	box-shadow: 0px 3px 6px #0000005C;
	display: block;
	width: 258px;
	height: 62px;
	background-color: #2E2A39 !important;
	margin: 12px auto;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.next_btn:before,
#restart:before {
	content: "";
	position: absolute;
	top: -110%;
	left: -210%;
	width: 200%;
	height: 200%;
	opacity: 0;
	transform: rotate(30deg);
	background: rgba(255, 255, 255, 0.13);
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0.13) 0%,
			rgba(255, 255, 255, 0.13) 77%,
			rgba(255, 255, 255, 0.5) 92%,
			rgba(255, 255, 255, 0.0) 100%);
}

.next_btn:hover:before,
#restart:hover:before {
	opacity: 1;
	top: -30%;
	left: 100%;
	transition-property: left, top, opacity;
	transition-duration: 0.9s, 0.7s, 0.15s;
	transition-timing-function: ease;
}

fieldset .next_btn p,
fieldset .script .next_btn p,
fieldset #restart p,
fieldset .script #restart p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	line-height: 21px;
	text-transform: uppercase;
}

.pre_btn,
.pre_modal {
	position: absolute;
	bottom: 44px;
	left: 50px;
	cursor: pointer;
}

.pre_btn:hover #Symbole_17,
.pre_modal:hover #Symbole_17 {
	stroke: #fff !important;
	transition: .2s ease;
}

.pre_btn:hover #Symbole_17 path,
.pre_modal:hover #Symbole_17 path {
	fill: #fff;
}

.pre_btn:hover #Ellipse_449,
.pre_modal:hover #Ellipse_449 {
	fill: #000;
	stroke-width: 3px !important;
	stroke: #000 !important;
	transition: .2s ease;
}

/*Tableaux*/
.script {
	position: relative;
	text-align: center;
}

.script p {
	margin: 0;
}

.tableau-1-1 {
	background: url(/wp-content/uploads/tableau-1-3-fond.svg) no-repeat center center;
}

.tableau-2-1,
.tableau-2-6 {
	background: url(/wp-content/uploads/tableau-2-1-fond.jpg) no-repeat center center;
}

.tableau-2-2 {
	background: url(/wp-content/uploads/tableau-2-2-fond.svg) no-repeat center center;
}

.tableau-2-3 {
	background: url(/wp-content/uploads/tableau-2-3-fond.svg) no-repeat center center;
}

.tableau-2-4 {
	background: url(/wp-content/uploads/tableau-2-4-ond.svg) no-repeat center center;
}

.tableau-2-5 {
	background: url(/wp-content/uploads/tableau-2-5-fond.svg) no-repeat center center;
}

.tableau-3-1 {
	background: url(/wp-content/uploads/tableau-3-1-fond.jpg) no-repeat center center;
}

.tableau-3-2 {
	background: url(/wp-content/uploads/tableau-3-2-fond.svg) no-repeat center center;
}

.tableau-4-1 {
	background: url(/wp-content/uploads/tableau-4-1-fond.jpg) no-repeat center center;
}

.tableau-4-2 {
	background: url(/wp-content/uploads/tableau-4-2-fond.svg) no-repeat center center;
}

.tableau-5-1 {
	background: url(/wp-content/uploads/tableau-5-1-fond.jpg) no-repeat center center;
}

.tableau-5-2 {
	background: url(/wp-content/uploads/tableau-5-2-fond.svg) no-repeat center center;
}

.tableau-6-1 {
	background: url(/wp-content/uploads/tableau-6-1-fond.jpg) no-repeat center center;
}

.tableau-6-2 {
	background: url(/wp-content/uploads/tableau-6-2-fond.svg) no-repeat center center;
}

.tableau-7 {
	background: url(/wp-content/uploads/tableau-7-fond.svg) no-repeat center center;
}

.modal-background-1,
.modal-background-2 {
	display: none;
}

.modal-active {
	display: block;
	z-index: 100;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
}

.tableau-3-2 .modal-background-1 {
	background: url(/wp-content/uploads/tableau-3-4-fond-electreau.jpg) no-repeat center center;
}

.tableau-3-2 .modal-background-2 {
	background: url(/wp-content/uploads/tableau-3-3-fond-gazou.jpg) no-repeat center center;
}

.tableau-4-2 .modal-background-1 {
	background: url(/wp-content/uploads/tableau-4-3-fond-eolie.jpg) no-repeat center center;
}

.tableau-4-2 .modal-background-2 {
	background: url(/wp-content/uploads/tableau-4-4-fond-rayonnah.jpg) no-repeat center center;
}

.tableau-5-2 .modal-background-1 {
	background: url(/wp-content/uploads/tableau-5-3-rond-rayonnah.jpg) no-repeat center center;
}

.tableau-5-2 .modal-background-2 {
	background: url(/wp-content/uploads/tableau-5-4-fond-eolie.jpg) no-repeat center center;
}

.tableau-6-2 .modal-background-1 {
	background: url(/wp-content/uploads/tableau-6-3-fond-electreau.jpg) no-repeat center center;
}

.tableau-6-2 .modal-background-2 {
	background: url(/wp-content/uploads/tableau-6-4-fond-gazou.jpg) no-repeat center center;
}

.tableau-1 p,
.tableau-7 p {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #000;
	letter-spacing: 0;
	opacity: 1;
	margin: 0 0 6px 0;
	padding: 0;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

.tableau-1 .sun-1-1,
.tableau-1 .nuage,
.tableau-1 .eclair {
	top: 36px;
	right: 269px;
	position: absolute;
}

.tableau-1 .gaia {
	animation: float 6s ease-in-out infinite;
	top: 36px;
	right: 269px;
	position: absolute;
}

.tableau-1-4 p {
	font-size: 26px;
	line-height: 40px;
}

.tableau-1-1 .script {
	width: 374px;
	top: 50px;
	left: 52px;
	height: 334px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tableau-1-2 .script,
.tableau-1-3 .script,
.tableau-1-4 .script,
.tableau-1-5 .script {
	width: 374px;
	top: 86px;
	left: 52px;
	height: 334px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tableau-7 .script {
	width: 414px;
	top: 57px;
	left: 40px;
	height: 332px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tableau-1-1 .script .next_btn,
.tableau-1-2 .script .next_btn,
.tableau-1-3 .script .next_btn,
.tableau-1-4 .script .next_btn,
.tableau-1-5 .script .next_btn {
	flex: none;
}

.tableau-2-1 .bulle,
.tableau-2-6 .bulle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.tableau-2-1 .script,
.tableau-2-6 .script {
	width: 258px;
	position: absolute;
	top: 215px;
	left: 50%;
	transform: translateX(-50%);
}

.tableau-2-1 .script p,
.tableau-2-6 .script p {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0;
}

.tableau-2-1 .electreau,
.tableau-2-6 .electreau {
	top: 80px;
	left: 82px;
	position: absolute;
}

.tableau-2-1 .rayonnah,
.tableau-2-6 .rayonnah {
	position: absolute;
	right: 82px;
	top: 50px;
}

.tableau-2-1 .eolie,
.tableau-2-6 .eolie {
	position: absolute;
	bottom: 80px;
	left: 55px;
}

.tableau-2-1 .gazou,
.tableau-2-6 .gazou {
	position: absolute;
	bottom: 55px;
	right: 80px;
}

.name-label {
	background-color: #fff;
	width: 228px;
	height: 29px;
	text-align: center;
	position: absolute;
}

.name-label p {
	font-size: 21px;
	line-height: 29px;
	font-family: 'Roboto Black', sans-serif;
	font-weight: 900;
	color: #2E2A39;
	text-transform: uppercase;
	letter-spacing: 0;
}

.name-label.electreau {
	left: 0;
	top: 23px;
}

.name-label.rayonnah {
	right: 0;
	top: 23px;
}

.name-label.eolie {
	left: 0;
	bottom: 23px;
}

.name-label.gazou {
	right: 0;
	bottom: 23px;
}

.tableau-2-2 .script,
.tableau-2-3 .script,
.tableau-2-4 .script,
.tableau-2-5 .script {
	width: 437px;
	top: 46px;
	left: 556px;
	height: 315px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tableau-2-2 .script .next_btn,
.tableau-2-3 .script .next_btn,
.tableau-2-4 .script .next_btn,
.tableau-2-5 .script .next_btn,
.tableau-3-1 .script .next_btn {
	flex: none;
}

.tableau-2-2 .script,
.tableau-2-3 .script,
.tableau-2-4 .script,
.tableau-2-5 .script {
	font-size: 26px;
	line-height: 40px;
	color: #000000;
}

.tableau-2-2 .gazou {
	position: absolute;
	bottom: 0px;
	left: 553px;
}

.tableau-2-3 .electreau {
	position: absolute;
	bottom: 30px;
	left: 520px;
}

.tableau-2-4 .eolie {
	position: absolute;
	bottom: 4px;
	left: 570px;
	-moz-transform: scaleX(-1);
	/* Gecko */
	-o-transform: scaleX(-1);
	/* Opera */
	-webkit-transform: scaleX(-1);
	/* Webkit */
	transform: scaleX(-1);
	/* Standard */

	filter: FlipH;
	/* IE 6/7/8 */
}

.tableau-2-5 .rayonnah {
	position: absolute;
	bottom: 5px;
	left: 500px;
}

.tableau-3-1 .script,
.tableau-4-1 .script,
.tableau-5-1 .script,
.tableau-6-1 .script {
	background-color: #F8F8F8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 686px;
	/*height: 343px;*/
	box-shadow: 6px 6px 6px #08080867;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
}

.tableau-3-1 .script p,
.tableau-4-1 .script p,
.tableau-5-1 .script p,
.tableau-6-1 .script p {
	font-size: 22px;
	line-height: 36px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.tableau-3-1 .script .consigne,
.tableau-4-1 .script .consigne,
.tableau-5-1 .script .consigne,
.tableau-6-1 .script .consigne {
	font-size: 18px;
	line-height: 22px;
	margin-top: 6px;
	font-style: italic;
	color: #156aac;
}

.tableau-3-1 .script p span,
.tableau-4-1 .script p span,
.tableau-5-1 .script p span,
.tableau-6-1 .script p span {
	font-size: 48px;
	line-height: 40px;
	display: block;
	margin-bottom: 24px;
}

.tableau-3-2 .script,
.tableau-4-2 .script,
.tableau-5-2 .script,
.tableau-6-2 .script {
	width: 100%;
	height: 76px;
	background-color: #F8F8F8;
	display: flex;
}

.tableau-3-2 .script p,
.tableau-4-2 .script p,
.tableau-5-2 .script p,
.tableau-6-2 .script p {
	width: 888px;
	margin: auto;
	font-size: 16px;
	line-height: 20px;
}

.dialog-1 {
	width: 375px;
	height: 240px;
	position: absolute;
	cursor: pointer;
}

.dialog-1 p {
	font-size: 16px;
	line-height: 22px;
	width: 260px;
	text-align: center;
	position: absolute;
	padding: 0;
	margin: 0;
}

.dialog-2 {
	width: 375px;
	height: 265px;
	position: absolute;
	cursor: pointer;
}

.dialog-2 p {
	font-size: 16px;
	line-height: 22px;
	width: 275px;
	text-align: center;
	position: absolute;
	padding: 0;
	margin: 0;
}

.tableau-3-2 .dialog-2 {
	left: 30px;
	top: 80px;
}

.tableau-3-2 .dialog-2 p {
	top: 104px;
	left: 194px;
	transform: translate(-50%, -45%);
}

.tableau-3-2 .dialog-1 {
	top: 80px;
	right: 60px;
}

.tableau-3-2 .dialog-1 p {
	top: 56px;
	left: 50px;
}

.button.one,
.button.two {
	width: fit-content;
}

.button.one svg,
.button.two svg {
	cursor: pointer;
}

.tableau-3-2 .button.one {
	position: absolute;
	top: 353px;
	left: 510px;
}

.tableau-3-2 .button.two {
	position: absolute;
	top: 250px;
	left: 290px;
}

.button .gazou #Groupe_1209 path {
	stroke-width: 0px !important;
	stroke: #fff !important;
	transition: .3s ease;
}

.button .gazou:hover #Groupe_1209 path {
	stroke-width: 5px !important;
	stroke: #fff !important;
}

.button .electreau #Groupe_519 path {
	stroke-width: 0px !important;
	stroke: #fff !important;
	transition: .3s ease;
}

.button .electreau:hover #Groupe_519 path {
	stroke-width: 5px !important;
	stroke: #fff !important;
}

.button .eolie #Groupe_1464 path {
	stroke-width: 0px !important;
	stroke: #fff !important;
	transition: .3s ease;
}

.button .eolie:hover #Groupe_1464 path {
	stroke-width: 5px !important;
	stroke: #fff !important;
}

.button .rayonnah #Groupe_1168 path {
	stroke-width: 0px !important;
	stroke: #fff !important;
	transition: .3s ease;
}

.button .rayonnah:hover #Groupe_1168 path {
	stroke-width: 5px !important;
	stroke: #fff !important;
}

svg.bulle-dialogue path {
	stroke-width: 3px !important;
	stroke: #000 !important;
	transition: .3s ease;
}

.dialog-1:hover svg.bulle-dialogue path,
.dialog-2:hover svg.bulle-dialogue path {
	stroke-width: 5px !important;
	stroke: #000 !important;
}

.modal-background-1 .modal,
.modal-background-2 .modal {
	background-color: #F8F8F8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 920px;
	height: 395px;
	box-shadow: 6px 6px 6px #08080867;
	display: block;
}

.modal-background-1 .modal .result,
.modal-background-2 .modal .result {
	position: absolute;
	width: 545px;
	left: 143px;
	margin-top: 30px;
}

.modal-background-1 .modal .result p,
.modal-background-2 .modal .result p {
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	color: #000;
}

.reponse {
	position: absolute;
	z-index: 10;
	top: 42px;
	left: 20px;
}

svg.biomasse,
svg.hydroelectricite,
svg.eolienne,
svg.solaire {
	top: 60px;
	left: 700px;
	position: relative;
}

.tableau-2-2 .dialog-1 {
	left: 350px;
	cursor: initial;
}

.tableau-2-2 .dialog-1 p {
	left: 20px;
	top: 18px;
	width: 170px;
}

.tableau-2-3 .dialog-1 {
	left: 308px;
	bottom: 100px;
	cursor: initial;
}

.tableau-2-3 .dialog-1 p {
	left: 34px;
	top: 40px;
}

.tableau-2-4 .dialog-1 {
	left: 350px;
	cursor: initial;
}

.tableau-2-4 .dialog-1 p {
	width: 180px;
	left: 22px;
	top: 18px;
}

.tableau-2-5 .dialog-1 {
	right: 0;
	cursor: initial;
}

.tableau-2-5 .dialog-1 p {
	left: 10px;
	top: 28px;
}

.tableau-2-2 .dialog-1:hover svg.bulle-dialogue path,
.tableau-2-3 .dialog-1:hover svg.bulle-dialogue path,
.tableau-2-4 .dialog-1:hover svg.bulle-dialogue path,
.tableau-2-5 .dialog-1:hover svg.bulle-dialogue path {
	stroke-width: 3px !important;
	stroke: #000 !important;
}

.tableau-4-2 .dialog-1 {
	left: 155px;
	top: 71px;
}

.tableau-4-2 .dialog-1 p {
	top: 25px;
	left: 55px;
}

.tableau-4-2 .dialog-1 .bulle-dialogue {
	width: 400px;
	height: auto;
}

.tableau-4-2 .eolie {
	position: absolute;
	top: 65px;
}

.tableau-4-2 .dialog-2 {
	top: 170px;
	right: 100px;
}

.tableau-4-2 .dialog-2 p {
	top: 46px;
	right: 66px;
}

.tableau-4-2 .button.one {
	position: absolute;
	left: 57px;
	top: 240px;
}

.tableau-4-2 .button.two {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	position: absolute;
	bottom: 0;
	right: 137px;
}

.tableau-5-2 .dialog-1 {
	left: 194px;
	top: 200px;
	width: 288px;
	height: 155px;
}

.tableau-5-2 .dialog-1 p {
	top: 20px;
	left: 19px;
	width: 246px;
}

.tableau-5-2 .dialog-2 {
	top: 151px;
	right: 210px;
	width: 320px;
	height: 190px;
}

.tableau-5-2 .dialog-2 p {
	top: 36px;
	left: 53px;
	width: 216px;
}

.tableau-5-2 .button.one {
	position: absolute;
	left: 75px;
	bottom: 34px;
}

.tableau-5-2 .button.two {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	position: absolute;
	right: 155px;
	bottom: 100px;
}

.tableau-6-2 .dialog-1 {
	background-image: url(/wp-content/uploads/tableau-6-2-bulle-electreau.svg);
	background-repeat: no-repeat;
	left: 200px;
	top: 270px;
}

.tableau-6-2 .dialog-1 p {
	top: 14px;
	left: 16px;
	width: 245px;
}

.tableau-6-2 .dialog-2 {
	background-image: url(/wp-content/uploads/tableau-6-2-bulle-gazou.svg);
	background-repeat: no-repeat;
	top: 305px;
	right: 58px;
}

.tableau-6-2 .dialog-2 p {
	top: 18px;
	left: 14px;
	width: 194px;
}

.tableau-6-2 .button.one {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	position: absolute;
	right: 417px;
	bottom: 40px;
}

.tableau-6-2 .button.two {
	position: absolute;
	bottom: 15px;
	right: 106px;
}

/*Formulaires Contact Form 7*/
form textarea.wpcf7-textarea {
	width: 100%;
}

/*Bouton bleu Page /energie/hydrocarbures/services-entreprises/ ------Svetlana Savin--décembre 2019--*/
.boutonbleu {
	margin: 20px 0px;
}

.boutonbleu a {
	background-color: #337ab7;
	border-color: #2e6da4;
	border-radius: 4px;
	color: #ffffff;
	padding: 10px 20px;
}

.boutonbleu a:hover,
.boutonbleu a:focus,
.boutonbleu a:active {
	background-color: #2e6da4;
	border-color: #337ab7;
	border-radius: 4px;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
}

.et_pb_column_4_4 .et_pb_text .boutonbleu a {
	text-decoration: none !important;
}

/*** Template Québec Drapeau ******/
.page-template-page-quebecdrapeau footer#main-footer {
	display: none;
}

.page-template-page-quebecdrapeau #page-container .et_pb_section.covid-content .covid-news h2 {
	color: #fec84b;
	text-transform: uppercase;
	background-color: #39444a;
	margin: 0 0 12px 0;
	padding: 6px;
}

.page-template-page-quebecdrapeau #page-container:before {
	display: none;
}

.page-template-page-quebecdrapeau #main-header {
	padding: 0 !important;
}

.page-template-page-quebecdrapeau header .logo-piv img {
	width: 200px;
}

.hidden-txt {
	font-size: 0;
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	position: absolute !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.covid-new {
	display: inline-block;
	line-height: normal;
	font-weight: bold;
	margin-left: 12px;
	padding: 6px;
	background-color: #fec84b;
	color: #000;
	width: auto;
	max-width: 100px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .2px;
}

.page-template-page-quebecdrapeau .covid-header {
	background-color: #fec84b;
	padding: 24px 0;
	margin: 0;
}

.page-template-page-quebecdrapeau .covid-header h2 {
	margin: 0 !important;
	padding-bottom: 0 !important;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
}

.page-template-page-quebecdrapeau .covid-header p {
	text-align: center;
	padding: 0;
	margin: 12px 0 0 0;
}

#page-container .et_pb_section.covid-content .covid-news {
	margin-bottom: 24px;
}

#page-container .et_pb_section.covid-content .covid-intro h2 {
	color: #231f20;
	font-size: 20px;
	background-color: transparent;
	margin: 36px 0 12px 0;
	padding: 0;
	font-weight: bold;
}

#page-container .et_pb_section.covid-content .covid-intro p {
	font-size: 16px;
}

#page-container .et_pb_section.covid-content p a,
#page-container .et_pb_section.covid-content a,
#page-container .et_pb_section.covid-content ul li a {
	color: #2489c6 !important;
	font-weight: bold;
}

#page-container .et_pb_section.covid-content {
	background: #fff;
	width: 100%;
}

#page-container .et_pb_section.covid-content a.covid-button {
	display: block;
	width: fit-content;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	background-color: #a8bbca;
	font-weight: bold;
	font-size: 16px;
	color: #000 !important;
}

#page-container .et_pb_section.covid-content .covid-txt {
	margin-bottom: 6px;
}

#page-container .et_pb_section.covid-content .covid-txt p {
	margin-bottom: 0;
}

#page-container .et_pb_section.covid-content .et_pb_row {
	width: 940px;
}

#page-container .et_pb_section.covid-content .retour-titre {
	margin-bottom: 0;
}

#page-container .et_pb_section.covid-content .retour-titre h2 {
	margin-bottom: 0;
}

#page-container .et_pb_section.covid-content .retour-covid {
	background-color: #ecefef;
	padding: 12px;
}

#page-container .et_pb_section.covid-content #dgari-posts #critere-filtre>legend {
	font-size: 1.429em;
	font-family: interstatebold, sans-serif;
	margin: 1.3em 0px 0.45em;
}

#page-container .et_pb_section.covid-content .col-cat {
	float: right;
	margin: 0 12px;
}

#page-container .et_pb_section.covid-content .col-actu {
	width: 200px;
	float: left;
	margin: 0 12px;
}

.covid-content #dgari-posts .post-tag-rh {
	font-weight: bold;
}

.covid-content #dgari-posts .actus-date-article-rh {
	margin: 12px 0;
}

.covid-content #dgari-posts .dgari-post-covid-rh-wrapper {
	margin-bottom: 12px;
	height: 475px;
}

.covid-content #dgari-posts #dgari-posts-filtres {
	margin-bottom: 24px;
}

.covid-content #dgari-posts #dgari-posts-filtres .post_tag {
	margin: 6px 0;
}

.covid-content #dgari-posts #dgari-posts-filtres label {
	margin-left: 6px;
}

.covid-content #dgari-posts #dgari-posts-bouton-filtre {
	top: 0;
	margin: 12px 0;
	padding: 6px;
	display: block;
}

.covid-content #dgari-posts #dgari-posts-posts {
	width: 750px;
}

.bt-rh-button {
	margin-top: 36px;
}

/*-------------------------------- @media query --------------------------------*/
/*Format numérique d'un maximum de 689px*/
/*PIV version mobile - Svetlana Savin Janvier 2021*/
@media (max-width: 689px) {
	#piv_entete #pivLogo {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
		max-height: 60px;
	}

	#piv_entete #top-menu {
		margin: 0;
		padding: 0;
	}

	#piv_entete #piv_identite {
		display: none;
	}

	#piv_entete #piv_mobile {
		display: block;
		margin: 12px 0 12px 4%;
		line-height: 15.36px;
		padding: 0;
		font-size: 12.8px;
		width: 100%;
	}

	#piv_entete #piv_mobile a {
		color: #000;
	}

	#piv_entete #piv_mobile a p {
		margin-bottom: 0;
		color: #000;
	}

	#piv_entete #et-top-navigation {
		-ms-flex: 0 0 45%;
		-webkit-box-flex: 0;
		flex: 0 0 45%;
		max-width: 45%;
		max-height: 72px;
		margin-right: 5%;
	}

	#piv_entete #et-top-navigation #recherche img {
		width: 100%;
		height: 45px;
	}

	#et-top-navigation,
	#pivLogo {
		display: block;
		width: 100% !important;
	}

	#et-top-navigation {
		margin-top: 0em;
	}

	#et-top-navigation nav {
		background: none !important;
	}

	#et-top-navigation nav ul li {
		margin-right: 0.3em;
	}

}

@media (max-width: 1000px) {
	#footer-bottom nav ul li {
		display: block;
	}

	#main-footer #footer-bottom {
		padding-top: 1%;
		margin: 0 0 1% 0;
		border-top: 3px solid #095797;
	}
}

@media (min-width: 680px) and (max-width: 980px) {

	/* Publicité */
	#page-container .pubZone .et_pb_column {
		margin-bottom: 10px
	}
}

@media (min-width: 481px) and (max-width: 980px) {

	/* Tuiles de navigation */
	#page-container .tuilesNavigation {
		width: 100%;
		max-width: 100%
	}

	li.itemTuile {
		width: 47.5%
	}
}

@media (max-width: 1080px) {
	.accueil-mern .et_pb_slide_content {
		position: relative;
		transform: translateX(-50%);
		left: 50%;
	}
}

@media (max-width: 1720px) {

	/* menu accordeon */
	#menu-accordeon {
		position: relative
	}

	.accordion__wrapper {
		margin: 15px auto !important
	}
}

@media (min-width: 1400px) {

	/* Triangle */
	#page-container:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 806px 0 806px 1400px;
		border-color: transparent transparent transparent #f6f7f7;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -2
	}

	#page-container:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 806px 1400px 806px 0;
		border-color: transparent #dff3fb transparent transparent;
		position: absolute;
		right: 0;
		top: 360px;
		opacity: 0.7;
		z-index: -1
	}
}

@media (min-width: 1170px) {

	/* Timeline Puits inactifs */
	.puits-timeline .cd-timeline-img {
		top: 0px;
		left: 50%;
	}
.et_pb_column_4_4 .cd-timeline-content {
    margin-left: 0 !important;
}
	.evo_location_card .evo_location_tax:after {
		background-color: rgba(39, 174, 228, 0.89) !important
	}

	/*	#navigation-fonciere #menu-liens-rapides li a:after{
		content: "\f08e";
		font-family: FontAwesome;
		font-style: normal;
		margin-left: 5px;
		text-decoration: inherit
	}*/
	#menu-liens-rapides li a.externe:after {
		content: "\f08e";
		font-family: FontAwesome;
		font-style: normal;
		margin-left: 5px;
		text-decoration: inherit
	}
}

@media only screen and (min-width: 1000px) {
	.page-template-quiz-form .mobile {
		display: none;
	}

	.page-template-quiz-form .desktop {
		display: block;
	}

	.page-template-quiz-form #piv_piedPage .contenu {
		width: 1000px;
		margin: auto;
		border-top: none;
	}

	.page-template-quiz-form #piv_entete #piv_entete {
		min-height: 72px;
		max-height: 72px;
	}

	.page-template-quiz-form #piv_entete .contenu #piv_identite {
		-ms-flex: 0 0 45%;
		-webkit-box-flex: 0;
		flex: 0 0 45%;
		max-width: 50%;
		margin-left: 3%;
		font-size: 1em;
	}

	.page-template-quiz-form #piv_entete .contenu #logo {
		-ms-flex: 0 0 25%;
		-webkit-box-flex: 0;
		flex: 0 0 25%;
		max-width: 25%;
		max-height: 72px;
	}

	.page-template-quiz-form #piv_entete .contenu {
		width: 1000px;
		margin: auto;
	}

	#piv_identite p {
		margin: 0;
		line-height: 72px !important;
	}
}

@media (min-width: 981px) {

	/* Salle de presse */
	.et_pb_gutters3 .et_pb_column_1_4,
	.et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
		width: 22.875% !important
	}

	.et_pb_gutters3 .et_pb_column,
	.et_pb_gutters3.et_pb_row .et_pb_column {
		margin-right: 2.5% !important
	}
}

@media (max-width: 980px) {

	/*COVID-19*/
	#page-container .et_pb_section.covid-content {
		padding: 0 24px;
	}

	#page-container .et_pb_section.covid-content .et_pb_column {
		margin-bottom: 0;
	}

	#page-container .et_pb_section.covid-content .bt-rh-button {
		margin-top: 0;
		margin-bottom: 24px;
	}

	#page-container .et_pb_section.covid-content .col-actu {
		float: none;
		width: inherit;
	}

	#page-container .et_pb_section.covid-content .col-cat {
		float: none;
	}

	#page-container .et_pb_section.covid-content .col-actu .img-thumb img {
		float: none;
	}

	.covid-content #dgari-posts .dgari-post-covid-rh-wrapper {
		height: inherit;
	}

	.covid-content #dgari-posts #dgari-posts-posts {
		width: inherit;
	}

	/* Menu principal */
	#page-container .et_pb_column.et_pb_column_1_3.et_pb_column_single {
		width: 100% !important;
		padding: 3.8% 0
	}

	#page-container .accueil .et_pb_specialty_column {
		margin-right: 2.5%;
		width: 100% !important
	}

	.composantAccueil .et_pb_column {
		width: 48.5% !important
	}

	ul#menu-liens-rapides {
		margin-bottom: 20px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		background-color: #000
	}

	ul#menu-liens-rapides li:before {
		margin-top: -0.15em
	}

	ul#menu-liens-rapides li {
		margin-bottom: 0px;
		margin-left: 8px
	}

	ul.tuiles {
		display: inline-block
	}

	ul.tuiles li.itemTuile {
		width: 49%
	}

	/* Accès à l'information */
	.et_pb_column_2:not(.home) {
		float: none;
		clear: both
	}

	#interne .et_pb_column_1_2:not(.home) {
		width: 67% !important
	}

	/* Boite accueil */
	.enteteSection a:after {
		position: absolute;
		content: ">";
		left: 90%
	}

	/* Gribouillie */
	.et_pb_column .et_pb_blog_grid .column.size-1of2,
	.et_pb_column .et_pb_widget:nth-child(n),
	.footer-widget:nth-child(n) {
		width: 100% !important
	}

	/* Mot du ministre */
	.motMinistreZone {
		width: 222px;
		display: inline-block
	}

	.motMinistreZone:first-of-type {
		margin-right: 5%
	}

	.liensRapides {
		width: 100%;
		clear: both
	}

	/* Publicité */
	.pubZone {
		width: 100% !important
	}

	/* Menu secondaire */
	#page-container .et_pb_widget_area_left {
		margin-top: 30px
	}

	/* Contenu */
	#interne .et_pb_column_1_4.et_pb_column_2 {
		width: 100% !important;
		margin-bottom: 5em !important
	}

	#interne .et_pb_column_1_4.et_pb_column_2 .et_pb_widget.widget_nav_menu,
	.et_pb_column .et_pb_widget:nth-child(n) {
		width: 100% !important;
		margin-bottom: 0 !important
	}

	/* Carte interactive */
	#page-container #carte-interactive {
		margin: 15.25rem 0 0 0
	}

	/* Actualités et grands dossiers */
	#actualites-zone .et_pb_column {
		margin-top: 35px;
		float: inherit
	}

	#actualites-zone .et_pb_column p {
		width: 100%
	}

	/* Cheminement d'un projet minier */
	.cheminement-contenu-col-1:before,
	.cheminement-contenu-col-1:after,
	.cheminement-contenu-col-2:before,
	.cheminement-contenu-col-2:after {
		display: none
	}

	.cheminement-minier-col-2 {
		margin-left: 0
	}

	.cheminement-minier:before {
		display: none
	}
}

@media (min-width: 960px) {

	/* Général */
	.wrapper,
	.et_pb_section,
	.single-post #main-content,
	.archive #main-content {
		width: 940px
	}

	#page-container #top-menu,
	#page-container .fullwidth-menu {
		width: 100%
	}

	/* Salle de presse */
	.piv_anglais,
	.menu-item-language {
		margin-left: 50%;
		margin-right: 0px !important
	}
}

@media (max-width: 800px) {

	/* Cheminement d'un projet minier */
	.cheminement-minier:before {
		display: none
	}

	.cheminement-contenu-col-1:before,
	.cheminement-contenu-col-1:after,
	.cheminement-contenu-col-2:before,
	.cheminement-contenu-col-2:after {
		display: none
	}

	.cheminement-minier-col-2 {
		margin-left: 0
	}

	/* menu accordeon */
	#menu-accordeon {
		position: static
	}

	.accordion__wrapper {
		width: 100%;
		padding-left: 0 !important
	}

	.panel {
		width: 100%
	}
}

@media (min-width: 769px) {

	/* Menu principal */
	.menuPrincipal button {
		display: none
	}

	/*Acceptabilité sociale */
	.steps-progress {
		position: relative;
		height: 64px;
		padding-left: 0px
	}

	.steps-progress:before,
	.steps-progress:after {
		position: absolute;
		top: 0;
		right: 0;
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 0px 0 18px;
		border-color: #FFFFFF transparent transparent transparent;
		z-index: 20
	}

	.steps-progress:after {
		top: auto;
		bottom: 0;
		border-width: 0 0px 32px 18px;
		border-color: transparent transparent white transparent
	}

	.steps-progress li {
		width: 25% !important;
		display: table;
		float: left;
		margin: 0;
		font-size: 1em;
		padding: 0 0 0 0 !important;
		position: relative;
		height: 64px;
		text-align: center
	}

	.steps-progress li:before,
	.steps-progress li:after {
		content: '' !important;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 0 32px 18px;
		border-color: transparent transparent transparent #757575
	}

	.steps-progress li:before {
		top: -16px;
		border-width: 48px 0 48px 27px;
		border-color: transparent transparent transparent white
	}

	.steps-progress li:first-child {
		padding-left: 0 !important;
		width: 25% !important
	}

	.steps-progress li:first-child:before,
	.steps-progress li:first-child:after {
		border-style: none
	}

	.steps-progress li:last-child span {
		padding-left: 0;
		width: 25%
	}

	.steps-progress li.current+li:after {
		border-left-color: #27aee5
	}

	.steps-progress li .future {
		background-color: #757575;
		color: #fff
	}

	.steps-progress li span {
		display: table-cell;
		vertical-align: middle
	}

	.steps-progress li .firststep {
		padding-left: 10px;
		display: table-cell;
		vertical-align: middle
	}

	.steps-progress li .secondstep {
		padding-left: 31px;
		display: table-cell;
		vertical-align: middle
	}

	.steps-progress li .thirdstep {
		padding-left: 28px;
		display: table-cell;
		vertical-align: middle
	}

	.steps-progress li .fourthstep {
		padding-left: 15px !important;
		display: table-cell;
		vertical-align: middle
	}

	.iu .steps-progress li {
		font-size: 0.8em
	}

	/* Menu secondaire */
	.sub-menu {
		display: inline-block;
		margin: 0;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		background-color: #fff !important;
		border-top: none
	}

	.sub-menu li ul {
		display: none
	}

	/* Timeline Puits inactifs */
	#localisation .et_pb_column {
		width: 221px !important
	}
}

@media (max-width: 768px) {

	/*Page protégée par mot de passe*/
	.et_password_protected_form p,
	.et_password_protected_form form {
		width: 100%;
		padding: 0 24px;
	}

	.et_password_protected_form form p {
		padding: 0;
	}

	.et_password_protected_form .et_submit_button {
		margin-top: 60px;
	}

	#main-header {
		z-index: auto;
		padding-top: 0;
	}

	/* Menu principal */
	#page-container .accueil .et_pb_specialty_column {
		margin-right: 0%;
		width: 100% !important
	}

	#page-container .et_pb_column.et_pb_column_1_3.et_pb_column_single {
		width: 100% !important
	}

	#page-container .et_pb_cod.et_pb_module.liensRapides {
		width: 100% !important;
		float: none;
		clear: both
	}

	#et-top-navigation #top-menu-nav {
		display: none !important
	}

	.page-china-mining #et-top-navigation {
		display: block !important
	}

	#pivLogo {
		float: left;
		margin-left: 20px
	}

	.page-china-mining #pivLogo {
		float: left;
		margin-left: 0px
	}

	#main-header .wrapper {
		width: 100%
	}

	.menuPrincipal {
		float: none;
		width: 100%
	}

	.nav.menu-menu-mobile,
	header .social {
		display: none
	}

	.bg-blur.blur-active {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		background: rgba(0, 0, 0, .6);
		z-index: -1;
	}

	#mid-menu:after {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		background: rgba(0, 0, 0, .6);
	}

	.menu-primaire-mobile,
	.nav.menu-menu-mobile .social {
		display: block;
		background-color: #ffffff;
	}

	#menu-menu-secteurs,
	#menu-sectors,
	.menu-primaire-mobile {
		float: none;
		border-top: 5px solid #000;
		width: 100%;
		background-color: #ffffff;
	}

	.menu-primaire-mobile {
		border-top: none
	}

	#menu-menu-secteurs li,
	#menu-sectors li,
	.menu-primaire-mobile li {
		float: none;
		display: block;
		margin-bottom: 0px;
	}

	#menu-menu-secteurs li>a,
	#menu-sectors li>a,
	.menu-primaire-mobile li>a {
		display: block;
		border-left: none;
		padding: 0.923em 2% 0.923em 24px;
		border-bottom: 1px solid #bbbdbf;
		line-height: 1em
	}

	.menu-primaire-mobile {
		background-color: #efefef
	}

	#menu-menu-secteurs li:last-of-type,
	#menu-sectors li:last-of-type {
		margin-bottom: 0
	}

	button {
		position: relative;
		top: -1.2em;
		padding: 0.923em 2%;
		display: block
	}

	.menu-menu-secteurs-container,
	#menu-sectors-container {
		position: relative;
		margin-top: -2.5em
	}

	header div.nav.menu-menu-mobile .social {
		display: none;
		/*display: flex; - pour voir les icones en version mobile*/
		margin: 10px 25%;
		width: 50%;
		padding: 0px;
		border: none
	}

	header div.nav.menu-menu-mobile .social a {
		width: 20%;
		text-align: center;
	}

	header div.nav.menu-menu-mobile .social a img {
		vertical-align: bottom
	}

	/*Acceptabilité sociale */
	.steps-progress li {
		width: 100%;
		display: table;
		text-align: center
	}

	/* Mot du ministre */
	.motMinistreZone {
		width: 50%;
		float: left;
		max-width: 220px
	}

	/* Publicité */
	.pubZone,
	.et_pb_row_4,
	body.et_boxed_layout #page-container .et_pb_row_4.pubZone {
		width: 100% !important;
		max-width: 100% !important
	}

	/* Extension Mapplic */
	.actualites #dgari-posts-filtres {
		text-align: center
	}

	.actualites #dgari-posts-filtres select {
		width: 100%;
		float: none;
		display: inline-block;
		margin-top: 12px
	}

	.actualites #dgari-posts-bouton-filtre {
		margin: 12px auto 0 auto
	}

	#dgari-posts-filtres fieldset {
		width: 100%
	}

	/*Bouton de copie URL*/
	div.tooltip-toggle {
		position: fixed;
		bottom: 0;
		top: inherit;
		width: 100%;
	}
}

@media (max-width: 680px) {

	/* PIV */
	#et-top-navigation,
	#pivLogo {
		display: block;
		width: 100%
	}

	#et-top-navigation {
		margin-top: 0
	}

	#et-top-navigation nav {
		font-size: 9px;
	}

	#et-top-navigation nav ul li {
		margin-right: 0.5em
	}

	/* Mot du ministre */
	.motMinistreZone ul {
		max-width: 220px
	}

	/* Documentation */
	.documentation ul li {
		padding: 2em 0;
		width: 100%;
		display: block;
		border-right: none;
		position: relative
	}

	.documentation ul li:after {
		content: "";
		width: 3.786em;
		height: 1px;
		background: #93d6f1;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -25px;
		display: block
	}

	.documentation ul li:last-of-type:after {
		display: none
	}

	.sqc-srig-searchblock {
		margin-left: 2%;
	}

	/* Publicité */
	.pub ul li,
	#page-container .pubZone .et_pb_column {
		margin-bottom: 2.0em
	}

	/* Menu secondaire */
	#top-menu-nav {
		margin-top: 10px !important
	}

	#pivLogo {
		padding-bottom: 0;
		margin-left: 0px
	}

	.page-china-mining #pivLogo {
		padding-left: 20px;
	}

	#et-top-navigation {
		margin-top: 0
	}

	header .social {
		display: none;
		border: none
	}

	header div.nav.menu-menu-mobile .social {
		padding: 10px 5.5%;
		width: 100%;
		margin: 0;
	}
}

@media (min-width: 600px) and (max-width: 980px) {

	/*Section COVID-19*/
	.cov-intro-section .et_pb_column_3_4 {
		width: 73%;
		margin-right: 2%;
	}

	.cov-intro-section .et_pb_column_1_4 {
		width: 25%;
	}

	#page-container .et_pb_section.covid-content .bt-rh-button {
		margin-top: 36px;
		margin-bottom: 0;
	}
}

@media (max-width: 600px) {

	/* Fil d'ariane */
	.filAriane {
		padding-left: 2%;
		padding-right: 2%
	}

	/* Titre */
	.home header section {
		padding-top: 0;
		border-top: 5px solid #000
	}

	header section span {
		float: none;
		width: 100%
	}

	.home header section .moteurRecherche {
		margin-left: 20px
	}

	.home header section span {
		float: none;
		width: 96%;
		display: block;
		font-size: 2.143em;
		margin-left: 20px
	}

	/* Accès à l'information */
	#interne .et_pb_column_1_2:not(.home) {
		float: none;
		width: 100% !important
	}

	#interne .et_pb_column_1_4:not(home) {
		width: 100% !important
	}

	/* Google */
	.moteurRecherche {
		float: none
	}

	.home .moteurRecherche {
		margin-top: 1.429em;
		margin-bottom: 1.429em
	}

	/* Grille de l'accueil */
	#page-container .composantAccueil .et_pb_column {
		width: 100% !important
	}

	.motMinistreZone {
		width: 100% !important;
		display: block;
		float: none
	}

	/*.home .et_pb_section_0 {
		display: none !important
	}*/

	/* Entête interne */
	header .sectionSite {
		margin-bottom: 0.536em;
		display: block;
		width: 100%;
		padding-left: 2%;
		padding-right: 2%
	}

	header .sectionSite h1 {
		font-size: 1.714em
	}

	/*Programmation d'événements - Tableaux*/
	#table-program th {
		width: 35%
	}

	#table-program .td_2 {
		width: inherit
	}

	/*Tableaux responsives*/
	table.responsive-tables,
	tbody {
		border: none
	}

	.responsive-tables caption {
		font-size: 1.3em
	}

	.responsive-tables thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px
	}

	.responsive-tables tr {
		display: block
	}

	.responsive-tables td,
	.responsive-tables th[scope="row"] {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: left;
		padding: 12px !important
	}

	.responsive-tables th[scope="row"] {
		border-bottom: solid #dadada
	}

	.responsive-tables td::before,
	.responsive-tables th[scope="row"]::before {
		content: attr(data-label);
		display: block;
		font-weight: bold;
		text-transform: uppercase
	}

	.responsive-tables th:first-child.responsive-tables td:last-child {
		border-bottom: 0
	}
}

@media (max-width: 480px) {

	/* Menu principal */
	ul.tuiles li.itemTuile {
		width: 100%
	}

	/* Publicité */
	#page-container .et_pb_row_4.pubZone .et_pb_image {
		margin-top: 12px
	}

	/* Tuiles de navigation */
	li.itemTuile {
		width: 100%
	}

	#table-program th {
		width: 55%
	}
}

@media (max-width: 410px) {

	/* Sections du thème */
	#theme .et_pb_column_0 ul li {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}
}

.alert-warning {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 1.0em !important;
	margin: 1.0em 1.0em 1.2em;
	color: #856404;
	background-color: #fff3cd;
	border: 2px solid #ffeeba;
}

.alert-warning .icon {
	display: block;
	height: 3.0rem;
	width: 3.0rem;
	background: url("images/warning.svg") no-repeat left center;
}

.alert-warning .text {
	padding: 0 1.0rem 0 0.6rem;
}

@media (max-width: 767px) {

	.alert-warning {
		align-items: stretch;
	}

	.alert-warning .icon {
		width: 8.4rem;
	}
}