/* Theme Name: Divi-child Author: Author URI: Template: Divi Version: 1.0 */ /* ========================================================================== @font-face ========================================================================== */ /*@font-face { font-family: 'interstateregularlight', sans-serif; src: url('polices/Interstate-Light.eot'); src: url('polices/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('polices/Interstate-Light.woff2') format('woff2'), url('polices/Interstate-Light.woff') format('woff'), url('polices/Interstate-Light.ttf') format('truetype'), url('polices/Interstate-Light.svg') 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('polices/Interstate-Regular.woff2') format('woff2'), url('polices/Interstate-Regular.woff') format('woff'), url('polices/Interstate-Regular.ttf') format('truetype'), url('polices/Interstate-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'interstatebold'; src: url('polices/Interstate-Bold.eot'); src: url('polices/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('polices/Interstate-Bold.woff2') format('woff2'), url('polices/Interstate-Bold.woff') format('woff'), url('polices/Interstate-Bold.ttf') format('truetype'), url('polices/Interstate-Bold.svg#interstatebold') format('svg'); font-weight: bold; font-style: normal; }*/ @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: bold; 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: normal; font-style: normal; } /* ========================================================================== HTML5 display definitions ========================================================================== */ body { overflow-x: hidden; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not 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 styling not 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 adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * 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; } 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 .et_pb_specialty_column h1 { font-size: 2em; margin: 0 0 0.714em 0; font-family: 'interstateregularlight', sans-serif; }*/ #page-container h2 { font-size: 1.714em; margin: 1em 0 0.35em 0; font-family: 'interstateregularlight', sans-serif; } /*.et_pb_specialty_column*/ #page-container h3 { font-size: 1.429em; margin: 1.3em 0 0.45em 0; font-family: 'interstatebold', sans-serif; } #page-container h4 { font-size: 1.143em; margin: 1.33em 0 0.4em 0; font-family: 'interstatebold', sans-serif; } #page-container h5 { font-size: 1.000em; margin: 1.33em 0 0.3em 0; font-family: "interstatebold", sans-serif; } #page-container .et_pb_toggle_title { margin: 0.3em 0 0.3em 0; } #page-container h6 { font-size: 0.857em; margin: 1.33em 0 0.25em 0; font-family: "interstatebold", sans-serif; } /** * Address styling not 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: bold; } .og-communique { border: 1px solid #ccc; } blockquote p { display: inline; } blockquote { border-left: none; padding-left: 0; font-weight: bold; } blockquote::before { content: "« "; color: #27aee4; font-size: 1.2em; } blockquote::after { content: " »"; color: #27aee4; font-size: 1.2em; } /** * Address styling not 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 styling not 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 quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not 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: 0.95em; 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 margin not 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 color not being inherited in IE 6/7/8/9. * 2. Correct text not 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 size not 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 do not 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 { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, #menu-menu-secteurs:after, #menu-sectors:after { clear: both; } /* ========================================================================== Wordpress (OVERWRITE) ========================================================================== */ #main-header { padding-top: 18px !important; } #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; } 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; } #page-container #top-menu, #page-container .fullwidth-menu { display: block; } @media (min-width: 960px) { .wrapper, .et_pb_section, .single-post #main-content, .archive #main-content { width: 940px; } #page-container #top-menu, #page-container .fullwidth-menu { width: 100%; } } .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: -300px; 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: block; border-left: 1px solid #dddedf; } a.ms-icons{ display:inline-block; } article.type-page { background: #FFF; } /* ========================================================================== Fil d'ariane ========================================================================== */ .filAriane { margin-top: 2%; } .filAriane ul { float: left; width: 70%; 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: bold; } .filAriane ul li a { font-size: 1em; font-weight: normal; text-decoration: none; } .filAriane ul li:after { content: ">"; font-weight: normal; margin-left: 8px; } .filAriane ul li:last-child::after { content: "" } { content: ""; } .filAriane ul li a:last-child { content: " "; } #top-menu-nav { height: 15px; } .filAriane ul li a:active { font-weight: bold; } .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; } @media (max-width: 600px) { .filAriane { padding-left: 2%; padding-right: 2%; } } /* ========================================================================== 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: normal; line-height: 1.4em; font-size: 0.786em; } #page-container #et-top-navigation nav ul li a:hover { color: #FFF; background: none; opacity: 1; } #pivLogo { float: none; width: 20%; display: table-cell; vertical-align: top; padding-top: 2px; } #main-header .container { width: 100%!important; } @media (max-width: 689px) { #et-top-navigation, #pivLogo { display: block; width: 100%; } #et-top-navigation { margin-top: 0; } /************alex mobile modif***************/ #et-top-navigation nav { font-size: 9px; /* background: none;*/ } #et-top-navigation nav ul li { margin-right: 0.5em; } #page-container #et-top-navigation nav ul li a, #page-container #et-top-navigation nav ul li.current-menu-item a, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a { /*color: #003399!important;*/ } } /********************************************/ #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: bold; } .menuPrincipal { width: 70%; float: left; } .et_boxed_layout #page-container { max-width: 100%; box-shadow: none; padding: 0; } #menu-menu-secteurs, #menu-sectors { padding: 0; margin: 0; margin-top: 10px; /*height: 35px;*/ } #menu-menu-secteurs li, #menu-sectors li { float: left; list-style: none; /*height: 30px;*/ } #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 { text-transform: uppercase; font-size: 1em; font-weight: bold; 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; } @media (min-width: 769px) { .menuPrincipal button { display: none; } } @media (max-width: 980px) { #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; } } @media (max-width: 768px) { #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; } } /*@media (min-width: 601px) { #menu-menu-secteurs, #menu-secteur_en { display:block!important; } }*/ @media (max-width: 768px) { #main-header .wrapper { width: 100%; } .menuPrincipal { float: none; width: 100%; } #menu-menu-secteurs, #menu-sectors { float: none; display: none; border-top: 5px solid #000; width: 100%; } #menu-menu-secteurs li, #menu-sectors li { float: none; display: block; } #menu-menu-secteurs li>a, #menu-sectors li>a { display: block; border-left: none; padding: 0.923em 2% 0.923em 2%; border-bottom: 1px solid #bbbdbf; line-height: 1em; } #menu-menu-secteurs li:last-of-type>a, #menu-sectors li:last-of-type>a { border-bottom: none; } 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; } } /* ========================================================================== Visionneuse /*Visionneuse Page de contenu DIVI-SLIDER */ .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: black !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: black !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%; } .accueil-mern .et_pb_slide_content { background-color: rgba(255, 255, 255, 0.9); border-bottom: 10px solid black; width: 575px; height: 100px; } .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 { padding-top: 28% !important; padding-bottom: 0 !important; text-shadow: none; } .accueil-mern .et-pb-controllers { height: 0; bottom: 40px; left: 55px; } .accueil-mern .et-pb-controllers .et-pb-active-control { background: #2ea3f2 !important; } .accueil-mern .et-pb-controllers a { background: black !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; } @media (max-width: 600px) { .home header section { padding-top: 0; border-top: 5px solid #000; } header section span { float: none; width: 100%; } .home header section span { float: none; width: 96%; padding: 0 2%; display: block; font-size: 2.143em; } } /* ========================================================================= Entête interne ========================================================================== */ /* header .sectionSite{ background: #27aee4; color: #000; font-family: 'interstateregularlight', sans-serif; font-size: 2.000em; width: auto; display:inline-block; padding: 0.781em 0.625em 0.313em 0; border-top: 5px solid black; text-transform: uppercase; position: relative; z-index: 1; } header .sectionSite h1 { font-family: 'interstateregularlight', sans-serif; color: #000; } 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; } @media (max-width: 600px) { header .sectionSite{ margin-bottom: 0.536em; display:block; width: 110%; padding-left: 2%; padding-right: 2%; font-size: 1.714em; } } */ /*========================================== Accès à l'information ===========================================*/ @media (max-width: 980px) { .et_pb_column_2:not(.home) { float: none; clear: both; } #interne .et_pb_column_1_2:not(.home) { width: 67% !important; } } @media (max-width: 600px) { #interne .et_pb_column_1_2:not(.home) { float: none; width: 100% !important; } #interne .et_pb_column_1_4:not(home) { width: 100% !important; } } /* ========================================================================== Agenda ========================================================================== */ /* .agenda .boite .lcp_catlist li a:first-of-type { width: 75%; float: right; display: block; } */ /*.agenda .boite .lcp_catlist li .lcp_date { display: none; }*/ /* .agenda .boite .lcp_catlist li a:last-of-type { width: 20%; float: left; display: block; margin-left: 0px; } */ /*.agenda .boite .lcp_catlist li a:last-of-type img { width: 100%; }*/ .agenda .boite .lcp_catlist li p { clear: both; padding: 0; margin-bottom: 0; } .titre_agenda { width: 100% !important; /*margin-left: auto !important;*/ } /* ========================================================================== Google ========================================================================== */ #gsc-i-id1, input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { /* DM 22/01/2016 : La ligne suivante enlève le texte "Google Recherche personnalisée " de la boîte d'édition */ /*background: none!important;*/ background-color: none!important; font-size: 1em; font-weight: normal; 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 { float: right; margin-top: 0.5em; } @media (max-width: 600px) { .moteurRecherche { float: none; } .home .moteurRecherche { margin-top: 1.429em; margin-bottom: 1.429em; } } /*Moteur de recherche gouvernemental SRIG*/ .sqc-srig-searchlabel{ font-weight:bold; } .sqc-srig-searchblock input[type="text"]:focus { background-color:#fff;} ul.ui-autocomplete li:hover{ background: #efefef !important; font-weight: normal !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; } /* Toggle (Liste déroulante en accordéon) - fonction Javascript dans outils.js - Mary-Élizabeth Lagacé 2016-10-18 .toggle { cursor: pointer; } .toggle-list { display: none; }*/ /** * 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: white; background-color: #27aee5; } .steps-progress li.future { background-color: #757575; color: #fff; } @media (max-width: 768px) { .steps-progress li { width: 100%; display: table; text-align: center; } } @media (min-width: 768px) { .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: white 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; } } /* ========================================================================== 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-weight:bold;*/ 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: normal; 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: normal; } .boite ul li { color: #757575; } @media (max-width: 980px) { .enteteSection a:after { position: absolute; content: ">"; left: 90%; } } /* ========================================================================== 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; } @media (max-width: 600px) { #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; } } /* ==============================#============================================ 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 0; } #page-container .entry-content ul li ul li { list-style: circle; font-size: 1em; } #page-container .entry-content ul li ul li ul li { list-style: disc; font-size: 1em; . } /* ========================================================================== 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 #000; } #gazouillis .et_pb_widget.widget_text { margin: 0!important; padding: 0!important; } @media (max-width: 980px) { .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 ========================================================================== */ .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; } @media (max-width: 980px) { .motMinistreZone { width: 222px; display: inline-block; } .motMinistreZone:first-of-type { margin-right: 5%; } .liensRapides { width: 100%; clear: both; } } @media (max-width: 680px) {} @media (max-width: 768px) { .motMinistreZone { width: 50%; float: left; max-width: 220px; } } @media (max-width: 689px) { .motMinistre { /* margin: 0 auto;*/ } .motMinistreZone ul { /* margin: 0 auto;*/ max-width: 220px; } } /* ==============Liens rapides======================================= */ .liensRapides ul { list-style: none; margin: 0; 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 { 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: 0.3em; margin-left:0.3em; 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 ========================================================================== */ /* Enlevé par Josée Ouellet le 2015-09-25. Mauvaise utilisation de module appel d'action pour section grands dossiers. On utilise plutôt une classe personnalisée texte_promo sur un module texte .grandDossier .et_pb_promo_description { background: #FFF; padding: 0.938em 0.625em 0.625em 0.625em; } .grandDossier .et_pb_promo_description p { margin: 0; font-size: 0.857em; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; } #page-container .grandDossier .et_pb_promo_description h3 { font-size: 1.429em; margin: 0; font-family: 'interstateregular', sans-serif; } */ .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; margin: 0; 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; } @media (max-width: 680px) { .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; } } /* ========================================================================== Publicité ========================================================================== */ .pubZone { width: 940px !important; } .LignePubZone { width: 100% !important; background: #FFF none repeat scroll 0% 0% !important; padding: 1em 0 !important; } @media (max-width: 980px) { .pubZone { width: 100% !important; } } @media (max-width: 980px) and (min-width: 680px) { #page-container .pubZone .et_pb_column { margin-bottom: 10px; } } #page-container .pub ul, #page-container .pubZone { list-style: none; margin: 0; /*padding: 1.250em 0 2.500em 0;*/ margin: 0 auto; text-align: center; } .pub ul li, #page-container .pubZone .et_pb_column { /*display: inline-block;*/ vertical-align: middle; width: 235px; /*margin: 0 0.625em;*/ } @media (max-width: 680px) { .pub ul li, #page-container .pubZone .et_pb_column { margin-bottom: 2.0em; } } /* ========================================================================== Footer ========================================================================== */ #main-footer { position: relative; z-index: 1; background: transparent !important; } #main-footer #footer-bottom { background: transparent !important; padding-top: 1.563em; font-family: Arial, Helvetica, 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 { padding-right: 0.5em; margin-right: 0.5em; text-align: center; display: inline-block; border-right: 1px solid #bbbdbf; } #footer-bottom nav ul li:last-of-type { border-right: none; } #footer-bottom nav ul li a { font-size: 0.857em; } #footer-bottom a { display: inline-block; text-align: center; width: auto; line-height: 1em; color: #006993; } #footer-bottom p { font-size: 0.786em; text-align: center; margin: 0 0 0.625em 0; line-height: 1em; } 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: normal; 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: bold; color: #000; } #page-container .et_pb_widget_area_left.menuSecondaire ul li.current_page_item ul li a { font-weight: normal; color: #006993; } #page-container .et_pb_widget_area_left.menuSecondaire ul li ul li.current_page_item a { font-weight: bold; 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; } /*#page-container .et_pb_widget_area_left.menuSecondaire ul li ul.sub-menu li a:before{ /content:"\272A"; /*content:"\25fc"; /*content:"\2022"; display: inline-block; color: #000; font-size: 1.2em; padding-right: 0.5em; }*/ /*Alexandre plan du site page principale*/ .page-list .page-item-6074>a, .page-list .page-item-3655>a, .grosTitre>a { line-height: 30px; font-size: 1.5em; font-weight: bold; } /**************************/ /*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; } /**************************/ /* Alexandre menu deroulant et burger */ @media screen and (max-width: 689px) { #top-menu-nav { margin-top: 10px !important; } #pivLogo { padding-bottom: 0; } #et-top-navigation { margin-top: 0; } header .social { border: none; } } .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; } @media screen and (min-width: 769px) { .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; } } /**********************************/ @media (max-width: 980px) { #page-container .et_pb_widget_area_left { margin-top: 30px; } } /* ==============================#============================================ Contenu ========================================================================== */ .contenu { font-size: 1em; line-height: 1.5em; padding-bottom: 0; } #page-container main h1, .entry-content h1 { /* font-size: 2.500em; font-family: 'interstateregularlight', sans-serif; position: relative; padding-bottom: 0.714em; line-height: 1em;*/ 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; } .et_pb_column_3_4 .et_pb_column_3_8 .et_pb_widget, .et_pb_column_1_3 .et_pb_widget, .et_pb_column_1_4 .et_pb_widget { /*margin-bottom: 2.714em!important;*/ } #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; } @media (max-width: 980px) { #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; } } /* ==============================#============================================ Lien rapide interne ========================================================================== */ .liensRapidesInterne { margin-top: 20px !important; } .liensRapidesInterne .widgettitle { text-transform: uppercase !important; margin: 0 !important; font-family: 'interstatebold' !important; font-weight: normal !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: normal; 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; } /* ==============================#============================================ Sitemap ========================================================================== */ /* .page-list ul, .page-list{margin: 0; padding:0;} .page-list{margin-top: 2em;} .page-list li{list-style:none!important; line-height: 1.5em; margin-bottom: 0.5em;} .page_item_has_children{display:inline-block; width: 12%; padding-right: 2%; font-size: 1.143em; vertical-align:top; } .page_item_has_children:last-of-type{padding-right: 0;} .page_item_has_children a{color: #006993;} .page_item_has_children a:hover{text-decoration: underline;} .page_item_has_children .children li{ font-size: 0.688em; } @media (max-width: 980px) { .page_item_has_children{ display:inline-block !important; width:48%; } } @media (max-width: 600px) { .page_item_has_children{ display:inline-block !important; width:100%; text-align:center } }*/ /* ==============================#============================================ 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: bold; font-size: 1.143em; } dd { margin-left: 1.563em; font-size: 1em; font-weight: normal; 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; } @media screen and (max-width:410px) { #theme .et_pb_column_0 ul li { display: block; width: 100%; margin-bottom: 10px; } } #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; } @media (min-width: 1400px) { #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; } } #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: bold!important; padding: 0 1em!important; border: 2px solid #27aee4!important; font-size: 13px; } #page-container h3.actus-titre-article-mern { margin: 0!important; } /*#menu-menu-secteurs .current-menu-item a, #menu-sectors .current-menu-item a { background-color: #DDDEDF; }*/ .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); } /*.partage { background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin-bottom:10px !important; } .partage div { margin-bottom:5px !important; }*/ .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; /*width: 100% !important;*/ } .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; } @media (min-width: 960px) { .piv_anglais, .menu-item-language { margin-left: 50%; margin-right: 0px !important; } } @media (min-width: 981px) { .et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 { width: 22.875%!important; } } @media (min-width: 981px) { .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 2.5%!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: bold; 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; } @media screen and (max-device-width: 980px) { #page-container #carte-interactive { margin: 15.25rem 0 0 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; } @media screen and (min-device-width: 481px) and (max-device-width: 980px) { #page-container .tuilesNavigation { width: 100%; max-width: 100%; } li.itemTuile { width: 47.5%; /*margin-bottom:5rem;*/ } } @media screen and (max-device-width: 480px) { li.itemTuile { width: 100%; /*margin-bottom:5rem;*/ } } 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: normal; 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:bold; } .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: bold; } #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; /* 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: 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; } #page-container #actualites-zone #info-carousel a:focus { /*border: 2px solid #ffffff;*/ } /* 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: '<'; /*content: '\276C';*/ } [dir='rtl'] .slick-prev:before { content: '>'; /*content: '\276D';*/ } .slick-next { right: -2.375rem; } [dir='rtl'] .slick-next { left: -2.375rem; } .slick-next:before { content: '>'; /* content: '\276D';*/ } [dir='rtl'] .slick-next:before { content: '<'; /*content: '\276C';*/ } /* #070901 */ @media (max-width: 980px) { #actualites-zone .et_pb_column { margin-top: 35px; float: inherit; } #actualites-zone .et_pb_column p { width: 100%; } } /* ============================================================================ 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; } /*.et_pb_text table, .et_pb_text table tr td { background: transparent !important; border: none !important; } .et_pb_text table th, .et_pb_text table td { padding: 0 !important; }*/ /* 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: black; 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: bold; } 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: bold; } #resultats-recherche h2 .termeRecherche { font-weight: bold; } /* 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: bold; } /* 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: black; } /* Pagination courante */ #resultats-recherche .paginationRecherche li.pageCourante { position: relative; background-color: transparent; cursor: default; color: #000000; font-weight: bold; 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: bold; 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; } @media (max-width: 600px) { header .sectionSite { margin-bottom: 0.536em; display: block; width: 100%; padding-left: 2%; padding-right: 2%; } header .sectionSite h1 { font-size: 1.714em; } } #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-weight:bold;*/ 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; /* vertical alignment of the inline element */ height: 100%; } .accueil.secteur .reseaux-sociaux p { line-height: 58px; font-weight: bold; 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 .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; /* vertical alignment of the inline element */ } #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:bold; } .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: bold !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:bold; } .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: white; 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; } /*Tablettes*/ @media screen and (min-width: 768px){ #localisation .et_pb_column{ width:221px !important; } } /*Styles propres à la timeline sur 2 colonnes sur grand format numérique*/ @media screen and (min-width: 1170px){ /*Corrige l'emplacement de la puce jaune*/ .puits-timeline .cd-timeline-img { top:0px; left:0px; } /*---*/ .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; } } /************************************************ 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; } @media screen and (max-width: 801px){ .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; } } @media screen and (max-width: 980px){ .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; } } /**** 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; /*- half the height*/ 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; /*- half the width*/ 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); } /*Everything after 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: white; 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; } @media screen and (max-width: 801px){ #menu-accordeon{ position: static; } .accordion__wrapper{ width: 100%; padding-left: 0 !important; } .panel{ width: 100% } } @media screen and (max-width: 1720px){ #menu-accordeon{ position: relative; } .accordion__wrapper{ margin: 15px auto !important; } } /************************************************ 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; }