/* Theme Name: TPT-OAME 0.1.4 Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: Olaf Avenati & Mathieu Ehrsam Author URI: https://olaf.avenati.net Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 0.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: telecomparis Tags: responsive, great, fantastic, amazing This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =============================================== */ /* TABLE OF CONTENTS: */ /* Init Typo Couleur Layout Styles par parties et pages Hacks IE MediaQueries MINIFIER : https://www.minifier.org */ /* ============================== */ /* code css de GDPR Cookie Consent plugin */ #post-897 .entry-content #wt-cli-settings-btn { padding: 18px 50px; display: block; width: 130px; text-align: center; margin: 40px auto !important; } .cli-switch input:checked + .cli-slider { background-color: #00acad; } .cli-bar-container { max-width: 1190px; } .cli-plugin-button, .cli-btn { border-radius: 0px; border-bottom-width: 0px !important; } .cli-plugin-main-button { margin-left: 15px !important; } .cookie-granular-action .cli-plugin-main-button { margin-left: 0px !important; } #cookie-law-info-bar, .wt-cli-cookie-bar { box-shadow: rgba(0,0,0,.5) 0px 10px 40px; } .cookie-granular-action { margin-top: 8px; } #wt-cli-privacy-readmore {display:none !important;} .pp-link-gdprcc { color:#fd436c; text-decoration: underline; } /* ============================== */ /* code css de front.min.css (cookie notice) */ #cookie-notice { display: block; visibility: hidden; position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; line-height: 20px; left: 0; text-align: center; bottom: 0px; } #cookie-notice.cookie-notice-visible { visibility: visible; } .cn-top { top: 0; } .cn-bottom { bottom: 0; } .cookie-notice-container { padding: 10px; text-align: center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cookie-notice-revoke-container { position: absolute; bottom: 0; width: 100%; z-index: 1; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cn-top .cookie-notice-revoke-container { top: 0; bottom: auto; } #cookie-notice .cn-revoke-cookie { margin: 0; } .cn-button.wp-default, .cn-button.wp-default:hover, .cn-button.bootstrap, .cn-button.bootstrap:hover { box-shadow: none; text-decoration: none; } #cookie-notice .cn-button { margin-left: 10px; } .cn-button.wp-default { font-family: sans-serif; line-height: 18px; padding: 2px 12px; background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) repeat scroll 0 0 #F3F3F3; border-color: #BBB; color: #333; text-shadow: 0 1px 0 #FFF; -moz-box-sizing: border-box; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-size: 12px; font-style: normal; text-decoration: none; white-space: nowrap; outline: none; } .cn-button.wp-default:hover { background: linear-gradient(to bottom, #FFFFFF, #F3F3F3) repeat scroll 0 0 #F3F3F3; border-color: #999; color: #222; } .cn-button.bootstrap { font-family: sans-serif; display: inline-block; /* display: inline;*/ padding: 4px 12px; margin-right: .3em; margin-bottom: 0; /* margin-left: .3em;*/ line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); font-style: normal; vertical-align: middle; cursor: pointer; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #006dcc; /* background-color: #04c;*/ background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-style: solid; border-width: 1px; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); padding: 2px 10px; font-size: 12px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } .cn-button.bootstrap:hover { color: #fff; background-color: #04c; /* background-color: #003bb3;*/ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @media all and (max-width:900px) { .cookie-notice-container #cn-notice-text { display: block; margin-bottom: 5px; } #cookie-notice .cn-button { margin-left: 5px; margin-right: 5px; } } /* ============================== */ /* code css de awesomplete.css (relevanssi) */ .awesomplete [hidden] { display: none; } .awesomplete .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } .awesomplete { display: inline-block; position: relative; } .awesomplete > input { display: block; } .awesomplete > ul { position: absolute; left: 0; z-index: 1; min-width: 100%; box-sizing: border-box; list-style: none; padding: 0; margin: 0; background: #fff; } .awesomplete > ul:empty { display: none; } .awesomplete > ul { border-radius: .3em; margin: .2em 0 0; background: hsla(0,0%,100%,.9); background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8)); border: 1px solid rgba(0,0,0,.3); box-shadow: .05em .2em .6em rgba(0,0,0,.2); text-shadow: none; } @supports (transform: scale(0)) { .awesomplete > ul { transition: .3s cubic-bezier(.4,.2,.5,1.4); transform-origin: 1.43em -.43em; } .awesomplete > ul[hidden], .awesomplete > ul:empty { opacity: 0; transform: scale(0); display: block; transition-timing-function: ease; } } /* Pointer */ .awesomplete > ul:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .awesomplete > ul > li { position: relative; padding: .2em .5em; cursor: pointer; } .awesomplete > ul > li:hover { background: hsl(200, 40%, 80%); color: black; } .awesomplete > ul > li[aria-selected="true"] { background: hsl(205, 40%, 40%); color: white; } .awesomplete mark { background: hsl(65, 100%, 50%); } .awesomplete li:hover mark { background: hsl(68, 100%, 41%); } .awesomplete li[aria-selected="true"] mark { background: hsl(86, 100%, 21%); color: inherit; } /*# sourceMappingURL=awesomplete.css.map */ /* ================================ */ .debug .nav-menu.strategie, .debug .nav-menu.programmes, .debug .site-full-content, .debug .nav-menu.rechercher, .debug .nav-menu.profils { background-color: #fae9e9 !important; } .debug .masthead-content { background-color: #cca0ff !important; } .debug .tpt-main-logo { background-color:#999 !important; } .debug footer .wrap { background-color: #cca0ff !important; } .debug .block-1 div div, .debug .block-3 div div { background-color: rgba(120,43,33,0.5) !important; } .debug .block-2 div div, .debug .block-4 div div { background-color: rgba(12,143,133,0.5) !important; } .debug .menu-sur-header-container { background-color:#000; } .debug .menu-local li { background-color: #cca0ff !important; } .debug #search-picto { background-color:#999 !important; } .debug #search-picto svg { background-color:#FFF !important; } .debug .menu-local { background-color: #fae9e9 !important; } .debug .local-nav { background-color:#999 !important; } .debug h1 { background-color:#b2f8d3 !important; } .debug .fil-ariane.block { background-color: #fff !important; } .debug #poucette { background-color:#5acba2; } .debug #poucette a { background-color:#c75acc; } .debug #poucette .caption { background-color: #b2f8d3 !important; } .debug #poucette .button { background-color:#000; } .debug .block-1 { background-color: #fae9e9 !important; } .debug .block-2 { background-color: #cca0ff !important; } .debug .block-3 { background-color:#999 !important; } .debug .block-4 { background-color: #fae9e9 !important; } .debug .block-5 { background-color: #cca0ff !important; } .debug .block-6 { background-color:#999 !important; } .debug .out-sub-menu-header { background-color: rgba(255,255,255,0.2); } .debug #tpt-main-menus-mobile-container { background-color: #fae9e9 !important; } .debug .footer-social-navigation, .debug .footer-col { background:rgba(200,17,255,0.5); } .debug .footer-col-4 { background:rgba(200,255,17,0.5); } .debug .footer-sub-col { background:rgba(255,255,255,0.5); } /* =============================================== */ /* INITIALISATION */ html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } ul, li { list-style: none; } ol li { list-style:decimal; } ul, li, h1, h1 p, h2, h3, h4, h5, h6, quote, p { margin: 0; padding: 0; } h1 p { display: inline; } h1 span { display: inline; } .cb { clear:both; } body, .page { margin: 0; } input.middle:focus { outline-width: 0; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } .tabulation {padding-left: 40px; } p { margin-bottom: 20px; } p + p.anti-p { margin-bottom:-20px; } footer ul:not(.children) { margin: 0 0 30px 0; padding-top:0px; } h2 { padding-top:30px; padding-bottom: 30px; clear:both; } h3, h4 { padding-top:40px; padding-bottom: 20px; } /* CSS Img originales */ img { height: auto; max-width: 100%; position: relative; } .cursor-pointer { cursor:pointer; } .m-t-30 { margin-top: -30px; } a strong, a em, a i { color: inherit !important; } strong a { font-size: 1.12em; } /* css images */ /* img:not(.size-medium):not(.size-small):not(.alignleft):not(.alignright):not(.aligncenter), img.alignnone, .visuel img, div:not(.vignette-video) img { width: 100%; height: auto; max-width: none;} */ img.size-full.align-center { width: auto; height: auto; } img.size-medium { max-width: 770px; /* max-height: 400px; */ width: auto; height: auto; } img.size-small { max-width: 400px; /* max-height: 280px; */ width: auto; height: auto; } img.alignnone { display: block; margin:0 auto; width:100%; max-width:650px; } img.aligncenter { display: block; margin:0 auto; } img.alignleft { margin-top: 5px; margin-right: 15px; margin-bottom: 10px; float:left; } img.alignright { margin-top: 5px; margin-left: 15px; margin-bottom: 10px; float:right; } p > img:not(.alignright):not(.alignleft) { margin: 30px 0; } p > img.alignright, p > img.alignleft { margin: 5px 0; } p > img + img { /* margin-top: -15px; */ } figure { display: block; max-width: 770px; margin: 35px auto 30px auto; } figure.alignnone { width: 100% !important; } figure img { width: 100% !important; height: auto !important; } figcaption { opacity:0.6; } .portrait-item figure{margin:0;} .portrait-item figcaption {opacity:1; font-style: initial;} .vignette-video { overflow:hidden; max-width:100%; } .vignette-video img { width:none !important; height:100% !important; } .royalSlider:not(.visibleNearbySimple) img { width: 100% !important; height: auto !important; max-width: none !important;} a img { border: 0; } a strong, a em, a span, sup { color: inherit; } .en-EN .fr-only, .fr-FR .en-only { display: none !important; } .fr-only, .en-only { font-size: inherit !important; line-height: inherit !important; color:inherit !important; } .display-none { display:none !important; } .overflow-hidden { overflow:hidden !important; } .pointer-events-none { pointer-events: none; } span.marqueur { margin-left: 0.1em; } span.marqueur::before { content: '|'; padding-left: 0.2em; } span.marqueur span { margin-left: 0.2em; } blockquote { margin: 0; padding: 0; } .preloader_img { display: none; } /* =============================================== */ /* FONTS */ * { font-family: 'Open Sans', arial, sans-serif; font-weight: 400; font-size: 0.96rem; line-height: 1.32rem; } sup { font-size: 0.6em !important; line-height: 0; font-family: inherit; font-weight: inherit; } em, br { font-weight: inherit; font-size: inherit; line-height: inherit; } strong, b, .mag .text h3, .actualite-item .zone-titre h4 { font-weight: 600; } .entity-item .entity-type, .fact-container .number, .fact-container p { font-family: 'Work Sans', arial, sans-serif; font-weight: 100; } a, a span, .nav-menu.strategie li div, .nav-menu.programmes li div, .nav-menu.strategie li div span, .nav-menu.programmes li div span, h1, h1 p, .liste-ancres li a span span, .liste-blocks li a span span, .entity-item h4, .call-to-action.button a span, .nav-menu.profils .submenu1-item a div, .encadre .fact-container .number, .encadre .fact-container p, #filtres-newsroom button, .filtres-list a, .actualite-item .zone-soustitre, .actualite-item .zone-soustitre .actualite-date, .pp-filter-item, .pp-filter-item span { font-family: 'Work Sans', arial, sans-serif; font-weight: 500; } a:hover { text-decoration: none; } .nav-menu.strategie li li li a div, .nav-menu.programmes li li li a div { font-family: 'Work Sans', arial, sans-serif; font-weight: 400; } #masthead .nav-menu.programmes .menu-item.current_page_item > a div, #masthead .nav-menu.programmes .menu-item.current-page-ancestor > a div, #poucette .caption span, footer h2 { font-family: 'Work Sans', arial, sans-serif; font-weight: 500; } blockquote::before { content: "« "; } blockquote::after { content: " »"; } .fr-FR blockquote::before { content: "« "; } .fr-FR blockquote::after { content: " »"; } .en-EN blockquote::before { content: "“"; } .en-EN blockquote::after { content: "”"; } .fact-container .number, .fact-container p { font-size: 5.5rem;} .large-num .fact-container .number, .large-num .fact-container p { font-size: 4.3rem;} .encadre .fact-container .number, .encadre .fact-container p { font-size: 1.6rem;} .encadre .large-num .fact-container .number, .encadre .large-num .fact-container p { font-size: 1.2rem;} h1, h1 span, h1 p, h1 p span { font-size: 2.68rem; line-height: 2.88rem; } /* single*/ .layout-col h1 p {font-size: 1.6rem;line-height:1rem;} .single h1, .single h1 p { font-size: 2.3rem; } h1, h1 span { margin-bottom: 2.88rem; } body:not(.search-results) h1 span, body:not(.search-results) h1 span span, .menu-item span { font-size: 0.7em; line-height: 1rem; } body:not(.search-results) h1 span::before, .menu-item span::before {font-size: 0.9em; line-height: 1rem; } h2 { font-size: 1.9rem; line-height: 2.3rem; /* margin: 30px 0; */ } h3, .layout-col .pagenav { font-size: 1.7rem; line-height: 2.3rem; } .chapo, .chapo a, .chapo p, .chapo em, .chapo strong { font-family: 'Open Sans', arial, sans-serif; font-size: 1.3rem; line-height: 1.8rem; font-weight: 400; } h4 { font-size: 1.4rem; line-height: 2rem; } /* h6 { font-size: 1.056rem; line-height: 1.42rem; } */ h6 { font-size: 1.3rem; line-height: 1.8rem; } .block.partenaires h2 { text-align: center; font-size:1.3rem; line-height: 1.65rem; } #masthead .nav-menu.programmes a, .nav-menu.programmes li { font-size: 1rem; line-height: 1.65rem; } #masthead .nav-menu.programmes .menu-item a, .nav-menu.programmes li.menu-item, .menu-smartphone .nav-menu .menu-item a { font-size: 1.05rem !important; line-height: 1.25rem !important; } #masthead .nav-menu.strategie .menu-item a, .nav-menu.strategie li.menu-item { font-size: 0.85rem; line-height: 1.2rem; } .nav-menu.profils li.list-title { font-size: 0.85rem; line-height: 1.1rem; } .menu-enfants .menu-item a { font-size: 1rem; line-height: 1.65rem; } .entity-item h4, .encadre h4 { font-size: 1.2rem; line-height: 1.30rem; } .rsContent h3 { font-size: 1.8rem; line-height: 2.2rem; font-weight: 500; } .nav-menu.strategie .submenu1-item div, .nav-menu.programmes .submenu1-item div, .nav-menu.strategie .submenu1-item div span, .nav-menu.programmes .submenu1-item div span, #masthead .nav-menu.strategie .submenu1-item a div, #masthead .nav-menu.programmes .submenu1-item a div, #masthead .nav-menu.strategie .submenu1-item a div span, #masthead .nav-menu.programmes .submenu1-item a div span { font-size: 1rem; line-height: 1.2rem; } #masthead .nav-menu.strategie .submenu2-item a div, #masthead .nav-menu.programmes .submenu2-item a div, .nav-menu.strategie .submenu2-item, .nav-menu.programmes .submenu2-item { font-size: 0.85rem; line-height: 1.2rem; } #masthead .nav-menu.rechercher input, .awesomplete > ul li, .awesomplete > ul li mark { font-size: 0.85rem; line-height: 1.6rem; } #masthead .nav-menu.profils li, #masthead .nav-menu.profils li div, #masthead .nav-menu.profils a, #masthead .nav-menu.profils a div { font-size: 0.85rem; line-height: 1.6rem; } .fil-ariane, .fil-ariane a, footer h2, footer li, footer li a { font-size: 0.86rem; line-height: 1.6rem; text-decoration: none; } .plan-du-site a { font-size: 0.9rem; line-height: 1.6rem; text-decoration: none; } .menu-local a { font-size: 0.9rem; line-height: 1.6rem; text-decoration: none; } .liste-ancres li a span span, .liste-blocks li a span span { font-size: 0.9rem; line-height: 1.2rem; text-decoration: none; } #masthead .search-field { font-size: 0.9rem; line-height: 1.6rem; } .menu-enfants .menu-item { font-size: 0.9rem; line-height: 1.6rem; } #poucette .caption, #poucette .caption span { font-size: 0.65rem;line-height: 0.85rem;} .secondary-content, .secondary-content p { font-size: 0.92rem; line-height: 1.4rem; } .entity-item p { font-size: 0.8rem; line-height: 1.1rem; font-style: italic; } .entity-item .entity-type { font-size: 2.68rem; text-transform: uppercase; } .ui-c1 #masthead .nav-menu.raccourcis div, .ui-c1 #masthead .nav-menu.raccourcis div a { font-size: 0.78rem; letter-spacing:0.02rem;} .entity-item .entity-marqueur { font-size: 0.7rem; letter-spacing:0.05rem; text-transform: uppercase; } figcaption { font-size: 0.75rem; font-style: italic; } span.marqueur span { text-transform: uppercase; letter-spacing: 0.12em; } .bloc-video-container h5 { font-style: italic; font-size: 1.15rem; line-height: 1.5rem; font-weight: 700; } blockquote { font-style: italic; font-size: 1rem; line-height: 1.3rem; } .auteur { font-style: italic; font-size: 0.85rem; line-height: 1.3rem; } .mag .text h3 { font-size: 0.92rem; line-height: 1.3rem; } .mag .text .category, .mag .text p, .mag .text p span, .mag .text p strong, .mag .actu-extrait, .mag .mag-sous-titre, .mag .mag-sous-titre span, .mag .lire-la-suite-mobile { font-size: 0.8rem; line-height: 1.1rem; } .mag .mag-sous-titre { line-height: 1rem; display: block; } .mag .mag-sous-titre span.categories, .mag .mag-sous-titre span.mag-date { line-height: inherit; } .actualite-item .zone-titre h4{ font-size: 0.92rem; line-height: 1.3rem; } .actualite-item .zone-extrait{ font-size: 0.8rem; line-height: 1.2rem; } #filtres-newsroom button, .filtres-list a { font-size: 0.9rem; } .actualite-item .zone-soustitre, .actualite-item .zone-soustitre .actualite-date { font-size: 0.8rem; line-height: 1rem; } .site-main-focus .agenda-extrait-tous, .site-main-focus .actualites-extrait-tous { display:none !important; } .lire-la-suite-mobile { display:none !important; } .prenom_nom { font-size:0.85rem; line-height:1.2rem; } .qualite { font-size:0.7rem; line-height:1rem; } /* =============================================== */ /* COLOR LAYOUT */ * { color: #191919; } strong, b { color: #000; } .encadre strong, .encadre b, em, .encadre em { color: inherit; } /* cas général */ .rsContent h3 { color:#FFF !important; } .ui-c1 { background-color: #000773; } .ui-c1 footer, .ui-c1 .entry-header, .ui-c1 #masthead { /* background-color: #00093a; */ background-color: #000773; } .ui-c1 .entry-header .fond-couleur { background-color: rgba(1,25,128,0); } .ui-c1 .sticky-child.js-is-sticky .fond-couleur, .ui-c1 .sticky-child.js-is-stuck .fond-couleur { background-color: rgba(1,25,128,0.75); } .ui-c1 .container-h1 h1, .ui-c1 .container-h1 h1 p { text-shadow: 0px 2px 10px rgba(1,25,128,0.5); } /* remplace h& du bandeau pour un single */ .ui-c1 p.entry-title{text-shadow: 0px 2px 10px rgba(1,25,128,0.5);color:#fff;display: table-cell;vertical-align: bottom;font-size: 2.68rem; line-height: 2.88rem;font-family: "Work Sans", arial, sans-serif;font-weight: 500;padding:20px} .ui-c1 #masthead, .ui-c1 #masthead a, .ui-c1 #masthead .nav-menu.strategie li, .ui-c1 #masthead .nav-menu.programmes li, .ui-c1 #masthead .nav-menu.rechercher, .ui-c1 #masthead .nav-menu.profils, .ui-c1 #masthead .nav-menu.profils li, .ui-c1 #masthead .nav-menu.profils li a { color:#FFF; } .ui-c1 #poucette .caption span { color: rgba(255,255,255,0.75); } .ui-c1 #poucette .button { background-color: #000773; } .ui-c1 .tpt-main-menus .separateur.cb { border-color: #535a7a; } .ui-c1 .fil-ariane { color: #2cc5cb; } .ui-c1 .fil-ariane a { color: #cbccdc; } .ui-c1 .entry-content a, .ui-c1 .entry-content a span { color:#fd436c; } /* PICTO LIEN EXTERNE */ a.lienexterne:after { content: " ➚"; } .ui-c1 h1, .ui-c1 h1 p, .ui-c1 h1 span::before, .ui-c1 h1 span span { color:#FFF; } .ui-c1 .layout-col h1, .ui-c1 .layout-col h1 p, .ui-c1 .layout-col h1 span::before, .ui-c1 .layout-col h1 span span { color:#000773; } .ui-c1 h2 { color: #4f0059; } .ui-c1.single h2 { color: #000773; } .ui-c1.single footer h2, .ui-c1 footer h2 { color: #ffffff; } .ui-c1 h3, .ui-c1 h4 { color:#000; } .ui-c1 .logos-list-legende { border-color: rgba( 25,25,25,0.4 ); color: rgba( 25,25,25,0.7 ); } .ui-c1 .primary-content { border-color:#191919; } .ui-c1 #masthead .search-field { color: #FFF; background-color: #e42957; } .ui-c1 #masthead .search-field::placeholder { color: #FFF; opacity:1; } .ui-c1 #masthead .search-field::-moz-placeholder { color: #FFF; } .ui-c1 #masthead .search-field:-ms-input-placeholder { color: #FFF; } .ui-c1 #masthead .search-field::-ms-input-placeholder { color: #FFF; } .ui-c1 #primoQueryTemp::placeholder { color: #999; opacity:1; } .ui-c1 #primoQueryTemp::-moz-placeholder { color: #999; } .ui-c1 #primoQueryTemp:-ms-input-placeholder { color: #999; } .ui-c1 #primoQueryTemp::-ms-input-placeholder { color: #999; } .ui-c1 #transl1::placeholder { color: #999; opacity:1; } .ui-c1 #transl1::-moz-placeholder { color: #999; } .ui-c1 #transl1:-ms-input-placeholder { color: #999; } .ui-c1 #transl1::-ms-input-placeholder { color: #999; } .ui-c1 svg.loupe .loupe-1 { fill: #FFF; } .ui-c1 footer, .ui-c1 footer a { color: #FFF; } .ui-c1 .plan-du-site ul ul ul ul li a { color: rgba(255,255,255,0.7); } .ui-c1 .plan-du-site ul ul ul ul ul li a { color: rgba(255,255,255,0.4); } .ui-c1 .local-nav { background-color:#91f9ee; } .ui-c1 .menu-local a { color: #cc2156; } .ui-c1 .menu-local li a .pictos-contact svg .forme { fill: #cc2156; } .ui-c1 .menu-local a:hover, .ui-c1 .menu-local li.current-menu-item a { color: #4f0059; } .ui-c1 .menu-local li.current-menu-item a .pictos-contact svg .forme, .ui-c1 .menu-local li a:hover .pictos-contact svg .forme { fill: #4f0059; } .ui-c1 .menu-local li:not(:last-child)::after { color: rgba(0,0,0,0.5); } .ui-c1 .site-content, .ui-c1 .ui-block-c0 { background-color: #FFFFFF; } .ui-c1 .ui-block-c1 { background-color: #e9f0fa; } .ui-c1 .ui-block-c2 { background-color: #d8e6f6; } .ui-c1 .ui-block-c3 { background-color: #bed1f1; } .ui-c1 .ui-block-c4 { /* background-color: #dce7ff; */ background-color: #000773 } .ui-c1 #poucette a { color:#1cf38b; } .ui-c1 #poucette a:hover { color:#FFF; } .ui-c1 #poucette svg .forme { fill:#fa3061; } .ui-c1 #poucette svg.v3 .forme { fill:transparent; stroke:#fFF; } .ui-c1 #poucette a:hover svg .forme { fill:#FFF; } .ui-c1 #poucette a:hover svg.v3 .forme { fill:transparent; stroke:#fa3061; } .ui-c1 .liste-ancres li a, .ui-c1 .liste-blocks li a { /* background-color:#4f0059; */ background-color:#e3335a; } .ui-c1 .liste-ancres li a:hover, .ui-c1 .liste-blocks li a:hover { background-color:#91f9ee; } .ui-c1 .liste-ancres li a span span, .ui-c1 .liste-blocks li a span span { color:#FFF;} .ui-c1 .liste-ancres li a:hover span span, .ui-c1 .liste-blocks li a:hover span span { color:#4f0059;} .ui-c1 h3, .ui-c1 h4 { color:#7d305a; } .ui-c1 .entity-item .texte { background-color: #FFF; } .ui-c1 .entity-item .entity-type, .ui-c1 .entity-item h4 { color:#e3335a; } .ui-c1 .entity-item p { color:#636363; } .ui-c1 .entity-item .entity-marqueur { color:#1b55eb; } .ui-c1 #masthead .submenu-strategie, .ui-c1 #masthead .submenu-programmes, .ui-c1 #masthead .submenu-profils { background-color: rgba(255,255,255,1); } .ui-c1 #masthead .nav-menu.strategie .menu-item { color: #FFF; background-color: #4c71bc; border: 1px solid #000778; } .ui-c1 #masthead .nav-menu.strategie .submenu1, .ui-c1 #masthead .nav-menu.programmes .submenu1 { column-rule: 1px solid #b2b8da; -moz-column-rule: 1px solid #b2b8da; -webkit-column-rule: 1px solid #b2b8da; } .ui-c1 #masthead .nav-menu.strategie .submenu1 li div, .ui-c1 #masthead .nav-menu.strategie .submenu1 li a div, .ui-c1 #masthead .nav-menu.programmes .submenu1 li div, .ui-c1 #masthead .nav-menu.programmes .submenu1 li a div, .ui-c1 #masthead .nav-menu.programmes .submenu1 li div span, .ui-c1 #masthead .nav-menu.programmes .submenu1 li a div span { color: #000778; } .ui-c1 #masthead .poucette.v3 .forme { stroke: #000778; } .ui-c1 #masthead a:hover .poucette.v3 .forme { stroke: #e42a57; } .ui-c1 #masthead .nav-menu.strategie .menu-item.current_page_item, .ui-c1 #masthead .nav-menu.strategie .menu-item.current-page-ancestor { background-color: #e42a57; } .ui-c1 #masthead .nav-menu.strategie .menu-item:hover { background-color: #b9c5e1; } .ui-c1 #masthead .nav-menu.strategie .menu-item.menu-ouvert { background-color: #FFF; } .ui-c1 #masthead .nav-menu.strategie .menu-item.current_page_item > a, .ui-c1 #masthead .nav-menu.strategie .menu-item.current-page-ancestor > a { color: #FFF; } .ui-c1 .awesomplete > ul { background: #FFF; } .ui-c1 .awesomplete > ul li, .ui-c1 .awesomplete > ul mark { color: #000778; } .ui-c1 .awesomplete > ul mark { background: rgba(118,240,224,0.5); } .ui-c1 .awesomplete > ul > li:hover { background: rgba(118,240,224,0.3); } .ui-c1 .awesomplete > ul > li:hover mark { background: rgba(118,240,224,1); } .ui-c1 .site-main-searchresult .relevanssi-query-term { color: #191919; background: rgba(118,240,224,0.5); } .ui-c1 .call-to-action.button.primary a { /* background-color: #e42a57; */ /*background-color: #6b2573;*/ background-color: #0040ee; } .ui-c1 .call-to-action.button.primary a span { color: #FFF; } .ui-c1 .call-to-action.button.primary a:hover { background-color: #91f9ee; } .ui-c1 .call-to-action.button.primary a:hover span { color: #4f0059; } .ui-c1 .call-to-action.button.secondary a { /* background-color: #424af0; */ /* background-color: #507df7; */ background-color: #75a2fc; } .ui-c1 .call-to-action.button.secondary a span { color: #FFF; } .ui-c1 .call-to-action.button.secondary a:hover { background-color: #91f9ee; } .ui-c1 .call-to-action.button.secondary a:hover span { /* color: #424af0; */ color: #4f0059; } .ui-c1 #masthead .nav-menu.strategie .nav-submenu .current_page_item > a div, .ui-c1 #masthead .nav-menu.strategie .nav-submenu-2 .current-page-ancestor > a div, .ui-c1 #masthead .nav-menu.strategie .nav-submenu a:hover div, .ui-c1 #masthead .nav-menu.programmes .nav-submenu .current_page_item > a div, .ui-c1 #masthead .nav-menu.programmes .nav-submenu-2 .current-page-ancestor > a div, .ui-c1 #masthead .nav-menu.programmes .nav-submenu a:hover div { color: #e42a57; } .ui-c1 #masthead .nav-menu.strategie .nav-submenu .current_page_item > a > div > .poucette.v3 .forme, .ui-c1 #masthead .nav-menu.strategie .nav-submenu-2 .current-page-ancestor > a > div > .poucette.v3 .forme, .ui-c1 #masthead .nav-menu.strategie .nav-submenu a:hover > div > .poucette.v3 .forme, .ui-c1 #masthead .nav-menu.programmes .nav-submenu .current_page_item > a > div > .poucette.v3 .forme, .ui-c1 #masthead .nav-menu.programmes .nav-submenu-2 .current-page-ancestor > a > div > div.poucette.v3 .forme, .ui-c1 #masthead .nav-menu.programmes .nav-submenu a:hover > div > div { stroke: #e42a57; } .ui-c1 #masthead .separateur, .ui-c1 #masthead .nav-menu.profils li.menu-item > a { border-color:#37f4e0; } .ui-c1 #masthead .nav-menu.raccourcis div, .ui-c1 #masthead .nav-menu.raccourcis div a, .ui-c1 footer a:hover { color : #37f4e0; } .ui-c1 #masthead .nav-menu.raccourcis div a:hover { color:#FFF; } .ui-c1 #masthead .nav-menu.strategie .menu-item.menu-ouvert > a, .ui-c1 #masthead .nav-menu.strategie .menu-item:hover > a { color: #000778; } .ui-c1 .agenda-export-button .st0{fill:#000778;} .ui-c1 .agenda-export-button .st1{fill:none;stroke:#000778;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .ui-c1 .agenda-export-button .st2{fill:none;stroke:#000778;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .ui-c1 #masthead .submenu-programmes { border-color: #e42a57; } .ui-c1 #masthead .nav-menu.programmes .menu-item:hover > a { border-color: #fff; } .ui-c1 #masthead .nav-menu.programmes .menu-item.menu-ouvert > a { border-color: #e42957; } .ui-c1 #masthead .nav-menu.programmes .menu-item.current_page_item > a, .ui-c1 #masthead .nav-menu.programmes .menu-item.current-page-ancestor > a { color:#fe2f61; } .ui-c1 #masthead .nav-menu.profils .menu-item > a:hover { background-color: rgba(55,244,224,0.3); } .ui-c1 #masthead .nav-menu.profils .menu-item.menu-ouvert > a, .ui-c1 #masthead .nav-menu.profils .menu-item.menu-ouvert > a:hover { background-color: rgba(55,244,224,1); color: #000778; } .ui-c1 #masthead .nav-menu.profils .submenu-profils { background-color: rgba(55,244,224,1); border-color: rgba(55,244,224,1) ; } .ui-c1 #masthead .nav-menu.profils .submenu1-item a div { color: #000778; } .ui-c1 #masthead .nav-menu.profils .submenu1-item a:hover { background-color: #000778; } .ui-c1 #masthead .nav-menu.profils .submenu1-item a:hover div { color: #FFF; } .ui-c1 .raquette-button .line, .ui-c1 .hamburger-button .line, .ui-c1 .cross-button .line, .ui-c1 .chevron .line { stroke:#ffffff; } .ui-c1 .acc-chevron-container .chevron .line { stroke:#fd436c; } #filtres-newsroom .accordeon-title, .accordeon-filtres a, .ui-c1 .lireplus-title span { color: #fd436c;} .ui-c1 .lireplus-title span.puce { background-color: #fd436c; } .ui-c1 .lireplus-title:hover span { color: #191919; } .ui-c1 .lireplus-title:hover span.puce { background-color: #191919; } .ui-c1 .encadre-type-1 { color: #000ee7; border-color: #000ee7; } .ui-c1 .encadre-type-1 p, .ui-c1 .encadre-type-1 strong, .ui-c1 .encadre-type-1 em { color: inherit; } .ui-c1 .encadre-type-2 { background-color: #000773; color:#FFF; border-color: #000ee7; } .ui-c1 .encadre-type-2 p, .ui-c1 .encadre-type-1 strong, .ui-c1 .encadre-type-1 em { color:inherit; } .ui-c1 .encadre-type-3 { background-color: #4c71bc; color:#FFF; border-color: #4c71bc; } .ui-c1 .encadre-type-3 a { color:#ff8ba5; } .ui-c1 .encadre-type-3 p, .ui-c1 .encadre-type-1 strong, .ui-c1 .encadre-type-1 em, .ui-c1 .encadre-type-1 ol, .ui-c1 .encadre-type-1 ul, .ui-c1 .encadre-type-1 li, .ui-c1 .encadre-type-1 span { color:inherit; } .ui-c1 .chapo, .ui-c1 .chapo a, .ui-c1 .chapo strong, .ui-c1 .chapo em, .ui-c1 .chapo span, .ui-c1 .chapo p { color:#4f0059; } .ui-c1 .chapo a:hover { color:#fd436c; } .ui-c1 .bloc-video-container h5 { color:#7d305a; } .ui-c1 footer form .wpcf7-response-output { background-color: #000773; } /* smartphones */ .ui-c1.menu-smartphone #masthead .nav-menu.programmes .menu-item, .ui-c1.menu-smartphone #masthead .nav-menu.profils .menu-item { color: #FFF; background-color: #4c71bc; border: 1px solid #000778; } .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.menu-ouvert > a, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item:hover > a { color: #fff !important; } .ui-c1.menu-smartphone #masthead .nav-menu .menu-item:hover { background-color: #4c71bc !important; } .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.menu-ouvert { background-color: #4383ff !important; } .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current_page_item, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current-page-ancestor, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current_page_item.menu-ouvert, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current-page-ancestor.menu-ouvert, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current_page_item:hover, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current-page-ancestor:hover { background-color: #e42a57 !important; } .ui-c1.menu-smartphone #masthead .nav-menu .menu-item > a, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current_page_item > a, .ui-c1.menu-smartphone #masthead .nav-menu .menu-item.current-page-ancestor > a { color: #FFF !important; border:none; } .ui-block-c0 .accordeon-title { background-color: rgba(233,240,250,0.8); color:#e3335a; } .ui-block-c0 .accordeon-content { background-color: rgba(233,240,250,0.65); } .ui-block-c0 .exergue { background-color: rgba(0,7,115,0.10); } .ui-block-c0 .accordeon-title { background-color: rgba(79,0,89,0.10); color:#e3335a; } .ui-block-c0 .accordeon-content { background-color: rgba(79,0,89,0.04); } .ui-block-c0 .exergue { background-color: rgba(79,0,89,0.10); } .ui-block-c0 .accordeon-title { background-color: rgba(255,219,219,0.50); color:#e3335a; } .ui-block-c0 .accordeon-content { background-color: rgba(233,240,250,0.65); } .ui-block-c0 .exergue { background-color: rgba(0,7,115,0.10); } .ui-block-c1 .accordeon-title, .ui-block-c2 .accordeon-title { background-color: rgba(255,255,255,1); color:#e3335a; } .ui-block-c1 .accordeon-content, .ui-block-c2 .accordeon-content { background-color: rgba(255,255,255,0.65); } .ui-block-c1 .exergue, .ui-block-c2 .exergue { background-color: rgba(0,7,115,0.15); } .agenda .accordeon-title { background-color: rgba(255,219,219,0.50); color:#e3335a; } .ui-c1 .picto .cadre { fill:none; } .ui-c1 .picto .forme { fill:none; /* stroke:#000ee7; */ stroke: url(#picto-gradient) #000ee7; } .ui-c1 footer h2 { border-color: rgba(255,255,255,0.85); } .ui-c1 .ui-fact-c1 { color: #ed1b05; } .ui-c1 .ui-fact-c2 { color: #ed7309; } .ui-c1 .ui-fact-c3 { color: #ed0573; } .ui-c1 .ui-fact-c4 { color: #c205ed; } .ui-c1 .ui-block-c4 .ui-fact-c1 { color: #ff9e9c; } .ui-c1 .ui-block-c4 .ui-fact-c2 { color: #ff8d1d; } .ui-c1 .ui-block-c4 .ui-fact-c3 { color: #ff63ca; } .ui-c1 .ui-block-c4 .ui-fact-c4 { color: #d685ff; } .ui-c1 .encadre-type-2 .number, .ui-c1 .encadre-type-2 .unite, .ui-c1 .encadre-type-2 h4 { color: #ed7309; } .ui-c1 .encadre-type-2 .picto .forme { stroke: #ed7309; } .ui-c1 .encadre-type-3 .number, .ui-c1 .encadre-type-3 .unite, .ui-c1 .encadre-type-3 h4 { color: #fff305; /* color: #91f9ee; */ } .ui-c1 .encadre-type-3 .picto .forme { stroke: #fff305; } .ui-c1 .encadre .caption { color:#FFF; } .ui-c1 .mag-content { background-color: #FFF; } .ui-c1 .mag .text h3 { color: #000553; } .ui-c1 .mag .text .category { color: #fe124c; } .ui-c1 .mag .text p, .ui-c1 .mag .text p span, .ui-c1 .mag .lire-la-suite-mobile, .ui-c1 .mag .lire-la-suite-mobile em { color: #2e2a7e; } .ui-c1 .actualite-item .zone-extrait, .ui-c1 .actualite-item .zone-titre h4, .ui-c1 .mag .actu-extrait { color: #000773; } .ui-c1 .actualite-item .zone-soustitre, .ui-c1 .actualite-item .zone-soustitre .actualite-date { color : #fa3061; } .ui-c1 #filtres-newsroom button, .ui-c1 #filtres-newsroom button:hover, .ui-c1 .filtres-list a, .ui-c1 .filtres-list a:hover, #filtre-cp button, #filtre-cp button:hover { color:#191919; border-color:#191919; } .ui-c1 #filtres-newsroom button:hover, #filtre-cp button:hover, .ui-c1 .filtres-list a:hover { background-color: rgba(255,255,255,0.4); } .ui-c1 #filtres-newsroom button:active, .ui-c1 #filtres-newsroom button.is-checked, #filtre-cp button:active, #filtre-cp button.is-checked, .ui-c1 .filtres-list a:active, .ui-c1 .filtres-list .filtre-actif a { background-color:#000773; border-color:#000773; color: #fff; } .ui-c1 .entry-content ul.liste-puces li::before { color:#fa3061; } /*.ui-c1 .site-main-searchresult .relevanssi-query-term{ background-color:#fa3061; color:#fff; }*/ .ui-c1 .site-main-searchresult .relevanssi-query-term{ background-color:rgba(250,48,97,0.2); } .ui-c1 .agendas-passes .agenda-col-1 .bandeau{ background-color: #7a81eb; } .ui-c1 .agendas-passes .agenda-col-2 .bandeau{ background-color: #5056ce; } .ui-c1 .agendas-passes .agenda-col-3 .bandeau{ background-color: #6b70b4; } .ui-c1 .agendas-passes .agenda-col-4 .bandeau{ background-color: #43478b; } .ui-c1 .agenda-col-1 button{ background-color: #a88c38; } .ui-c1 .agenda-col-2 button{ background-color: #b65127; } .ui-c1 .agenda-col-3 button{ background-color: #197b98; } .ui-c1 .agenda-col-4 button{ background-color: #67873e; } .ui-c1 .agenda-col-5 button{ background-color: #6f297d; } .ui-c1 .agenda-item button:hover .st0{ fill: #000; } .ui-c1 .agenda-item button:hover .st1, .ui-c1 .agenda-item button:hover .st2{ stroke: #000; } footer .newsletter p, footer .newsletter span, footer .newsletter label { color: #FFFFFF; } footer span.wpcf7-not-valid-tip { color: #fff3b3; } footer div.wpcf7-response-output.wpcf7-validation-errors, footer div.wpcf7-response-output.wpcf7-acceptance-missing { color: #fff3b3; border: 2px solid #fff3b3;} footer div.wpcf7-mail-sent-ok { color: #37f4e0; border: 2px solid #37f4e0; } footer input[type="checkbox"] { background-color: #FFFFFF; } input[type="submit"] { background-color: #e42957; color:#FFFFFF; } input[type="submit"]:hover { background-color: #df4a70; } .block .wpcf7, .mailpoet_form, .first-block > form { background-color: rgba(255,255,255,0.4); } .ui-block-c0 .wpcf7, .ui-block-c0 .mailpoet_form .mailpoet_form, .ui-block-c0 .first-block > form { background-color: #e5eef9; } html:not(.ie10) .checkmark { background-color: #FFFFFF; } html:not(.ie10) .ui-block-c0 .checkmark { background-color: #FFFFFF; } input[type="submit"] { letter-spacing: 0.6px; font-size: 0.8rem; } .menu-share-button { background-color: rgba(228,41,87,0); } .menu-share-button:hover { background-color: rgba(228,41,87,1); } .ui-c1 .portrait-container:not(.no-clic):hover .prenom_nom, .ui-c1 .portrait-container:not(.no-clic):hover .qualite { color: #fd436c; } /* .ui-c1 .entry-header .fond-couleur { background-color: rgba(0,7,120,0.1); } */ /* LOGO TELECOM PARISTECH */ .logo-tpt-1 { fill:#FFFFFF; } /* blanc */ .logo-tpt-2 { fill:#BF1238; } /* rouge */ .logo-tpt-3 { fill:#A3A3A3; } /* gris */ .logo-tpt-4 { fill: rgba(255,255,255,0.7); } .play-button .st0 { fill:#E42C58; } .play-button .st1 { fill:#FFFFFF; } .play-button .st2 { fill:#E0E0E0; } .play-button:hover .st0{ fill: #FFFFFF ; } .play-button:hover .st1{ fill: #E42C58 ; } .play-button:hover .st2{ fill: #E42C58 ; } svg.social-icon .st0 { fill:#FFFFFF; } a:hover svg.social-icon .st0 { fill:rgba(55,244,224,1); } .fr-only, .en-only { color:inherit !important; } /* =============================================== */ /* ENTRE DEUX PAGES */ .animate-in { -webkit-animation: fadeIn .3s ease-in; animation: fadeIn .3s ease-in; } .animate-out { -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* =============================================== */ /* PAGE LAYOUT */ .page { max-width: 100%; position: relative; margin: 0; padding: 0; } #masthead { max-width: inherit; margin: 0; padding: 0; } footer { max-width: inherit; margin: 0; padding: 0; margin-bottom:100px; } .masthead-content { max-width: 1180px; margin: 0 auto; padding: 40px 20px 50px 20px; position: relative; } .bandeau-imt .span-level1 { /* max-width: 1180px; margin: 0 auto; padding: 10px 20px 10px 20px; position: relative; */ display: inline-block; } .site-full-content { position: relative; /* max-width: 1180px; margin: 0 auto; padding: 20px; */ } .site-content { padding: 0px; } .entry-header .container { max-width: 1180px; margin: 0 auto; padding: 0px 20px; } .entry-content { /* max-width: 960px; margin: 0 auto; padding: 20px; position: relative; */ } footer .wrap { max-width: 1180px; margin: 0 auto; padding: 20px 20px; position: relative; padding-top: 50px;} .container-poucette { max-width: 1180px; margin: 0 auto; } .layout-1-col, .layout-2-col, .layout-3-col { max-width: 960px; margin: 0 auto; padding: 0 20px; position: relative; } .single .layout-1-col, .single .layout-2-col, .single .layout-3-col { max-width: 880px; } .single-pageperso.single .layout-1-col, .single-pageperso.single .layout-2-col, .single-pageperso.single .layout-3-col { max-width: 960px; } .single-pageperso.single .layout-actu { max-width: 1180px; padding-bottom:90px; } .page-id-63 .block-1 .layout-1-col, .page-id-4416 .block-1 .layout-1-col { max-width: 1180px; } .layout-mag { max-width: 972px; margin: 0 auto; padding: 0 14px; position: relative; } .ui-block-c3 .layout-1-col { max-width: 1180px; margin: 0 auto; padding: 0 20px; position: relative; } .partenaires .layout-1-col { max-width: 1180px; } .partenaires ul + h2 { padding-top: 0px; } /* =============================================== */ /* ANIMATION AND EFFECTS LAYOUT */ #masthead, #masthead .nav-menu.programmes, #masthead .nav-menu.strategie, #masthead .nav-menu.rechercher, #masthead .nav-menu.profils, .site-content, .tpt-main-logo svg .logo-tpt-1, .tpt-main-logo svg .logo-tpt-2, .tpt-main-logo svg .logo-tpt-3, .tpt-main-logo svg .logo-tpt-4, #search-picto svg .loupe-1, #poucette svg .forme, .ui-c1 .menu-local li a, .ui-c1 .menu-local li a .pictos-contact svg .forme, .ui-c1 .liste-ancres li a, .ui-c1 .liste-ancres li a span span, .ui-c1 .liste-blocks li a, .ui-c1 .liste-blocks li a span span, .entity-item .texte, .entity-item .image img, .entity-item, .actualite-item, .agenda-item, .tpt-main-menus, #masthead .nav-menu.strategie .menu-item a, body:not(.menu-smartphone) #masthead .submenu-strategie, body:not(.menu-smartphone) #masthead .submenu-programmes, body:not(.menu-smartphone) #masthead .submenu-profils, .nav-menu.profils, .nav-menu.rechercher, .nav-menu.programmes li.menu-item, .nav-menu.raccourcis, #masthead .nav-menu.profils .menu-item a, #masthead .nav-menu.profils .submenu-1, h1, h1 p, h1 p span, .acc-chevron-container .chevron, .chevron-container .chevron, .line, :not(#filtres-newsroom):not(.accordeon-filtres) .accordeon-title, :not(#filtres-newsroom):not(.accordeon-filtres) .accordeon-content, input, .lireplus-title span, .lireplus-title span.puce, .play-button .st0, .play-button .st1, .play-button .st2, svg.social-icon .st0, .mag-content, .vignette-portrait, .prenom_nom, .qualite, .df-container, .df-subitem, .df-arrow, .menu-share-button, div.pdfemb-wantmobile-fsarea, .filtrable, .df10, .df11, .actualite-item img, .agenda-item .bandeau, .ff-stream article, footer .captcha-module-item, footer .privacy-policy, .menu-langue-mobile, .ec-sn-item, .ec-sn-item svg .st0, .portrait-container:not(.no-clic) .qualite p, .portrait-container .qualite p, .pp-filter-item, .pp-item, .pp-item .legende-portrait, .logo-tp-ip-paris, .ip-paris-main-logo, .cta, .call-to-action.button a, .call-to-action.button a span, #ms-c-sticky { -webkit-transition: all 300ms !important; -moz-transition: all 300ms !important; -o-transition: all 300ms !important; transition: all 300ms !important; } /* .call-to-action.button a, .call-to-action.button a span { -webkit-transition: background-color 300ms, color 300ms; -moz-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } */ h1, .entry-header .tpt-main-logo, .entry-header .fond-couleur, .entry-content, .entry-title, p.entry-title, #poucette, .note-rgpd.footer, .ec-portrait, .pageperso .menu-local li:first-child, .pageperso .entry-title span { -webkit-transition: all 500ms !important; -moz-transition: all 500ms !important; -o-transition: all 500ms !important; transition: all 500ms !important; } #poucette.disparition { -webkit-transition: all 100ms !important; -moz-transition: all 100ms !important; -o-transition: all 100ms !important; transition: all 100ms !important; } .attenuateur { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */ } .attenuateur-2 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000778+0,000778+100&0+46,0+58,0+74,0.3+100 */ background: -moz-linear-gradient(45deg, rgba(0,7,120,0) 0%, rgba(0,7,120,0) 46%, rgba(0,7,120,0) 58%, rgba(0,7,120,0) 74%, rgba(0,7,120,0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,7,120,0) 0%,rgba(0,7,120,0) 46%,rgba(0,7,120,0) 58%,rgba(0,7,120,0) 74%,rgba(0,7,120,0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,7,120,0) 0%,rgba(0,7,120,0) 46%,rgba(0,7,120,0) 58%,rgba(0,7,120,0) 74%,rgba(0,7,120,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000778', endColorstr='#4d000778',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .input-aura { -moz-box-shadow: 0px 0px 50px 5px #d8e6f6; -webkit-box-shadow: 0px 0px 50px 5px #d8e6f6; -o-box-shadow: 0px 0px 50px 5px #d8e6f6; box-shadow: 0px 0px 50px 5px #d8e6f6; filter:progid:DXImageTransform.Microsoft.Shadow(color=#d8e6f6, Direction=NaN, Strength=40); } .actualite-item, .agenda-item, .entity-item, .vignette-portrait, .cta { -moz-box-shadow: 0px 0px 5px 0px rgba(1,25,128,0.3); -webkit-box-shadow: 0px 0px 5px 0px rgba(1,25,128,0.3); -o-box-shadow: 0px 0px 5px 0px rgba(1,25,128,0.3); box-shadow: 0px 0px 5px 0px rgba(1,25,128,0.3); filter:progid:DXImageTransform.Microsoft.Shadow(color=#858585, Direction=NaN, Strength=5); } .actualite-item:hover, .agenda-item:hover, .entity-item:hover, .cta:hover, .call-to-action.button a:hover, .portrait-container:not(.no-clic):hover .vignette-portrait, .ff-stream article:hover { -moz-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.65); -webkit-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.65); -o-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.65); box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.65); filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8); } .accordeon-title:hover { -moz-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.3); -webkit-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.3); -o-box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.3); box-shadow: 0px 0px 8px 0px rgba(1,25,128,0.3); filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8); } #filtres-newsroom .accordeon-title:hover, .accordeon-filtres .accordeon-title:hover { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; filter:none; } body:not(.menu-smartphone) #masthead .submenu-strategie, body:not(.menu-smartphone) #masthead .submenu-programmes, body:not(.menu-smartphone) #masthead .submenu-profils { -moz-box-shadow: 0px 10px 15px 0px rgba(0,7,120,0.4); -webkit-box-shadow: 0px 10px 15px 0px rgba(0,7,120,0.4); -o-box-shadow: 0px 10px 15px 0px rgba(0,7,120,0.4); box-shadow: 0px 10px 15px 0px rgba(0,7,120,0.4); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000778, Direction=180, Strength=15); } #cookie-notice { -moz-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.8); -o-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.8); box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.Shadow(color=#000778, Direction=180, Strength=15); } .wpcf7 input, .wpcf7 .checkmark, .wpcf7 textarea, .wpcf7 .select-styled, .wpcf7 .select-options, .mailpoet_form input, .mailpoet_form .checkmark, .mailpoet_form textarea, .mailpoet_form .select-styled, .mailpoet_form .select-options { -moz-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.15); -webkit-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.15); -o-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.15); box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.15); filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8); } .wpcf7-captchar{ -moz-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.35)!important; -webkit-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.35)!important; -o-box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.35)!important; box-shadow: 0px 0px 16px 0px rgba(1,25,128,0.35) !important; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8); } .play-button { -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); -o-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.15); filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=NaN, Strength=8); } .mag-content { -moz-box-shadow: 0px 0px 7px 0px rgba(0,7,120,0.15); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,7,120,0.15); -o-box-shadow: 0px 0px 7px 0px rgba(0,7,120,0.15); box-shadow: 0px 0px 7px 0px rgba(0,7,120,0.15); filter:progid:DXImageTransform.Microsoft.Shadow(color=#95a3ce, Direction=NaN, Strength=7); } .mag-content:hover { /* margin-top: -1px; margin-bottom: -1px; */ -moz-box-shadow: 0px 0px 10px 0px rgba(0,7,120,0.25); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,7,120,0.25); -o-box-shadow: 0px 0px 10px 0px rgba(0,7,120,0.25); box-shadow: 0px 0px 10px 0px rgba(0,7,120,0.25); filter:progid:DXImageTransform.Microsoft.Shadow(color=#95a3ce, Direction=NaN, Strength=10); } .newsletter .screen-reader-response { display:none !important; } /* =============================================== */ /* HEADER */ .bandeau-imt { background-color: rgba(0,0,0,0.6); text-align: center; padding: 8px 20px 7px 20px; } .bandeau-imt .span-level1 { opacity: 0.85; } .bandeau-imt span { font-size: 11px; color:#FFFFFF; } .bandeau-imt span a, .bandeau-imt span span { float: left; display: block; } .bandeau-imt .fr-only, .bandeau-imt .en-only { margin-right: 10px; } .bandeau-imt span a { height: 20px; } .bandeau-imt .logo.imt { height: 30px; } svg.logo-tpt, svg.logo-ip-paris { height:100%; } .entry-header .fond-image{ /*min-height:65px;*/ } /* LAYOUT */ .logo-tp-ip-paris { position: absolute; /*top: 51px;*/ top: 26px; background-color:rgba(255,255,255,0.0); } .tpt-main-logo { width: 67px; height: 67px; margin-top: -11px; display: block; float: left; position: relative; } .logo-pipe { display: block; float: left; position: relative; height:69px; width:1px; margin:-11px 15px 0 17px; border-left:1px solid rgba(255,255,255,0.4); } .ip-paris-main-logo { height: 38px; display: block; float: left; position: relative; margin-top:6px; } .entry-header .tpt-main-logo { /* width: 30px; height: 30px; */ width: 34px; height: 34px; display: block; /* margin-top: -38px; */ margin-top: 175px; margin-left: 20px; opacity:0; /*display: none !important;*/ } .tpt-main-menus { /* margin-left: 110px; */} /* MENUS PRINCIPAUX */ .nav-menu.strategie, .nav-menu.rechercher, .nav-menu.profils { display: block; width: auto; margin: 10px 0; } .nav-menu.programmes, .nav-menu.profils { display: block; width: auto; margin: 4px 0 4px 0; } .nav-menu.strategie { float: right; } .nav-menu.programmes { float: left; } .nav-menu.strategie li { display: inline-block; } .nav-menu.programmes li.menu-item { display: inline-block; padding: 0 30px 0 0; } .nav-menu li ul { /* display: none; */ } .nav-menu.profils { float: right; margin-left: 0px; } .nav-menu.rechercher { float: right; margin-left: 20px; } .nav-menu.profils, .nav-menu.rechercher { width: 150px; } .menu-langue-mobile { display:none; padding: 8px 10px;max-width: 100%;text-align: center;background-color: rgba(255,255,255,0.3);margin: 15px 0px 0px 0px;position: relative;} .menu-langue-mobile:hover { background-color: rgba(255,255,255,0.6);} .menu-langue-mobile a { text-decoration: none; } .tpt-main-menus .separateur.cb { border-bottom: 2px solid; height: 10px; } /* formulaire de recherche */ .search-form { position: relative; } #masthead .search-field { width: 100%; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; display: block; margin: 0px; height: 25px; border: none; } #search-submit-button { display: none; } #search-picto { position: absolute ; width: 28px; height: 23px; /* top: -39px; */top: -21px; right: 5px; cursor: pointer; } #search-picto svg { height: 100%; width: auto; } /* MENUS ET SOUS-MENUS */ /* https://www.alsacreations.com/tuto/lire/1557-les-multicolonnes-en-css3.html */ .out-sub-menu-header { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9970; } .special.cb { display: none; } #masthead .nav-menu.rechercher { z-index: 9984; } #masthead .nav-menu.rechercher .awesomplete ul { z-index: 9985; } #masthead .nav-menu.strategie { z-index: 9983; } #masthead .nav-menu.programmes { z-index: 9982; } #masthead .nav-menu.profils { z-index: 9981; } .awesomplete > ul { border-radius: 0 ; } #masthead .nav-menu.strategie, #masthead .nav-menu.programmes, #masthead .nav-menu.profils { position: relative; display: block; } #masthead .submenu-strategie, #masthead .submenu-programmes, #masthead .submenu-profils { position: absolute; display: block; left: 0; z-index: 1000000; padding: 25px 4% 25px 4% ; margin: 3px 1px; width: 91.75%; } #masthead .submenu-programmes { margin: 9px 1px; padding-top: 30px; border-top: 4px solid; } #masthead .nav-menu.strategie .menu-item a { padding: 4px 12px 0px 12px; min-height: 21px; display: block; } #masthead .nav-menu.strategie .menu-item a, #masthead .nav-menu.programmes .menu-item a, #masthead .nav-menu.profils .menu-item a { text-decoration: none; } #masthead .submenu-profils .picto-menu.fleche { display: none; } #masthead .nav-menu.strategie .submenu2-item:first-child a, #masthead .nav-menu.programmes .submenu2-item:first-child a { margin-top: 5px; } #masthead .nav-menu.strategie .submenu1-item a, #masthead .nav-menu.strategie .submenu2-item a, #masthead .nav-menu.programmes nav-submenu a, #masthead .nav-menu.programmes .submenu1-item a, #masthead .nav-menu.programmes .submenu2-item a { padding: 1px 0 0 0; min-height: auto; display: block; text-decoration: none; } #masthead .nav-menu.strategie .submenu1 { columns: 3; -moz-columns: 3; -webkit-columns: 3; column-gap : 2.5rem; -moz-column-gap : 2.5rem; -webkit-column-gap : 2.5rem; } #masthead .nav-menu.programmes .submenu1 { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap : 2.5rem; -moz-column-gap : 2.5rem; -webkit-column-gap : 2.5rem; } #masthead .nav-menu.strategie .submenu1-item, #masthead .nav-menu.programmes .submenu1-item { display: inline-block; padding-bottom: 15px; } /* .nav-menu .submenu1-item, .nav-menu .nav-submenu-2, .nav-menu .submenu2-item, .nav-menu .submenu2-item a, .nav-menu .submenu2-item a div { -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; break-inside: avoid !important; break-inside: avoid-column !important; } */ .nav-menu .submenu1-item, .nav-menu .nav-submenu-2, .nav-menu .submenu2-item { -webkit-column-break-inside: avoid !important; /* Chrome, Safari, Opera */ page-break-inside: avoid !important; /* Firefox */ break-inside: avoid !important; /* IE 10+ */ break-inside: avoid-column !important; /* W3C */ } #masthead .nav-menu.strategie .submenu1 ul, #masthead .nav-menu.strategie .submenu1 li, #masthead .nav-menu.programmes .submenu1 ul, #masthead .nav-menu.programmes .submenu1 li { display: block; clear:both; position:relative;} /* .picto-menu, .label-menu { display: block; float:left; } */ .picto-menu { display: block; position:absolute;} .label-menu { display: block; margin-left:20px;} .nav-submenu-2 .label-menu { margin-left:16px;} .submenu1-item .picto-menu svg { width: 15px; } .submenu2-item .picto-menu svg { width: 11px; } .nav-menu.strategie .submenu1-item .picto-menu { width:12%; } .nav-menu.strategie .submenu1-item .label-menu { width:88%; } .nav-menu.strategie .submenu2-item { margin-left: 12%; } .nav-menu.programmes .submenu1-item .picto-menu { width:7%; } .nav-menu.programmes .submenu1-item .label-menu { width:93%; } .nav-menu.programmes .submenu2-item { margin-left: 7%; } .nav-menu.programmes .menu-item > a { display: block; border-top: 4px solid; padding-top: 6px; margin-top: -6px; } .nav-menu.programmes .menu-item > a { border-color: transparent; } #masthead .nav-menu .poucette.v3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .poucette.v3 .forme, .poucette.v3 .forme { fill:none; stroke-width: 6; } #masthead .tiret .poucette.v3 polyline.forme { stroke: none; } #masthead .sanslien::after { content:' :'; } .invisible { opacity: 0; pointer-events: none; } .invisible a { pointer-events: none; } .disparait{ /*display: none !important;*/ position:relative !important; pointer-events:none !important; margin-top:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important; opacity:0 !important; width:0px !important; min-width:0px !important; height:0px !important;min-height:0px !important; overflow:hidden !important; } .nav-menu.profils { margin-top: 5px; } .nav-menu.profils .menu-item a { display: block; } .nav-menu.profils .menu-item > a { display: block; margin-top: -7px; border-bottom: 2px solid; border-top: 2px solid; padding-top: 0px; padding-bottom: 0px; } #masthead .submenu-profils { position: absolute; display: block; left: 0; z-index: 1000000; padding: 6px 0px; margin: 2px 0px; width: 97%; border: 2px solid; } #masthead .submenu-profils .label-menu { float: none; } #masthead .nav-menu.profils .menu-item.menu-ouvert > a, #masthead .nav-menu.profils .menu-item.menu-ouvert > a:hover { padding-left: 5px; } #masthead .nav-menu.profils .submenu1-item a { padding: 0 3px; } .nav-menu.raccourcis { position: absolute; top: 10px; right: 20px; } .nav-menu.raccourcis a { text-decoration: none; margin: 0 0 0 12px; } #hamburger-bt { z-index: 100001; position:relative; } #raquette-bt { z-index: 100000; position:relative; } .raquette-button .line { fill:none; stroke-width:2.5; } .hamburger-button .line, .cross-button .line { fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; } .chevron .line { fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; } .mobile-nav-main-buttons { float: right; margin-left: 15px; display: none; } .mobile-nav-main-buttons, .mobile-nav-main-buttons svg { height: 35px; width:24px; } .chevron-container { width: 15px; height: 8px; float: right; margin-top: 8px; display: none; margin-right: 12px; } .chevron-container .chevron { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .menu-ouvert .chevron-container .chevron { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .mobile-menu-opened { height: 100%; width:100%; z-index: 10000; position: fixed; } /* =============================================== */ /* FIL D'ARIANE */ .fil-ariane.block { display: block; max-width: 1180px; /* margin: -10px 0 40px 0; */ margin: 0 auto; } .fil-ariane.block.position-basse { position: absolute; bottom: -60px; height: 50px; width:100%; z-index: 999; max-width: none; } .fil-ariane.liste { display: block; } .fil-ariane.position-basse .fil-ariane.liste { max-width: 1180px; margin: 0 auto; position: relative; } /* .fil-ariane.position-basse .fil-ariane.liste { position: absolute; top: -20px; } */ .fil-ariane.list-item { display: inline-block; } .fil-ariane.list-item:not(:last-child)::after { content: "\00a0 \00a0 > \00a0" ; } /* on masque les pages racines des 2 langues et des 2 homes */ .fil-ariane.item-201, .fil-ariane.item-203, .fil-ariane.item-63, .fil-ariane.item-205 { display: none;} /* =============================================== */ /* CONTENT */ .site-content { min-height: 200px; /* max-width: 960px; */ margin: 0 auto; } .local-nav, .menu-local { /* margin-bottom: 40px; */display: block; } .local-nav { padding: 7px 0px 10px 0px; } .menu-local li { display: inline-block; padding: 0 5px 0 0; } .menu-local li:not(:last-child)::after { content: "\00a0 \00a0 |" ; } .menu-local li a { } .fond-couleur { position: relative; width: 100%; /* correction php81-0011 */ /*height: 100%;*/ margin: 0; } /*body:not(.search-results) h1 span::before, .menu-item span::before { content: "|\00a0" ; }*/ .entry-content { margin-top: 40px; } /* hack IE et safari<7 remonté au style général */ .entry-header { width:100%; margin-bottom: -50px; } .entry-content { margin-top: 50px; margin-bottom: 50px; } /* hack IE et safari<7 remonté au style général */ .menu-local, h1, #ms-c ul, #ms-c-sticky ul { max-width: 960px; margin: 0 auto; padding: 0 20px ; display:block; } h1 { /* height: 235px; padding-top: 15px; padding-bottom: 10px; */ /* height: 215px; */ /* correction php81-0011 */ /*height: 195px;*/ height: 235px; padding-top: 20px; padding-bottom: 20px; } /* remplace le h1 dans le bandeau pour un single */ p.entry-title { height: 195px; padding-top: 20px; padding-bottom: 20px;margin-bottom:0; } /* h1 dans le contenu, single */ .single h1 {padding:20px; height:195px;margin-bottom:0;padding-bottom: 20px;} .single .primary-content h1 { padding:0; height: auto; margin-bottom:0;padding-bottom: 20px; } .container-h1 { max-width: 1000px; margin: 0 auto; /* margin-bottom: 5px; */ } h1 { display:table-cell; vertical-align:bottom; } /* sticky header-content */ .sticky-parent { } .sticky-child { z-index:1000; } .sticky-child.js-is-sticky { top: 0; } .sticky-child.js-is-sticky, .sticky-child.js-is-stuck { /* background-image : none !important; */ } .sticky-child.js-is-sticky .container-h1, .sticky-child.js-is-stuck .container-h1 { margin-bottom: 0px; } .sticky-child.js-is-sticky h1, .sticky-child.js-is-stuck h1 { /* font-size: 1.8rem; line-height: 1.88rem; */ /* correction php81-0011 */ height: 40px; /*height: 65px;*/ padding-top: 12px; padding-bottom: 12px; padding-right: 40px; } /**/ .sticky-child.js-is-sticky p.entry-title, .sticky-child.js-is-stuck p.entry-title { /* font-size: 1.8rem; line-height: 1.88rem; */ height: 40px; padding-top: 12px; padding-bottom: 12px; padding-right: 40px; } /**/ .sticky-child.js-is-sticky h1, .sticky-child.js-is-stuck h1, .sticky-child.js-is-sticky h1 p, .sticky-child.js-is-stuck h1 p, .sticky-child.js-is-sticky h1 p span, .sticky-child.js-is-stuck h1 p span { font-size: 1.8rem; line-height: 1.88rem; } /* p remplace h1 si single*/ .sticky-child.js-is-sticky p.entry-title, .sticky-child.js-is-stuck p.entry-title, .sticky-child.js-is-sticky p.entry-title span, .sticky-child.js-is-stuck p.entry-title span { font-size: 1.8rem; line-height: 1.88rem; } /**/ .sticky-child, .sticky-child.js-is-sticky .tpt-main-logo, .sticky-child.js-is-stuck .tpt-main-logo { opacity: 1; } .sticky-child.js-is-sticky .tpt-main-logo, .sticky-child.js-is-stuck .tpt-main-logo { margin-top: 15px; } .js-is-sticky + div .sticky-menu-offset { position:absolute; margin-top: -60px; margin-bottom: 140px; } .sticky-menu-offset-2 { position:absolute; margin-top: -290px; } .js-is-sticky + div .sticky-menu-offset-2 { position:absolute; margin-top: -290px; } .js-is-sticky + div .sticky-menu-offset.menu-h3 { position:absolute; margin-top: -120px; margin-bottom: 200px; } .menu-local .pictos-contact { display: inline-block; margin: 0 0 0 6px; } .menu-local .email-container, .menu-local .dialogue-container { height:18px; display: inline-block; padding-top: 0; margin: 0 2px; } .menu-local .email-container svg, .menu-local .dialogue-container svg { height: 100%; display: block; margin-top: 4px; } .menu-enfants { /* padding-bottom: 10px; */ } .menu-enfants .menu-item a { display: block; } .menu-enfants .menu-item:not(:first-child) {margin: 15px 0; } /* =============================================== */ /* BLOCKS DU CONSTRUCTEUR DE PAGE */ .block:not(.fil-ariane) { padding-bottom:60px; margin-top: -60px; } article:not(.accueil) #block-1 { padding-bottom:50px; margin-top: -110px; padding-top:50px;} /*.block.ui-block-c3 {margin-top: 0;}*/ .block, .block div:not(.wpcf7-response-output):not(.rsNavItem) { display: block; } .first-block { padding-top:65px; } .layout-1-col .col0 { width: 100%; } .layout-2-col .col1, .layout-2-col .col2 { width: 48.6%; float: left; } .layout-3-col .col1, .layout-3-col .col2, .layout-3-col .col3 { width: 31.6%; float: left; } .layout-2-col .col1 { margin-right: 1.4%; } .layout-2-col .col2 { margin-left: 1.4%; } .layout-3-col .col1 { margin-right: 1.3%; } .layout-3-col .col2 { margin-right: 1.3%; margin-left: 1.3%; } .layout-3-col .col3 { margin-left: 1.3%; } .entry-content { /* position:relative; */ position:initial; } .layout-col > *:first-child { /* selecteur intéressant */ } .layout-col { /* margin-top: 50px; padding-top: 0px; margin-bottom: 50px; */ } .col0 > h2:first-child { margin-top: 45px; padding-top: 50px; } .block-1 .col0 > h2:first-child { margin-top: 0px; padding-top: 0px; } .layout-col .pagenav { padding-top: 40px; margin-bottom: 20px; } .layout-col ul li ul li { margin-left: 20px; } .menu-ancres a { text-decoration: none; } .liste-ancres, .liste-blocks { display: block; width: 100%; display: table; } .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 24.8%; margin-right: 0.10%; margin-left: 0.10%; } .liste-blocks.items-2 li { margin-top:1px; display: block; float: left; width: 49.78%; margin-right: 0.11%; margin-left: 0.11%; } .liste-blocks.items-3 li { margin-top:1px; display: block; float: left; width: 33,1133%; margin-right: 0.11%; margin-left: 0.11%; } .liste-ancres li a, .liste-blocks li a { width: 100%; min-height: 60px; display: block; text-align: center; text-decoration: none;} .liste-ancres li a span, .liste-blocks li a span { display: table; text-align: center; height: 60px; margin:0 auto; padding: 0 5px;} .liste-ancres li a span span, .liste-blocks li a span span { display: table-cell; text-align: center; vertical-align: middle; } .contenu-ancres { clear:both; } .block.partenaires h2 { text-align: center; margin-bottom:-30px;} .block.partenaires .logos-list { margin: 40px 0 40px 0 !important; } .block.partenaires + .block.partenaires-custom { margin-top: -140px; } .block.partenaires .custom-sur-titre { font-size: 0.75rem; color: rgba(0,0,0,0.5); display: block; text-align: center; margin-bottom: -35px; margin-top: 50px; } .block.partenaires .custom-sur-titre.ligne-2 { margin-top: -35px; margin-bottom: -25px; } .block.ui-block-identique h2 { margin-top: 0px; } /* .block-1 .layout-2-col .col1 + *, .block-1 .layout-2-col .col2 + *, .block-1 .layout-3-col .col1 + *, .block-1 .layout-3-col .col2 + *, .block-1 .layout-3-col .col3 + * { padding-top: 30px; } */ .block-1 .layout-2-col .col1, .block-1 .layout-2-col .col2, .block-1 .layout-3-col .col1, .block-1 .layout-3-col .col2, .block-1 .layout-3-col .col3 { padding-top: 30px; } .block-1 .layout-3-col .col1, .block-1 .layout-3-col .col2, .block-1 .layout-3-col .col3 { padding-top: 0px; } /* Standards elements */ .primary-content ul:not(.select-options):not(.portraits-list):not(.liste-ancres):not(.liste-blocks):not(.entity-list):not(.actualite-extrait):not(.agenda-extrait):not(.logos-list):not(.filtres-list):not(.grille):not(.ec-social-network):not(.pp-filter-menu):not(.fil-ariane.liste) { margin-left: 40px; margin-bottom: 22px;} .primary-content ul:not(.select-options):not(.portraits-list):not(.grille) li { list-style: disc; } .primary-content ul.liste-ancres, .primary-content ul.liste-blocks, .primary-content ul.entity-list, .primary-content ul.actualite-extrait, .primary-content ul.agenda-extrait, .primary-content ul.people, .primary-content ul.grille { margin-left: 0px; } /*.primary-content ul.actualite-extrait, .primary-content ul.agenda-extrait { margin-top: -30px; } .primary-content ul.actualite-extrait, .primary-content ul.agenda-extrait { margin-top: 30px; }*/ .primary-content ul.actualite-extrait, .primary-content ul.agenda-extrait { margin-top: -25px; } h4 { padding-bottom:5px; border-bottom: 1px solid; margin-bottom: 30px; padding-top: 5px; } /* shortcodes */ /* shortcode list menu-enfants */ .menu-enfants p { font-size:0.86rem; line-height:1.2rem; } .primary-content ul.grille .menu-item a, .primary-content ul.grille .menu-item { line-height:1.3rem; } .primary-content ul.grille { display: block; width:100%; margin-left:0; margin-right:0; padding:0; } .primary-content ul.grille .menu-item { display: block; list-style: none; float:left; padding: 0 3% 0 0; } .primary-content ul.grille-2-col .menu-item { width: 47%; } .primary-content ul.grille-3-col .menu-item { width: 30.3333333333%; } .primary-content ul.grille-4-col .menu-item { width: 22%; } .menu-enfants.grille .menu-item { margin: 10px 0 !important; min-height:140px;} .primary-content ul.grille .menu-item.cb { float:none; min-height:0px;} .citation-block { margin-top: -20px; } .col .citation-block { margin-top: 0px; } .ui-c1 .citation-content { color: #000ee7; } .citation-auteur { font-size: 0.85rem; font-style :normal; font-weight: 700;} .citation-content { font-style :italic; font-size: 1.2rem; line-height: 1.55rem; } .citation-content em { font-style :normal; } .citation-content::before { content:"«"; margin-right:5px; } .en-EN .citation-content::before { content:"“"; } .citation-content::after { content:"»"; margin-left:5px; } .en-EN .citation-content::after { content:"”"; } .citation-auteur::before { content:"—"; margin-right:4px; } .citation-auteur { margin-top: 8px; } .slideshare-container { position: relative; width: 100%; height: 0; } .slideshare-container iframe { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; border:2px solid #000; background-color: #000 !important; } .slideshare-5x3-h { padding-bottom: calc(60% + 15px); } .slideshare-5x3-v { width: 60%; padding-bottom: calc(100% + 15px); } .slideshare-4x3-h { padding-bottom: calc(75% + 15px); } .slideshare-4x3-v { width: 75%; padding-bottom: calc(100% + 15px); } .slideshare-5x4-v { width: 80%; padding-bottom: calc(100% + 15px); } .slideshare-1x1 { padding-bottom: calc(100% + 15px); } .slideshare-16x9-h { padding-bottom: calc(56.25% + 15px); } .slideshare-16x10-h { padding-bottom: calc(62.5% + 15px); } .slideshare-a4-h { padding-bottom: calc(75% + 15px); /* A4 = rapport 20.99x14.84 */} .slideshare-a4-v { width: 70.7%; padding-bottom: calc(100% + 15px); /* A4 = rapport 20.99x14.84 */} /*.slide_container.jsplBgColorBigfoot { background-color: transparent !important; }*/ .filtre-actif { } .filtre-visible { } .filtrable { opacity:1; } /* .filtre-invisible { position:relative !important; pointer-events:none !important; margin-top:-20px !important; opacity:0 !important; height:20px !important; overflow:hidden !important; } */ .filtre-invisible { position:relative !important; pointer-events:none !important; margin-top:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important; opacity:0 !important; height:0px !important; overflow:hidden !important; } .custom p { margin: 0; padding: 0;} .custom-portrait-contact { height: 300px; margin-top:9px; } .custom-portrait-contact img { max-height: 300px; width: auto; display:block; margin: 0; } .custom-mots-graphiques ul { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-align: center; margin-top: 30px; margin-bottom: 30px !important; } .custom-mots-graphiques li { display:inline-block; font-size:2.2rem; margin-right:20px; line-height: 2.8rem; font-family: 'Work Sans', arial, sans-serif; font-weight:100; color:#e42957; } .df-item h3 { text-transform:uppercase; font-size: 2.7rem; letter-spacing: 0rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 100; } .df-item:not(.df12) strong { text-transform:uppercase; font-size: 1rem; letter-spacing: 0.1rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 500; } .df-item p { font-size: 0.82rem; line-height: 1.2rem; } .df-container:not(.df10), .df-item.df10, .df-item.df11 { /* background-color: #4f0059; */ background-color: #0357ab; } .df-subitem { background-color: rgba(255,255,255,0.2); } .df-item h3 { color:#f6cc46; } .df-item p { color: rgba(255,255,255,0.7); } .df-item:not(.df12) strong { color:#FFF; } .df-item.df12 strong { color: #4f0059; } .diagramme-formation .js-hover { background-color: #e42957; } .diagramme-formation, .df-container, .df-item { position:relative; } .df-item.df12 { margin: 20px 0 30px 0; } .diagramme-formation a { display:block; text-decoration:none; } .diagramme-formation p { margin:0; } .df-container:not(.df10) { border-radius:5px; padding:3%; } .df-item { text-align:center; } .df-subitem .wrapper { padding:10px 5px 15px 5px; } .df-item h3 { margin: -8px 0 0 0; padding:0 0 5px 0;} .df1 { } .df-100, .df-50, .df-25 { float: left; } .df-container.df-100 { width: 94%; } .df-container.df-100.df10 { width: 100% ; } .df-item.df-100 { width: 100%; } .df-50 { width: 49%; margin: 10px 0.5% 0px 0.5%; } .df-25 { width: 24%; margin: 10px 0.5% 0px 0.5%; } .df-container.df2 .df-subitem { min-height:none; } .df-container.df5 .df-subitem { min-height:160px; } .df-container .df-100 { margin-bottom:10px; } .df-item.df10, .df-item.df11 { border-radius:5px; padding:12px 3%; } .df-item.df10.df-50 { width:43%; margin: 25px 1% 0px 0%; } .df-item.df11.df-50 { width:43%; margin: 25px 0% 0px 1%; } .df-arrow { clear:both; margin:-5px auto 15px auto; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #0357ab transparent transparent transparent; line-height: 0px; _border-color: #0357ab #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); border-style: inset /* if Firefox renders a strange gray border */ -webkit-transform:rotate(360deg); /* for a better anti-aliasing in webkit browser */ } .js-hover + .df-arrow { clear:both; margin:-5px auto 15px auto; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #e42957 transparent transparent transparent; line-height: 0px; _border-color: #e42957 #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); border-style: inset /* if Firefox renders a strange gray border */ -webkit-transform:rotate(360deg); /* for a better anti-aliasing in webkit browser */ } .umap-full-screen-link { margin-bottom: 20px; } .entity-list, h3 { clear:both; } .entity-list { margin-top: -20px; } .entity-item { display: block; width: 48.4%; float: left; overflow:hidden; position: relative; margin-top: 20px; } .layout-2-col .entity-item { width: 100%; margin-right: 0px !important; margin-left: 0px !important; } .entity-item:nth-child(odd) { margin-right: 1.6%; } .entity-item:nth-child(even) { margin-left: 1.6%; } .entity-item .texte { position:absolute; top:0; left:0; width: 236px; height: 190px; } .entity-item .image { width: 50%; height: 190px; } /* .entity-item .texte { float: left; } */ .entity-item .entity-type { float:left; margin: 20px 0 0 14px; } .entity-item .entity-marqueur { float:right; margin-top: -10px; padding-left:5px;} .entity-item .entity-marqueur.special { float:none; margin-top: 5px; padding-left:2px;} .entity-item h4 { margin: 50px 15px 0 15px; display: block; clear:both; border-bottom: none; padding: 0; } .entity-item h4 span { display:none; } .entity-item p { margin: 6px 10px 0 15px; display: block; } .entity-item .image { float: right; overflow:hidden; position: relative; } .entity-item .image img { display: block; height: 100% !important; width: auto !important; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width:none; } .entity-item a:hover img, .actualite-item:hover img, .agenda-item:hover .bandeau { opacity:0.8 !important; } .margin-bottom-ancres { height: 20px; clear:both; } .call-to-action.button { display: block; text-align: center; margin: 50px 0 30px 0; } .call-to-action.button ~ .call-to-action.button { margin: -20px 0 30px 0; } .call-to-action.button a { display: block; max-width: 250px; margin: 0 auto; padding: 20px 45px; border-radius: 6px; text-decoration: none; } .call-to-action.button a span { display: inline; } .call-to-action.button a span .fleche_rss{ font-size:0.7rem; } .encadre { position: relative; } .col1 > .encadre, .col2 > .encadre, .col3 > .encadre { margin-top: 5px; } .fact { position: relative; width: 100%; display: block; margin: 40px 0; text-align: center; } .fact.sup-hack { margin: 34px 0 46px 0 }; .fact-container { position: relative; clear:both;} .fact .number { display: inline; margin: 0 auto; margin-bottom: 50px;} .fact .unite { display: inline; } .fact .caption { padding-left: 20%; padding-right: 20%; padding-top: 10px; } .encadre .fact { width: 100%; margin: 15px 0; text-align: left; } .encadre .fact-container { float:left; left: 0; height: auto; text-align: right;} .encadre .fact .number { display: inline; margin: 0 auto; margin-bottom: 0px;} .encadre .fact .unite { display: inline; } .encadre .fact .caption { display: block; float:left; padding-left: 0; padding-right: 0; padding-top: 0; } .encadre .fact-container { width: 21%; margin-left: 0;} .encadre .fact .caption { width: 76%; margin-left: 3%;} .lireplus-title { text-decoration: none; display: inline-block; margin-top: -8px;} .lireplus-title span { /* background-color:#191919; */ padding:1px 5px; font-size:0.75rem; line-height: 0.75rem; } .lireplus-content.applati { height: 0; padding:0; overflow:hidden; opacity: 0; margin-bottom: 0px; } .lireplus-title span.opened-only { display: none; } .lireplus-title.ouvert span.opened-only { display: inline; } .lireplus-title.ouvert span.closed-only { display: none; } .lireplus-title span.puce { display: block; width: 12px; height: 12px; padding:0; margin: 5px 2px 0 2px; border-radius: 100%; float: left; } .chapo { margin-bottom: 20px; } .accordeon-title { font-size: 1rem; line-height: 1.2rem; } .accordeon-title { display: block; padding: 12px 15px 14px 15px; text-decoration: none; } .accordeon-title.ouvert { } .accordeon-content { margin-bottom: 30px; padding: 30px 30px 30px 30px; height: auto; opacity: 1; } .accordeon-content.applati { height: 0; padding:0 30px; overflow:hidden; opacity: 0; margin-bottom: 10px; } .acc-chevron-container .chevron .line { fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; } .acc-chevron-container { width: 20px; height: 10px; float: right; margin-left: 10px; display: block; margin-right: 0px; } .acc-chevron-container .chevron { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordeon-title.ouvert .acc-chevron-container .chevron { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* HAL */ #wphal-menu { display:none !important; } .grp-content { max-height: 485px !important; margin-bottom:22px !important; } .grp-content ul { margin-bottom:0px !important; } .grp-content ul li { padding: 4px 0px !important; } .wphal-footer a { display: block !important; float: left !important; margin-right: 10px !important; margin-top: -6px !important; } .grp-div { background-color: rgba(255,255,255,0.5) !important; } .wphal-titre-groupe { clear:none; background-color: rgba(255,255,255,1) !important; } .ui-block-c0 .grp-div { background-color: rgba(233,240,250,0.5) !important; } .ui-block-c0 .wphal-titre-groupe { background-color: rgba(233,240,250,1) !important; } .ui-block-c1.content-publications .grp-div { background-color: rgba(255,255,255,0.5) !important; } .ui-block-c1.content-publications .wphal-titre-groupe { background-color: rgba(255,255,255,1) !important; } .hal-loading { position:relative; border:1px solid transparent; } .hal-loading .loading-img-container { width: 120px; height:120px; margin:0 auto; } .ui-block-c1 .loading-img-container:not(.error) { background-image:url('assets/loading-sm-tp-ui1.gif'); } .ui-block-c2 .loading-img-container:not(.error) { background-image:url('assets/loading-sm-tp-ui2.gif'); } .ui-block-c0 .loading-img-container:not(.error), .pageperso-template-default .ui-block-c0.content-publications .loading-img-container:not(.error) { background-image:url('assets/loading-sm-tp-ui0.gif') !important; } .pageperso-template-default .ui-block-c1.content-publications .loading-img-container:not(.error) { background-image:url('assets/loading-sm-tp-ui1.gif') !important; } .hal- .wheel { display: block; margin:0 auto; margin-top:0px; position:relative; } .hal-loading span { display:block; margin:0 auto; margin-top:0px; margin-bottom:150px; text-align: center; position:relative; } .get-hal-container { margin-bottom:50px; } .exergue { display: block; padding: 10px; margin: 5px 10px 15px 10px; width: 28%; } .exergue.exergue-gauche { float: left; margin-left: 0px; margin-right: 15px; } .exergue.exergue-droite { float: right; margin-right: 0px; } .encadre { display: block; padding: 10px; margin: 0px 0px 20px 0px; } .encadre-type-1 { border: 1px solid } .encadre ~ .encadre { margin: -10px 0px 20px 0px; } .encadre .pictos-list ~ h4 { margin-top: -40px; } .encadre-type-2 h4, .encadre-type-3 h4 { text-align: center; margin-left: 10px; margin-right: 10px; padding-bottom: 34px; } .rs-override, .rs-override.rsDefaultInv, .rs-override .rsOverflow, .rs-override .rsSlide, .rs-override .rsVideoFrameHolder, .rs-override .rsThumbs { background: transparent !important; } .rs-override .rsGCaption { background: rgba(0,7,115,0.5) !important; left: 0px !important; bottom: 4px !important; border-radius: 0px !important; } .rs-override .rsArrowRight .rsArrowIcn .chevron { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .rs-override .rsArrowLeft .rsArrowIcn .chevron { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .ui-block-c4 .rsUni .rsBullet span { background: rgba(255,255,255,0.5) } .ui-block-c4 .rsUni .rsBullet.rsNavSelected span { background-color: rgba(255,255,255,1) } .block.partenaires .col > .logos-list { margin-top:60px !important; } .logos-list { display: block; list-style: none; text-align: center; } .logos-list { margin: 30px 0 0px 0 !important; } .logo-item { list-style: none; display: inline-block; margin: 60px 10px; line-height:3.5rem; position: relative; /* height: 80px; */ } .logo-item a { display: block; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .logos-list-basic li { margin-top: 10px; } .logos-list-basic a { top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .logos-list-haut li { margin-top: 10px; } .logos-list-haut a { top: 0%; -ms-transform: translateY(-0%); -webkit-transform: translateY(-0%); -moz-transform: translateY(-0%); -o-transform: translateY(-0%); transform: translateY(-0%); } .logos-list-bas li { margin-top: 10px; } .logos-list-bas a { display: block; position: absolute; top: 95%; -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .logo-item svg { width: 100%; height: 100%; } .logo-item img { width: 100%; height: auto; } /* à tester avec IE */ .logo-item.square { width: 55px; } .logo-item.square a { width: inherit; height: 55px; } .logo-item.near-rectangle.vertical { width: 40px; } .logo-item.near-rectangle.vertical a { width: inherit; height: 55px; } .logo-item.near-rectangle.horizontal { width: 75px; } .logo-item.near-rectangle.horizontal a { width: inherit; height: 55px; } .logo-item.plain-rectangle.vertical { width: 60px; } .logo-item.plain-rectangle.vertical a { width: inherit; height: 70px; } .logo-item.plain-rectangle.horizontal { width: 95px; } .logo-item.plain-rectangle.horizontal a { width: inherit; /* height: 50px; */ } .logo-item.large-rectangle.vertical { width: 50px; } .logo-item.large-rectangle.vertical a { width: inherit; height: 90px; } .logo-item.large-rectangle.horizontal { width: 110px; } .logo-item.large-rectangle.horizontal a { width: inherit; /* height: 40px; */ } .logo-item.extreme-rectangle.vertical { width: 40px; } .logo-item.extreme-rectangle.vertical a { width: inherit; height: 90px; } .logo-item.extreme-rectangle.horizontal { width: 130px; } .logo-item.extreme-rectangle.horizontal a { width: inherit; /* height: 30px; */ } .logos-list-legende { display: block; text-align: center; border-top: 1px solid; padding-top: 8px; margin-top: -40px; font-style: italic; margin-bottom: 40px; } .logos-list-basic + .logos-list-legende { margin-top: -15px; } .pictos-list { display: block; list-style: none; text-align: center; margin: 0px !important; } .picto-item { list-style: none; display: inline; margin: 0 -3px; line-height:3.5rem; } .picto-item a { display: inline-block; } .picto-item svg, .picto-item img { width: 95px; height: 95px; } .picto-item.square { width: 95px; height: 95px; } .picto-item .forme { stroke-width:0.8; stroke-miterlimit:10; fill:none; } .f2 { stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,1.887;} .f3 { stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0,2.013;} .f4 { stroke-linecap:round;stroke-linejoin:round; } .f5 { stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.9903,2.9708; } .f6 { fill:none; } /* cas particuliers */ /* le logo 1588 (IMT) est prévu pour s'aligner naturellement avec les autres logos IMT). Dans le cas suivant, on recentre en hauteur le logo 1588 */ .logos-list-basic .logo-item-1588.override a, .logos-list-basic .logo-item-84202.override a { margin-top: 9px; } .margin-ltci a { margin-top:-11px; } .logo-banque-france a, .logo-theodo a, .logo-ey a, .logo-energysquare a { margin-top:-5px; } .logo-french-mobility a { margin-top:-8px; } .logo-danone a { height: 65px !important; } .logo-telecom-paristech a { height: 65px !important; } .logo-valeo a { margin-top:10px; } .logo-carnot {width: 150px !important; } .logo-airbus, .logo-auchan, .logo-canal, .logo-schlumberger, .logo-erdf, .logo-artefact, .logo-altran, .logo-deloitte, .logo-banque-france, .logo-nokia, .logo-paristech { width: 110px !important; } .logo-eurecom { width: 95px !important; } .logo-atos, .logo-intelcia { width: 83px !important; } .logo-cgi, .logo-groupe-hn { width: 75px !important; } .logo-cti { width: 60px !important; } .logo-danone, .logo-french-mobility { width: 55px !important; } .logo-ey, .logo-total { width: 50px !important; } .primary-content .portraits-list { margin:30px -15px 20px -15px; padding:0; display:block; position:relative; list-style: none; margin-left: -15px; margin-bottom: 20px;} .portrait-container { margin:0 15px; display:block; text-decoration: none; } .portrait-item { list-style: none; display:block; float:left; width:16.6666666666%; min-height:260px; } .pp-list .portrait-item { min-height:325px; } .search-results .pp-list .portrait-item { min-height:auto; margin-top:50px;} .vignette-portrait { border-radius: 18px; overflow:hidden; position:relative; display:block; height:160px; max-width:140px; margin:0 auto; } .portrait-container:not(.no-clic):hover .vignette-portrait { opacity:0.8; } img.portrait { height: 100% !important; width: auto !important; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);max-width:none; } .prenom_nom, .qualite { text-align:center; text-decoration:none; } .qualite p { margin:0; } .prenom_nom { margin-top:5px; } .no-clic a { pointer-events:none; } .medaillon li { margin-right: 10px; margin-top: 5px; } .col-33pour100 { width:31.33333%; margin:0 1%; float:left; } /* =============================================== */ /* FOOTER */ .plan-du-site {padding-top: 150px !important;} .plan-du-site ul { margin-left: 20px;} .footer-site-navigation { clear:both; } .footer-social-navigation { clear:both; } .footer-col, .footer-sub-col { float: left; } .footer-col-4 { float: right; min-width: 215px; } .footer-col.col-1-5 { width: 17.18%; } .footer-col-1 { margin: 0 0.8% 0 0; } .footer-col-2, .footer-col-3 { margin: 0 0.8% 0 0.8%; } .footer-col-4 { margin: 0; } .footer-col.col-2-5 { width: 38.8%; } .footer-sub-col { width: 48.3%; } .footer-sub-col-1 { margin: 0 1.7% 0 0; } .footer-sub-col-2 { margin: 0 0 0 1.7%; } .footer-social-navigation { float: left; width: 100%; margin-top: 30px; } .footer-social-navigation h2 { padding-top: 8px; } .spacer.end-footer { height: 60px; } footer h2 { border-bottom: 1px solid; margin: 0 0 15px 0; padding: 0 0 10px 0; } .footer-social-navigation h2 { border-top: 1px solid; border-bottom:none; } .deux-colonnes { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap: 0.86rem; -moz-column-gap: 0.86rem; -webkit-column-gap: 0.86rem; } .deux-colonnes ul { -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; break-inside: avoid !important; break-inside: avoid-column !important; } footer li { -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ } .footer-nav-menu.strategie { margin: 0; } footer ul.footer-social-menu { display: block; text-align: center; margin-top: -43px; } .footer-social-menu li { display: inline-block; margin: 5px 6px;} .footer-social-menu a { display: block; width: 38px; height: 38px; } .footer-social-menu svg { display: block; width: 100%; height: 100%; } /* =============================================== */ /* FORMULAIRES */ /*form pour page protégée par password */ form.post-password-form{ background-color: white; text-align: center; padding: 2rem; } div.wpcf7, .mailpoet_form, .first-block > form { display:block; } .block .wpcf7, .primary-content div.wpcf7, .mailpoet_form .mailpoet_form, .first-block > form { max-width: 630px; margin: 40px auto 60px auto; border-radius: 20px; padding: 50px 60px 40px 60px; } .mailpoet_hp_email_label{display:none;} .mailpoet_form .mailpoet_form { } .mailpoet_form .mailpoet_paragraph { line-height: 20px; } .mailpoet_form .mailpoet_segment_label, .mailpoet_form .mailpoet_text_label, .mailpoet_form .mailpoet_textarea_label, .mailpoet_form .mailpoet_select_label, .mailpoet_form .mailpoet_radio_label, .mailpoet_form .mailpoet_checkbox_label, .mailpoet_form .mailpoet_list_label, .mailpoet_form .mailpoet_date_label { display: block; font-weight: normal !important; } .mailpoet_form .mailpoet_text, .mailpoet_form .mailpoet_textarea, .mailpoet_form .mailpoet_select, .mailpoet_form .mailpoet_date_month, .mailpoet_form .mailpoet_date_day, .mailpoet_form .mailpoet_date_year, .mailpoet_form .mailpoet_date { display: block !important; } .mailpoet_form .mailpoet_text, .mailpoet_form .mailpoet_textarea { width: 96% !important; padding: 1% 2% !important;} .mailpoet_form .mailpoet_checkbox { } .mailpoet_form .mailpoet_submit input { } .mailpoet_form .mailpoet_divider { } .mailpoet_form .mailpoet_message { } .mailpoet_form .mailpoet_validate_success { font-weight: 600; color: #468847; } .mailpoet_form .mailpoet_validate_error { color: #b94a48; } .mailpoet_form .mailpoet_form_loading { width: 30px; text-align: center; line-height: normal; } .mailpoet_form .mailpoet_form_loading > span { width: 5px; height: 5px; background-color: #5b5b5b; } /* NEWSLETTER SUBSCRIPTION FORM */ footer form {margin: 25px 0; display: block; position:relative; } footer .newsletter li { margin-bottom:10px; display: block; } footer .newsletter .inscription { pointer-events: none; overflow:hidden; height: 0; } footer .email label { display:none; } footer .newsletter input[type="submit"] { float: right; margin-right:3px;} footer div.wpcf7-response-output { margin: 1px 2px; } .wpcf7-becomes-valid .wpcf7-not-valid-tip { display: none;} /* GENERAL FORM */ form label { color:#000dd7; } form h3 { padding-top: 25px; padding-bottom: 15px; } form label { text-transform: uppercase; font-size: 0.80rem; letter-spacing:0.3px; } form .privacy-policy label, form .autorisation-custom label { font-size: 0.78rem; letter-spacing:0px; } form label {/* margin: 30px 0 5px 0; */ margin: 12px 0 4px 0; display: block; } form .privacy-policy label, form .autorisation-custom label, form .privacy-policy-info label { text-transform: none; } input[type="text"], textarea, input[type="email"], input[type="date"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; width: 96%; padding: 1% 2%; } input[type="date"] { width: 48%; } footer input[type="email"] { width: 90%; padding: 0 4%; } input[type="text"], input[type="email"], input[type="date"] { height: 28px; } textarea { height: 140px; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; margin-top: 15px; padding: 0px 15px 0 15px; height: 28px; text-align: center; border:none; text-transform:uppercase; cursor: pointer; } input[type="submit"], .block input[type="submit"] { margin: 40px auto -20px auto; display: block; padding: 0px 30px 0 30px; height: 40px; } input[type="checkbox"] { display: block; padding: 0; width: 28px; height: 28px; } input[type="radio"] ~ .checkmark { border-radius: 100%; } html:not(.ie10) span.wpcf7-list-item, html:not(.ie10) .wpcf7-list-item { padding: 0; margin: 0; position: relative; cursor: pointer; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hack IE10 */ .ie10 span.wpcf7-list-item, .ie10 .wpcf7-list-item { display: block; } .ie10 span.wpcf7-list-item .wpcf7-list-item-label, .ie10 .wpcf7-list-item .wpcf7-list-item-label { margin-top:-25px; margin-bottom:25px; } /* - */ .privacy-policy .wpcf7-list-item-label, .autorisation-custom .wpcf7-list-item-label { opacity: 0; pointer-events: none; } html:not(.ie10) .wpcf7-list-item input { position: absolute; opacity: 0; cursor: pointer; width: 25px; height: 25px; } /* Hack IE10 */ .ie10 .wpcf7-list-item input { margin-left: -15px; } .ie10 .privacy-policy label, .ie10 .autorisation-custom label { margin-top: -58px; } /* - */ html:not(.ie10) .checkmark { pointer-events: none; position: absolute; top: 0; left: 0; height: 28px; width: 28px; } .wpcf7-list-item input:hover ~ .checkmark { background-color: #e5e5f2; } .wpcf7-list-item input:checked ~ .checkmark, .validate-field { background-color: #FFFFFF !important; } .field-alert, .wpcf7-not-valid, .wpcf7-not-valid .checkmark { background-color: #fff3b3; } html:not(.ie10) .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .wpcf7-list-item input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .wpcf7-list-item .checkmark:after { left: 9px; top: 4px; width: 7px; height: 12px; border: solid #444381; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } span.wpcf7-not-valid-tip, div.wpcf7-response-output { font-size: 0.78rem; margin-top: 5px; } .note-rgpd { margin-top: 40px; border-top: 1px solid; display:block; } form .privacy-policy > label { display: block; position: relative; margin-left: 40px; margin-top: -40px; z-index: 100; } form .autorisation-custom > label { display: block; position: relative; margin-left: 40px; margin-top: -25px; z-index: 100; } form .autorisation-custom {display: block; margin-bottom: -50px; } footer form .privacy-policy > label { margin-left: 38px; margin-top: -51px; } footer form .privacy-policy > label span { font-size: 0.75rem; line-height: 0.78rem; } footer form .privacy-policy > label span a { font-size: 0.82rem; line-height: 0.78rem; } .note-rgpd { border-color: #191919; padding-top: 5px;} .note-rgpd.footer { color:rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.7);} .note-rgpd, .note-rgpd p { font-size: 0.82rem; line-height: 1.2rem; margin:7px 0 0 0; color:inherit;} .note-rgpd a { font-size: 0.9rem; line-height: 1.2rem; } .invisible-by-default { height: 0; overflow: hidden; margin-top:-24px !important; margin-bottom:-10px; opacity:0; pointer-events:none; } .note-rgpd-invisible { height: 0; overflow: hidden; margin-top:-20px; opacity:0; } form .privacy-policy > label span a, form .autorisation-custom > label span a, form .privacy-policy-info > label span a { position: relative; text-decoration: underline; z-index: 100; } form .privacy-policy .wpcf7-not-valid-tip form .autorisation-custom .wpcf7-not-valid-tip { margin-top: -25px; margin-bottom: 25px; margin-left: 38px; } html:not(.ie10) .entry-content span.wpcf7-list-item:not(.first), html:not(.ie10) .entry-content .wpcf7-list-item:not(.first) { margin-top: 20px; } html:not(.ie10) .entry-content span.wpcf7-list-item.first, html:not(.ie10) .entry-content .wpcf7-list-item.first { margin-top: 8px; } .entry-content span.wpcf7-list-item-label { margin-left: 40px; display: block; padding-right: 20px;} /* google reCaptcha v3 */ /* .grecaptcha-badge{ visibility: collapse !important; } */ .form-notice, .form-notice a { color: #000dd7; } .form-notice { text-transform: initial; display: block; margin-top: -1.5rem; margin-bottom: 0.8rem; font-size: 0.7rem; } .form-notice a { font-size: 0.75rem; } .select-hidden { display: none; visibility: hidden; padding-right: 10px; } .select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #999; width: 100%; height: 40px; } .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 8px 15px; } .select-styled:after { content:""; width: 0; height: 0; border: 7px solid transparent; border-color: #999 transparent transparent transparent; position: absolute; top: 16px; right: 10px; } .select-styled:hover { rgba(0,0,0,0.13); } .select-styled:active, .select-styled.active { rgba(0,0,0,0.18); } .select-styled:after { top: 17px; /* border-color: transparent transparent #999 transparent; */ } .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 999; margin: 0; padding: 0; list-style: none; background-color: rgba(0,0,0,0.13); } .select-options li { background-color: #fff; margin: 0; padding: 12px 15px 12px 15px; /* text-indent: 15px; */ border-top: 1px solid rgba(0,0,0,0.13); } .select-options li:hover { color: #fff; background: #000dd7; } .select-options li[rel="hide"] { display: none; } .captcha-module { display: block; position: relative; background-color:#FFFFFF; padding: 20px 20px 5px 20px; } .captcha-module label { margin-top: -23px; width: 48%; float: left; display: block; } .captcha-module input[type="text"] { width: 48%; float: right; margin-top: -37px; } .captcha-module label img { width: auto; margin-top: 0px; display: block;} .site-footer .captcha-module-item { margin: -10px 0; } .site-footer .captcha-module { padding: 5px;background-color: transparent; } .site-footer .captcha-module label img { margin: 6px 0px 0px -4px; padding: 4px 13px; background-color: #FFF; display: block; opacity:0.75; } .extra-form { max-width: 550px; margin: 50px auto 60px auto; } .commun-form .select { width: 100%; } .commun-form .select-container { width: 48%; } .commun-form .select-container-1 { float: left; } .commun-form .select-container-2 { float: right; } .commun-form .select-container { margin: 20px 0 0 0; } footer form .wpcf7-response-output.wpcf7-mail-sent-ok { display: block; position: absolute; top: 0; width: calc(100% - 24px); height: calc(100% - 26px); left: 0; margin: 0; z-index: 100; padding: 10px; pointer-events:none; } footer form .privacy-policy-acceptance span.wpcf7-not-valid-tip { display: block; margin: -18px 0 28px 36px; pointer-events:none; } footer form.invalid input[type="submit"] { margin: 0px auto -20px auto; } .form_emailto { display: none; } form .your-country .select { width:100%; } form .your-country ul.select-options li { border: 1px solid rgba(0, 0, 0, 0.13); float: left; /* padding-right: 12px; */font-size: 11px; padding: 4px 12px 4px 0; } /* form inscription newsletter page dédiée (plus dans le pied de page) https://www.telecom-paris.fr/news/newsletters/subscribe */ /* #wpcf7-f21701-p21702-o1 .mailpoetsignup-996, */ #wpcf7-f84717-p8896-o3 .privacy-policy-acceptance .wpcf7-list-item-label, #wpcf7-f21701-p21702-o1 .privacy-policy-acceptance .wpcf7-list-item-label{display:none;} #wpcf7-f84717-p8896-o3 .privacy-policy-form-special label, #wpcf7-f21701-p21702-o1 .privacy-policy-form-special label {margin:-15px 0 0 40px;} form.wpcf7-form.sent{position: relative;} div.wpcf7-mail-sent-ok{ position: absolute; bottom: 0px; height: 160px !important; background: rgb(228, 41, 87); padding: 153px 122px 0 122px; text-align: center; color: #fff; border: none; margin: 0 !important; z-index: 100; font-size: 1rem !important; } .subscribe-link{padding:7px 18px;display:inline-block;background-color:#e42957;color:#FFF;text-decoration:none;} .subscribe-link:hover{color:#FFF !important;opacity:0.85} .subscribe-spacer{ margin-top:24px;} /* =============================================== */ /* Annuaire */ .ui-block-c1 .people.fiche .p-item, .ui-block-c2 .people.fiche .p-item { background-color: #FFF; } .ui-block-c0 .people.fiche .p-item { background-color: #e9f0fa; } /* .p-item .mail a:hover, .p-item .mail a:hover span { color:#000; } */ .supannentiteaffectation, .roomnumber, .supannentiteaffectation span, .roomnumber span { color: #999999; } .p-item .title, .p-item .supannentiteaffectation, .p-item .roomnumber, .p-item .title span, .p-item .supannentiteaffectation span, .p-item .roomnumber span, .p-item .company { font-size: 0.78rem; line-height: 1.3rem; } .p-item .company { font-weight: 600; } .p-item .mail a span { font-size: 0.9rem; line-height: 1.2rem; } .p-item .telephonenumber, .p-item .telephonenumber span { font-size: 1.2rem; line-height: 1.6rem; } li.cb { height: 0; } .people { width: 102%; margin-left: -1%; display: block; } .p-item { } .people.liste .p-item { display: block; padding: 5px 0; } .people.liste .p-item span { display: inline; } .people.liste .p-item span:not(.fr-only):not(.en-only)::after { content: ","; } .people.liste .p-item span:last-child::after { content: "."; } .people.liste .p-item span:not(.fr-only):not(.en-only) { margin-right: 0px; padding-right: 5px; } .people.fiche .p-item, .people.fiche .p-item span:not(.fr-only):not(.en-only) { display: block; } .people.fiche { margin-left: -1% !important;} .people.fiche .p-item { float: left; margin: 8px 1%; border-radius: 10px; padding: 2% 3%; min-height: 130px; } .layout-1-col .people.fiche .p-item { width: 25.2%; min-height: 130px; } .layout-2-col .people.fiche .p-item { width: 49.2%; min-height: 130px; } .layout-2-col .people.fiche .p-item { width: 65%; } .layout-2-col .people.fiche .p-item, .layout-3-col .people.fiche .p-item { float: none; } .p-item .givenname-sn { font-weight: 700; } .ancre-container { position:relative; } /*.ancre-libre { position:absolute; margin-top: 70px; }*/ /* champs readonly - Contact Form 7 vers Mailpoet */ .wpcf7 .titre-form-liste-diffusion { text-align: center; margin: 5px 0 30px 0; font-size: 1.3rem; } .wpcf7 .titre-form-liste-diffusion p, .wpcf7 .titre-form-liste-diffusion p span { font-size: inherit } .wpcf7 .titre-form-liste-diffusion .list-name input { margin-top: 5px; text-align: center !important; font-weight: bold; font-size: 1.4rem; height: 36px; } .wpcf7 .titre-form-liste-diffusion .list-id { display: none !important; } .wpcf7 .titre-form-liste-diffusion p, .wpcf7 .list-name p, .wpcf7 .list-id p { margin:0; padding: 0; } .wpcf7 input.read-only { background: transparent; border: none; outline: none; font-family: inherit; font-size: inherit; padding:0; color: inherit; box-shadow: none; } /* =============================================== */ /* POUCETTE */ #poucette { pointer-events:none; position:fixed; z-index: 2000; top: 12px; width:100%; /* margin: 0 auto; padding-bottom:20px; margin-left:-10%; */ opacity: 0; filter:alpha(opacity=0) ; /* IE8 */ } .container-poucette { pointer-events:none; padding: 0 20px; } #poucette .caption { float:right; margin-right:6px; padding-top:0px; margin-top: 2px; width: 50px; display:none; } #poucette .button { float:right; width:40px; height:40px; border-radius:20px; } #poucette a { pointer-events:auto; display: block; height: 26px; width: 26px; margin: 8px 0 0 7px; } #poucette a svg { height: 100%; width: 100%; } #poucette.apparition { /* alpha */ opacity: 1; filter:alpha(opacity=100) ; /* IE8 */ } #poucette.disparition { /* alpha */ opacity: 0; filter:alpha(opacity=0) ; /* IE8 */ } #poucette.disparition div div a, #poucette.disparition div div a svg { pointer-events:none !important; } #poucette a { border-bottom:none; display:inline-block; text-decoration:none; } #poucette svg.v3 .forme, #poucette a:hover svg.v3 .forme { fill:none; stroke-width: 4; } /* =============================================== */ /* MOTEUR DE RECHERCHE RELEVANSSI */ body.search h1{ color:#000; text-shadow: none; } body.search h1 .ma_query{ color:#e42957; } main.site-main-searchresult article header.entry-header{ background-color: #fff; margin-bottom: 0; } body.search h1{ height:auto; } main.site-main-searchresult h1{ display: inline-block; } main.site-main-searchresult h3{ padding-top: 13px; padding-bottom: 5px; } main.site-main-searchresult h2{ margin-bottom:10px; } main.site-main-searchresult .entry-meta{ font-size: 0.85rem; } main.site-main-searchresult .first-block{ text-align: center; } main.site-main-searchresult .entry-content .tag-entite.tag-ideas{ /*box-shadow: black 0px 0px 4px -2px;*/ padding-left: 15px; padding-right: 7px;; padding-bottom: 1px; margin-bottom: 14px; padding-top: 10px; background-image: linear-gradient(90deg, rgba(91, 151, 206, 0.1) 0%, rgba(44, 175, 226, 0.1) 45%, rgba(136, 205, 129, 0.1) 100%) } .site-main-searchresult .entry-content .search-etiquette-ideas{ display: none !important; } .site-main-searchresult .entry-content .tag-entite.tag-ideas .search-etiquette-ideas{ display: block !important; color: #e3335a; font-size: 2.1rem; text-transform: uppercase; font-family: 'Work Sans', arial, sans-serif; font-weight: 100; } /* =============================================== */ /* ACTUALITES */ .actualite-item { background-color: #FFF; } .actualite-extrait, .actualite-item { display: block; color: #35318a;} .actualite-extrait a{ text-decoration: none ; color: #35318a; } .actualite-item { width: 19.2%; float: left; margin-right: 0.4%; margin-left: 0.4%; min-height: 305px; max-height: 305px; float: left; overflow: hidden; position: relative; margin-top: 20px; /* margin-right:6px;*/ overflow: hidden; } .actualite-item .zone-titre{ padding:0; padding-left: 0.8rem; padding-right: 0.8rem; color: #35318a; } .actualite-item .zone-titre h4{ border-bottom:0; } .actualite-item .zone-extrait{ padding: 0.8rem; } .ui-block-c3 h2 { text-align: center; } .actualite-extrait-toutes { float: right; margin-top: -380px; margin-right: 5px; } /* =============================================== */ /* AGENDAS */ .agenda-item { background-color: #FFF; } .agenda-extrait, .agenda-item { display: block; } .actualite-extrait .no-post, .agenda-extrait .no-post { list-style: none !important; text-align: center; background-color: rgba(255,255,255,0.5); padding: 40px 20px; margin: 20px 4px 0px 4px; } .agenda-extrait a{ text-decoration: none ; color: #35318a; } .agenda-item { width: 19.2%; float: left; margin-right: 0.4%; margin-left: 0.4%;/* min-height: 285px; max-height: 285px; */ min-height: 305px; max-height: 305px; float: left; overflow: hidden; position: relative; margin-top: 20px; /* margin-right:6px;*/ overflow: hidden; } .agenda-item .bandeau{ height: 30px; background-color: #2cc5cb; color:#fff; padding: 0.7rem; margin-bottom: 10px; } .agenda-item .date{ color:#fff; position: absolute; top:5px; } .agenda-item .date-single{ color:#fff; position: absolute; top:15px; } /*.bloc-actualite ~ .agenda-extrait-tous { float: right; margin-top: -370px; margin-right: 5px; } */ /*.bloc-actualite ~ .agenda-extrait-tous { float: right; margin-top: -350px; margin-right: 5px; } .bloc-agenda ~ .agenda-extrait-tous { float: right; margin-top: -350px; margin-right: 5px; } */ .agenda-extrait-tous.top { float: right; margin-top: -50px; margin-right: 5px; } .agenda-extrait-tous.down { float: right; margin-top: 20px; margin-right: 5px; display: none !important; } .agenda-col-1 .bandeau, .agenda-col-1 .agenda-separateur{ background-color: #a88c38; color: #a88c38; } .agenda-col-2 .bandeau, .agenda-col-2 .agenda-separateur{ background-color: #b65127; color: #b65127; } .agenda-col-3 .bandeau, .agenda-col-3 .agenda-separateur{ background-color: #197b98; color: #197b98; } .agenda-col-4 .bandeau, .agenda-col-4 .agenda-separateur{ background-color: #67873e; color: #67873e; } .agenda-col-5 .bandeau, .agenda-col-5 .agenda-separateur{ background-color: #6f297d; color: #6f297d; } .agenda-item .agenda-picto{ position: absolute; right: 8px; } .agenda-item .agenda-export-button { width:26px; height: 28px; } .ui-c1 .agenda-export-button .st0{ fill:#fff; } .ui-c1 .agenda-export-button .st1, .ui-c1 .agenda-export-button .st2{ stroke:#fff; } .agenda-item .zone-titre{ padding:0; padding-left: 0.8rem; padding-right: 0.8rem; color: #35318a; margin-bottom: 7px; } .agenda-item .zone-titre h4{ line-height: 1.1rem; font-weight: 600; font-size: 1rem; border-bottom: 0; } .agenda-rubrique{ font-size: 0.8rem; } .agenda-separateur { width: 40px; left: 0.8rem; position: absolute; text-align: left; } .agenda-item .zone-extrait { margin-top: 7px; padding: 0.8rem; font-size: 0.8rem; line-height: 1.2rem; } .agenda-extrait a{ text-decoration: none ; color: #35318a; } #agenda-infos-pratiques { background-color: rgba(34, 133, 163, 0.8); /* padding: 0.75rem; */ padding: 1rem 65px 2.8rem 1rem; margin-bottom: 20px; position: relative; } #agenda-infos-pratiques span{ font-family: 'Open Sans', arial, sans-serif; font-weight: bold; color:white; padding-right: 100px; } #agenda-infos-pratiques .agenda-picto{ background-color: transparent; border: none; position: absolute; right: 10px; top: 11px; cursor: pointer; } #agenda-infos-pratiques .agenda-export-button{ width: 40px; height: 42px; } /* #agenda-infos-pratiques .agenda-export-button .st0{fill:#000778;} #agenda-infos-pratiques .agenda-export-button .st1{fill:none;stroke:#000778;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} #agenda-infos-pratiques .agenda-export-button .st2{fill:none;stroke:#000778;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} */ #agenda-infos-pratiques .agenda-export-button .st0{fill:white;} #agenda-infos-pratiques .agenda-export-button .st1{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} #agenda-infos-pratiques .agenda-export-button .st2{fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} /* =============================================== */ /* ACTUALITES EN OVERRIDE */ .en-EN .local-nav .item-1092, .en-EN .submenu2-item-1092, .en-EN .local-nav .item-1171, .en-EN .submenu2-item-1171, .en-EN .local-nav .item-1173, .en-EN .submenu2-item-1173 { display:none !important; } /* =============================================== */ /* MAGAZINE */ .site-main-focus .magazine{ padding-top:0; } .site-main-focus .block-1 + .block-1 { margin-top:-120px; } .magazine-chapo { max-width: 700px; margin: -20px auto 30px auto; padding: 0 20px; } .magazine h2, .magazine-chapo, .magazine-chapo p { text-align:center; } .block-1 > .magazine { padding-top: 70px; } .mag { position: relative; } .mag-container { margin: 0; } .mag-content { display: block; text-decoration: none; margin: 0 6px 16px 6px; position: relative; } .mag-content .text, .mag-content .visuel { display: block; text-decoration: inherit; overflow:hidden; position: relative; } .mag-content .visuel { margin: 20px; } .mag-content .text { margin: 0px 0 0 20px; } .mag-content .visuel { float: right; } .visuel.video { position: relative; float: right; } .mag-1-news .mag-1a { width: 100%; } .mag-2-news .mag-2a, .mag-2-news .mag-2b { width: 50%; float: left; } .mag-4-news .mag-4a { width: 50%; float: left; } .mag-4-news .mag-4b { width: 25%; float: left; } .mag-4-news .mag-4c { width: 75%; float: left; } .mag-4-news .mag-4d { width: 25%; position: absolute; top:0; right:0;} .mag-5-news .mag-5e { width: 27%; position: absolute; top:0; right:0;} .mag-5-news .mag-5a, .mag-5-news .mag-5d { width: 43%; float: left; } .mag-5-news .mag-5b, .mag-5-news .mag-5c { width: 28.55%; float: left; } .mag-4-news .mag-4b .visuel { margin: 20px 20px 0px 20px; } .mag-5-news .mag-5b .visuel, .mag-5-news .mag-5c .visuel { height: 110px; width: 226px; margin: 20px 20px 0px 20px; } .mag-5-news .mag-5b .visuel svg, .mag-5-news .mag-5c .visuel svg { height: 110px; width: 110px; } .mag-5-news .mag-5e .visuel svg { height: 190px; width: 190px; } .mag-5-news .mag-5e .visuel .picto-item .forme { stroke-width: 0.5; } .mag-5-news .mag-5a { margin-right: 12px;} .mag-content { height: 235px; } .mag-content .text { height: 225px; } .mag-content .visuel { height: 195px; width: 191px; } .mag .visuel > img { height: 100% !important; width: auto !important; position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; } .mag .visuel ul { width: 100%; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .mag .visuel ul li svg { margin-top:7px; } .mag .visuel.video { width: 347px; margin: -232px 26px 0 0; } .mag-1-news .mag-1a .mag-content .visuel, .mag-4-news .mag-4c .mag-content .visuel { width: 347px; } .mag-4-news .mag-4d .mag-content, .mag-5-news .mag-5e .mag-content { height: 486px; } .mag-4-news .mag-4d .mag-content .visuel, .mag-5-news .mag-5e .mag-content .visuel { height: 215px; width: 191px; } .mag-4-news .mag-4b .mag-content .visuel { height: 90px; } .mag-4-news .mag-4b .mag-content .text { height: 110px; } .mag-4-news .mag-4b .mag-content .text, .mag-4-news .mag-4d .mag-content .text, .mag-5-news .mag-5b .mag-content .text, .mag-5-news .mag-5c .mag-content .text, .mag-5-news .mag-5e .mag-content .text { float: right; } .mag-4-news .mag-4b .mag-content .text, .mag-4-news .mag-4d .mag-content .text, .mag-5-news .mag-5e .mag-content .text { margin: 0 15px 0 20px; } .mag .text h3 { padding: 15px 0 0 0; margin: 0px ; } .mag-4-news .mag-4b .text h3, .mag-4-news .mag-4d .text h3, .mag-5-news .mag-5e .text h3 { padding: 0; margin: -2px 0 0 0 ; } .mag p { margin: 0 0 3px 0;} .mag-5-news .mag-video { } .mag-5-news .mag-video .mag-content, .mag-5-news .mag-video .mag-content .text, .mag-5-news .mag-video .mag-content .visuel { display:none; } .mag-5-news .mag-video .visuel.video { width:100%; margin: 0 6px 16px 6px; position: relative; float:none; } .mag-5-news .mag-video .bloc-video-container { margin-bottom:0; } .mag-5-news .mag-5c { clear:both; } .mag-5b .actu-extrait, .mag-5c .actu-extrait { display:none !important; } .mag-5b h3, .mag-5c h3 { text-align: center; } .mag-5-news .mag-5b .mag-content .text, .mag-5-news .mag-5c .mag-content .text { height: 120px; margin-top: -15px; margin-right: 20px; } /* magazine spécial de l'accueil */ .page-id-63 .mag-content .text h3, .page-id-4416 .mag-content .text h3 { margin-bottom:7px;} .page-id-63 .mag-sous-titre, .page-id-4416 .mag-sous-titre {display:none;} .page-id-63 .mag-5-news .mag-5b .mag-content, .page-id-4416 .mag-5-news .mag-5b .mag-content { background-color:#171e99; } .page-id-63 .mag-5-news .mag-5b svg .forme, .page-id-4416 .mag-5-news .mag-5b svg .forme { stroke:#f6cc46; } .page-id-63 .mag-5-news .mag-5b .mag-content .text, .page-id-63 .mag-5-news .mag-5b .mag-content h3, .page-id-63 .mag-5-news .mag-5b .mag-content p, .page-id-4416 .mag-5-news .mag-5b .mag-content .text, .page-id-4416 .mag-5-news .mag-5b .mag-content h3, .page-id-4416 .mag-5-news .mag-5b .mag-content p, .page-id-63 .mag-5-news .mag-5b .mag-content .lire-la-suite-mobile, .page-id-4416 .mag-5-news .mag-5b .mag-content .lire-la-suite-mobile { color:#FFF; } .page-id-63 .mag-5-news .mag-5b .mag-content .actu-extrait, .page-id-63 .mag-5-news .mag-5b .mag-content .actu-extrait p, .page-id-4416 .mag-5-news .mag-5b .mag-content .actu-extrait, .page-id-4416 .mag-5-news .mag-5b .mag-content .actu-extrait p { color:rgba(255,255,255,0.7); } .page-id-63 .mag-5-news .mag-5c .mag-content, .page-id-4416 .mag-5-news .mag-5c .mag-content { background-color:#01bbf3; } .page-id-63 .mag-5-news .mag-5c svg .forme, .page-id-4416 .mag-5-news .mag-5c svg .forme { stroke:#000553; } .page-id-63 .mag-5-news .mag-5e .mag-content, .page-id-4416 .mag-5-news .mag-5e .mag-content { background-color:#f6cc46; } .page-id-63 .mag-5-news .mag-5e svg .forme, .page-id-4416 .mag-5-news .mag-5e svg .forme { stroke:#ff0000; } .page-id-63 .mag-1-news .mag-1a .mag-content, .page-id-4416 .mag-1-news .mag-1a .mag-content { background-color:#2398a7; } .page-id-63 .mag-1-news .mag-1a svg .forme, .page-id-4416 .mag-1-news .mag-1a svg .forme { stroke:#f6cc46; } .page-id-63 .mag-1-news .mag-1a .mag-content .text, .page-id-63 .mag-1-news .mag-1a .mag-content h3, .page-id-63 .mag-1-news .mag-1a .mag-content p, .page-id-4416 .mag-1-news .mag-1a .mag-content .text, .page-id-4416 .mag-1-news .mag-1a .mag-content h3, .page-id-4416 .mag-1-news .mag-1a .mag-content p, .page-id-63 .mag-1-news .mag-1a .mag-content .lire-la-suite-mobile, .page-id-4416 .mag-1-news .mag-1a .mag-content .lire-la-suite-mobile { color:#FFF; } .page-id-63 .mag-1-news .mag-1a .mag-content .actu-extrait p, .page-id-4416 .mag-1-news .mag-1a .mag-content .actu-extrait p { color:rgba(255,255,255,0.8); } .mag-4b .actu-extrait { display:none !important; } .mag-4b .lire-la-suite-mobile { display:none !important; } /* Telecom Paris + IMT spécial l'accueil */ .page-id-63 .block-3 .logos-list-legende, .page-id-4416 .block-3 .logos-list-legende { border-top:0px solid; padding-top: 0px; margin-top: -25px; margin-bottom:-5px;} /*****************************************************/ /********* PAGES ACTUS *******************************/ /* =============================================== */ /* ACTUALITES VIGNETTES */ .actualite-item .zone-titre h4{ margin-bottom:2px; padding-bottom: 0; } .actualite-item .zone-soustitre { padding-left: 0.8rem; padding-right: 0.8rem; } .actualite-item .zone-extrait{ padding-top:0; } #filtres-newsroom .accordeon-block, .accordeon-filtres .accordeon-block { background-color:transparent; background:transparent; margin-top: 17px; } #filtres-newsroom { padding-bottom:0; } /* #filtres-newsroom .accordeon-block, .accordeon-filtres .accordeon-block { background-color:transparent; background:transparent; margin-top: 17px; } */ #filtres-newsroom .accordeon-title, .accordeon-filtres .accordeon-title { background-color:transparent; background:transparent; text-align:right; padding: 12px 5px 14px 5px; } #filtres-newsroom .accordeon-content.applati, .accordeon-filtres .accordeon-content.applati { background-color:transparent; background:transparent; margin-bottom: 0px; padding: 0px 2px 0px 2px; } #filtres-newsroom .accordeon-content, .accordeon-filtres .accordeon-content { background-color:transparent; background:transparent; margin-bottom: 10px; padding: 10px 2px 10px 2px; } #filtres-newsroom .filtresffft, .filtres-list { padding: 0px; } #filtres-newsroom li, .filtres-list li, .pp-filter-item { margin-top: 0px; display: inline; } #filtres-newsroom .filtresff, #filtres-newsroom .filtresft { display: inline; } .filtres-list { line-height: 2.4rem; } .filtres-list li, .pp-filter-item { display: inline-block; } #filtres-newsroom .filtresff button, #filtres-newsroom .filtresft button, .filtres-list a { background-color:transparent; } #filtres-newsroom button, .pp-filter-item { border:1px solid; padding:0.1rem 0rem 0.2rem 0rem; padding-left : 0.5rem; padding-right : 0.5rem; margin-left:0.2rem; margin-right:0.2rem; margin-bottom: 0.3rem; } #filtres-newsroom a.accordeon-title{ width:200px; float:right; } #filtres-newsroom .accordeon-content{ clear:both; } .filtres-list a{ border:1px solid; text-decoration:none; padding:0.3rem 0rem 0.4rem 0rem; padding-left : 0.6rem; padding-right : 0.6rem; margin-left:0.2rem; margin-right:0.2rem; margin-bottom: 0.3rem; } #filtre-cp{ position: absolute; top: 7px; right: 220px; line-height: 1.2rem; } #filtre-cp button{ background-color: transparent; border: 1px solid; font-size: 0.9rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 500; cursor: pointer; padding-top: 0.1rem; padding-bottom: 0.2rem; padding-left: 0.5rem; padding-right: 0.5rem; margin-left: 0.2rem; margin-right: 0.2rem; margin-bottom: 0.3rem; } /* =============================================== */ /* FLOW FLOW SOCIAL MEDIA HACK */ .ff-stream{padding:5px 0px 30px !important;} .ff-stream-wrapper{margin:0 !important;} #ff-stream-6{margin-top:-20px !important;} .ff-comments-list{display:none !important;} /* =============================================== */ /* ACTUALITES SINGLE */ .single-actualite .entry-content{ padding-top: 100px; padding-bottom: 50px; } .entry-date { border-top: 1px solid #000773; display: block; padding: 5px 0 30px 0; font-size: 1rem; color: #000773; } .post-actualite .fond-image{ background-size: cover; background-position: center; } .entry-content ul.liste-puces li::before { content: "• "; } .site-main-searchresult .relevanssi-query-term{ padding: 0.2rem; } .single .image-a-la-une { margin-bottom: 25px; max-width:600px; } /* =============================================== */ /* ARCHIVES */ .menu-dates-archives{ margin-bottom: 30px; margin-top:13px; } .menu-dates-archives ul{ display: flex; } .menu-dates-archives li{ flex-grow: 0.08; } .menu-dates-archives li a{ color:rgb(253, 67, 108); } .bloc-archives li{ margin-bottom: 20px; } .bloc-archives li a{ text-decoration: none; color:#7d305a; } .bloc-archives li h3{ font-size: 1rem; text-align: left; margin-bottom: 0px; margin-top: 0px; padding: 0; line-height: 1rem; } .bloc-archives li .archives-date { font-size: 0.8rem; } .bloc-archives .zone-extrait{ font-size: 0.9rem; } .bloc-archives .archives-news-vignette{ display:inline-block !important; width:17%; } .bloc-archives .archives-infos{ display: inline-block !important; width: 80%; padding-left:1%; } .bloc-archives .archives-sansimage{ background-color: #000773; } /* =============================================== */ /* AGENDAS - LES AGENDAS */ .page-template-page-agendas .site-content h2{ text-align: center; } .page-template-page-agendas .site-content .block{ overflow: auto; margin-top:0; } .page-template-page-agendas .layout-1-col{ max-width: 960px; overflow: auto; padding-bottom: 10px; } #agendas-mois-en-cours .agenda-item, #agendas-a-venir .agenda-item{ width: 24.2%; float: left; margin-right: 0.4%; margin-left: 0.4%; } .agendas-passes .agenda-item{ width:99.2%; min-height: 51px; max-height: 51px; margin-top:10px; } .agendas-passes .bandeau{ position: relative; width:15%; float: left; } .agendas-passes .agenda-picto{ right: 15px; opacity: 0.4; } .agendas-passes .zone-titre{ width:85%; padding: 0.7rem; } .agendas-passes .zone-titre h4{ float:left; margin-left:0.96rem; font-size: 0.96rem; } .agendas-passes .zone-titre .agenda-rubrique{ float: left; font-size: 0.8rem; line-height: 2rem; margin-left: 20px; } .agendas-passes .zone-titre .agenda-heure{ float: left; font-size: 0.8rem; line-height: 2rem; } .agendas-passes .zone-titre .agenda-lieu{ font-size: 0.8rem; line-height: 2rem; } /* =============================================== */ /* AGENDAS - SINGLE ET ARCHIVES*/ .precontent-agenda{ margin-top:70px; } .page-template-archive-agenda .site-content li{ max-width:960px; margin:0 auto; border-bottom: 1px solid black; padding-top:7px; padding-bottom:25px; } .page-template-archive-agenda article .entry-header{ background-color:transparent; margin-bottom:0; } .page-template-archive-agenda .entry-header .entry-title{ height : auto; font-size: 1.1rem; line-height: 1.4rem; padding: 0px; } /* =============================================== */ /* VIGNETTE AGENDA */ .agenda-item .date, .agenda-item .date-single{ font-size:0.85rem; } .agenda-item .zone-titre h4 { margin-bottom:2%; } .agenda-separateur{ margin:0; border:0; height:2px; } .agenda-item button{ border:0; cursor: pointer; } .page-template-page-agendas .bloc-agenda { margin-top: -15px; } .page-template-page-agendas .layout-col { padding-bottom: 50px; } /* ACCUEIL */ .page-id-63 .first-block, .page-id-4416 .first-block { padding-top: 20px; } .rsContent h3 { position: absolute; bottom: 0px; left: 20px; right: 20px; text-align: center; } .attenuateur { position: absolute; bottom: 0; left: 0; right: 0; height: 180px; } .rsContent a:hover { background-color: rgba(255,255,255,0.10); } .page-id-63 .block-3, .page-id-4416 .block-3 { margin-top: -90px } /* SINGLE */ .single .layout-col { padding-bottom: 40px; } /* SHARE BUTTONS */ ul.share-buttons{ list-style: none; padding: 0; float:right; margin-right:-5px; margin-top: 55px; margin-bottom: -100px; z-index: 1010; position: relative; } .search-results ul.share-buttons{ display: none !important; } ul.share-buttons li{ display: inline; } ul.share-buttons .sr-only{ position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .page-id-63 .share-buttons, .page-id-4416 .share-buttons { margin-right:10px; margin-top: 70px;} .menu-share-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+64&0.4+0,0+64 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 64%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 64%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ width: 36px; display: block; height: 36px; border-radius: 20px; float: left; padding:4px 0 0 4px; margin:0 -2px; } .menu-share-button:hover { margin:0; } /* sortie contact form 7 */ .wpcf7 form .wpcf7-response-output.tp-email-sent{ position: relative; margin: -100px 0px 20px 0px; padding-top: 30px; height: 50px; /* border-color: #e42957; background: #e42957; */ border-color: rgb(0, 172, 173); background: rgb(0, 172, 173); color: #FFF; text-align: center; /*font-weight: bold;*/ } /* GESTION DE COOKIES - RGPD */ #cookie-notice { min-width: 90%; padding: 20px 5% 30px 5%; } #cookie-notice.rappel { min-width: 20%; width: 50%; max-height: 350px; padding: 80px 5% 50px 5%; height: 220px; top: 50px; left: 50%; margin-top: 20vh; margin-left:-30%; } #cn-notice-text { display: block; margin-bottom:10px; } #cookie-notice.rappel #cn-notice-text { display: block; margin-bottom:20px; } .cookie-limitation-message { background-color: rgba(0,0,0,0.7); } .bloc-video-container .cookie-limitation-message { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 5px); background-color: rgba(0,0,0,0.7); } .cookie-limitation-message span.table-cell-display { display: block; text-align: center; vertical-align: middle; padding: 15%; margin: 0 auto; } @-moz-document url-prefix() { .cookie-limitation-message { display: table !important; } .cookie-limitation-message span.table-cell-display { padding: 0 20%; } } .cookie-limitation-message span { color:#FFF; } #cookie-notice.rappel .cn-button { width:280px; display:block; clear:both; margin:0 auto; padding: 10px 0px; margin-top:30px; font-size: 1rem; } #cookie-notice .cn-button { margin-bottom: 5px !important; margin-top: 5px !important; } .c { display:none; } .bloc-video-container .c-youtube, .cc-social-wall .c-social-wall, .cc-default .c-default { display: inline; } /* =============================================== */ /* OVERRIDE SOCIAL WALL FLOW FLOW */ #ff-stream-1, #ff-stream-1 .ff-popup, #ff-stream-1 .ff-search input { background-color: transparent !important; } .ff-header { display:none !important; } /* =============================================== */ /* VIDEOS */ .bloc-video-container { margin-bottom: 25px; position: relative; } .bloc-video { position: relative; } .bloc-video .la-video { position: relative; padding-bottom: 56.25%; /*padding-top: 25px;*/ height: 0; opacity: 0; /* pour être invisible dès le chargement, mais conserver sa taille, quand même, oh. hé. */ } .bloc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bloc-video .defs { position: absolute; top: -9999px; left: -9999px; } .bloc-video .video-bouton { position: absolute; bottom: 20px; right: 20px; width: 50px; height:35px; cursor: pointer; } .bloc-video .vignette-video { position: absolute; top: 0; } .bloc-video-container.temoignage .bloc-video { width: 63%; } .bloc-video-container.temoignage .video-caption { width: 33%; position: absolute; bottom:-3px; padding: 0 10px 0 0; } .bloc-video-container.temoignage.gauche .bloc-video { float: left; } .bloc-video-container.temoignage.gauche .video-caption { right: 0; } .bloc-video-container.temoignage.droite .bloc-video {float: right;} .bloc-video-container.temoignage.droite .video-caption { left: 0; } .bloc-video-container.legende { } .bloc-video-container.temoignage .video-caption h5 { margin-bottom: 10px; } .bloc-video-container.temoignage .video-caption .auteur { display: block; margin-top: 10px; } /* OVERRIDE PDF viewer full screen button */ .pdfemb-viewer div.pdfemb-wantmobile-fsarea { } div.pdfemb-wantmobile-fsarea { position: relative !important; width: 80% !important; margin: 40% auto 0 auto !important; padding: 10px !important; height: 20% !important; max-height: 35px !important; text-align: center !important; opacity: 1 !important; cursor: pointer !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 10px !important; border: 0px solid #e42a57 !important; background-color: #e42a57 !important; -webkit-box-shadow: #B3B3B3 0px 0px 0px !important; -moz-box-shadow: #B3B3B3 0px 0px 0px !important; box-shadow: #B3B3B3 0px 0px 0px !important; color: #FFF !important; font-family: 'Work Sans', sans-serif !important; letter-spacing: 2px !important; font-size: 16px !important; line-height: 110% !important; padding: 15px 0 0 0 !important; max-width: 250px !important; } div.pdfemb-wantmobile-fsarea:hover { background-color: #91f9ee !important; color: #4f0059 !important; } .custom-multi-col { float: left; width: 45.5%; } .custom-multi-col.col1 { padding: 0 3% 0 1%; } .custom-multi-col.col2 { padding: 0 1% 0 3%; border-left: 1px solid rgba(255,255,255,0.5); } article.page404 { max-width: 860px; margin: 0 auto; text-align: center; margin-top: 100px; padding-bottom: 100px; } .page404 h1, .page404 p, .page404 div, .page404 span { color: #FFFFFF !important; } .page404 h1 { font-size: 1.8rem; margin: 0 auto; display:block;} .page404 .entry-content { margin-top: 10px; margin-bottom: 50px; } .page404 #compteur { display: block; font-size: 5rem; line-height: 5rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 100; } .do-not-rotate-your-device { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; pointer-events: none; background-image: url('assets/images/do-not-rotate.png'); background-repeat: no-repeat; background-size: 18% auto; background-position: center center; z-index: 99999999; background-color: #000773; } .f---ond-sb { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+64&0.4+0,0+64 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 64%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 64%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .max600 { max-width: 600px; width: 100%; } .max700 { max-width: 700px; width: 100%; } .full { width: 100%; } .sortable-table p, .sortable-table th, .sortable-table td {font-size: 13px !important;} .sortable-table p { margin:0;} .sortable-table em { opacity:0.6; padding-right:5px;} .sortable-table td, .sortable-table th { min-width:80px; vertical-align: top; } table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] { color: #4f0059 !important; background: #91f9ee !important; border-bottom: 2px solid #e0e0e0 !important; } table[data-sortable].sortable-theme-bootstrap thead th { color: #4f0059 !important; background: #b0c7e5 !important; } table[data-sortable].sortable-theme-bootstrap thead th:not(:last-child) { border-right: 1px solid #FFF; } /* =============================================== */ /* PAGES PERSOS */ .menu-local.pp.desktop { display: block; } .menu-local.pp.mobile { display: none; } .single-pageperso ul.share-buttons { display:none; } .pageperso .entry-title { position:relative; padding-left: 285px; } .pageperso .entry-title span, .pageperso .entry-title span p { font-size: 1.3rem; line-height: 1.5rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 500; } .pageperso .sticky-child.js-is-sticky .entry-title span, .pageperso .sticky-child.js-is-stuck .entry-title span { margin-bottom: 0.1rem; } .pageperso .sticky-child.js-is-sticky .entry-title, .pageperso .sticky-child.js-is-stuck .entry-title { padding-left: 124px; } .pageperso .menu-local li:first-child { padding-left: 265px; } .pageperso .sticky-child.js-is-sticky .menu-local li:first-child, .pageperso .sticky-child.js-is-stuck .menu-local li:first-child { padding-left: 104px; } span.pp { display: block; color:#FFF; } .ec-portrait { width: 245px; height: 245px; position: absolute; border-radius: 100%; /* background-color:#FF0000; */ left:15px; top: 17px; overflow:hidden; } .sticky-child.js-is-sticky .ec-portrait, .sticky-child.js-is-stuck .ec-portrait { width: 90px; height: 90px; } .pageperso .primary-content { position:relative; } .pp-sub-title { z-index: 10; width: 245px; position:relative; /* position: absolute; */ float:left; } .pp-sub-title-contact .title-part { margin-bottom:43px; display:block; } .pa { position:absolute; } .pp-topic { position:relative; padding-left: 265px; } .pp-topic > h3 { margin-top:-2px; padding-top:0px; } .pp-topic h3 { margin-top:0px; padding-top:0px; } .pp-topic h3:not(:first-child) { margin-top:45px; } .pp-sub-title-font { font-size: 1.6rem; line-height: 1.9rem; color: #4f0059; font-weight: 600; display: block; margin-bottom: 45px; } .ec-fiche-contact, .ec-fiche-contact .mail a span { margin-top: 20px; font-family: 'Work Sans', arial, sans-serif; font-weight: 500; font-size: 0.86rem; /* line-height: 1.6rem; */ line-height: 1.34rem; color: #fd436c; } .pp-contact-gris { color:#8e8e8e !important; } .ec-fiche-contact a, .ec-fiche-contact a span { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } .pp-sub-title-font span { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; } .pp-sub-title, .pp-topic { /*background-color:rgba(0,0,0,0.1);*/ } .spe { display: block; } .pageperso #wphal-content hr { display:none; } .pageperso #meta { margin-top:-15px; } .pageperso .soon-available { padding-top: 8px; display: block; } .pageperso .layout-actu .pp-sub-title-font { text-align: center; margin-bottom: 40px;} .pageperso .agenda-extrait-tous { display:none; } .ec-social-network { margin:5px 0 15px 0; } .ec-sn-item { display: inline-block; width: 26px; height: 26px; padding-right: 10px; } .ec-sn-item:hover svg .st0 { fill:#000773; } figcaption .qualite p { font-size:inherit; font-family: inherit; font-color: inherit; line-height: inherit; } .portrait-container:not(.no-clic):hover .qualite p { color: #fd436c; } .pp-filter-item { cursor: pointer; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ background-color:rgba(190, 209, 241, 0); } .pp-filter-item:hover { background-color:rgba(255, 255, 255, 0.3); } .ui-block-c0 .pp-filter-item:hover { background-color:rgba(190, 209, 241, 0.3); } .ui-block-c0 .pp-filter-item.selected { background-color:rgba(0, 7, 115, 1); border-color:rgba(0, 7, 115, 1); color:rgba(255, 255, 255, 1); } .ui-block-c0 .pp-filter-item.selected:hover { background-color:rgba(0, 7, 115, 0.8); } .pp-item .legende-portrait {width: 135px; margin: 0 auto; opacity:1} .pp-item.disparait{ position:relative !important; pointer-events:none !important; margin-top:0px !important; margin-bottom:0px !important; padding-top:0px !important; padding-bottom:0px !important; opacity:0 !important; width:0px !important; min-width:0px !important; /* height:0px !important;min-height:0px !important; */ overflow:hidden !important; } .pp-item.disparait .legende-portrait { margin:0 200% 0 -200%; opacity:0; } /* fil ariane position haute */ .fil-ariane.position-haute.block { z-index: 100; position: relative; max-width: 960px; margin: 0 auto; padding: 1px 20px; } .primary-content .fil-ariane.position-haute.block .fil-ariane.liste { margin-left: 0; margin-bottom: 22px; margin-top: 4px; opacity: 0.23; } /*.primary-content .fil-ariane.position-haute.block .fil-ariane.liste a { color:rbga(0,7,120,0.4);}*/ .ui-c0 .entry-content .fil-ariane, .ui-c1 .entry-content .fil-ariane, .ui-c2 .entry-content .fil-ariane, .ui-c0 .entry-content .fil-ariane.liste a, .ui-c0 .entry-content .fil-ariane.liste a span, .ui-c1 .entry-content .fil-ariane.liste a, .ui-c1 .entry-content .fil-ariane.liste a span, .ui-c2 .entry-content .fil-ariane.liste a, .ui-c2 .entry-content .fil-ariane.liste a span { color:#000778; } .page-id-63 .fil-ariane.position-haute.block, .page-id-4416 .fil-ariane.position-haute.block {display: none;} /* masteres specialisés - menu FR et EN */ .submenu1-699 .submenu1-item > div:not(.submenu2-701-container):not(.submenu2-705-container):not(.submenu2-260-container):not(.submenu2-28626-container), .submenu1-7143 .submenu1-item > div:not(.submenu2-9570-container) { display:none; } #submenu1-item-701, #submenu1-item-9570 { padding-top: 18px; border-top: 1px solid #000778; margin-top: 7px; } .ms-cta-container { position: absolute; bottom: 2px; left: 0px; margin: 4%; width: 92%; } .cta { display: block; width: 48%; margin: 0% 1%; text-align: center; padding: 3px 0 3px 0; text-decoration: none; font-size: 0.85rem; background-color: #e42a57; } a.cta, a.cta span { /* color:#FFF; */ } #cta-1 { /* background-color: #424af0; *//* background-color: rgba(255,255,255,0.92); */ float: left; color:#FFF; } #cta-2 { /* background-color: #e42a57; *//* background-color: rgba(255,255,255,0.92); */ float: right; color:#FFF; } #cta-1:hover, #cta-2:hover { background-color: rgba(255,255,255,0.92); color:#fd436c !important; } /* MS formulaire de contact pré-rempli */ #ms-perselection { font-family: inherit; font-size: inherit; color: inherit; } form .wpcf7-form-control-wrap.civilite { margin-bottom: 60px; display: block; } form .wpcf7-form-control-wrap.statut { margin-bottom: 50px; display: block; } form #civilite span.wpcf7-list-item, form #statut span.wpcf7-list-item { float:left; margin-top: 8px; margin-bottom: 15px; } form p { clear:both; } form .duo { clear:both; margin: 0px -4%; } form .duo p { display: block; float: left; width: 43.4%; margin-left: 4%; margin-top:-15px; clear:none; } form .duo p input { padding: 2% 4%; } /* MS boutons candidature */ #ms-c, #ms-c-sticky { background-color: rgba(255,255,255,1); padding: 15px 0px; } #ms-c ul, #ms-c-sticky ul { display: block; margin: 0 auto; position: relative; padding: 0px; } #ms-c li, #ms-c-sticky li { display: block; margin: 0; padding: 0 0.15%; display: block; float: left; } #ms-c li a, #ms-c-sticky li a { padding: 20px 0px; color:#FFF; } #ms-c li a:hover, #ms-c-sticky li a:hover { color:#4f0059; } .btnum-1 li { width: 99.7%; } .btnum-2 li { width: 49.7%; } .btnum-3 li { width: 33.0333333333%; } /* MS pages thématiques masquées & autres exceptions */ body:not(.logged-in) .submenu1-item-761, body:not(.logged-in) .submenu1-item-770, body:not(.logged-in) .submenu1-item-777, body:not(.logged-in) .submenu1-item-771, body:not(.logged-in) .submenu1-item-758, body:not(.logged-in) .submenu1-item-779, body:not(.logged-in) .submenu1-item-781, body:not(.logged-in) .submenu2-item-118612, body:not(.logged-in) .submenu2-item-120564 { display:none !important; } .submenu1-item-761, .submenu1-item-770, .submenu1-item-777, .submenu1-item-771, .submenu1-item-758, .submenu1-item-779, .submenu1-item-781, .submenu2-item-118612, .submenu2-item-120564 { display:none !important; } /* #ms-c.stickybtclass { width:100%; position: fixed; z-index: 10000; -webkit-box-shadow: 0px 13px 32px -10px rgba(0,0,0,0.4); box-shadow: 0px 13px 32px -10px rgba(0,0,0,0.4); } #ms-c.stickybtclass ul { padding: 0 20px; } #ms-c.stickybtclass li a { padding: 10px 0px; color:#FFF; } .magic { */ /* MAGIC HAPPENS HERE */ /* transform: translateZ(0); -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } */ #ms-c-sticky { position:relative; margin-bottom: -10px; margin-top: 12px; -webkit-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.08); box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.08); } .js-is-sticky #ms-c-sticky { position:relative; margin-bottom: -10px; margin-top: 12px; -webkit-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.2); box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 13px 32px -10px rgba(0, 0, 0, 0.2); } #ms-c-sticky ul { padding: 0 20px; } #ms-c-sticky li a { padding: 10px 0px; color:#FFF; } #ms-c { display:none } .ui-c1 .ms-c-container .call-to-action.button.secondary a { /* background-color: #507df7; */ /* background-color: #9f77e9; */ background-color: #75a2fc; } .ui-c1 .ms-c-container .call-to-action.button.primary a { /* background-color: #6b2573; */ background-color: #0040ee; } .ui-c1 .ms-c-container .call-to-action.button.primary a:hover, .ui-c1 .ms-c-container .call-to-action.button.secondary a:hover { background-color: #91f9ee; } /* ===================== */ /* IDEAS */ /*.tag-ideas .entry-content .block :not(.chapo) p {font-size:1rem;}*/ .tag-ideas .entry-content a {font-size:inherit;} .pages-ideas .block-1 .col0 > h2:first-child { font-size: 2.3rem; line-height: 2.88rem; font-family: 'Work Sans', arial, sans-serif; font-weight: 500; color: #000773; letter-spacing:-0.2px; } .pages-ideas .block-1 .col0 > h2:first-child em { display:block; margin-top: -32px; font-size: 1.7rem; line-height: 2.1rem; font-family: inherit; font-weight: inherit; font-style: italic; color:inherit; } .sous-titre-ideas {color: inherit; /* font-weight: inherit; */ font-weight: 500; font-family: 'Work Sans', arial, sans-serif; color:inherit; margin:10px 0; display: block; } .pages-ideas .chapo p { color: #000773; } .pages-ideas .exergue.citation { /* https://cssgradient.io */ background: rgb(91,151,206); background: linear-gradient(90deg, rgba(91,151,206,0.25) 0%, rgba(44,175,226,0.25) 45%, rgba(136,205,129,0.25) 100%); border-radius: 10px; } .signature-copie { margin: 40px 0px; } /* =============================================== */ /* HACK FIREFOX */ @-moz-document url-prefix() { .selector { .ui-c1 #masthead .search-field { padding-left:8px; } } } /* =============================================== */ /* HACK IE / EDGE */ @media all and (-ms-high-contrast:none) { /* IE10 */ .ui-c1 #masthead .search-field { padding-left:8px; } .wpcf7-list-item-label { margin-left:-50px; } h1, .entry-header .tpt-main-logo, .entry-header .fond-couleur, .entry-content { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .fil-ariane.block.position-basse { position: absolute; bottom: -85px; width:100%; z-index: 999; max-width: none; } .menu-local .dialogue-container { width: 25px; } .menu-local .email-container { width: 25px; } .local-nav { margin-top: -5px; } .invisible, .invisible a { display:none !important; } #masthead .submenu1-item .picto-menu, #masthead .submenu1-item .picto-menu svg { height: 25px !important; } #masthead .submenu2-item .picto-menu, #masthead .submenu2-item .picto-menu svg { height: 20px !important; } #masthead .nav-menu.strategie .submenu1-item, #masthead .nav-menu.programmes .submenu1-item { display: inline-block; padding-bottom: 15px; break-inside: avoid; /* IE 10+ */ } /* IE11 */ *::-ms-backdrop, .ui-c1 #masthead .search-field { padding-left:8px; } *::-ms-backdrop, .wpcf7-list-item-label { margin-left:-50px; } *::-ms-backdrop, h1, *::-ms-backdrop, .entry-header .tpt-main-logo, *::-ms-backdrop, .entry-header .fond-couleur, *::-ms-backdrop, .entry-content { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .fil-ariane.block.position-basse { position: absolute; bottom: -85px; width:100%; z-index: 999; max-width: none; } /* *::-ms-backdrop, .menu-local { position:relative; } */ *::-ms-backdrop, .menu-local .dialogue-container { width: 25px; } *::-ms-backdrop, .email .dialogue-container { width: 25px; } *::-ms-backdrop, .local-nav {/* margin-top: -5px; */ position:relative; } *::-ms-backdrop, .fond-image { position:relative; } *::-ms-backdrop, #masthead .submenu1-item .picto-menu, *::-ms-backdrop, #masthead .submenu1-item .picto-menu svg { height: 25px !important; } *::-ms-backdrop, #masthead .submenu2-item .picto-menu, *::-ms-backdrop, #masthead .submenu2-item .picto-menu svg { height: 20px !important; } *::-ms-backdrop, #masthead .nav-menu.strategie .submenu1-item, *::-ms-backdrop, #masthead .nav-menu.programmes .submenu1-item { display: inline-block; padding-bottom: 15px; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */ } } /* Microsoft Edge Browser 12+ (All) - @supports method */ @supports (-ms-ime-align:auto) { .local-nav { margin-top: 0px; } .wpcf7-list-item-label { margin-left:-50px; } .ui-c1 #masthead .search-field { padding-left:5px; } /* STICKY MENU OVERRIDE EDGE */ h1, h1 p, h1 span, h1 p span, .entry-header .tpt-main-logo, .entry-header .fond-couleur, p.entry-title, { -webkit-transition: all 100ms !important; -moz-transition: all 100ms !important; -o-transition: all 100ms !important; transition: all 100ms !important; } .sticky-child.js-is-sticky, .sticky-child.js-is-stuck { position:fixed !important; } } /* =============================================== */ /* HACK ANY VERSION OF FIREFOX */ /* http://browserhacks.com */ _:-moz-tree-row(hover), .local-nav { margin-top: -5px; } /* =============================================== */ /* HACK SAFARI < ou = à 7 */ /* REPORTÉ DANS LES STYLES GÉNÉRAUX .entry-header { [;width:100%;]; [;margin-bottom: -50px;]; } .entry-content { [;margin-top: 140px;]; [;margin-bottom: 50px;]; } */ .entry-header .tpt-main-logo { [;height: 40px;]; } #sticker_preprod{ color: white; position: fixed; background-color: grey; z-index: 1000000; padding: 5px; } /* =============================================== */ /* CUSTOM BACKOFFICE */ .extrait_champ_commentaire{ font-weight: 100; } /* ================================================= */ /* RGAA */ .hors-ecran { position: absolute; left: 0rem; bottom: 0rem; z-index: 0; opacity:0; pointer-events:none; } /* World Map */ .wm-container { overflow:hidden;position: relative; margin-top:0px; background-color: rgba(0,7,115,0.1); } .wm { width: 105%; height: auto; margin-top:-113px; margin-left: -4.5%; position: relative; } .color-mark { display:inline-block; width:45px; height: 15px; margin-right: 10px; margin-top:1px; } .wm-caplist { columns: 4; -moz-columns: 4; -webkit-columns: 4; column-gap : 10px; -moz-column-gap : 10px; -webkit-column-gap : 10px; margin: 0 20px 20px 20px !important; } .wm-caplist li { list-style: none !important; clear:both; position:relative; } .wm-caplist li, .wm-caplist li span {font-size:0.85rem !important; } .nb-students { font-size: 0.65em !important; color: #4a84fa; opacity:0.8; } .color-mark { position:absolute; top: 2px; left: 0; display: block; } .cap-label { margin-left:55px; display: block; } /* =============================================== */ /* Breakpoint */ @media (max-width: 1219px) { .fil-ariane.position-basse .fil-ariane.liste { margin-left: 20px; } } /* =============================================== */ /* Breakpoint */ @media (max-width: 1160px) { .tpt-main-menus { margin-top: 40px;} .logo-tp-ip-paris {top: 20px;} } /* =============================================== */ /* Breakpoint */ @media (max-width: 1140px) { .entry-header .tpt-main-logo { margin-left: 0px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 1095px) { .entry-header .tpt-main-logo { opacity:0 !important; pointer-events: none; margin-left: -60px; } .actualite-item, .agenda-item { width: 24.2%; float: left; margin-right: 0.4%; margin-left: 0.4%; } /* body:not(.page-template-page-newsroom):not(.page-template-page-agendas) .actualite-item-5, body:not(.page-template-page-pressroom):not(.page-template-page-agendas) .agenda-item-5, */ body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .actualite-item-5, body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .agenda-item-5 { display: none; } .ui-block-c3 .layout-1-col { max-width: 960px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 1060px) { .tpt-main-menus { margin-left: 0px; } #masthead .nav-menu.strategie .menu-item > a { /* padding: 4px 9px 0px 9px; */ } .nav-menu.profils, .nav-menu.rechercher { width: 130px; } .nav-menu.programmes li.menu-item { /* padding: 0 15px 0 0; */ } } /* =============================================== */ /* Breakpoint ipad */ @media only screen and (max-width: 1024px) { .footer-col-4 { float: right; min-width: 215px; } .footer-col.col-1-5 { width: 30.7%; } .footer-col-1 { margin: 0 0 0 0; } .footer-col-2 { margin: 0 2% 0 0; } .footer-col-3 { margin: 0 0 0 2%; } .footer-col-4 { margin: 0; } .footer-col.col-2-5 { width: 100%; margin-top: 15px; margin-bottom: 25px; } .footer-sub-col { width: 48.3%; } .footer-sub-col-1 { margin: 0 1.7% 0 0; } .footer-sub-col-2 { margin: 0 0 0 1.7%; } .deux-colonnes { columns: 4; -moz-columns: 4; -webkit-columns: 4; column-gap: 0.86rem; -moz-column-gap: 0.86rem; -webkit-column-gap: 0.86rem; } .deux-colonnes ul { -webkit-column-break-inside: auto !important; page-break-inside: auto !important; break-inside: auto !important; /*break-inside: avoid-column !important;*/ } .note-rgpd.footer { margin: 35px 0 0 0; } .site-footer .captcha-module label img { margin: 6px 0px 0px -4px; padding: 5px 20%; } } /* =============================================== */ /* Breakpoint magazine */ @media only screen and (max-width: 1000px) { .layout-mag { max-width: 732px; margin: 0 auto; padding: 0 14px; position: relative; } .mag-1-news .mag-1a { width: 100%; float: left; } .mag-2-news .mag-2a, .mag-2-news .mag-2b { width: 100%; float: left; } .mag-4-news .mag-4a { width: 66.66666%; float: left; } .mag-4-news .mag-4b { width: 33.33333%; float: left; } .mag-4-news .mag-4c { width: 100%; float: left; } .mag-4-news .mag-4d { width: 100%; position: relative; float: left; } .mag-2-news .mag-2b .mag-content .visuel { float: left; } .mag-1-news .mag-1a .mag-content .visuel, .mag-2-news .mag-2a .mag-content .visuel, .mag-2-news .mag-2b .mag-content .visuel, .mag-4-news .mag-4d .mag-content .visuel { width: 330px; } .mag-4-news .mag-4c .mag-content .visuel { width: 347px; } .mag-4-news .mag-4d .mag-content { height: 235px; } .mag-4-news .mag-4d .mag-content .visuel { height: 195px; float: left; } .mag-4-news .mag-4d .mag-content .text { float: none; } .mag .visuel.video { width: 330px; } .mag .text h3, .mag-4-news .mag-4d .text h3 { padding: 15px 0 0 0; margin: 0px ; } .mag-5-news .mag-5a, .mag-5-news .mag-5d { width: 60%; } .mag-5-news .mag-5b, .mag-5-news .mag-5c { width: 38.3%; } .mag-5-news .mag-5b .mag-content, .mag-5-news .mag-5c .mag-content { height: 247px; } .mag-5-news .mag-5e { width: 100%; position: relative; float: left; } .mag-5-news .mag-5e .mag-content .visuel { width: 330px; } .mag-5-news .mag-5e .mag-content { height: 235px; } .mag-5-news .mag-5e .mag-content .visuel { height: 195px; float: left; } .mag-5-news .mag-5e .mag-content .text { float: none; } .mag-5-news .mag-5e .text h3 { padding: 15px 0 0 0; margin: 0px ; } .portrait-item { width:33.33333333%; } .pp-item .legende-portrait {width: 200px;} } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 985px) { .df-container.df2 .df-subitem, .df-container.df5 .df-subitem { min-height:90px; } .df-50, .df-25 { width: 49%; margin: 10px 0.5% 0px 0.5%; } .df-container:not(.df10) { padding:4% 3%; } .df-item.df10.df-50 { width:43%; margin: 25px 1% 0px 0%; min-height:50px; } .df-item.df11.df-50 { width:43%; margin: 25px 0% 0px 1%; min-height:50px; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 960px) { .encadre .fact-container { width: 24%; margin-left: 0;} .encadre .fact .caption { width: 73%; margin-left: 3%;} /* AGENDA */ .page-template-page-agendas .layout-1-col{ max-width: 740px; } #agendas-mois-en-cours .agenda-item, #agendas-a-venir .agenda-item{ width: 32.2%; float: left; margin-right: 0.5666666667%; margin-left: 0.5666666667%; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 920px) { .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 32.8%; margin-right: 0.10%; margin-left: 0.10%; } .entity-item .texte { position:absolute; top:0; left:0; width: 215px; height: 190px; } .entity-item .image img { /* margin-left: -28%; */ } .entity-item h4 { font-size: 1rem; line-height: 1.16rem; } /* MENU Breakpoint #1 */ .masthead-content { padding: 10px 20px 50px 20px; } .nav-menu.strategie { margin-right: -1px; } .nav-menu.raccourcis { /* right: 357px; */ right: 20px; top: 22px; } .nav-menu.profils { margin-top: -118px; margin-right: 150px; } .nav-menu.profils li.list-title { padding-top: 3px; } .nav-menu.profils li.list-title { font-size: 0.85rem; line-height: 0.95rem; } .special.cb { display: block; } #masthead .nav-menu.profils { z-index: 9986; } .agenda-item { min-height: 325px; max-height: 325px; } .actualite-item { min-height: 325px; max-height: 325px; } /*.bloc-actualite + .agenda-extrait-tous { margin-top: -375px; } .bloc-agenda + .agenda-extrait-tous { margin-top: -375px; } */ .primary-content ul.grille .menu-item { display: block; list-style: none; float:left; padding: 0 3% 0 0; } .primary-content ul.grille-2-col .menu-item { width: 47%; } .primary-content ul.grille-3-col .menu-item { width: 30.3333333333%; } .primary-content ul.grille-4-col .menu-item { width: 30.3333333333%; } .wm-caplist { columns: 3; -moz-columns: 3; -webkit-columns: 3; column-gap : 10px; -moz-column-gap : 10px; -webkit-column-gap : 10px; margin: 0 20px 20px 20px !important; } .pageperso .entry-title { position:relative; padding-left: 240px; } .pageperso .sticky-child.js-is-sticky .entry-title, .pageperso .sticky-child.js-is-stuck .entry-title { padding-left: 84px; } .sticky-child.js-is-sticky .ec-portrait, .sticky-child.js-is-stuck .ec-portrait { width: 50px; height: 50px; } .ec-portrait { width: 200px; height: 200px; } .pageperso .menu-local li:first-child, .pageperso .sticky-child.js-is-sticky .menu-local li:first-child, .pageperso .sticky-child.js-is-stuck .menu-local li:first-child { padding-left: 0px; } .pp-list .portrait-item { min-height:280px; } .pp-sub-title { z-index: auto; width: 100%; position: relative; float:none; } .pp-topic { position:relative; padding-left: 0; } .spe { display: inline; } } @media all and (-ms-high-contrast:none) and (max-width: 920px) { /* Hack IE10 */ .nav-menu.profils { margin-top: -94px; } /* Hack IE11 */ *::-ms-backdrop, .nav-menu.profils { margin-top: -92px; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 880px) { .df-container.df2 .df-subitem, .df-container.df5 .df-subitem { min-height:120px; } .df-50, .df-25 { width: 48.6%; margin: 10px 0.7% 0px 0.7%; } .site-footer .captcha-module label img { margin: 6px 0px 0px -4px; padding: 4px 15%; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 870px) { .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 32.8%; margin-right: 0.10%; margin-left: 0.10%; } .entity-item .texte { position:absolute; top:0; left:0; width: 200px; height: 190px; } .entity-item .image img { /* margin-left: -33%; */ } #masthead .nav-menu.strategie .menu-item > a { /* padding: 4px 7px 0px 7px; */ } .nav-menu.raccourcis { /* right: 335px; */ right: 20px; top: 22px; } .actualite-item, .agenda-item { width: 32.2%; float: left; margin-right: 0.5666666667%; margin-left: 0.5666666667%; } body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .actualite-item-5, body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .agenda-item-5 { display: none; } body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .actualite-item-4, body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .agenda-item-4 { display: none; } .ui-block-c3 .layout-1-col { max-width: 700px; } .deux-colonnes { columns: 3; -moz-columns: 3; -webkit-columns: 3; column-gap: 1.7rem; -moz-column-gap: 1.7rem; -webkit-column-gap: 1.7rem; } .bloc-video-container.temoignage .bloc-video { width: 55%; } .bloc-video-container.temoignage .video-caption { width: 42%; } .captcha-module label { width:105px; } .site-footer .captcha-module label img { margin: 6px 0px 0px -4px; padding: 2px 10px 3px 10px; width:80px; } footer .captcha-module input[type="text"] { padding:2px 10px; float:left; width:100px; margin-left:105px;} footer .newsletter input[type="submit"] { margin-right: 0px; } .invisible-by-default { margin-top: -0px !important; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 810px) { } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 800px) { .bloc-video-container.temoignage .bloc-video { width: 47%; } .bloc-video-container.temoignage .video-caption { width: 49%; } .bloc-video-container.temoignage.gauche .bloc-video, .bloc-video-container.temoignage.droite .bloc-video { float: left;} .bloc-video-container.temoignage.gauche .video-caption, .bloc-video-container.temoignage.droite .video-caption { float: right; position: relative; margin-top: -8px; } } /* =============================================== */ /* Breakpoint ipad */ @media only screen and (max-width: 768px) { h1 { height: 192px; font-size: 2rem; line-height: 2.08rem; } h1 p { font-size: 2rem; line-height: 2.08rem; } .entity-item .texte { position:absolute; top:0; left:0; width: 190px; height: 190px; } .entity-item .image img { /* margin-left: -38%; */ } .wm { margin-top:-90px; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 767px) { .menu-langue-mobile { display:block; } .agendas-passes .agenda-picto { opacity: 0; } ul.share-buttons { list-style: none; padding: 0; text-align: right; margin-top: 30px; margin-bottom: -80px; z-index: 1000000; position: relative; } .entity-item { display: block; width: 100%; overflow:hidden; position: relative; margin: 20px auto 0 auto; max-width: 690px; } .entity-item:nth-child(odd) { margin-right: auto; } .entity-item:nth-child(even) { margin-left: auto; } .entity-item .texte { position:absolute; top:0; left:0; width: 50%; height: 190px; } .entity-item .image img { /* margin-left: -2%; */ } /*.entity-item h4 { font-size: 1.2rem; line-height: 1.36rem; }*/ /* MENU Breakpoint #2 - Hamburger Menu */ .share-buttons { display:none; } .chevron-container { display: block; } .masthead-content { padding: 10px 20px 25px 20px; } .nav-menu.rechercher { margin-top: 35px; width: 145px; } #raquette-bt, #hamburger-bt { margin-top: 25px; } .mobile-nav-main-buttons { display: block; } .tpt-main-menus-mobile-container:not(.applati) { left:20px; right:0px; /* height: 100%; */ overflow-y: scroll; padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */ box-sizing: content-box; /* So the width will be 100% + 17px */ position: fixed; top: 150px; bottom: 0px; padding-bottom: 40px; } .tpt-main-menus-mobile-container.applati { height: 0; overflow: hidden; pointer-events:none; } #masthead .tpt-main-logo { /* width: 55px; */ /* height: 75px; */ /* height: 84px; top: 20px; */ } #masthead .tpt-main-menus { margin:-10px 0 0 0; padding: 0px; } #masthead .nav-menu.raccourcis { display: none;} #masthead .nav-menu.strategie, #masthead .nav-menu.programmes, #masthead .nav-menu.profils { position: relative; float: none; margin:0; padding: 0; } #masthead .menu-item { display: block; width: 100%; margin-left: -1px; /* correction du border */ } #masthead .submenu-strategie, #masthead .submenu-programmes, #masthead .submenu-profils { position: relative; display: block; z-index: auto; padding: 0px 4% 0px 4% ; margin: 0px 1px; width: 91%; } .invisible { position: absolute !important; } .tpt-main-menus-mobile-container:not(.applati)::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); background-color: #000773; } .tpt-main-menus-mobile-container:not(.applati)::-webkit-scrollbar { width: 6px; background-color: transparent; } .tpt-main-menus-mobile-container:not(.applati)::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,0.3); } #masthead .separateur { border: none; height:15px;} #masthead .nav-menu.strategie .menu-item, #masthead .nav-menu.programmes .menu-item, #masthead .nav-menu.profils .menu-item { width: auto; } #masthead .nav-menu.strategie .menu-item > a, #masthead .nav-menu.programmes .menu-item > a, #masthead .nav-menu.profils .menu-item > a { padding: 10px 7px 7px 7px; min-height: 21px; display: block; margin:0; } #masthead .nav-menu.profils { margin-top: 15px; width: auto;} #masthead .nav-menu .menu-item > a { padding-left: 15px !important; text-align: left; } .nav-menu li.menu-item { padding: 0 !important; } #masthead .submenu-strategie, #masthead .submenu-programmes, #masthead .submenu-profils { width: auto; margin:0; padding: 15px 4% 5px 4%; } #masthead .submenu-programmes { border-top: none; } .nav-menu .submenu1-item .picto-menu { width: 12% !important; } .nav-menu .submenu1-item .label-menu { width: 88% !important; } .nav-menu .submenu2-item { margin-left: 12% !important; } .select { width: 60%; } .people.fiche .p-item { width: 43%; margin: 8px 1.5%; border-radius: 10px; padding: 2%; min-height: 130px; } .encadre .fact-container { width: 27%; margin-left: 0;} .encadre .fact .caption { width: 70%; margin-left: 3%;} .deux-colonnes ul { -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; break-inside: avoid !important; break-inside: avoid-column !important; } .mag-1-news .mag-1a, .mag-2-news .mag-2a, .mag-2-news .mag-2b, .mag-4-news .mag-4a, .mag-4-news .mag-4b, .mag-4-news .mag-4c, .mag-4-news .mag-4d { width: 100%; position: relative; float: left; height: auto;} .mag-content { height: auto; } .mag-content .text { margin: 0px 20px 0 20px; } .mag-2-news .mag-2b .mag-content .visuel { float: left; } .mag-1-news .mag-1a .mag-content .visuel, .mag-2-news .mag-2a .mag-content .visuel, .mag-2-news .mag-2b .mag-content .visuel, .mag-4-news .mag-4d .mag-content .visuel, .mag-4-news .mag-4a .mag-content .visuel { width: 330px; } .mag-4-news .mag-4c .mag-content .visuel { width: 347px; } .mag-4-news .mag-4d .mag-content { height: auto; } .mag-4-news .mag-4d .mag-content .visuel { height: 195px; float: left; } .mag-4-news .mag-4b .mag-content .text, .mag-4-news .mag-4d .mag-content .text { float: none; } .mag .visuel.video { width: 330px; } .mag .text h3, .mag-4-news .mag-4b .text h3, .mag-4-news .mag-4d .text h3 { padding: 15px 0 0 0; margin: 0px ; } .mag-4-news .mag-4b .visuel { width: 84px; } .mag-5b h3, .mag-5c h3 { text-align: left; } .mag-5b .actu-extrait, .mag-5c .actu-extrait { display:block !important; } .mag-5-news .mag-5a, .mag-5-news .mag-5d { width: 98.435%; float:left; } .mag-5-news .mag-5b, .mag-5-news .mag-5c { width: 100%; float:left; } .mag-5-news .mag-5b .visuel svg, .mag-5-news .mag-5c .visuel svg, .mag-5-news .mag-5e .visuel svg { height: 95px; width: 95px;} .mag-5-news .mag-5e .visuel .picto-item .forme { stroke-width: 0.8;} .mag-5-news .mag-5b .visuel, .mag-5-news .mag-5c .visuel, .mag-5-news .mag-5e .mag-content .visuel {height: 100px;width: 96px; margin-bottom:10px;} .mag-5-news .mag-5b .text h3, .mag-5-news .mag-5c .text h3 { padding: 15px 0 0 0; margin: 0px ; } .mag-5-news .mag-5b .mag-content .text, .mag-5-news .mag-5c .mag-content .text, .mag-5-news .mag-5e .mag-content .text { height: auto; margin-top: 0px; margin-right: 20px; } .mag-5-news .mag-5b .mag-content, .mag-5-news .mag-5c .mag-content, .mag-5-news .mag-5e .mag-content { height: auto; } .mag-5-news .mag-5b .mag-content .text, .mag-5-news .mag-5c .mag-content .text, .mag-5-news .mag-5e .mag-content .text { float:none; } .mag-5-news .mag-5c .mag-content .visuel { float:left; } .rsContent h3 { font-size: 1.5rem; line-height: 2rem; font-weight: 500; } .vignette-portrait { height:140px; max-width:125px; } .pp-item .legende-portrait {width: 140px;} .primary-content .portraits-list { margin:30px -5px; margin-left: -5px; margin-bottom: 30px;} .layout-1-col .people.fiche .p-item, .layout-2-col .people.fiche .p-item { width: 42.4%; min-height: 130px; } .layout-2-col .people.fiche .p-item { width: 65%; } .layout-2-col .people.fiche .p-item, .layout-3-col .people.fiche .p-item { float: none; } .primary-content ul.grille .menu-item { padding: 0 3% 0 0; } .primary-content ul.grille-2-col .menu-item { width: 47%; } .primary-content ul.grille-3-col .menu-item { width: 47%; } .primary-content ul.grille-4-col .menu-item { width: 47%; } } /* =============================================== */ /* Breakpoint footer */ @media only screen and (max-width: 740px) { .deux-colonnes { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap: 0.86rem; -moz-column-gap: 0.86rem; -webkit-column-gap: 0.86rem; } .footer-social-navigation h2 { text-align: center; } footer ul.footer-social-menu { width: 400px; display: block; margin: 0 auto; margin-top: -18px; } .footer-col.col-1-5 { width: 48.5%; } .footer-col-3 { margin: 0 0 0 1%; } .footer-col-4.col-1-5 { float: left; width: 100%; margin: 0; } footer .privacy-policy label { width: 180px; } footer .privacy-policy { margin-bottom: -25px !important; } footer input[type="email"] { width: 92%; } .mag-1-news .mag-1a .mag-content .visuel, .mag-2-news .mag-2a .mag-content .visuel, .mag-2-news .mag-2b .mag-content .visuel, .mag-4-news .mag-4a .mag-content .visuel, .mag-4-news .mag-4c .mag-content .visuel, .mag-4-news .mag-4d .mag-content .visuel { width: 210px; height: 125px; } .mag .visuel.video { width: 210px; margin: -162px 26px 0 0; } .mag-4-news .mag-4c .mag-content .visuel { width: 227px; } .mag-content .text, .mag-4-news .mag-4d .mag-content { height: auto; } .mag-4-news .mag-4d .mag-content .visuel, .mag-4-news .mag-4b .mag-content .visuel { float: left; } .mag-content .text { padding-bottom: 15px; } } /* =============================================== */ /* Breakpoint menu ancres */ @media only screen and (max-width: 711px) { .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 49.78%; margin-right: 0.11%; margin-left: 0.11%; } .liste-ancres li a span, .liste-blocks li a span { height: 70px; } .entity-item .image img { /* margin-left: -2%; */ } .agenda-extrait-tous.top { display: none !important; } .agenda-extrait-tous.down { display: block !important; } .bloc-actualite + .agenda-extrait-tous, .bloc-agenda + .agenda-extrait-tous { margin-top: 0px; padding-top:20px; clear:both; float:none; text-align: center;} } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 680px) { .entity-item .image img {/* margin-left: -5%; */ } .select { width: 70%; } .layout-1-col .col0, .layout-2-col .col1, .layout-2-col .col2, .layout-3-col .col1, .layout-3-col .col2, .layout-3-col .col3 { width: 100%; float: none; } .layout-2-col .col1 { margin-right: 0; } .layout-2-col .col2 { margin-left: 0; } .layout-3-col .col1 { margin-right: 0; } .layout-3-col .col2 { margin-right: 0; margin-left: 0; } .layout-3-col .col3 { margin-left: 0; } /* AGENDA */ #agendas-a-venir h2, .agendas-passes h2 { text-align: center; } .page-template-page-agendas .layout-1-col { max-width: 460px; } #agendas-mois-en-cours .agenda-item, #agendas-a-venir .agenda-item { width: 47%; float: left; margin-right: 1.5%; margin-left: 1.5%; } .primary-content ul.actualite-extrait, .actualite-extrait, .primary-content ul.agenda-extrait, .agenda-extrait { width: 103%; margin-left: -1.5%; } /* #agendas-mois-en-cours .agenda-item:nth-child(odd), #agendas-a-venir .agenda-item:nth-child(odd) { width: 48.5%; margin-left: 0; } #agendas-mois-en-cours .agenda-item:nth-child(even), #agendas-a-venir .agenda-item:nth-child(even) { width: 48.5%; margin-right: 0; } */ .agenda-item .agenda-picto { right: 5px;} .agenda-item .zone-titre h4 { font-size: 0.92rem; line-height: 1.3rem; } .agenda-item .zone-extrait { font-size: 0.8rem; line-height: 1.2rem; } .wm { margin-top:-70px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 650px) { .entity-item .image img { /* margin-left: -8%; */ } #masthead .nav-menu.strategie .submenu1 { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap : 2rem; -moz-column-gap : 2rem; -webkit-column-gap : 2rem; } #masthead .nav-menu.programmes .submenu1 { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap : 2rem; -moz-column-gap : 2rem; -webkit-column-gap : 2rem; } .agenda-item { min-height: 345px; max-height: 345px; } .actualite-item { min-height: 345px; max-height: 345px; } .agenda-extrait-tous { margin-top: 20px; } .actualite-extrait-toutes { margin-top: 20px; } .encadre .fact-container { width: 32%; margin-left: 0;} .encadre .fact .caption { width: 65%; margin-left: 3%;} .df-container.df2 .df-subitem, .df-container.df5 .df-subitem { min-height:0; } .df-50, .df-25 { width: 100%; margin: 10px 0 0 0; } .df-container:not(.df10) { padding:5% 3%; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 625px) { .entity-item .image img { /* margin-left: -11%; */ } /* MENU BREAKPOINT */ .tpt-main-logo { /* top: 26px; */ } .captcha-module label { width: 68%; } .captcha-module input[type="text"] { width: 28%; } .primary-content div.wpcf7, .block .wpcf7, .mailpoet_form .mailpoet_form { padding: 10px 20px 20px 20px; } .df-container:not(.df10) { padding:6% 3%; } .wm-caplist { columns: 2; -moz-columns: 2; -webkit-columns: 2; column-gap : 10px; -moz-column-gap : 10px; -webkit-column-gap : 10px; margin: 0 20px 20px 20px !important; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 600px) { #poucette .caption { display: none; } .entity-item .image img { /* margin-left: -15%; */ } .bloc-video-container.temoignage .bloc-video { width: 100%; } .bloc-video-container.temoignage .video-caption { width: 100%; } .bloc-video-container.temoignage.gauche .bloc-video, .bloc-video-container.temoignage.droite .bloc-video { float: none;} .bloc-video-container.temoignage.gauche .video-caption, .bloc-video-container.temoignage.droite .video-caption { float: none; position: relative; margin-top: 10px; } /* diaporama accueil */ .page-id-63 .block-1, .page-id-4416 .block-1 { overflow:hidden;} .page-id-63 .block-1 .layout-1-col, .page-id-4416 .block-1 .layout-1-col { margin-left:-30px; margin-right:-30px; padding: 0px !important; } .rsContent h3 { font-size: 0.9rem; line-height: 1.1rem; bottom:-10px; left: 30px; right: 30px; } .col-33pour100 { width:100%; margin:0; float:none; } .logo-tp-ip-paris { top: 20px; } #masthead .tpt-main-menus { margin: -10px 0 0 0; } .mobile-nav-main-buttons { margin-left: 20px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 575px) { #poucette .caption { display: none; } .entity-item .image img { /* margin-left: -18%; */ } .encadre .fact-container { width: 36%; margin-left: 0;} .encadre .fact .caption { width: 61%; margin-left: 3%;} .df-container:not(.df10) { padding:7% 3%; } .nav-menu.rechercher { clear: both; width: 100%; margin: 35px 0px 0px 0px; } .awesomplete {width: 100%;} .tpt-main-menus-mobile-container:not(.applati) { top: 192px; } .ui-c1 #masthead .search-field { padding: 18px 0 20px 10px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 550px) { .bloc-archives .archives-news-vignette{ display: none !important; } #poucette .caption { display: none; } .actualite-item, .agenda-item { width: 47%; float: left; margin-right: 1.5%; margin-left: 1.5%; } .primary-content ul.actualite-extrait, .actualite-extrait, .primary-content ul.agenda-extrait, .agenda-extrait { width:103%; margin-left:-1.5%; } /* .actualite-item:nth-child(odd), .agenda-item:nth-child(odd) { margin-left: 0; } .actualite-item:nth-child(even), .agenda-item:nth-child(even) { margin-right: 0;} .agendas-passes .agenda-item:nth-child(odd), .agendas-passes .agenda-item:nth-child(even) { margin-right: 0; margin-left: 0; } */ body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .actualite-item-5, body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .agenda-item-5 { display: none; } body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .actualite-item-4, body:not(.page-template-page-newsroom):not(.page-template-page-pressroom):not(.page-template-page-agendas):not(.single-pageperso) .agenda-item-4 { display: block; } .ui-block-c3 .layout-1-col { max-width: 480px; } .layout-mag { max-width: 480px; padding: 0px;} .mag-content { margin: 0 3px 3px 3px; } .mag .actu-extrait { display:none !important; } .mag .lire-la-suite-mobile { display: block !important; } .mag-4-news .mag-4d .mag-content .visuel, .mag-4-news .mag-4b .mag-content .visuel, .mag-2-news .mag-2b .mag-content .visuel { float: right; } .mag-1-news .mag-1a .mag-content .visuel, .mag-2-news .mag-2a .mag-content .visuel, .mag-2-news .mag-2b .mag-content .visuel, .mag-4-news .mag-4a .mag-content .visuel, .mag-4-news .mag-4c .mag-content .visuel, .mag-4-news .mag-4d .mag-content .visuel { width: 140px; height: 90px; } .mag-video .visuel.video { width: 91.6% ; position: relative; margin: -35px 3px 3px 3px; padding: 0 3.5% 5px 3.5%; background-color: #FFF; } .mag-5-news .mag-video .visuel.video { max-width: 91.9%; margin: 0px auto 4px auto; background-color: rgba(138, 143, 242, 0.49); padding: 25px 20px; margin-left: 3px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 525px) { #poucette .caption { display: none; } .entity-item .image img { /* margin-left: -21%; */ } .portrait-item { width:50%; min-height:210px } .pp-item .legende-portrait {width: 170px;} .pageperso .entry-title, .pageperso .sticky-child.js-is-sticky .entry-title, .pageperso .sticky-child.js-is-stuck .entry-title { padding-left: 87px; } .ec-portrait, .sticky-child.js-is-sticky .ec-portrait, .sticky-child.js-is-stuck .ec-portrait { width: 57px; height: 57px; } .pageperso .menu-local li:first-child, .pageperso .sticky-child.js-is-sticky .menu-local li:first-child, .pageperso .sticky-child.js-is-stuck .menu-local li:first-child { padding-left: 0px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 500px) { .nav-menu.rechercher {margin-left: 0px;} .site-content { padding: 0; } .tabulation { padding: 0 0px; } .entry-header h1 { height: 102px; font-size: 1.8rem; line-height: 1.88rem; padding-top: 15px; padding-bottom: 20px; padding-right: 40px; } .page404 .entry-header h1 { padding-bottom: 100px; } .entry-header h1 p { font-size: 1.8rem; line-height: 1.88rem; } .sticky-child.js-is-sticky h1, .sticky-child.js-is-stuck h1 { font-size: 1.8rem; line-height: 1.88rem; height: 40px; padding-top: 15px; padding-bottom: 20px; padding-right: 40px; } .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 49.74%; margin-right: 0.13%; margin-left: 0.13%; } .entity-item .image img { /* margin-left: -25%; */ } .accordeon-content { padding: 20px 15px 30px 15px; } .accordeon-content.applati { padding:0 15px; } div:not(.col1) .fact { margin: 60px 0; } .select { width: 80%; } footer ul.footer-social-menu { width: 300px; } .people.fiche .p-item { width: 43%; margin: 8px 1.5%; border-radius: 10px; padding: 2%; min-height: 150px; } .encadre { min-height: 0px !important; } .encadre .fact { margin: 15px 0 !important; } .encadre .fact-container { width: 26%; margin-left: 0;} .encadre .fact .caption { width: 71%; margin-left: 3%;} .actualite-item { min-height: 220px; max-height: 220px; } .actualite-item .zone-titre h4 { font-size: 0.8rem; line-height: 1.1rem; } .actualite-item .zone-extrait { display:none !important; } .df-item.df10.df-50 { width:94%; margin: 25px 0% 0px 0%; min-height:0px; } .df-item.df11.df-50 { width:94%; margin: 25px 0% 0px 0%; min-height:0px; } footer { margin-bottom: 180px; } #cookie-notice.rappel { min-width: 20%; width: 90%; max-height: 100vh; padding: 80px 5% 100px 5%; height: 100vh; top: 0px; left: 100%; margin-top: 0vh; margin-left:-100%; } ul.share-buttons { display:none; } .color-mark { width:35px; } .cap-label { margin-left:45px; } .wm { margin-top:-50px; } figure { width: 100% !important; } .menu-local.pp.desktop { display: none; } .menu-local.pp.mobile { display: block; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 486px) { .tpt-main-logo { width: 55px; height: 55px; margin-top: -7px; } .ip-paris-main-logo { height: 36px; margin-top: 2px; } .logo-pipe { height: 57px; margin: -8px 12px 0 13px; } .masthead-content { padding: 5px 20px 25px 20px; } .liste-ancres li, .liste-blocks li { margin-top:1px; display: block; float: left; width: 49.70%; margin-right: 0.15%; margin-left: 0.15%; } .entity-item .image img { /* margin-left: -40%; */} /*.entity-item h4 { font-size: 1.05rem; line-height: 1.16rem; }*/ .mag-5-news .mag-video .visuel.video { max-width: 90.3%; } /* AGENDA */ .agenda-item .agenda-picto { right: 0px;} .primary-content ul.grille .menu-item { padding: 0 3% 0 0; } .primary-content ul.grille-2-col .menu-item { width: 97%; } .primary-content ul.grille-3-col .menu-item { width: 97%; } .primary-content ul.grille-4-col .menu-item { width: 97%; } input[type="date"] { width:96%; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 414px) { * { font-size: 0.9rem; line-height: 1.28rem; } h2 { font-size: 1.7rem; line-height: 2.05rem; } .fil-ariane.position-haute.block { display:none; } .first-block { padding-top:45px; } .col0 > h2:first-child { margin-top: 30px; padding-top: 35px; } .chevron-container { margin-top: 12px; opacity: 0.7; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 375px) { #masthead .nav-menu.strategie .submenu1 { columns: 1; -moz-columns: 1; -webkit-columns: 1; column-gap : 2.5rem; -moz-column-gap : 2.5rem; -webkit-column-gap : 2.5rem; } #masthead .nav-menu.programmes .submenu1 { columns: 1; -moz-columns: 1; -webkit-columns: 1; column-gap : 2.5rem; -moz-column-gap : 2.5rem; -webkit-column-gap : 2.5rem; } .select { width: 100%; } .people.fiche .p-item { width: 43%; margin: 4px 1.5%; border-radius: 10px; padding: 2%; min-height: 150px; } .color-mark { width:30px; } .cap-label { margin-left:40px; } .wm { margin-top:-50px; } } /* =============================================== */ /* Breakpoint */ @media only screen and (max-width: 375px) { * { font-size: 0.86rem; line-height: 1.3rem; } h2 { font-size: 1.6rem; line-height: 2rem; } footer ul.footer-social-menu { width: 280px; } .masthead-content { padding: 5px 20px 20px 20px; } .entry-header .container { padding: 0px 10px; } footer .wrap { padding: 20px 10px; } .layout-1-col, .layout-2-col, .layout-3-col, #ms-c-sticky ul, .menu-local { padding: 0 10px; } .entry-header h1, .fil-ariane.position-basse.block, .fil-ariane.position-haute.block { padding-left: 10px;padding-right: 10px; } .fil-ariane.position-basse .fil-ariane.liste, .fil-ariane.position-haute .fil-ariane.liste { margin-left: 0px; } .ui-block-c3 .layout-1-col { padding: 0 10px; } .container-poucette { padding: 0 10px; } .entity-item p { font-size: 0.7rem; line-height: 0.9rem; } .liste-ancres li, .liste-blocks li { margin-top: 2px; display: block; float: none; width: 100%; margin-right: 0%; margin-left: 0%; } .actualite-item .zone-soustitre, .actualite-item .zone-soustitre .actualite-date { font-size: 0.65rem; line-height: 0.9rem; } .entity-item .entity-type { font-size: 2.1rem; } .entity-item .entity-marqueur { line-height:0.8rem; } .entity-item h4 { font-size: 0.9rem; line-height: 1.10rem; } .agenda-extrait .date-single, .agenda-extrait .date-single a { color:#FFF !important; } .agenda-extrait .zone-extrait { display:none !important;} .agenda-item { min-height: 285px; max-height: 285px; } #masthead .tpt-main-logo { /* width: 50px; height: 84px; */ /* height: 75px; */ /* top: 20px; */ } .masthead-content { padding: 5px 20px 25px 20px; } } /* =============================================== */ /* OA~ Most Smartphones ----------- */ @media only screen and (max-width: 340px){ .color-mark { width:45px; } .cap-label { margin-left:55px; } .wm-caplist { columns: 1; -moz-columns: 1; -webkit-columns: 1; column-gap : 10px; -moz-column-gap : 10px; -webkit-column-gap : 10px; margin: 0 20px 20px 20px !important; } #raquette-bt { display: none;} } /* =============================================== */ /* OA~ Most Smartphones (landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; } } /* =============================================== */ /* OA~ Ipad and Ipad retina */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* =============================================== */ /* OA~ iPhone 2 -> 4S in landscape OR portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone 5 & 5S in landscape OR portrait */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone 6PLUS */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone 6 */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone XR */ @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) { } @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; top:-20%; height: 120%; } } @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone XS */ @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { } @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; top:-20%; height: 120%; } } @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { } /* =============================================== */ /* OA~ iPhone XS-MAX */ @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) { } @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { .mobile .do-not-rotate-your-device { display: block; top:-20%; height: 120%; } } @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) { } /***************************************************************************************************************************************** /***************************************************************************************************************************************** /***************************************************************************************************************************************** /***************************************************************************************************************************************** /*****************************************************ADMIN******************************************************************************* /***************************************************************************************************************************************** /***************************************************************************************************************************************** /*****************************************************************************************************************************************/ /* Tinymce */ .swp_scode_btn{ text-align: center; margin: 20px 0px; } .swp_scode_btn a{ color: #fff !important; padding: 10px 30px } .swp_scode_btn a:hover{ text-decoration: none; opacity:.50; } /* =============================================== */ /* VIEWS MCE */ .my-view-wrapper{ text-align:center; line-height:1.5em; padding:1em; background-color:#0073AA; font-family:monospace; color:white; } .my-view-wrapper p{ margin:0; padding:0; }