/* Theme Name: Divi-child Author: Author URI: Template: Divi Version: 1.0 */ /* ========================================================================== @font-face ========================================================================== */ @font-face { font-family: 'interstateregularlight'; src: url('polices/Interstate-Light.eot'); src: url('polices/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('polices/Interstate-Light.woff') format('woff'), url('polices/Interstate-Light.ttf') format('truetype'); 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.woff') format('woff'), url('polices/Interstate-Regular.ttf') format('truetype'); 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.woff') format('woff'), url('polices/Interstate-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* ========================================================================== HTML5 display definitions ========================================================================== */ body{ overflow-x : hidden; font-weight : normal; font-family: interstateregularlight, 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; } a:focus { outline: thin dotted; } grandDossier a { text-decoration:none; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== 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'; }*/ #page-container h2 { font-size: 1.714em; margin: 1em 0 0.35em 0; font-family: 'interstateregularlight'; } /*.et_pb_specialty_column*/ #page-container h3 { font-size: 1.429em; margin: 1.3em 0 0.45em 0; font-family: 'interstatebold'; } #page-container h4 { font-size: 1.143em; margin: 1.33em 0 0.4em 0; font-family: 'interstatebold'; } #page-container h5 { font-size: 1.000em; margin: 1.33em 0 0.3em 0; font-family: "interstatebold"; } #page-container h6 { font-size: 0.857em; margin: 1.33em 0 0.25em 0; font-family: "interstatebold"; } /** * 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; } blockquote { margin: 1em 40px; } /** * 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.2em; } /** * 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-secteur_en:before, #menu-secteur_en:after{ content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, #menu-menu-secteurs:after, #menu-secteur_en: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'; } .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; } header a.social { float: right; margin: 5px 0 0 0.7em; padding: 0 0 0 0.7em; display: block; border-left: 1px solid #dddedf; } article.type-page { background: #FFF; } @media (max-width: 600px) { header a.social { width: 100%; text-align: right; } } /* ========================================================================== 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; } .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; } #et-top-navigation nav { 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; } .moteurRecherche { width: 30%; float: left; } .moteurRecherche .gsc-input-box { border:none; height:100% } .et_boxed_layout #page-container { max-width: 100%; box-shadow: none; padding: 0; } #menu-menu-secteurs, #menu-secteur_en { padding: 0; margin:0; margin-top: 10px; /*height: 35px;*/ } #menu-menu-secteurs li, #menu-secteur_en li { float: left; list-style: none; /*height: 30px;*/ } #menu-menu-secteurs li > a, #menu-secteur_en li > a { font-size: 0.929em; font-weight: bold; color: #000000; border-left: 1px solid #dddedf; background: none; padding: 0.4em 0.6em 0.2em 0.8em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; /*height: 35px;*/ display: block; } #menu-menu-secteurs li:last-child > a, #menu-secteur_en li:last-child > a { border-right: 1px solid #dddedf; } #menu-menu-secteurs li > a:hover, #menu-secteur_en li > a:hover { background: #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: 601px) { .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: 600px) { #main-header .wrapper{width: 100%; } .menuPrincipal { float: none; width: 100%; } #menu-menu-secteurs, #menu-secteur_en { float: none; display:none; border-top: 5px solid #000; width: 100%; } #menu-menu-secteurs li, #menu-secteur_en li { float: none; display:block; } #menu-menu-secteurs li > a, #menu-secteur_en 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-secteur_en li:last-of-type > a { border-bottom: none; } button { position: relative; top: -2.5em; padding: 0.923em 2%; display:block; } .menu-menu-secteurs-container, #menu-secteur_en-container{ position: relative; margin-top: -2.5em; } } /* ========================================================================== Visionneuse ========================================================================== */ #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'; 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'; 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'; 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; } #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; } .gsc-search-box, .gsc-search-box-tools .gsc-search-box .gsc-input, #gs_id50, .moteurRecherche { background-color: #FFF!important; /* DM 22/01/2016 : La ligne suivante enlève le texte "Google Recherche personnalisée " de la boîte d'édition */ /* background-image: none!important;*/ } #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 { padding: 0 0.5em; max-width: 220px; float: right; margin-top: 0.5em; } @media (max-width: 600px) { .moteurRecherche{float:none; width: 96%; max-width: 96%; margin-left: 0.714em; margin-right: 0.714em;} .home .moteurRecherche{margin-top: 1.429em; margin-bottom: 1.429em;} } /* ========================================================================== Boite accueil ========================================================================== */ .enteteSection { display: table; width: 100%; font-family: 'interstateregularlight'; } #page-container .enteteSection h2 { font-family: 'interstateregular'; } #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'; 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'; } .boite ul li h4, #page-container .et_pb_specialty_column .boite ul li h4 { 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: 220px; } .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'; } #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'; } #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: right; 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 { line-height: 1.375rem; list-style: none; } .liensRapides ul li a { background: #000; color: #FFF; padding: 0.3em 0.8em; display: inline-block; width: auto; line-height: 1em; font-size: 0.929em; width: 100% } .liensRapides ul li a:before { content: "›"; margin-right: 0.3em; display: inline-block; color: #FFF; font-family: "Arial Black", Arial; font-weight: 900; font-size: 1.3em; } .liensRapides ul li a:visited { color: #fff; } .liensRapides ul li a:hover { background: #27aee4; color: #000; text-decoration:none; } .liensRapides ul li a:hover:before { color: #000; } #page-container .liensRapides h2 { font-size: 1.429em; border-bottom: 5px solid #bbbdbf; font-family: 'interstatebold'; } /* ========================================================================== 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'; } */ .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.429em; margin: 0; font-family: 'interstateregular'; 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; } #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; } .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'; } .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'; } #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'; } @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 #footer-bottom { background: none!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; } /*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'; } .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'; } #page-container .et_pb_widget_area_left.menuSecondaire { background: #dddedf; padding-top: 35px; border-top: 5px solid #000; 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.929em; 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; }*/ .sub-menu li { list-style: outside square !important; margin-left:20px !important; } @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'; 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, .et_pb_post ol li a, .liste-une-colonne ol li a{ color: #006993; text-decoration: underline; } main a:hover, table a:hover, .et_pb_post ul li a:hover, .et_pb_post ol li a:hover { background: #dff3fb; } #ls-global * .ls-wp-container .ls-slide > a { background:none; } main ul li a:hover { background: #DFF3FB none repeat scroll 0% 0%;/*background: none;*/ 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 { font-size: 1.071em; text-transform: uppercase; margin: 0; font-family: 'interstatebold'; } .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.929em; 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'; 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:-1; } #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; } } #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-secteur_en .current-menu-item a { background-color: #DDDEDF; } .et_pb_row_0 { /*padding: 2.855% 0 !important*/ } .lienentete { color:#fff !important; text-decoration:none; } .et_pb_column_1_2 .et_pb_row_inner { padding: 0 0 5.82% 0; } .actus-article-wrapper-mern { border-bottom:none !important; } .relationsMedias h2 { margin: 0 !important; } .relationsMedias p { margin-bottom: 5px; } .relationsMedias { background: #fff; padding: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } /*.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%; } .et_pb_text table { border: 2px solid #27aee4 !important; 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; } .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; } #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'; } #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('http://mern-dev.intranet.mrn.gouv/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'; 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'); } /* ============================================================================ 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'; 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'; 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';*/ } /* ============================================================================ 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'; } /*.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'; font-size: .875rem; line-height: 1.1875rem; margin: 0; } .gs-webResult div.gs-visibleUrl { font-family: 'interstateregularlight'; 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'; 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'; 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'; 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'; 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'; 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: 110%; 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; } .actus-video .fluid-width-video-wrapper { padding-top:0 !important; margin-top:-20px !important; } /* 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; }