@charset 'UTF-8'; @font-face { font-family: 'FontAwesome'; font-weight: 400; font-style: normal; src: url(https://ws.facil-iti.com/media/common/fonts/FontAwesome/fontawesome-webfont.eot); src: url(https://ws.facil-iti.com/media/common/fonts/FontAwesome/fontawesome-webfont.eot) format('embedded-opentype'), url(https://ws.facil-iti.com/media/common/fonts/FontAwesome/fontawesome-webfont.woff2) format('woff2'), url(https://ws.facil-iti.com/media/common/fonts/FontAwesome/fontawesome-webfont.woff) format('woff'), url(https://ws.facil-iti.com/media/common/fonts/FontAwesome/fontawesome-webfont.ttf) format('truetype') } a, body { color: #666 } body { font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; line-height: 1 } a { text-decoration: none } button { cursor: pointer } img { max-width: 100% } .text-hidden { position: absolute; left: -99999px } .header_logo span, .important-info, main h2, main h3, main h4, main h5, main p a { color: #e74457 } .icon-fs { font-family: FontAwesome } .icon-fs-chevron:after { content: '\f078' } .icon-fs-power:before { content: '\f011' } .icon-fs-pdf:before { content: '\f1c1' } .icon-fs-video:before { content: '\f16a' } .icon-fs-facebook:before { content: '\f09a' } .icon-fs-twitter:before { content: '\f099' } .icon-fs-youtube:before { content: '\f167' } .icon-fs-linkedin:before { content: '\f0e1' } .icon-fs-search:before { content: '\f002' } .icon-fs-comment:before { content: '\f27b' } .button { font-weight: 700; padding: 10px 25px; color: #e74457; border: 2px solid #e74457; background-color: transparent } .button_white { color: #fff; border-color: #fff } .button_grey { color: #fff; border-color: #666; background-color: #666 } .button_full, .content_article-news-img img { width: 100% } input[type=email], input[type=email]+button, input[type=search], input[type=search]+button { border: 1px solid #191919 } input[type=email], input[type=search] { font-size: 13px; padding: 10px 6px } input[type=email]+button, input[type=search]+button { padding: 10px 20px; color: #fff; background-color: #191919 } :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder, input:-moz-placeholder { color: #999 !important } .site-header { margin-bottom: 30px } .site-header>* { padding: 0 220px } .topbar { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; padding-top: 11px; padding-bottom: 11px; background-color: #3599d8 } .topbar ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: flex; align-items: center; } .topbar ul+ul { justify-content: flex-end; } .topbar ul:last-child { text-align: right } .topbar li { display: inline-block } .topbar li { padding-right: 15px; padding-left: 15px } .topbar li:first-child { padding-left: 0; } .topbar li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, .3) } .topbar li:last-child { padding-right: 0 } .topbar li>a, .topbar li>button { display: flex; align-items: center; } .topbar li>button { background: unset; border: unset; color: white; } .topbar a, nav[role=navigation] li.active a, nav[role=navigation] li:hover a { color: #fff } .topbar .icon-fs-power { margin-right: 6px; vertical-align: middle } div[role=banner] { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px } .header_logo { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } .header_logo a { font-size: 17px; line-height: 1.5; display: inline-block; padding-left: 65px; color: #3599d8; background: url(../../dist/img/logo.png) no-repeat left center; background-size: 50px } .carrousel_content-text>div, .header_search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .header_search>a { font-size: 12px; color: #e74457; border-bottom: 1px dotted #e74457 } .header_search input[type=search] { width: calc(100% - 55px); border-color: #e74457 } .header_search input[type=search]+button { border-color: #e74457; background-color: #e74457 } nav[role=navigation] ul { text-align: right } nav[role=navigation] li { font-size: 15px; display: inline-block } nav[role=navigation] li:last-child { margin-right: 0 } nav[role=navigation] li a { font-weight: 700; display: block; padding: 6px 15px; color: #3599d8 } nav[role=navigation] li.active, nav[role=navigation] li:hover { background-color: #3599d8 } main { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 220px 0 } main .content { margin-right: 30px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } main .sidebar { margin-left: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .banner-img { text-align: center } .content_article-edito { margin-bottom: 35px } .content_article-edito h2 { font-size: 27px; margin-bottom: 30px } .content_article-edito p .important-info { font-weight: 700 } .content_article-news .category { font-size: 17px; margin-top: 0; margin-bottom: 15px; padding: 10px 15px; color: #fff; background: #e74457 } .content_article-topnews { margin-bottom: 60px } .content_article-listnews .content_article-news-img, .content_article-topnews .content_article-news-img { overflow: hidden } .content_article-topnews .content_article-news-img { max-height: 300px } .content_article-listnews .content_article-news-img { max-height: 180px } .content_article-listnews { float: left; margin-bottom: 40px } .content_article-listnews:nth-child(odd) { width: calc(50% - 15px); margin-right: 15px } .content_article-listnews:nth-child(even) { width: calc(50% - 15px); margin-left: 15px } .content_article-listnews:nth-child(2n+1) { clear: left } .sidebar_bloc { margin-top: 12.5px; margin-bottom: 12.5px; padding: 20px; background: #f9f9f9 } .sidebar_bloc:first-child { margin-top: 0 } .sidebar_bloc h2 { font-size: 21px; margin-bottom: 25px } .sidebar_bloc li { margin: 10px 0 } .sidebar_bloc li a { color: #ababab } .sidebar_bloc .date, .sidebar_bloc>a { font-size: 13px; font-style: italic } .sidebar_bloc>a { color: #e74457; border-bottom: 1px dotted #e74457 } .sidebar_lastnews p:not(.date), .sidebar_lastpublication p { font-weight: 600 } .sidebar_autor, .sidebar_lastpublication li { position: relative } .sidebar_lastpublication .icon-fs { font-size: 25px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .sidebar_lastpublication p { padding-left: 35px } .sidebar_lastpublication p span { font-weight: 400; font-style: italic } .sidebar_copylink a { font-size: 17px; font-weight: 500; font-style: normal; line-height: 1.5; border-bottom: 0 } .sidebar_autor h2 { margin-bottom: 0; padding-left: 60px } .sidebar_autor img { position: absolute } .sidebar_autor a { display: inline-block; margin-top: 20px } .sidebar_autor-job { padding-left: 60px; font-style: italic; font-weight: 500 } .sidebar_autor-job+p { font-style: italic; margin: 20px 0 } .sidebar_autor-fb>a { color: #3c5a99 } .sidebar_autor-tw>a { color: #28aae1 } .sidebar_share h2 { margin-bottom: 15px } .sidebar_share li { margin: 0 20px 0 0 } .sidebar_share li:last-child { margin: 0 } .breadcrump li, .sidebar_share li, .sidebar_share li a { display: inline-block } .sidebar_share li a { line-height: 2.5em; width: 2.5em; height: 2.5em; text-align: center; color: #fff; border-radius: 30em } .sidebar_share-facebook { background: #3c5a99 } .sidebar_share-twitter { background: #28aae1 } .sidebar_share-linkedin { background: #007bb5 } .sidebar_share-youtube { background: #e62c2e } .breadcrump { font-size: 13px; padding: 15px 220px; background: #f9f9f9 } .breadcrump li { font-style: italic } .breadcrump a { font-weight: 500; font-style: normal; color: #e74457 } .breadcrump a:after { font-weight: 400; margin: 0 6px; content: '>'; color: #666 } .banner-article { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; min-height: 400px; margin-bottom: 50px } .banner-article:before { position: absolute; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .65) } .banner-article img { position: absolute; z-index: -1; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .banner-article_title { z-index: 1; max-width: 775px; margin: auto; text-align: center; color: #fff } .banner-article_date { font-size: 20px; font-weight: 500; position: relative; padding-bottom: 30px } .banner-article_date:after { position: absolute; left: 50%; width: 170px; height: 100%; content: ''; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 1px solid #fff } .banner-article_title h2 { font-family: Georgia, Arial, sans-serif; font-size: 35px; font-style: italic; padding-top: 30px } .content_article button { font-size: 21px } .content_article h3 { font-size: 17px; font-weight: 700; font-style: italic } .content_article h3, .content_article p { margin-top: 20px; margin-bottom: 20px } .content_article quote { font-weight: 500; display: block; text-align: center } .content_article p a { text-decoration: underline } .content_article figure { margin-bottom: 40px; background: #f9f9f9 } .content_article figcaption { font-weight: 500; font-style: italic; padding: 5px 10px 10px } .content_article figure>div { overflow: hidden; max-height: 350px } .content_article-solo { margin-top: 20px; padding-bottom: 20px } .content_article-solo>:first-child { display: block; margin-bottom: 40px } .banner-img img { box-shadow: 5px 5px #aaaaaa; } .content_article .environnement p:not(.category) { text-shadow: 2px 2px #aaa; text-align: justify; } .content_article .economie p:not(.category) { text-decoration: underline; font-style: italic; } .comment { margin-bottom: 50px; padding: 45px 30px; background: #f9f9f9 } .comment h3 { font-size: 20px; margin-top: 0; color: #666 } .comment h3 span { font-size: 30px; margin-right: 15px } .comment article { padding: 30px; border-top: 1px solid #666 } .comment article:last-of-type { border-bottom: 1px solid #666 } .comment button { font-size: 20px; font-weight: 500; display: block; margin: 30px auto 0 } .comment_author { font-weight: 700; padding-right: 15px; color: #3599d8 } .comment_date { padding-left: 15px; border-left: 1px solid #666 } .comment_action a, .comment_author, .comment_date { display: inline-block } .comment_text { margin: 15px 0; font-size: 13px } .comment_action a { font-size: 13px; color: #e74457 } .comment_action a:last-child { font-weight: 700; margin-left: 30px } .banner-page { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 200px; background: #3599d8 } .banner-page:before { background: -webkit-linear-gradient(left, #3599d8 20%, #2584bf 100%); background: linear-gradient(to right, #3599d8 20%, #2584bf 100%) } .banner-page:after, .banner-page:before, .carrousel__content:before { position: absolute; width: 100%; height: 100%; content: '' } .banner-page:after { background: url(../../dist/img/logo-blue.png) no-repeat center } .banner-page h2 { font-family: Georgia, Arial, sans-serif; font-size: 35px; font-weight: 700; font-style: italic; z-index: 1; margin: auto; padding: 0 220px; color: #fff } .full-page { margin-bottom: 70px } .full-page h3, .full-page h4 { font-size: 22px; font-weight: 700; font-style: italic; margin: 40px 0 20px } .full-page h4 { font-size: 17px; color: #666 } .full-page p { margin: 20px 0 } .full-page .important-info, .full-page a { text-decoration: underline } .full-page ul { padding-left: 20px } .full-page li { list-style-position: inside; list-style-type: disc } .carrousel { position: relative; margin-bottom: calc(30px + 1.5em) } .carrousel__content { position: relative; overflow: hidden; min-height: 500px; max-height: 500px } .carrousel__content:before { background: rgba(0, 0, 0, .2) } .carrousel_content-img { position: absolute; z-index: -1; top: 50%; left: 0; transform: translateY(-50%); width: 100% } .carrousel_content-text { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - (220px*2)); padding: 30px 220px; color: #fff; background: rgba(0, 0, 0, .75) } .carrousel_content-text>div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: right } .carrousel_content-text>div:last-child button { margin: auto 0 auto auto } .carrousel_content-date { font-size: 13px; font-weight: 700; margin-bottom: 5px; color: #999 } .carrousel_content-date+p { font-family: Georgia, Arial, sans-serif; font-size: 25px; font-weight: 700; font-style: italic; margin: 5px 0; } .news-carrousel__button__next, .news-carrousel__button__previous { display: none } .news-carrousel__container { white-space: nowrap } .fade .carrousel__content { -webkit-animation: fadein 1s; animation: fadein 1s; white-space: normal } .fade .carrousel__content[aria-hidden=true] { -webkit-animation: fadeout 1s; animation: fadeout 1s } @-webkit-keyframes fadeout { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeout { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fadein { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadein { 0% { opacity: 0 } to { opacity: 1 } } .carrousel__content[aria-hidden=true] { white-space: normal; display: none } .slide .carrousel__content[aria-hidden=true] { display: inline-block } .slide .carrousel__content.visibility-off { visibility: hidden } .news-carrousel__control__list { position: absolute; top: 100%; right: 0; left: 0; padding: 15px 0; list-style-type: none; text-align: center; background: #e74457 } .news-carrousel__control__list li { line-height: 0; display: inline-block; margin: 0 12.5px } .news-carrousel__control__list__link { display: inline-block; width: .9em; height: .9em; cursor: pointer; opacity: .3; border-radius: 1em; background: #fff } .news-carrousel__control__list__link:active, .news-carrousel__control__list__link:focus, .news-carrousel__control__list__link:hover, .news-carrousel__control__list__link[aria-selected=true] { opacity: 1 } .carrousel .invisible { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 } .video-list { margin-bottom: 30px; padding: 30px 220px; background: #f9f9f9 } .video-list h2 { font-size: 21px; font-weight: 400; font-style: italic; margin-bottom: 15px } .video-list h3 { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333 } .video-list p { font-size: 11px } .video-list ul { display: -webkit-box; display: -ms-flexbox; display: flex } .video-list li { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .video-list li:not(:last-child) { padding-right: 15px } .video-list .more-video { font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 155px; max-height: 100px; text-align: center; color: #fff; background: #212121 url(../../dist/img/icon-play.png) no-repeat center } .video-list .more-video a { line-height: 1.2; margin: auto; padding: 0 35px; color: #fff } .video-list_imgbg { overflow: hidden; max-height: 100px } .video-list_imgbg img { width: 100% } .content_category { margin-top: 50px; padding: 50px 220px; background: #f9f9f9 } .content_category h2 { font-size: 20px; font-weight: 700; font-style: italic; margin-bottom: 30px } .content_category a { color: #666 } .content_category ul { border-bottom: 1px solid #ddd } .content_category li { display: inline-block; margin-top: 20px; margin-bottom: 20px; padding-right: 15px; padding-left: 15px } .content_category li:not(first-child):not(:last-child) { border-right: 1px solid #ddd } .content_category-title { min-width: 90px; margin-right: 30px; padding-top: 5px; padding-bottom: 5px; text-align: center; color: #fff } .color-societe { background: #62b1f4 } .color-monde { background: #bdffc2 } .color-culture { background: #8e5fb0 } .color-sciences { background: #ffeaa1 } .color-sport { background: #ea676d } .site-footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 220px; text-align: center; color: #fff; background: #3599d8 } .site-footer-top h2 { font-family: Georgia, Arial, sans-serif; font-size: 20px; font-weight: 400; font-style: italic; margin-bottom: 20px } .site-footer-top a { color: #fff } .site-footer-top>section { padding: 10px 3% } .site-footer-top_follow, .site-footer-top_horaire { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 } .site-footer-top_horaire { border-right: 1px solid rgba(255, 255, 255, .3) } .site-footer-top_follow { border-left: 1px solid rgba(255, 255, 255, .3) } .site-footer-top_subnewsletter { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 } .site-footer-top_follow li { font-size: 26px; display: inline-block; margin: 0 20px } .site-footer-top_subnewsletter input[type=email] { width: calc(100% - 80px); border-color: #2f87bf } .site-footer-top_subnewsletter input[type=email]+button { border-color: #2f87bf; font-size: 13px; font-weight: 700; background-color: #2f87bf } .site-footer { padding-bottom: 25px; background: #222 } .site-footer, .site-footer a { color: #757575 } .site-footer h2 { font-size: 17px } .site-footer_colonne { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 50px 220px 0 } .site-footer_colonne>* { padding: 40px } .site-footer_presentation { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 } .site-footer_contact, .site-footer_nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .site-footer_presentation h2 { line-height: 1.5; margin-bottom: .9em; padding-left: 65px; background: url(../../dist/img/logo-grey.png) no-repeat left center; background-size: 50px } .site-footer_presentation p { padding-left: 65px } .site-footer_logobottom { position: relative; height: 70px; background: url(../../dist/img/logo-white.png) no-repeat center; background-size: contain } .site-footer_logobottom:after, .site-footer_logobottom:before { position: absolute; top: 50%; width: calc(50% - 90px); height: 5px; content: ''; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .site-footer_logobottom:before { left: 0; background: #3599d8 } .site-footer_logobottom:after { right: 0; background: #e74457 } @media (max-width:1024px) { .breadcrump, .carrousel_content-text, .content_category, .site-footer-top, .site-footer_colonne, .site-header>*, .video-list { padding-right: 10px !important; padding-left: 10px !important } main { margin-right: 10px !important; margin-left: 10px !important } .carrousel_content-text { width: calc(100% - (10px*2)) } } input[data-faciliti-popin] { background-color: transparent !important; }