/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ /* line 18, ../sass/_reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } sup { vertical-align: inherit; font-size: 0.8em; position: relative; top: -4px; left: 1px; } /* HTML5 display-role reset for older browsers */ /* line 28, ../sass/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .alignleft { float:left;margin-right:10px;margin-bottom:10px; } .alignright { float:right;margin-left:10px;margin-bottom:10px; } #slideshow-bandeau-mobile { display:none; } /* line 31, ../sass/_reset.scss */ body { line-height: 1; } /* line 34, ../sass/_reset.scss */ ol, ul { list-style: none; } /* line 37, ../sass/_reset.scss */ blockquote, q { quotes: none; } /* line 41, ../sass/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 45, ../sass/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 45, ../sass/_config.scss */ .clearfix { clear: both; } @font-face { font-family: 'DINPro'; src: url("../font/dinpro-medium.eot"); src: url("../font/dinpro-medium.eot?#iefix") format("embedded-opentype"), url("../font/dinpro-medium.woff") format("woff"), url("../font/dinpro-medium.ttf") format("truetype"), url("../font/dinpro-medium.svg#dinpromedium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'DINPro'; src: url("../font/dinpro-bold.eot"); src: url("../font/dinpro-bold.eot?#iefix") format("embedded-opentype"), url("../font/dinpro-bold.woff") format("woff"), url("../font/dinpro-bold.ttf") format("truetype"), url("../font/dinpro-bold.svg#dinprobold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'DINPro'; src: url("../font/dinpro-black.eot"); src: url("../font/dinpro-black.eot?#iefix") format("embedded-opentype"), url("../font/dinpro-black.woff") format("woff"), url("../font/dinpro-black.ttf") format("truetype"), url("../font/dinpro-black.svg#dinproblack") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'DIN Alternate'; src: url("../font/dinalternate.eot"); src: url("../font/dinalternate.eot?#iefix") format("embedded-opentype"), url("../font/dinalternate.woff") format("woff"), url("../font/dinalternate.ttf") format("truetype"), url("../font/dinalternate.svg#dinalternate") format("svg"); font-weight: 600; font-style: normal; } /* line 3, ../sass/_layout.scss */ .wrapper-full { width: 100%; } /* line 7, ../sass/_layout.scss */ .wrapper-screen { width: 95%; max-width: 1500px; } /* line 12, ../sass/_layout.scss */ .wrapper-large { width: 960px; margin: auto; position: relative; } /* line 17, ../sass/_layout.scss */ .wrapper-large .align-left { float: left; margin-right: 15px; text-align: left; } /* line 23, ../sass/_layout.scss */ .wrapper-large .align-right { float: right; margin-left: 15px; } /* line 28, ../sass/_layout.scss */ .wrapper-large p { font-size: 14px; line-height: 1.3em; text-align: justify; margin-bottom: 15px; } /* line 34, ../sass/_layout.scss */ .wrapper-large p img { border: 1px solid #b5b1b2; } /* line 38, ../sass/_layout.scss */ .wrapper-large p em, .wrapper-large p i { font-style: italic; } /* line 42, ../sass/_layout.scss */ .wrapper-large p strong, .wrapper-large p b { font-weight: bold; } /* line 47, ../sass/_layout.scss */ .wrapper-large .read-more { text-align: right; font-size: 13px; } /* line 51, ../sass/_layout.scss */ .wrapper-large .read-more a { color: #ce0210; position: relative; } /* line 55, ../sass/_layout.scss */ .wrapper-large .read-more a:before { content: '► '; } /* line 62, ../sass/_layout.scss */ .one-column { width: 300px; float: left; margin-right: 30px; } /* line 81, ../sass/_layout.scss */ .one-column.last-column { margin-right: 0; } /* line 86, ../sass/_layout.scss */ .two-columns { width: 630px; float: left; margin-right: 30px; } /* line 91, ../sass/_layout.scss */ .two-columns.last-column { margin-right: 0; } /* line 96, ../sass/_layout.scss */ hr { clear: both; } /* line 100, ../sass/_layout.scss */ .visually-hidden { width: 1px !important; height: 0px !important; background: none !important; border: 0px !important; margin: 0 !important; padding: 0 !important; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 110, ../sass/_layout.scss */ body { font-family: Helvetica,Arial,Verdana; } /* line 114, ../sass/_layout.scss */ .flower { width: 425px; height: 474px; background: url("../img/layout/flower-pattern.png") no-repeat; margin: auto; position: absolute; top: 100px; left: 0; } /* line 123, ../sass/_layout.scss */ .flower#flower-left { top: 600px; left: -600px; } /* line 129, ../sass/_layout.scss */ #site-header { height: 390px; color: white; } /* line 134, ../sass/_layout.scss */ #site-header .wrapper-large { height: 390px; } /* line 138, ../sass/_layout.scss */ #site-header #site-title { text-align: center; text-transform: uppercase; position: relative; top: 30px; font-size: 15px; font-weight: bold;color:black; } /* line 147, ../sass/_layout.scss */ #site-header #espace-militant { position: absolute; top: 20px; right: 0; z-index: 2; } /* line 153, ../sass/_layout.scss */ #site-header #espace-militant #btn-espace-militant { width: 165px; height: 28px; background: #de1302; border: 1px solid black; color: white; text-decoration: none; display: block; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; } #site-header #espace-militant #btn-espace-militant:first-letter { text-transform: uppercase; } /* line 167, ../sass/_layout.scss */ #site-header #espace-militant img { margin-left: 1px; } /* line 172, ../sass/_layout.scss */ #site-header #elections { position: absolute; width:221px; height:193px; top: 70px; right: 180px; z-index: 500; } #site-header #rechercher { position: absolute; bottom: 16px; right: 180px; z-index: 2; height: 32px; width: 210px; background: url("../img/layout/search-icon.png") no-repeat #f4f3f3 10px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: 1px solid #808182; } /* line 183, ../sass/_layout.scss */ #site-header #rechercher input { height: 25px; border: 0; width: 170px; float: right; margin-right: 5px; background: #f4f3f3; } /* line 191, ../sass/_layout.scss */ #site-header #rechercher input:focus { outline: none; } /* line 197, ../sass/_layout.scss */ #site-header #partager-page { position: absolute; bottom: 18px; right: 0px; z-index: 2; } /* line 204, ../sass/_layout.scss */ #site-header #partager-page #site-social li { width: 32px; height: 32px; text-indent: -119988px; overflow: hidden; text-align: left; float: left; margin-left: 10px; } /* line 211, ../sass/_layout.scss */ #site-header #partager-page #site-social li.facebook { background: url("../img/layout/header-social-fb.png") no-repeat; } /* line 215, ../sass/_layout.scss */ #site-header #partager-page #site-social li.twitter { background: url("../img/layout/header-social-twitter.png") no-repeat; } /* line 219, ../sass/_layout.scss */ #site-header #partager-page #site-social li.google_plus { background: url("../img/layout/header-social-g+.png") no-repeat; } /* line 223, ../sass/_layout.scss */ #site-header #partager-page #site-social li.youtube { background: url("../img/layout/header-social-yt.png") no-repeat; } /* line 227, ../sass/_layout.scss */ #site-header #partager-page #site-social li a { display: block; width: 32px; height: 32px; } /* line 236, ../sass/_layout.scss */ #site-header #page-title { position: absolute; bottom: 16px; left: 0; z-index: 2; color: white; font-size: 30px; width: 280px; line-height: 1.1em; text-transform: uppercase; text-shadow: 0 0 4px #000; /* horizontal-offset vertical-offset 'blur' colour */ -moz-text-shadow: 0 0 4px #000; -webkit-text-shadow: 0 0 4px #000; opacity: 0.7; font-family: "DINPro"; font-weight: 600; letter-spacing: 1px; } /* line 254, ../sass/_layout.scss */ #site-header #page-title:first-letter { font-size: 40px; } /* line 260, ../sass/_layout.scss */ #main-slider { background: #444; height: 330px; position: absolute; top: 50px; left: 5%; z-index: 1; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } /* line 270, ../sass/_layout.scss */ #main-slider ul { width: 100%; height: 330px; position: absolute; top: 0; left: 0px; z-index: 1; } /* line 278, ../sass/_layout.scss */ #main-slider ul li { width: 100%; height: 330px; position: absolute; top: 0; left: 100%; z-index: 1; } /* line 286, ../sass/_layout.scss */ #main-slider ul li img { height: 330px; } /* line 290, ../sass/_layout.scss */ #main-slider ul li:first-child { left: 0; } /* line 296, ../sass/_layout.scss */ #main-slider button { width: 32px; height: 134px; position: absolute; top: 100px; background: black; border: 0; cursor: pointer; text-indent: -9999px; font-size: 0px; color: white; z-index: 2; display: none; } /* line 310, ../sass/_layout.scss */ #main-slider button:focus { outline: none; } /* line 314, ../sass/_layout.scss */ #main-slider button:before { color: white; text-indent: 0; display: block; font-size: 15px; } /* line 321, ../sass/_layout.scss */ #main-slider button.disabled { cursor: default; outline: none; } /* line 325, ../sass/_layout.scss */ #main-slider button.disabled:before { color: #666 !important; } /* line 330, ../sass/_layout.scss */ #main-slider button.prev-slide { left: 0; } /* line 333, ../sass/_layout.scss */ #main-slider button.prev-slide:before { content: '<'; } /* line 338, ../sass/_layout.scss */ #main-slider button.next-slide { right: 0; } /* line 341, ../sass/_layout.scss */ #main-slider button.next-slide:before { content: '>'; } /* line 348, ../sass/_layout.scss */ #site-nav { position: absolute; top: 29px; left: 0; z-index: 2; display:block; } /* line 354, ../sass/_layout.scss */ #site-nav > ul { width: 170px; } /* Pour agrandir la surface de clic du bandeau de voeux */ #site-nav > ul:hover { width: 570px; } /* line 357, ../sass/_layout.scss */ #site-nav > ul > li { height: 20px; margin-bottom: 5px; line-height: 20px; font-size: 13px; font-weight: bold; position: relative; } /* line 366, ../sass/_layout.scss */ #site-nav > ul > li.current > a { background: #ffcb05; color: #8e0505; text-decoration: none; text-transform: uppercase; } /* line 374, ../sass/_layout.scss */ #site-nav > ul > li > a { color: white; text-decoration: none; background: #272626; text-indent: 10px; padding-right: 10px; display: inline-block; } /* line 383, ../sass/_layout.scss */ #site-nav > ul > li > a:hover { background: #ffcb05; color: #8e0505; text-decoration: none; } /* line 390, ../sass/_layout.scss */ #site-nav > ul > li > ul { display: none; position: absolute; top: -20px; left: 195px; width: 300px; z-index: 9999999999; } #site-nav > ul > li > ul.publications { top:-40px; } #site-nav > ul > li > ul > li > a:hover { background: #ffcb05; color: #8e0505; text-decoration: none; } /* line 398, ../sass/_layout.scss */ #site-nav > ul > li > ul li { height: 20px; line-height: 20px; margin-bottom: 5px; } /* line 403, ../sass/_layout.scss */ #site-nav > ul > li > ul li a { background: #272626; color: white; text-decoration: none; display: inline-block; text-indent: 10px; padding-right: 10px; } /* line 417, ../sass/_layout.scss */ p#bandeau-adherer { text-indent: -119988px; overflow: hidden; text-align: left; width: 76px; height: 277px; position: absolute; top: 75px; left: -106px; z-index: 800; background: url("../img/layout/bandeau-adherer.png") no-repeat; } /* line 427, ../sass/_layout.scss */ p#bandeau-adherer a { display: block; width: 76px; height: 277px; } p#bandeau-adherer-h { display:none; text-indent: -119988px; overflow: hidden; text-align: left; width: 277px; height: 61px; background: url("../img/layout/bandeau-adherer-h.png") no-repeat; margin-top:15px; } /* line 427, ../sass/_layout.scss */ p#bandeau-adherer-h a { display: block; width: 277px; height: 61px; } /* line 434, ../sass/_layout.scss */ p#slogan { font-family: "DIN Alternate"; font-weight: bold; margin: 30px 0; text-align: left; font-size: 40px; color: #4e4d4d; } /* line 442, ../sass/_layout.scss */ p#slogan strong { font-size: 35px; text-transform: uppercase; } /* line 448, ../sass/_layout.scss */ article { background: url("../img/layout/article-separator.png") repeat-x bottom left; padding-bottom: 1px; margin-bottom: 12px; } /* line 453, ../sass/_layout.scss */ article.last-child { background: none; margin: 0; padding: 0; } /* line 459, ../sass/_layout.scss */ article h1 { color: #b5b1b2; font-size: 16px; line-height: 1.3em; margin-bottom: 2px; } /* line 465, ../sass/_layout.scss */ article h1 strong { font-size: 16px; font-family: "DINPro",Helvetica,Arial; font-weight: 900; color: black; display: block; text-transform: uppercase; } /* line 475, ../sass/_layout.scss */ article p { font-size: 13px !important; } /* line 478, ../sass/_layout.scss */ article p:nth-last-child(2) { margin-bottom: 8px; } /* line 483, ../sass/_layout.scss */ article#edito { background: none; margin: 0; padding: 0; } /* line 488, ../sass/_layout.scss */ article#edito h1 { font-size: 25px; margin-bottom: 10px; } /* line 492, ../sass/_layout.scss */ article#edito h1 strong { font-size: 30px; } /* line 497, ../sass/_layout.scss */ article#edito > p { font-size: 13px !important;text-align:left!important; } article#edito > h3 { font-family: "DIN Alternate",Helvetica,Arial; color: #939191; font-size: 20px; margin-top: 20px; margin-bottom: 15px; } article#edito p.chapeau { font-weight:bold; font-size:14px !important; } article#edito ul { font-size:13px !important;margin-left:25px;margin-bottom: 15px; } article#edito ul li { line-height: 1.5em; list-style: disc; font-size: 13px; margin-bottom: 5px; } article#edito img.alignleft { float:left; } article#edito img.alignright { float:right } /* line 502, ../sass/_layout.scss */ article time { font-size: 12px; } /* line 505, ../sass/_layout.scss */ article time:before { content: '> '; } /* line 510, ../sass/_layout.scss */ article p.author { font-weight: bold; margin-top: 4px; font-size: 12px !important; } #initiatives > article h1 {color:#90bd46;} #initiatives > article p a {color:#90bd46; text-decoration:none;} #initiatives > article p a:hover {color:#090; text-decoration:none;} /* line 517, ../sass/_layout.scss */ #module-newsletter { width: 300px; height: 136px; background: url("../img/layout/newsletter-block.png") no-repeat; margin-left: -20px; padding-left: 20px; margin-top: -18px; padding-top: 18px; margin-bottom: 30px; position: relative; } /* line 528, ../sass/_layout.scss */ #module-newsletter:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -41px; left: 20px; } /* line 539, ../sass/_layout.scss */ #module-newsletter.small { height: 83px; background: url("../img/layout/newsletter-block-small.png") no-repeat; } /* line 543, ../sass/_layout.scss */ #module-newsletter.small:after { bottom: -40px; } /* line 547, ../sass/_layout.scss */ #module-newsletter.small a { text-decoration: none; color: black; display: block; height: 70px; } /* line 555, ../sass/_layout.scss */ #module-newsletter h1 { font-family: "Din Alternate",Arial,Helvetica; font-size: 25px; margin: 9px 0 0 88px; text-transform: uppercase; } /* line 561, ../sass/_layout.scss */ #module-newsletter h1 span { color: #c5030a; } /* line 566, ../sass/_layout.scss */ #module-newsletter p { font-size: 11px; margin-top: 3px; margin-left: 88px; margin-right: 0px; text-align: left; margin-bottom: 8px; } /* line 575, ../sass/_layout.scss */ #module-newsletter input { width: 270px; margin: auto; display: block; height: 18px; -moz-box-shadow: inset 3px 2px 2px rgba(0, 0, 0, 0.09); -webkit-box-shadow: inset 3px 2px 2px rgba(0, 0, 0, 0.09); box-shadow: inset 3px 2px 2px rgba(0, 0, 0, 0.09); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-indent: 10px; } /* line 589, ../sass/_layout.scss */ #module-newsletter button { width: 80px; height: 25px; background: url("../img/layout/newsletter-button.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; border: 0; cursor: pointer; margin-left: 12px; margin-top: 5px; } /* line 601, ../sass/_layout.scss */ #jt-cheminots { width: 300px; margin-bottom: 30px; margin-top:30px; position: relative; } /* line 608, ../sass/_layout.scss */ #jt-cheminots:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -41px; left: 0px; } /* line 619, ../sass/_layout.scss */ #jt-cheminots.small { background: url("../img/layout/jt-info-block-small.png") no-repeat; height: 78px; } /* line 623, ../sass/_layout.scss */ #jt-cheminots.small:after { bottom: -42px; } /* line 627, ../sass/_layout.scss */ #jt-cheminots.small a { display: block; width: 300px; height: 78px; } /* line 634, ../sass/_layout.scss */ #jt-cheminots h2 { margin-top: 162px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #323a3d; } /* line 643, ../sass/_layout.scss */ #jt-cheminots article { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#323232, #000000); background-image: -moz-linear-gradient(#323232, #000000); background-image: -o-linear-gradient(#323232, #000000); background-image: linear-gradient(#323232, #000000); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 300px; height: 240px; margin: 8px auto; color: white; overflow: hidden; } /* line 652, ../sass/_layout.scss */ #jt-cheminots article h1 { font-family: "DIN Alternate",Arial,Helvetica; font-size: 16px; font-weight: normal; text-transform: uppercase; color: white; margin: 8px; margin-left: 13px; } /* line 661, ../sass/_layout.scss */ #jt-cheminots article .video { position: relative; width: 270px; height: 150px; margin-left: 8px; display: block; margin-right: 8px; } /* line 670, ../sass/_layout.scss */ #jt-cheminots article .video img { position: absolute; top: 0; left: 0; width: 270px; height: 150px; display: block; margin-left: 6px;} /* line 680, ../sass/_layout.scss */ #jt-cheminots article p { margin-top:10px;margin-left:10px; text-align: left; font-size: 12px !important; } /* line 687, ../sass/_layout.scss */ #jt-cheminots #btn-chaine-cheminots { width: 286px; height: 23px; background: url("../img/layout/jt-info-button.png") no-repeat; display: block; margin: auto; text-indent: -119988px; overflow: hidden; text-align: left; } #medias #btn-acces-medias { width: 286px; height: 23px; background-color:#C00; display: block; margin: auto; overflow: hidden; text-align: center; color:#fff; text-decoration:none; line-height:23px; border-radius:5px; font-size:15px;} /* line 697, ../sass/_layout.scss */ #medias { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #2b2a2a; color: white; width: 300px; height: auto; margin-bottom: 30px; position: relative; padding-top: 1px; padding-bottom:10px; } /* line 707, ../sass/_layout.scss */ #medias:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -42px; left: 0px; } /* line 718, ../sass/_layout.scss */ #medias.small { height: 60px; } /* line 721, ../sass/_layout.scss */ #medias.small h1 { border-bottom: 0; margin-bottom: 0; margin-left: 4px; } #medias.small h1:before { content: ''; display: block; background: url("../img/layout/ico-medias.png") no-repeat; width: 37px; height: 37px; position: absolute; top: 10px; left: 10px;} .button#page-lexique.orange h1:before { content: ''; display: block; background: url("../img/layout/icon-lexique-orange.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -1px; left: 4px; } /* line 728, ../sass/_layout.scss */ #medias.small ul li { width: 100px; height: 35px; margin-left: 0px; } /* line 733, ../sass/_layout.scss */ #medias.small ul li a { display: block; width: 100px; height: 35px; } /* line 739, ../sass/_layout.scss */ #medias.small ul li#media-radio { background: url("../img/layout/medias-radio-small.png"); } /* line 743, ../sass/_layout.scss */ #medias.small ul li#media-television { background: url("../img/layout/medias-tv-small.png"); } /* line 747, ../sass/_layout.scss */ #medias.small ul li#media-presse { background: url("../img/layout/medias-presse-small.png"); } /* line 754, ../sass/_layout.scss */ #medias h1 { text-transform: uppercase; margin-top:20px; margin-right:10px; /*border-bottom: 1px solid white;*/ padding-bottom: 5px; font-size: 18px; font-family: "DIN Alternate",Arial,Helvetica; margin-bottom: 7px; text-indent:65px; } #medias h1:before { content: ''; display: block; background: url("../img/layout/ico-medias.png") no-repeat; width: 37px; height: 37px; position: absolute; top: 10px; left: 10px;} /* line 763, ../sass/_layout.scss */ #medias h1 strong { color: #d40212; } /* line 769, ../sass/_layout.scss */ #medias ul li { width: 86px; height: 91px; float: left; text-indent: -119988px; overflow: hidden; text-align: left; margin-left: 10px; } /* line 776, ../sass/_layout.scss */ #medias ul li a { display: block; width: 86px; height: 91px; } /* line 782, ../sass/_layout.scss */ #medias ul li#media-radio { background: url("../img/layout/medias-radio.png"); } /* line 786, ../sass/_layout.scss */ #medias ul li#media-television { background: url("../img/layout/medias-tv.png"); } /* line 790, ../sass/_layout.scss */ #medias ul li#media-presse { background: url("../img/layout/medias-presse.png"); } /* line 797, ../sass/_layout.scss */ #liens-utiles { position: relative; } /* line 800, ../sass/_layout.scss */ #liens-utiles:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -42px; left: 0px; } /* line 811, ../sass/_layout.scss */ #liens-utiles #btn-liens-utiles { width: 300px; height: 49px; background: url("../img/layout/liens-button.png") no-repeat; cursor: pointer; font-family: "Din Alternate",Arial,Helvetica; font-size: 18px; line-height: 49px; text-indent: 65px; text-transform: uppercase; border-radius:5px;} /* line 822, ../sass/_layout.scss */ #liens-utiles #btn-liens-utiles span { color: #c5030a; } /* line 827, ../sass/_layout.scss */ #liens-utiles ul { display: none; position: absolute; top: 49px; left: 0; z-index: 6; width: 300px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e2e2e2)); background-image: -webkit-linear-gradient(#f8f8f8, #e2e2e2); background-image: -moz-linear-gradient(#f8f8f8, #e2e2e2); background-image: -o-linear-gradient(#f8f8f8, #e2e2e2); background-image: linear-gradient(#f8f8f8, #e2e2e2); border: 1px solid #d2d2d2; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 839, ../sass/_layout.scss */ #liens-utiles ul li { margin-bottom: 10px; font-size: 14px; } /* line 843, ../sass/_layout.scss */ #liens-utiles ul li:last-child { margin: 0; } /* line 847, ../sass/_layout.scss */ #liens-utiles ul li a { color: black; text-decoration: none; } /* line 851, ../sass/_layout.scss */ #liens-utiles ul li a:before { content: '• '; color: #c5030a; margin-right: 6px; } /* line 857, ../sass/_layout.scss */ #liens-utiles ul li a:hover { color: #c5030a; } /* line 865, ../sass/_layout.scss */ #pub { border-top: 6px solid #d5d3d3; border-bottom: 6px solid #d5d3d3; margin: 30px 0; padding: 5px 0; } /* line 871, ../sass/_layout.scss */ #pub li { float: left; margin-right: 20px; } /* line 875, ../sass/_layout.scss */ #pub li:last-child { margin-right: 0; } /* line 881, ../sass/_layout.scss */ #les-campagnes { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e1e1e2)); background-image: -webkit-linear-gradient(#f8f8f8, #e1e1e2); background-image: -moz-linear-gradient(#f8f8f8, #e1e1e2); background-image: -o-linear-gradient(#f8f8f8, #e1e1e2); background-image: linear-gradient(#f8f8f8, #e1e1e2); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #cdcdcd; height: 200px; position: relative; } /* line 888, ../sass/_layout.scss */ #les-campagnes h1 { font-family: "Din Alternate",Arial,Helvetica; font-size: 18px; text-transform: uppercase; margin: 10px; color: #31393c; padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #31393c; } /* line 899, ../sass/_layout.scss */ #les-campagnes nav { position: absolute; top: 10px; right: 10px; } /* line 904, ../sass/_layout.scss */ #les-campagnes nav button { width: 20px; height: 20px; background: black; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 0; cursor: pointer; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 913, ../sass/_layout.scss */ #les-campagnes nav button:focus { outline: none; } /* line 917, ../sass/_layout.scss */ #les-campagnes nav button.disabled { opacity: 0.5; cursor: default; } /* line 922, ../sass/_layout.scss */ #les-campagnes nav button.prev-slide { background: url("../img/layout/campagnes-button-prev.png") no-repeat; } /* line 926, ../sass/_layout.scss */ #les-campagnes nav button.next-slide { background: url("../img/layout/campagnes-button-next.png") no-repeat; } /* line 932, ../sass/_layout.scss */ #les-campagnes .campagnes-wrapper { margin: 0 10px; height: 145px; overflow: hidden; position: relative; } /* line 939, ../sass/_layout.scss */ #les-campagnes ul { position: absolute; height: 145px; left: 0; top: 0; } /* line 945, ../sass/_layout.scss */ #les-campagnes ul li { position: absolute; top: 0; left: 100%; } /* line 950, ../sass/_layout.scss */ #les-campagnes ul li:first-child { left: 0; } /* line 956, ../sass/_layout.scss */ #les-campagnes p { font-size: 13px !important; margin-left: 125px; margin-top: 20px; text-align: left; } /* line 962, ../sass/_layout.scss */ #les-campagnes p.read-more { text-align: right; } /* line 967, ../sass/_layout.scss */ #les-campagnes p.cover { width: 93px; height: 145px; position: relative; float: left; margin: 0; } /* line 974, ../sass/_layout.scss */ #les-campagnes p.cover img { border: 0; } /* line 978, ../sass/_layout.scss */ #les-campagnes p.cover img.image { position: absolute; top: 21px; left: 12px; -webkit-box-shadow: #cccccc 3px 3px 5px; -moz-box-shadow: #cccccc 3px 3px 5px; box-shadow: #cccccc 3px 3px 5px; } /* line 985, ../sass/_layout.scss */ #les-campagnes p.cover img.attaches { position: absolute; top: 0px; left: 10px; } /* line 994, ../sass/_layout.scss */ #acces-specifique h1 { font-family: "Din Alternate",Arial,Helvetica; font-size: 18px; text-transform: uppercase; margin-bottom: 30px; } /* line 1003, ../sass/_layout.scss */ #acces-specifique nav > ul > li { width: 150px; height: 155px; float: left; margin-right: 10px; } /* line 1009, ../sass/_layout.scss */ #acces-specifique nav > ul > li > a { z-index: 600; position: relative; } /* line 1015, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-dossiers > a { display: block; width: 150px; height: 155px; background: url("../img/layout/acces_dossiers.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1022, ../sass/_layout.scss */ /* line 1027, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-dossiers ul li a:hover, #acces-specifique nav > ul > li#acces-dossiers ul li:before { color: #76b628; } /* line 1033, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-metiers > a { display: block; width: 150px; height: 155px; background: url("../img/layout/acces_metiers.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1040, ../sass/_layout.scss */ /* line 1045, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-metiers ul li a:hover, #acces-specifique nav > ul > li#acces-metiers ul li:before { color: #fb3602; } /* line 1051, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-droits-infos-pratiques > a { display: block; width: 150px; height: 155px; background: url("../img/layout/acces_pratique.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1063, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-droits-infos-pratiques ul li a:hover, #acces-specifique nav > ul > li#acces-droits-infos-pratiques ul li:before { color: #8a1d7f; } /* line 1069, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-publications > a { display: block; width: 150px; height: 155px; background: url("../img/layout/acces_publications.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1076, ../sass/_layout.scss */ /* line 1081, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-publications ul li a:hover, #acces-specifique nav > ul > li#acces-publications ul li:before { color: #fcbd02; } /* line 1086, ../sass/_layout.scss */ #acces-specifique nav > ul > li:last-child { margin-right: 0; } /* line 1090, ../sass/_layout.scss */ #acces-specifique nav > ul > li ul { display: none; width: 150px; background: white; position: relative; top: -45px; z-index: 500; padding-top: 55px; padding-bottom: 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: #aaaaaa 0px 2px 3px; -moz-box-shadow: #aaaaaa 0px 2px 3px; box-shadow: #aaaaaa 0px 2px 3px; } /* line 1102, ../sass/_layout.scss */ #acces-specifique nav > ul > li ul li { font-size: 12px; margin: 0 10px 5px 22px; position: relative; } /* line 1107, ../sass/_layout.scss */ #acces-specifique nav > ul > li ul li:before { content: '♦'; font-size: 14px; position: absolute; left: -14px; top: 0; } /* line 1115, ../sass/_layout.scss */ #acces-specifique nav > ul > li ul li a { line-height: 1.3em; color: black; text-decoration: none; } /* line 1127, ../sass/_layout.scss */ .block-content { position: relative; } /* line 1130, ../sass/_layout.scss */ .block-content .block-link { width: 300px; height: 210px; position: absolute; top: 2px; left: 0; } /* line 1138, ../sass/_layout.scss */ .block-content .content { width: 100%; height: 90px; position: absolute; bottom: 16px; left: 0; color: white; } /* line 1146, ../sass/_layout.scss */ .block-content .content p { margin-top: 5px; font-size: 12px !important; margin-right: 10px; margin-bottom: 5px; text-align: left; } /* line 1153, ../sass/_layout.scss */ .block-content .content p a { color: #f9cd01; } /* line 1157, ../sass/_layout.scss */ .block-content .content p.read-more { margin-top: 0; text-align: right; } /* line 1163, ../sass/_layout.scss */ .block-content .content .image { float: left; margin: 5px 10px 0 10px; } /* line 1167, ../sass/_layout.scss */ .block-content .content .image img { border: 1px solid white; } /* line 1174, ../sass/_layout.scss */ #espace-jeunes { height: 322px; margin-top: 30px; background: url("../img/layout/espace-jeunes.png") no-repeat; } /* line 1180, ../sass/_layout.scss */ #maitrise-cadres { height: 322px; margin-top: 30px; background: url("../img/layout/maitrises-cadres.png") no-repeat; } /* line 1186, ../sass/_layout.scss */ #retraites { height: 322px; margin-top: 30px; background: url("../img/layout/retraites.png") no-repeat; } /* line 1192, ../sass/_layout.scss */ #photo-du-mois { height: 388px; margin-top: 25px; margin-bottom: 25px; background: black; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* line 1200, ../sass/_layout.scss */ #photo-du-mois header { height: 60px; position: relative; color: white; } /* line 1205, ../sass/_layout.scss */ #photo-du-mois header h1 { color: #e80b0c; font-family: "Din Alternate",Arial,Helvetica; font-size: 22px; text-transform: uppercase; display: inline-block; margin: 18px 10px 0 15px; position: relative; text-indent: 50px; } /* line 1215, ../sass/_layout.scss */ #photo-du-mois header h1:before { content: ''; display: block; width: 36px; height: 27px; background: url("../img/layout/photo-du-mois-icon.jpg") no-repeat; position: absolute; top: -3px; left: 0px; } /* line 1226, ../sass/_layout.scss */ #photo-du-mois header h1 span { color: white; } /* line 1231, ../sass/_layout.scss */ #photo-du-mois header p.author { display: inline-block; } /* line 1235, ../sass/_layout.scss */ #photo-du-mois header p.see-all { position: absolute; top: 15px; right: 10px; width: 236px; height: 31px; background: url("../img/layout/photo-du-mois-voir-tout.jpg") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1244, ../sass/_layout.scss */ #photo-du-mois header p.see-all a { display: block; width: 236px; height: 31px; } /* line 1253, ../sass/_layout.scss */ #page-layout { margin-top: 25px; } #page-layout a { color:#df0404; } #page-layout.fede { margin-top: 25px;} /* line 1256, ../sass/_layout.scss */ #page-layout.actus { position: relative; } /* line 1259, ../sass/_layout.scss */ #page-layout.actus .actu-separator { width: 100%; height: 1px; background: #b6b4b4; margin: 30px 0 20px 0; } /* line 1265, ../sass/_layout.scss */ #page-layout.actus .actu-separator a { display: block; width: 30px; height: 20px; margin: auto; text-indent: -119988px; overflow: hidden; text-align: left; position: relative; } /* line 1273, ../sass/_layout.scss */ #page-layout.actus .actu-separator a.prev-actu { top: -16px; display: block; height: 0; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #b6b4b4; } /* line 1277, ../sass/_layout.scss */ #page-layout.actus .actu-separator a.prev-actu.disabled { visibility: hidden; } /* line 1282, ../sass/_layout.scss */ #page-layout.actus .actu-separator a.next-actu { top: -11px; display: block; height: 0; width: 0; border-top: 14px solid #b6b4b4; border-right: 10px solid transparent; border-left: 10px solid transparent; } /* line 1286, ../sass/_layout.scss */ #page-layout.actus .actu-separator a.next-actu.disabled { visibility: hidden; } /* line 1293, ../sass/_layout.scss */ #page-layout.actus .social { float:right;position:relative;top:7px; } /* line 1298, ../sass/_layout.scss */ #page-layout.actus .social li { width: 25px; height: 25px; text-indent: -119988px; overflow: hidden; text-align: left; float: left; margin-left: 10px; background-size: 25px 25px !important; } /* line 1306, ../sass/_layout.scss */ #page-layout.actus .social li.facebook { background: url("../img/layout/header-social-fb.png") no-repeat; } /* line 1310, ../sass/_layout.scss */ #page-layout.actus .social li.twitter { background: url("../img/layout/header-social-twitter.png") no-repeat; } /* line 1314, ../sass/_layout.scss */ #page-layout.actus .social li.google_plus { background: url("../img/layout/header-social-g+.png") no-repeat; } /* line 1318, ../sass/_layout.scss */ #page-layout.actus .social li.print { background: url("../img/layout/icon-print.png") no-repeat; } /* line 1322, ../sass/_layout.scss */ #page-layout.actus .social li a { display: block; width: 32px; height: 32px; } #page-layout.actus > article p, #page-layout.actus > article .actu_content ul,#page-layout.actus > article .actu_content ul li { text-align:left; } #page-layout.actus > article li { margin-bottom:5px;line-height: 1.3em; } #page-layout.actus > article ul li { font-size:13px; } #page-layout.actus > article ul li strong { font-weight:bold; } #page-layout.actus > article ul { list-style: disc;margin-left:30px; } #page-layout.actus > article ol li { font-size:13px; } #page-layout.actus > article ol { list-style:decimal;margin-left:30px; } #page-layout.actus > article .actu_content.closed { display:none; } #page-layout.actus .actu_content table { font-size:13px;border: 1px solid #ccc;width: 100%;max-width: 100%;margin-bottom:15px; } #page-layout.actus .actu_content table tr td { padding:7px 5px; } #page-layout.actus .actu_content table tr:first-child td { background:#ccc;height: 35px;line-height: 1.3em;font-weight: bold;padding: 2px 5px; } /* line 1330, ../sass/_layout.scss */ #page-layout.actus > article, #page-layout.actus #actus-hide > article { background: url("../img/layout/article-separator.png") repeat-x top left; padding-top: 15px; position: relative; } /* line 1335, ../sass/_layout.scss */ #page-layout.actus > article:first-child, #page-layout.actus #actus-hide > article:first-child { background: none; padding-top: 0px; } /* line 1339, ../sass/_layout.scss */ #page-layout.actus > article:first-child .social, #page-layout.actus #actus-hide > article:first-child .social { top: 10px; } /* line 1344, ../sass/_layout.scss */ #page-layout.actus > article section, #page-layout.actus #actus-hide > article section { border-top: 1px solid #ededed; } /* line 1347, ../sass/_layout.scss */ #page-layout.actus > article section h1, #page-layout.actus #actus-hide > article section h1 { width: 205px; height: 26px; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 1353, ../sass/_layout.scss */ #page-layout.actus > article section ul, #page-layout.actus #actus-hide > article section ul { padding-left: 38px; margin-top: 10px; } /* line 1358, ../sass/_layout.scss */ #page-layout.actus > article section ul, #page-layout.actus > article section li, #page-layout.actus #actus-hide > article section ul, #page-layout.actus #actus-hide > article section li { list-style: none; } /* line 1362, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers, #page-layout.actus #actus-hide > article section.dossiers { background: url("../img/layout/title_dossiers.png") no-repeat; } /* line 1365, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li, #page-layout.actus #actus-hide > article section.dossiers li { position: relative; text-indent: 18px; margin-bottom: 4px; } /* line 1370, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li a, #page-layout.actus #actus-hide > article section.dossiers li a { font-family: Helvetica,Arial; font-weight: bold; color: black; text-decoration: none; font-size: 13px; } /* line 1378, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li:before, #page-layout.actus #actus-hide > article section.dossiers li:before { position: absolute; top: 0; left: 0; } /* line 1385, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li.dossiers:before, #page-layout.actus #actus-hide > article section.dossiers li.dossiers:before { display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #df0404; display: block; position: absolute; top: 6px; left: 0; content: ''; } /* line 1393, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li.dossiers a:hover, #page-layout.actus #actus-hide > article section.dossiers li.dossiers a:hover { color: #df0404; } /* line 1399, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li.metiers:before, #page-layout.actus #actus-hide > article section.dossiers li.metiers:before { content: ''; width: 18px; height: 18px; background: url("../img/layout/icon-metiers.png") no-repeat; display: block; } /* line 1407, ../sass/_layout.scss */ #page-layout.actus > article section.dossiers li.metiers a:hover, #page-layout.actus #actus-hide > article section.dossiers li.metiers a:hover { color: #ef6a2f; } /* line 1414, ../sass/_layout.scss */ #page-layout.actus > article section.telechargements, #page-layout.actus #actus-hide > article section.telechargements { background: url("../img/layout/title_telechargements.png") no-repeat; } /* line 1417, ../sass/_layout.scss */ #page-layout.actus > article section.telechargements li, #page-layout.actus #actus-hide > article section.telechargements li { position: relative; text-indent: 18px; margin-bottom: 4px; } /* line 1422, ../sass/_layout.scss */ #page-layout.actus > article section.telechargements li a, #page-layout.actus #actus-hide > article section.telechargements li a { font-family: Helvetica,Arial; font-weight: bold; color: black; text-decoration: none; font-size: 13px; } /* line 1429, ../sass/_layout.scss */ #page-layout.actus > article section.telechargements li a:hover, #page-layout.actus #actus-hide > article section.telechargements li a:hover { color: #df0404; } /* line 1434, ../sass/_layout.scss */ #page-layout.actus > article section.telechargements li:before, #page-layout.actus #actus-hide > article section.telechargements li:before { display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #df0404; display: block; position: absolute; top: 6px; left: 0; content: ''; } /* line 1446, ../sass/_layout.scss */ #page-layout.actus > article > h1, #page-layout.actus #actus-hide > article > h1 { font-family: "DINPro",Helvetica,Arial; font-size: 40px; font-weight: bold; color: black; text-transform: uppercase;cursor:pointer; } /* line 1454, ../sass/_layout.scss */ #page-layout.actus > article > h2, #page-layout.actus #actus-hide > article > h2 { font-family: "DIN Alternate",Helvetica,Arial; font-size: 28px; color: #939191; line-height: 1.1em; } /* line 1461, ../sass/_layout.scss */ #page-layout.actus > article .infos, #page-layout.actus #actus-hide > article .infos { float:left;margin-top: 12px; margin-bottom: 15px; font-family: Helvetica,Arial; font-size: 15px; } /* line 1467, ../sass/_layout.scss */ #page-layout.actus > article .infos time, #page-layout.actus #actus-hide > article .infos time { color: #939191; font-size: 15px; } /* line 1471, ../sass/_layout.scss */ #page-layout.actus > article .infos time:before, #page-layout.actus #actus-hide > article .infos time:before { content: ''; } /* line 1477, ../sass/_layout.scss */ #page-layout.actus > article > figure, #page-layout.actus #actus-hide > article > figure { margin-bottom: 20px; } /* line 1480, ../sass/_layout.scss */ #page-layout.actus > article > figure figcaption, #page-layout.actus #actus-hide > article > figure figcaption { font-size: 11px; font-family: Helvetica,Arial; } /* line 1487, ../sass/_layout.scss */ #page-layout.actus > article p.chapeau, #page-layout.actus #actus-hide > article p.chapeau { font-weight: bold; font-size: 16px !important; } /* line 1493, ../sass/_layout.scss */ #page-layout.actus > article h3, #page-layout.actus #actus-hide > article h3 {font-family: "DIN Alternate",Helvetica,Arial; color: #939191; font-size: 20px; margin-top:20px; margin-bottom: 15px; } #page-layout.actus > article p.notes { font-size:12px !important; color:#939191;margin-top:25px;clear: both; } /* line 1500, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu, #page-layout.actus #actus-hide > article .medias_actu { margin-top: 30px; } /* line 1503, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article, #page-layout.actus #actus-hide > article .medias_actu article { background: none; } /* line 1506, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article h1, #page-layout.actus #actus-hide > article .medias_actu article h1 { color: #fd0808; font-size: 16px; text-transform: uppercase; font-family: "DIN Alternate",Helvetica; margin-top: 5px; } /* line 1514, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article a, #page-layout.actus #actus-hide > article .medias_actu article a { text-decoration: none; color: black; } /* line 1519, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article a:hover figure:before, #page-layout.actus #actus-hide > article .medias_actu article a:hover figure:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; height: 168px; width: 300px; background: black; opacity: 0.2; } /* line 1533, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article figure, #page-layout.actus #actus-hide > article .medias_actu article figure { position: relative; height: 168px; width: 300px; } /* line 1538, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article figure img, #page-layout.actus #actus-hide > article .medias_actu article figure img { position: absolute; top: 0; left: 0; z-index: 1; display: block; } /* line 1547, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article figure.video:after, #page-layout.actus #actus-hide > article .medias_actu article figure.video:after { content: ''; position: absolute; top: 55px; left: 120px; z-index: 3; display: block; width: 61px; height: 55px; background: url("../img/layout/video-play.png") no-repeat; } /* line 1561, ../sass/_layout.scss */ #page-layout.actus > article .medias_actu article figure.photos:after, #page-layout.actus #actus-hide > article .medias_actu article figure.photos:after { content: ''; position: absolute; top: 45px; left: 106px; z-index: 3; display: block; width: 95px; height: 80px; background: url("../img/layout/photos-icon.png") no-repeat; } /* line 1580, ../sass/_layout.scss */ #page-layout.ufcm-cgt .logo { float: right; margin-left: 20px; margin-bottom: 20px; } /* line 1586, ../sass/_layout.scss */ #page-layout.ufcm-cgt > h1 { font-family: Impact, "DINPro", Helvetica; font-size: 72px; color: #a91b21; margin-bottom: 10px; } /* line 1593, ../sass/_layout.scss */ #page-layout.ufcm-cgt > h2 { font-family: Impact, "DINPro", Helvetica; font-size: 24px; margin-top: 10px; color: #611b1d; border-left: 7px solid #de0222; padding-left: 10px; } /* line 1601, ../sass/_layout.scss */ #page-layout.ufcm-cgt > h2:before { background: none; } /* line 1606, ../sass/_layout.scss */ #page-layout.ufcm-cgt .graphic-right { margin-top: 80px; } /* line 1609, ../sass/_layout.scss */ #page-layout.ufcm-cgt .graphic-right h2 { color: #6c6969; font-family: Impact, "DINPro", Helvetica; font-size: 38px; text-transform: uppercase; text-align: right; } /* line 1617, ../sass/_layout.scss */ #page-layout.ufcm-cgt .graphic-right figure { float: right; margin-top: 20px; } /* line 1624, ../sass/_layout.scss */ #page-layout > h1 { font-family: "DINPro",Helvetica,Arial; font-size: 26px; text-transform: uppercase; font-weight: 600; line-height: 1.2em; color: #ef6a2f; margin-bottom: 30px; } #page-layout.fede > h1 { font-family: "DINPro",Helvetica,Arial; font-size: 26px; text-transform: uppercase; font-weight: 600; line-height: 1.2em; color: #C00; margin-bottom: 30px; } /* line 1633, ../sass/_layout.scss */ #page-layout > h1 span { display: block; text-transform: none; color: #939191; font-family: "DIN Alternate",Helvetica,Arial; font-weight: 400; font-size: 20px; } /* line 1643, ../sass/_layout.scss */ #page-layout > h2 { color: #ef6a2f; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } #page-layout.fede > h2 { color: #C00; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } /* line 1654, ../sass/_layout.scss */ #page-layout > h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow.png") no-repeat; } #page-layout.fede > h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-rouge.png") no-repeat; } #page-layout.fede #autres_petitions h2 { color: #C00; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } /* line 1654, ../sass/_layout.scss */ #page-layout #autres_petitions h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow.png") no-repeat; } #page-layout.fede #autres_petitions h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-rouge.png") no-repeat; } #display_autres_petitions { border:0;background:#c00;color:white;cursor:pointer;padding:8px 10px;border-radius: 5px;width:185px;display:block;margin:auto; margin-top:20px;} #autres_petitions { display:none; } .photomaton {width:300px; height:150px; background-color:#ededed; margin-top:20px; float:left; } .photomaton img {float:left; margin-right:15px;} .photomaton p {padding-top:10px; color:#333; width:260px; text-align:left;} .photomaton p strong {color:#C00;} .rouge h1{color:#C00;} /* line 1666, ../sass/_layout.scss */ #page-layout ul { font-size: 14px; margin-bottom: 15px; padding-left: 30px; } /* line 1671, ../sass/_layout.scss */ #page-layout ul li { line-height: 1.5em; list-style: disc; font-size:14px;} #page-layout p.chapeau { font-weight:bold; } /* line 1678, ../sass/_layout.scss */ #page-layout p img { border: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } /* line 1683, ../sass/_layout.scss */ #page-layout p .color { color: #ef6a2f; } /* line 1688, ../sass/_layout.scss */ #page-layout > .cgt-revendique { background: #f8f7f6; -webkit-box-shadow: #cccccc 0px 3px 13px inset; -moz-box-shadow: #cccccc 0px 3px 13px inset; box-shadow: #cccccc 0px 3px 13px inset; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding-bottom: 20px; margin-top: 30px; } /* line 1695, ../sass/_layout.scss */ #page-layout > .cgt-revendique > h1 { height: 55px; margin: 0; padding: 0; background: #e00101; color: white; margin-bottom: 20px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-box-shadow: #b70000 0px 8px 8px inset; -moz-box-shadow: #b70000 0px 8px 8px inset; box-shadow: #b70000 0px 8px 8px inset; line-height: 55px; text-transform: uppercase; font-size: 18px; text-indent: 50px; position: relative; } /* line 1710, ../sass/_layout.scss */ #page-layout > .cgt-revendique > h1:before { content: ''; display: block; width: 20px; height: 31px; position: absolute; top: 10px; left: 18px; background: url("../img/layout/cgt-revendique.png") no-repeat; } /* line 1721, ../sass/_layout.scss */ #page-layout > .cgt-revendique > h1 span { color: #fde303; } /* line 1726, ../sass/_layout.scss */ #page-layout > .cgt-revendique h2, #page-layout > .cgt-revendique p, #page-layout > .cgt-revendique ul { margin: 0 20px; } /* line 1730, ../sass/_layout.scss */ #page-layout > .cgt-revendique h2 { color: #ef6a2f; font-size: 14px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } /* line 1738, ../sass/_layout.scss */ #page-layout > .cgt-revendique p, #page-layout > .cgt-revendique ul { font-size: 13px; } /* line 1742, ../sass/_layout.scss */ #page-layout > .cgt-revendique p { margin-top: 15px; } /* line 1746, ../sass/_layout.scss */ #page-layout > .cgt-revendique a { color: #ef6a2f; } /* line 1752, ../sass/_layout.scss */ #site-top { width: 43px; height: 43px; text-indent: -119988px; overflow: hidden; text-align: left; background: url("../img/layout/site-top.png") no-repeat; border: none; float: right; margin-bottom: 30px; margin-top: 20px; cursor: pointer; } /* line 1763, ../sass/_layout.scss */ #site-top:focus { outline: none; } /* line 1768, ../sass/_layout.scss */ .aside-block { margin-top: 30px; -webkit-box-shadow: #cccccc 0px 3px 13px inset; -moz-box-shadow: #cccccc 0px 3px 13px inset; box-shadow: #cccccc 0px 3px 13px inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #fdfcfc; padding: 13px 15px; font-size: 14px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;width:300px; } /* line 1778, ../sass/_layout.scss */ .aside-block:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -41px; left: 0; } /* line 1789, ../sass/_layout.scss */ .aside-block#archives { margin-top: 35px; } /* line 1793, ../sass/_layout.scss */ .aside-block#archives h1 span { color: #ae0000; } /* line 1797, ../sass/_layout.scss */ .aside-block#archives h1:after { border-bottom: 13px solid #ae0000; } /* line 1801, ../sass/_layout.scss */ .aside-block#archives h1:before { content: ''; display: block; background: url("../img/layout/icon-archives.png") no-repeat; width: 24px; height: 35px; position: absolute; top: -5px; left: 8px; } /* line 1814, ../sass/_layout.scss */ .aside-block#archives.opened h1:after { border-bottom: none !important; border-top: 13px solid #ae0000; } /* line 1821, ../sass/_layout.scss */ .aside-block#archives ul li:before { border-left: 9px solid #ae0000; } /* line 1825, ../sass/_layout.scss */ .aside-block#archives ul li { margin-left: 10px;display:none;cursor:pointer; } .aside-block#archives ul li.opened { display:block; } /* line 1828, ../sass/_layout.scss */ .aside-block#archives ul li a:hover { color: #ae0000; } /* line 1832, ../sass/_layout.scss */ .aside-block#archives ul li.year { font-weight: bold; margin: 15px 0; margin-left: 0;display:block; } /* line 1841, ../sass/_layout.scss */ .aside-block#actu-bandeau { padding: 0; margin-bottom: 0px; position: relative; } /* line 1846, ../sass/_layout.scss */ .aside-block#actu-bandeau:after { background: url("../img/layout/aside-block-shadow.png") no-repeat; width: 300px; height: 42px; display: block; content: ''; position: absolute; bottom: -42px; left: 0px; } /* line 1857, ../sass/_layout.scss */ .aside-block#actu-bandeau a { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden; } /* line 1862, ../sass/_layout.scss */ .aside-block#actu-bandeau a img { display: block; } /* line 1870, ../sass/_layout.scss */ .aside-block#autres-actus h1 span { color: #ae0000; } /* line 1875, ../sass/_layout.scss */ .aside-block#autres-actus article { background: none; } /* line 1878, ../sass/_layout.scss */ .aside-block#autres-actus article a { text-decoration: none; color: black; } /* line 1883, ../sass/_layout.scss */ .aside-block#autres-actus article h1 { font-family: "DINPro",Helvetica,Arial; font-size: 22px; text-transform: uppercase; color: black; font-weight: bold; } /* line 1891, ../sass/_layout.scss */ .aside-block#autres-actus article h2 { font-family: "DIN Alternate",Helvetica,Arial; font-size: 16px; color: #939191; margin-bottom: 5px; } /* line 1898, ../sass/_layout.scss */ .aside-block#autres-actus article time { font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; } /* line 1903, ../sass/_layout.scss */ .aside-block#autres-actus article time:before { content: ''; } /* line 1910, ../sass/_layout.scss */ .aside-block#actus-playlist { position: relative; } /* line 1913, ../sass/_layout.scss */ .aside-block#actus-playlist button { width: 35px; height: 35px; background: white; border: 1px solid #3e3c3c; text-indent: -8000px; font: 0/0a; cursor: pointer; color: transparent; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; -webkit-box-shadow: #cccccc 0px 5px 10px; -moz-box-shadow: #cccccc 0px 5px 10px; box-shadow: #cccccc 0px 5px 10px; } /* line 1925, ../sass/_layout.scss */ .aside-block#actus-playlist button:focus { outline: none; } /* line 1929, ../sass/_layout.scss */ .aside-block#actus-playlist button.actus-prev { position: absolute; top: -15px; left: 125px; z-index: 9; } /* line 1935, ../sass/_layout.scss */ .aside-block#actus-playlist button.actus-prev:before { display: block; height: 0; width: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 11px solid #3e3c3c; content: ''; text-indent: 0px; font-size: 14px; color: black; position: absolute; top: 10px; left: 10px; } /* line 1947, ../sass/_layout.scss */ .aside-block#actus-playlist button.actus-next { position: absolute; bottom: -15px; left: 125px; z-index: 9; } /* line 1953, ../sass/_layout.scss */ .aside-block#actus-playlist button.actus-next:before { display: block; height: 0; width: 0; border-top: 11px solid #3e3c3c; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; text-indent: 0px; font-size: 14px; color: black; position: absolute; top: 12px; left: 10px; } /* line 1966, ../sass/_layout.scss */ .aside-block#actus-playlist .actus-overflow { margin-top: 30px; margin-bottom: 30px; height: 400px; overflow: hidden; position: relative; } /* line 1974, ../sass/_layout.scss */ .aside-block#actus-playlist .actus-container { position: absolute; top: 0; left: 0; right:0; } /* line 1980, ../sass/_layout.scss */ .aside-block#actus-playlist article { padding-bottom: 10px; margin-bottom: 10px; } /* line 1984, ../sass/_layout.scss */ .aside-block#actus-playlist article a { display: block; text-decoration: none; color: black; } /* line 1990, ../sass/_layout.scss */ .aside-block#actus-playlist article a:hover h1 { color: #ad0006; } /* line 1996, ../sass/_layout.scss */ .aside-block#actus-playlist article img { float: left; margin-right: 10px; margin-bottom: 5px; display: block; position: relative; top: 3px; } /* line 2005, ../sass/_layout.scss */ .aside-block#actus-playlist article h1 { font-family: "DINPro",Helvetica,Arial; font-size: 16px; text-transform: uppercase; color: black; font-weight: bold; margin-top: 0; } /* line 2014, ../sass/_layout.scss */ .aside-block#actus-playlist article h2 { font-family: "DIN Alternate",Helvetica,Arial; font-size: 16px; color: #939191; margin-bottom: 5px; } /* line 2021, ../sass/_layout.scss */ .aside-block#actus-playlist article time { font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; } /* line 2026, ../sass/_layout.scss */ .aside-block#actus-playlist article time:before { content: ''; } /* line 2034, ../sass/_layout.scss */ .aside-block.button h1 { padding: 5px 0; margin-bottom: 0; text-indent: 50px; position: relative; } /* line 2040, ../sass/_layout.scss */ .aside-block.button h1 a { color: black; text-decoration: none; display: block; } /* line 2048, ../sass/_layout.scss */ .aside-block.button#page-contact h1:before { content: ''; display: block; background: url("../img/layout/icon-contacts.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } /* line 2061, ../sass/_layout.scss */ .rouge.button#page-contact h1:before { content: ''; display: block; background: url("../img/layout/icon-contacts-rouge.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } .button#page-lexique h1:before { content: ''; display: block; background: url("../img/layout/icon-lexique-dark.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -1px; left: 4px; } /* line 2061, ../sass/_layout.scss */ .button#page-toutesactu h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-dark.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } /* line 2061, ../sass/_layout.scss */ .aside-block.button#page-presentation h1:before { content: ''; display: block; background: url("../img/layout/ico-presentation.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } /* line 2074, ../sass/_layout.scss */ .aside-block.button#page-organigramme h1:before { content: ''; display: block; background: url("../img/layout/ico-organigramme.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } /* line 2087, ../sass/_layout.scss */ .aside-block > h1 { font-family: "DIN Alternate",Helvetica,Arial; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } /* line 2094, ../sass/_layout.scss */ .aside-block > h1 span { color: #ef6a2f; } /* line 2099, ../sass/_layout.scss */ .aside-block#page-reportages { background: #232222; -webkit-box-shadow: transparent 0px 3px 13px inset; -moz-box-shadow: transparent 0px 3px 13px inset; box-shadow: transparent 0px 3px 13px inset; color: white; } /* line 2104, ../sass/_layout.scss */ .aside-block#page-reportages > h1 { text-indent: 50px; border-bottom: 1px solid white; padding-bottom: 12px; position: relative; margin-bottom: 20px; } /* line 2111, ../sass/_layout.scss */ .aside-block#page-reportages > h1:before { content: ''; display: block; background: url("../img/layout/icon-multimedia.png") no-repeat; width: 36px; height: 25px; position: absolute; top: -4px; left: 4px; } /* line 2123, ../sass/_layout.scss */ .aside-block#page-reportages article { background: none; width: 273px; height: 236px; overflow: hidden;} .aside-block#page-reportages .hidden-zone article { background: none; width: 273px; height: 60px; overflow: hidden;} /* line 2128, ../sass/_layout.scss */ .aside-block#page-reportages article a { display: block; width: 273px; height: 180px; position: relative; } .aside-block#page-reportages .hidden-zone article a { display: block; width: 80px; height: 60px; position: relative; float:left;} /* line 2134, ../sass/_layout.scss */ .aside-block#page-reportages article a img { width: 273px; height: 180px; position: absolute; top: 0; left: 0; border: 0; } .aside-block#page-reportages .hidden-zone article a img { width: 80px; height: 60px; position: absolute; top: 0; left: 0; border: 0; float:left; } /* line 2142, ../sass/_layout.scss */ .aside-block#page-reportages article a img.picture { z-index: 5; } /* line 2146, ../sass/_layout.scss */ .aside-block#page-reportages article a img.hover { z-index: 10; opacity: 0; transition: 0.5s; } /* line 2151, ../sass/_layout.scss */ .aside-block#page-reportages article a img.hover:hover { opacity: 1; transition: 0.5s; } /* line 2159, ../sass/_layout.scss */ .aside-block#page-reportages article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 16px; } .aside-block#page-reportages .hidden-zone article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 14px; width:170px; float:right;margin-right:10px;} .aside-block#page-reportages .hidden-zone article p {width:170px; float:right;margin-right:10px; } /* line 2167, ../sass/_layout.scss */ .aside-block#page-reportages .hidden-zone { height: 0; overflow: hidden; } /* line 2172, ../sass/_layout.scss */ .aside-block#page-reportages #read-more { background: none; border: 0; width: 100%; color: #ef6a2f; font-size: 12px; margin-bottom: 0; height: 25px; cursor: pointer; border-top: 1px solid #ccc; } /* line 2183, ../sass/_layout.scss */ .aside-block#page-reportages #read-more:focus { outline: none; } /* line 2187, ../sass/_layout.scss */ .aside-block#page-reportages #read-more:after { content: ''; display: block; height: 0; width: 0; border-top: 9px solid #ef6a2f; border-right: 5px solid transparent; border-left: 5px solid transparent; display: inline-block; position: relative; top: 1px; left: 8px; } /* line 2197, ../sass/_layout.scss */ .aside-block#page-reportages #read-more.opened:after { border: 0; display: inline-block !important; position: relative; top: 1px; left: 8px; display: block; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #ef6a2f; border-top: 0 !important; } /* line 2212, ../sass/_layout.scss */ .aside-block.dark#page-actus h1:before { background: url("../img/layout/ico-actus-dark.png") no-repeat !important; } /* line 2216, ../sass/_layout.scss */ .aside-block.dark#page-actus button { background: url("../img/layout/actus-arrows-dark.png") no-repeat; } /* line 2220, ../sass/_layout.scss */ .aside-block.dark#page-actus article h2 a:hover { color: #8e0505; } /* line 2226, ../sass/_layout.scss */ .aside-block.dark#page-publications h1:before { background: url("../img/layout/ico-publications-dark.png") no-repeat !important; } /* line 2230, ../sass/_layout.scss */ .aside-block.dark#page-publications ul > li h2 { color: #a91b21 !important; } /* line 2234, ../sass/_layout.scss */ .aside-block.dark#page-publications li.voir:before { background: url("../img/layout/ico-voir-dark.png") no-repeat; } /* line 2238, ../sass/_layout.scss */ .aside-block.dark#page-publications li a:hover { color: #a91b21; } /* line 2244, ../sass/_layout.scss */ .aside-block.dark#page-reportages h1:before { background: url("../img/layout/icon-multimedia-dark.png") no-repeat !important; } /* line 2248, ../sass/_layout.scss */ .aside-block.dark#page-reportages article h1 { color: #8e0505; } /* line 2252, ../sass/_layout.scss */ .aside-block.dark#page-reportages #read-more { color: white; } /* line 2255, ../sass/_layout.scss */ .aside-block.dark#page-reportages #read-more:after { display: inline-block !important; display: block; height: 0; width: 0; border-top: 9px solid #a91b21; border-right: 5px solid transparent; border-left: 5px solid transparent; } /* line 2261, ../sass/_layout.scss */ .aside-block.dark#page-reportages #read-more.opened:after { display: block; height: 0; width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #a91b21; } /* line 2269, ../sass/_layout.scss */ .aside-block.dark#page-contact h1:before { background: url("../img/layout/icon-contacts-dark.png") no-repeat !important; } /* line 2276, ../sass/_layout.scss */ .aside-block#page-actus h1 { position: relative; text-indent: 50px; margin-bottom: 15px; border-bottom: 1px solid black; padding-bottom: 15px; } /* line 2283, ../sass/_layout.scss */ .aside-block#page-actus h1:before { content: ''; display: block; background: url("../img/layout/ico-actus.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } /* line 2295, ../sass/_layout.scss */ .aside-block#page-actus button { width: 29px; height: 28px; display: block; margin: auto; text-indent: -119988px; overflow: hidden; text-align: left; border: 0; cursor: pointer; background: url("../img/layout/actus-arrows.png") no-repeat; } .rouge#page-actus h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-rouge.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } /* line 2295, ../sass/_layout.scss */ .rouge#page-actus button { width: 29px; height: 28px; display: block; margin: auto; text-indent: -119988px; overflow: hidden; text-align: left; border: 0; cursor: pointer; background: url("../img/layout/actus-arrows-dark.png") no-repeat; } /* line 2305, ../sass/_layout.scss */ .aside-block#page-actus button:focus { outline: none; } /* line 2309, ../sass/_layout.scss */ .aside-block#page-actus button.upside { background-position: 0 0; margin-bottom: 15px; } /* line 2313, ../sass/_layout.scss */ .aside-block#page-actus button.upside:hover { background-position: -31px 0; } /* line 2317, ../sass/_layout.scss */ .aside-block#page-actus button.upside.disabled { background-position: 0 0; cursor: default; } /* line 2323, ../sass/_layout.scss */ .aside-block#page-actus button.downside { background-position: -33px -31px; } /* line 2326, ../sass/_layout.scss */ .aside-block#page-actus button.downside:hover { background-position: -1px -31px; } /* line 2330, ../sass/_layout.scss */ .aside-block#page-actus button.downside.disabled { background-position: -33px -31px; cursor: default; } /* line 2337, ../sass/_layout.scss */ .aside-block#page-actus .overflow-container { height: 280px; overflow: hidden; position: relative; } /* line 2343, ../sass/_layout.scss */ .aside-block#page-actus .article-container { position: absolute; top: 0; left: 0; } /* line 2349, ../sass/_layout.scss */ .aside-block#page-actus article { min-height: 60px; } /* line 2352, ../sass/_layout.scss */ .aside-block#page-actus article h2 { font-family: "DINPro",Helvetica,Arial; font-size: 16px; text-transform: uppercase; font-weight: bold;margin-top: 3px; } /* line 2358, ../sass/_layout.scss */ .aside-block#page-actus article h2 span { display: block; font-weight: normal; font-family: "DIN Alternate",Helvetica,Arial; color: #939191; text-transform: none; line-height: 1.2em; } /* line 2367, ../sass/_layout.scss */ .aside-block#page-actus article h2 a { color: black; text-decoration: none; } /* line 2373, ../sass/_layout.scss */ .aside-block#page-actus article time { font-weight: bold; margin: 4px 0 10px 0; display: block; } /* line 2378, ../sass/_layout.scss */ .aside-block#page-actus article time:before { content: ''; } /* line 2386, ../sass/_layout.scss */ .aside-block#page-publications h1 { position: relative; text-indent: 50px; margin-bottom: 20px; border-bottom: 1px solid black; padding-bottom: 15px; } /* line 2393, ../sass/_layout.scss */ .aside-block#page-publications h1:before { content: ''; display: block; background: url("../img/layout/ico-publications.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } /* line 2405, ../sass/_layout.scss */ .aside-block#page-publications > ul > li { position: relative; height: 100px; margin-bottom: 10px; } /* line 2410, ../sass/_layout.scss */ .aside-block#page-publications > ul > li:last-child { margin-bottom: 0; } /* line 2414, ../sass/_layout.scss */ .aside-block#page-publications > ul > li .cover { position: absolute; top: 0; left: 0; } /* line 2420, ../sass/_layout.scss */ .aside-block#page-publications > ul > li .content { position: absolute; top: 10px; left: 100px; } /* line 2425, ../sass/_layout.scss */ .aside-block#page-publications > ul > li .content h2 { text-transform: uppercase; color: #ef6a2f; font-weight: bold; margin-bottom: 4px; } /* line 2432, ../sass/_layout.scss */ .aside-block#page-publications > ul > li .content p { font-weight: bold; font-size: 13px; } /* line 2438, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul { position: absolute; top: 65px; left: 90px; } /* line 2443, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li { float: left; font-size: 11px; margin-right: 10px; } /* line 2448, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li a { color: #676767; text-decoration: none; } /* line 2452, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li a:hover { color: #ef6a2f; } /* line 2457, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li.voir { position: relative; text-indent: 33px; } /* line 2461, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li.voir:before { content: ''; width: 29px; height: 12px; display: block; background: url("../img/layout/ico-voir.png") no-repeat; position: absolute; top: 0; left: 0; } /* line 2473, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li.telecharger { position: relative; padding-left: 22px; } /* line 2477, ../sass/_layout.scss */ .aside-block#page-publications > ul > li ul li.telecharger:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: 0; } .rouge#page-telechargement h1 { position: relative; text-indent: 50px; margin-bottom: 20px; border-bottom: 1px solid black; padding-bottom: 15px; } /* line 2393, ../sass/_layout.scss */ .rouge#page-telechargement h1:before { content: ''; display: block; background: url("../img/layout/ico-telechargement-rouge.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } /* line 2405, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li { position: relative; height: 100px; margin-bottom: 10px; } .rouge#page-telechargement > ul > li:last-child { margin-bottom: 0; } /* line 2414, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li .cover { position: absolute; top: 0; left: 0; } /* line 2420, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li .content { position: absolute; top: 10px; left: 100px; } /* line 2425, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li .content h2 { text-transform: uppercase; color: #C00; font-weight: bold; margin-bottom: 4px; } /* line 2432, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li .content p { font-weight: bold; font-size: 13px; } /* line 2438, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul { position: absolute; top: 65px; left: 90px; } /* line 2443, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li { float: left; font-size: 11px; margin-right: 10px; } /* line 2448, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li a { color: #676767; text-decoration: none; } /* line 2452, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li a:hover { color: #C00; } /* line 2457, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li.voir { position: relative; text-indent: 33px; } /* line 2461, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li.voir:before { content: ''; width: 29px; height: 12px; display: block; background: url("../img/layout/ico-voir-rouge.png") no-repeat; position: absolute; top: 0; left: 0; } /* line 2473, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li.telecharger { position: relative; padding-left: 22px; } /* line 2477, ../sass/_layout.scss */ .rouge#page-telechargement > ul > li ul li.telecharger:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: 0; } .fede#page-layout > ul > li ul li a { color: #676767; text-decoration: none; } /* line 2452, ../sass/_layout.scss */ .fede#page-layout > ul > li ul li a:hover { color: #C00; } /* line 2457, ../sass/_layout.scss */ .fede#page-layout > ul > li ul li.voir { position: relative; text-indent: 33px; } /* line 2461, ../sass/_layout.scss */ .fede#page-layout > ul > li ul li.voir:before { content: ''; width: 29px; height: 12px; display: block; background: url("../img/layout/ico-voir-rouge.png") no-repeat; position: absolute; top: 0; left: 0; } /* line 2473, ../sass/_layout.scss */ .fede#page-layout > ul > li ul li.telecharger { position: relative; padding-left: 22px; } /* line 2477, ../sass/_layout.scss */ .fede#page-layout > ul > li ul li.telecharger:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: 0; } /* line 2493, ../sass/_layout.scss */ .aside-block#page-menu { padding: 17px 0 0 0; } /* line 2496, ../sass/_layout.scss */ .aside-block#page-menu h1 { margin-left: 15px; border-bottom: 1px solid black; padding-bottom: 10px; margin-right: 15px; } /* line 2504, ../sass/_layout.scss */ .aside-block#page-menu ul li { min-height: 30px; position: relative; border-bottom: 1px solid #dedede; border-top: 1px solid white; } /* line 2510, ../sass/_layout.scss */ .aside-block#page-menu ul li:first-child { border-top: 0; } /* line 2514, ../sass/_layout.scss */ .aside-block#page-menu ul li:last-child { border-bottom: 0; } /* line 2518, ../sass/_layout.scss */ .aside-block#page-menu ul li:before { content: ''; display: block; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #ef6a2f; position: absolute; top: 10px; left: 15px; } /* line 2527, ../sass/_layout.scss */ .aside-block#page-menu ul li a { color: #434242; text-decoration: none; padding: 8px 0; display: block; line-height: 1.2em; padding-left: 30px; padding-right: 10px; } /* line 2536, ../sass/_layout.scss */ .aside-block#page-menu ul li a:hover { color: #ef6a2f; } .rouge#page-menu ul li a { color: #434242; text-decoration: none; padding: 8px 0; display: block; line-height: 1.2em; padding-left: 30px; padding-right: 10px; } .rouge#page-menu ul li a:hover { color: #C00; } .rouge#page-menu ul li:before { content: ''; display: block; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #C00; position: absolute; top: 10px; left: 15px; } /* line 2541, ../sass/_layout.scss */ .aside-block#page-menu ul li.cgt-revendique { background: #e00101; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; position: relative; height: 45px; } /* line 2547, ../sass/_layout.scss */ .aside-block#page-menu ul li.cgt-revendique:before { content: ''; display: block; width: 17px; height: 26px; position: absolute; top: 8px; left: 14px; border: 0; background: url("../img/layout/cgt-revendique.png") no-repeat; background-size: 17px 26px; } /* line 2560, ../sass/_layout.scss */ .aside-block#page-menu ul li.cgt-revendique a { color: white; display: block; height: 30px; line-height: 28px; padding-left: 40px; } /* line 2568, ../sass/_layout.scss */ .aside-block#page-menu ul li.cgt-revendique span { color: #fde303; } /* line 2577, ../sass/_layout.scss */ .aside-block.dropdown h1 { cursor: pointer; position: relative; text-indent: 50px; line-height: 25px; margin-bottom: 0px; } /* line 2584, ../sass/_layout.scss */ .aside-block.dropdown h1:after { content: ''; display: block; display: block; height: 0; width: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 13px solid #ef6a2f; position: absolute; top: 6px; right: 5px; } /* line 2595, ../sass/_layout.scss */ .aside-block.dropdown.opened > ul { display: block !important; } /* line 2599, ../sass/_layout.scss */ .aside-block.dropdown.opened h1:after { border: 0; display: block; height: 0; width: 0; border-top: 13px solid #ef6a2f; border-right: 9px solid transparent; border-left: 9px solid transparent; } /* line 2605, ../sass/_layout.scss */ .aside-block.dropdown ul { display: none; border-top: 1px solid black; padding-top: 13px; margin-top: 16px; } .aside-block.dropdown > ul li ul { border-top: 0px; margin-top:0; margin-bottom:16px; padding-top:10px; } /* line 2611, ../sass/_layout.scss */ .aside-block.dropdown ul li { margin-bottom: 6px; position: relative; padding-left: 15px; } /* line 2617, ../sass/_layout.scss */ .aside-block.dropdown ul > li.active > a { color: #ef6a2f; } /* line 2622, ../sass/_layout.scss */ .aside-block.dropdown ul li:before { content: ''; display: block; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #ef6a2f; position: absolute; top: 2px; left: 0; } /* line 2631, ../sass/_layout.scss */ .aside-block.green ul li { margin-bottom: 10px; position: relative; padding-left: 15px; } .aside-block.dropdown ul li a , .aside-block.green ul li a { color: #434242; text-decoration: none; } /* line 2635, ../sass/_layout.scss */ .aside-block.dropdown ul li a:hover, .aside-block.green ul li a:hover { color: #ef6a2f; } .aside-block.green.vert ul li a:hover { color: #90bd46; } /* line 2645, ../sass/_layout.scss */ .aside-block#page-category-menu h1:before { content: ''; display: block; background: url("../img/layout/ico-metiers.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -5px; left: 0px; } /* line 2658, ../sass/_layout.scss */ .aside-block#cgt-revendique { background: #df0323; } /* line 2662, ../sass/_layout.scss */ .aside-block#cgt-revendique.opened h1:after { border: 0; display: block; height: 0; width: 0; border-top: 13px solid white; border-right: 9px solid transparent; border-left: 9px solid transparent; } /* line 2668, ../sass/_layout.scss */ .aside-block#cgt-revendique h1 { color: white; text-indent: 40px; } /* line 2672, ../sass/_layout.scss */ .aside-block#cgt-revendique h1 span { color: #fde303; } /* line 2676, ../sass/_layout.scss */ .aside-block#cgt-revendique h1:before { content: ''; display: block; background: url("../img/layout/cgt-revendique.png") no-repeat; background-size: 17px 26px; width: 34px; height: 34px; position: absolute; top: -2px; left: 8px; } /* line 2688, ../sass/_layout.scss */ .aside-block#cgt-revendique h1:after { border: 0; display: block; height: 0; width: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 13px solid white; } /* line 2694, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul { border-top: 1px solid white; } /* line 2698, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li:before { content: ''; display: block; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #fde303; position: absolute; top: 2px; left: 0; } .aside-block#cgt-revendique > ul > li > ul li:before { content: ''; display: block; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 9px solid #fde303; position: absolute; top: 2px; left: 0; } /* line 2707, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li.read-more { margin-top: 15px; font-size: 12px; } /* line 2711, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li.read-more:before { border: 0; } /* line 2715, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li.read-more a:before { color: #fde303; } /* line 2720, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li a { color: white; line-height:1.2em; } /* line 2723, ../sass/_layout.scss */ .aside-block#cgt-revendique > ul > li a:hover { color: #fde303; } .aside-block#cgt-revendique > ul > li > ul > li { color:white;line-height:1.2em !important; } .aside-block#cgt-revendique > ul > li { color:white;line-height: 1.2em !important; } /* line 2732, ../sass/_layout.scss */ #site-footer { background:black; min-height: 380px; color: white; margin-top: 50px; } /* line 2738, ../sass/_layout.scss */ #site-footer a { color: white; text-decoration: none; } /* line 2742, ../sass/_layout.scss */ #site-footer a:hover { text-decoration: underline; } /* line 2747, ../sass/_layout.scss */ #site-footer .wrapper-large { background: black; min-height: 309px; padding-top: 40px; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 2755, ../sass/_layout.scss */ #site-footer .one-column { padding: 0 10px; border-right: 1px solid #3d3c3c; height: 290px; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 2762, ../sass/_layout.scss */ #site-footer .one-column.last-column { border: 0 !important; } /* line 2766, ../sass/_layout.scss */ #site-footer .one-column h1 { font-weight: bold; color: #8b8989; text-transform: uppercase; font-size: 14px; margin-bottom: 15px; } /* line 2774, ../sass/_layout.scss */ #site-footer .one-column #acces-rapides { font-size: 13px; margin-left: 10px; } /* line 2778, ../sass/_layout.scss */ #site-footer .one-column #acces-rapides li { margin-bottom: 8px; position: relative; } /* line 2782, ../sass/_layout.scss */ #site-footer .one-column #acces-rapides li a { margin-left: 15px; } /* line 2786, ../sass/_layout.scss */ #site-footer .one-column #acces-rapides li:before { content: ''; position: absolute; top: 0; left: 0; display: block; height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #e80b0c; } /* line 2797, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li { width: 32px; height: 32px; text-indent: -119988px; overflow: hidden; text-align: left; float: left; margin-right: 10px; } /* line 2804, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li.facebook { background: url("../img/layout/header-social-fb.png") no-repeat; } /* line 2808, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li.twitter { background: url("../img/layout/header-social-twitter.png") no-repeat; } /* line 2812, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li.google_plus { background: url("../img/layout/header-social-g+.png") no-repeat; } /* line 2816, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li.youtube { background: url("../img/layout/header-social-yt.png") no-repeat; } /* line 2820, ../sass/_layout.scss */ #site-footer .one-column #reseaux-sociaux li a { display: block; width: 32px; height: 32px; } /* line 2828, ../sass/_layout.scss */ #site-footer .one-column #footer-liens-utiles { margin-top: 25px; } /* line 2831, ../sass/_layout.scss */ #site-footer .one-column #footer-liens-utiles ul { -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; } /* line 2839, ../sass/_layout.scss */ #site-footer .one-column #footer-liens-utiles ul li { font-size: 12px; margin-bottom: 5px; } /* line 2843, ../sass/_layout.scss */ #site-footer .one-column #footer-liens-utiles ul li:before { content: '↘'; color: #e80b0c; margin-right: 5px; } #site-footer .one-column #footer-newsletter { margin-top:15px; } #site-footer .one-column #footer-newsletter input.field { border:0px;width:170px;height:20px } #site-footer .one-column #footer-newsletter button { width: 80px; height: 25px; background: url("../img/layout/newsletter-button.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; border: 0; cursor: pointer; margin-left: 12px; margin-top: 5px; } /* line 2852, ../sass/_layout.scss */ #site-footer .one-column #adherer-cgt { margin-left: 15px; margin-bottom: 40px; } /* line 2856, ../sass/_layout.scss */ #site-footer .one-column #adherer-cgt .button { width: 303px; height: 58px; text-indent: -119988px; overflow: hidden; text-align: left; margin: 0; background: url("../img/layout/adherer.png") no-repeat; } /* line 2863, ../sass/_layout.scss */ #site-footer .one-column #adherer-cgt .button a { display: block; width: 303px; height: 58px; } /* line 2871, ../sass/_layout.scss */ #site-footer .one-column #contact-cgt-cheminots { margin-left: 15px; } /* line 2874, ../sass/_layout.scss */ #site-footer .one-column #contact-cgt-cheminots p { font-size: 13px; float: left; } /* line 2879, ../sass/_layout.scss */ #site-footer .one-column #contact-cgt-cheminots img { float: left; border: 0; margin-left: 20px; } /* line 2886, ../sass/_layout.scss */ #site-footer .one-column #copyrights { margin-left: 15px; font-size: 11px; text-align: left; color: #cccccc; line-height: 1.4em; } /* line 2893, ../sass/_layout.scss */ #site-footer .one-column #copyrights a { text-decoration: underline; color: #cccccc; } /* line 3, ../sass/_jeunes.scss */ body.espace_jeunes { background: #e61f1a; background-position: bottom 329px center; } /* line 7, ../sass/_jeunes.scss */ body.espace_jeunes #background-right { background: url("../img/layout/jeunes-background-right.jpg") no-repeat; top: 500px; right: 0; position: absolute; width: 514px; height: 1113px; } /* line 16, ../sass/_jeunes.scss */ body.espace_jeunes #site-header { background: none; } /* line 20, ../sass/_jeunes.scss */ body.espace_jeunes #bandeau-adherer { border: 1px solid #af0000; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; -o-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } /* line 25, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout { color: white; } /* line 28, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout > h1 { width: 100%; height: 223px; background: url("../img/layout/jeunes-title.png") no-repeat; background-size: 100% auto; text-indent: -119988px; overflow: hidden; text-align: left; } /* line 37, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout > h2#collectifs-jeunes { width: 343px; height: 91px; background: url("../img/layout/title-collectifs-jeunes.png") no-repeat; text-indent: -119988px; overflow: hidden; text-align: left; color: transparent; font: 0/0a; } /* line 46, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout > h2:before { background: none; } /* line 51, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout h3 { font-size: 20px; color: #fde303; margin: 25px 0 15px 0; line-height: 1.3em; } /* line 58, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout .encadre { font-family: "Helvetica Bold",Arial; background: #9c0a18; padding: 10px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-weight: bold; font-size: 16px; } /* line 67, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout blockquote { font-family: "Helvetica Bold",Arial; padding: 0 85px; text-align: justify; line-height: 1.2em; font-size: 20px; font-weight: bold; margin: 50px 0; position: relative; } /* line 77, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout blockquote:before { content: ''; width: 52px; height: 49px; background: url("../img/layout/blockquote-open.png") no-repeat; display: block; position: absolute; top: -28px; left: 15px; } /* line 88, ../sass/_jeunes.scss */ body.espace_jeunes #page-layout blockquote:after { content: ''; width: 52px; height: 49px; background: url("../img/layout/blockquote-close.png") no-repeat; display: block; position: absolute; bottom: -28px; right: 15px; } /* line 102, ../sass/_jeunes.scss */ body.espace_jeunes .aside-block:after { background: none; } /* line 106, ../sass/_jeunes.scss */ body.espace_jeunes .aside-block#cgt-revendique { -webkit-box-shadow: #a40a19 3px 3px 5px; -moz-box-shadow: #a40a19 3px 3px 5px; box-shadow: #a40a19 3px 3px 5px; } /* line 110, ../sass/_jeunes.scss */ body.espace_jeunes .aside-block.button { -webkit-box-shadow: #a40a19 3px 3px 5px; -moz-box-shadow: #a40a19 3px 3px 5px; box-shadow: #a40a19 3px 3px 5px; } /* line 114, ../sass/_jeunes.scss */ body.espace_jeunes .aside-block#page-reportages { -webkit-box-shadow: #a40a19 3px 3px 5px; -moz-box-shadow: #a40a19 3px 3px 5px; box-shadow: #a40a19 3px 3px 5px; } /* line 119, ../sass/_jeunes.scss */ body.espace_jeunes #actu-bandeau { -webkit-box-shadow: #a40a19 3px 3px 5px; -moz-box-shadow: #a40a19 3px 3px 5px; box-shadow: #a40a19 3px 3px 5px; } /* line 123, ../sass/_jeunes.scss */ body.espace_jeunes #page-actus { background: url("../img/layout/aside-block-jeunes.png") no-repeat left bottom transparent; -webkit-box-shadow: transparent 0px 3px 13px inset; -moz-box-shadow: transparent 0px 3px 13px inset; box-shadow: transparent 0px 3px 13px inset; padding-bottom: 50px; margin-bottom: -10px; } /* line 131, ../sass/_jeunes.scss */ body.espace_jeunes #page-collectif-jeunes h1:before { background: url("../img/layout/icon-collectif-jeune.png") no-repeat !important; content: ''; display: block; width: 45px; height: 31px; position: absolute; top: -1px; left: -2px; } /* line 144, ../sass/_jeunes.scss */ body.espace_jeunes #page-textes-reglementaires h1 { text-indent: 10px; } /* line 150, ../sass/_jeunes.scss */ body.espace_jeunes #page-devoir-memoire h1:before { background: url("../img/layout/icon-devoir-memoire.png") no-repeat !important; content: ''; display: block; width: 33px; height: 37px; position: absolute; top: -4px; left: 5px; } /* line 162, ../sass/_jeunes.scss */ body.espace_jeunes #page-publications { background: url("../img/layout/aside-block-jeunes.png") no-repeat left bottom transparent; -webkit-box-shadow: transparent 0px 3px 13px inset; -moz-box-shadow: transparent 0px 3px 13px inset; box-shadow: transparent 0px 3px 13px inset; padding-bottom: 50px; margin-bottom: -10px; } /* line 169, ../sass/_jeunes.scss */ body.espace_jeunes #page-reportages { background: url("../img/layout/aside-block-jeunes-multimedia.jpg") no-repeat left top black; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding-top: 35px; } /* line 175, ../sass/_jeunes.scss */ body.espace_jeunes #site-footer { background: #1a1a1a; } /* line 178, ../sass/_jeunes.scss */ body.espace_jeunes #site-footer .wrapper-large { background: #1a1a1a; } @media screen and (max-width: 1190px) { /* line 3, ../sass/_responsive.scss */ .aside-block { width:300px; } .aside-column { width:630px; } #pub li { float:none; } body.espace_jeunes { background-position: bottom 675px center; } /* line 7, ../sass/_responsive.scss */ .wrapper-large { width: 630px; } /* line 10, ../sass/_responsive.scss */ .wrapper-large.alternate { width: 70%; min-width: 630px; } /* line 16, ../sass/_responsive.scss */ .one-column:nth-child(2n+1) { margin-right: 0; } /* line 20, ../sass/_responsive.scss */ .sidebar { width: 630px !important; } /* line 24, ../sass/_responsive.scss */ #sidebar-left { float:left;margin-right:30px;margin-top:30px; } #sidebar-right { float:left;margin-top:30px; } .construction { left:0 !important; } #photo-du-mois .texte { margin-top:15px; } #acces-specifique { margin-top:30px } /* line 45, ../sass/_responsive.scss */ #blocks-content .one-column:nth-child(3n+1) { margin-right: 30px; } /* line 53, ../sass/_responsive.scss */ #blocks-content .one-column:nth-child(2n) { margin-right: 0px; } /* line 62, ../sass/_responsive.scss */ #photo-du-mois .author { display: none !important; } /* line 67, ../sass/_responsive.scss */ #adherer-cgt { margin-top: 50px; margin-left: 150px !important; } /* line 72, ../sass/_responsive.scss */ #contact-cgt-cheminots { text-align: center !important; width: 550px; margin-left: 170px !important; } /* line 78, ../sass/_responsive.scss */ #copyrights { text-align: center !important; width: 550px; } /* line 84, ../sass/_responsive.scss */ #site-footer .wrapper-large { padding-bottom: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 850px) { /* line 93, ../sass/_responsive.scss */ #bandeau-adherer { display: none; } #bandeau-adherer-h { display: block !important;margin-left:auto;margin-right:auto; } #site-title { display:none; } /* line 99, ../sass/_responsive.scss */ .wrapper-large.alternate { width: 70% !important; min-width: 400px; } } @media screen and (max-width: 1050px) { #rechercher { display:none; } } @media screen and (max-width: 680px) { /* line 108, ../sass/_responsive.scss */ .aside-block { width:300px; } .aside-column { width:300px; } #slideshow-bandeau { display:none; } #slideshow-bandeau-mobile { display:block;margin-top:20px !important;width:300px !important; } #analyse,#projetloi { width:260px !important; } #analyse > img, #projetloi > img { float:none !important; } #panel-container { width: 300px !important; } .panel { width:260px !important; } ul#banner { margin-bottom:0 !important; } ul#banner li { display: inline-block !important;width: 97px !important; } ul#banner li a { height:auto !important;padding:15px 14px !important; } #dossier_portail { height:auto !important; } #dossier_portail .visuel { border:none !important;width:300px !important;height:auto !important;float:none !important; } #dossier_portail .visuel img { display:none; } #dossier_portail .visuel h1 { top:0 !important;left:15px !important;position:static !important;width:300px !important;margin:auto !important;text-align:center !important; } #dossier_portail .visuel h1:before { background:none !important;display:none !important; } #dossier_portail .buttons { width:90%;position: static !important;margin-top:20px !important;margin-left:30px !important; } .action_chapeau { width:300px !important;text-align: left !important; } .action_title { width:300px !important; } .action_left { left:35px !important; } #mobile-secteurs { display:block !important; position: relative; } #desktop-secteurs { display:none; position: relative; } #secteur-dropdown { height:28px; padding: 5px 0; font-size:16px; width:300px; } .popup-carte { position:relative !important; top:auto !important; left:auto !important; margin-top:20px !important; width:280px !important; height:auto !important; overflow-x: hidden !important; } .popup-carte.paris ul { height:auto !important; } .popup-carte.paris ul#popup-btns li { float:none !important; height:33px !important; border-right:0px !important; } .popup-carte.paris ul li .retour { display:none !important; } .scroll-container { width:262px !important; height:auto !important; overflow-x: hidden !important; } /* line 1003, ../sass/_layout.scss */ #acces-specifique nav > ul > li { width: 300px; min-height: 50px; height:auto; float: none; } /* line 1015, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-dossiers > a { display: block; width: 300px; height: 50px; background: url("../img/layout/acces_dossiers_mobile.png") 0 0 no-repeat; overflow: hidden; text-align: left; } /* line 1033, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-metiers > a { display: block; width: 300px; height: 50px; background: url("../img/layout/acces_metiers_mobile.png") 0 0 no-repeat; overflow: hidden; text-align: left; } /* line 1051, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-droits-infos-pratiques > a { display: block; width: 300px; height: 50px; background: url("../img/layout/acces_pratique_mobile.png") 0 0 no-repeat; overflow: hidden; text-align: left; } /* line 1069, ../sass/_layout.scss */ #acces-specifique nav > ul > li#acces-publications > a { display: block; width: 300px; height: 50px; background: url("../img/layout/acces_publications_mobile.png") 0 0 no-repeat; overflow: hidden; text-align: left; } /* line 1090, ../sass/_layout.scss */ #acces-specifique nav > ul > li ul { display: none; width: 300px; background: white; position: static; top: auto; z-index: 500; padding-top: 15px; padding-bottom: 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-box-shadow: #aaaaaa 0px 0px 0px; -moz-box-shadow: #aaaaaa 0px 0px 0px; box-shadow: #aaaaaa 0px 0px 0px; } body.espace_jeunes { background-position: bottom 800px center; } /* line 112, ../sass/_responsive.scss */ body.espace_jeunes #page-layout > h1 { height: 100px; } /* line 117, ../sass/_responsive.scss */ body.espace_jeunes #page-layout > h2#collectifs-jeunes { width: 100%; background-size: 100% auto; } /* line 123, ../sass/_responsive.scss */ body.espace_jeunes #page-layout blockquote { padding: 0 45px; } /* line 126, ../sass/_responsive.scss */ body.espace_jeunes #page-layout blockquote:before { width: 26px; height: 24px; background-size: 26px 24px; } /* line 132, ../sass/_responsive.scss */ body.espace_jeunes #page-layout blockquote:after { width: 26px; height: 24px; background-size: 26px 24px; bottom: -15px; } /* line 142, ../sass/_responsive.scss */ img { max-width: 300px; } /* line 146, ../sass/_responsive.scss */ #site-header { display: none; } /* line 150, ../sass/_responsive.scss */ .sidebar { width: 300px !important; } /* line 154, ../sass/_responsive.scss */ .one-column:nth-child(3n+1) { margin-right: 0px; } /* line 158, ../sass/_responsive.scss */ .wrapper-large { width: 300px; } /* line 161, ../sass/_responsive.scss */ .wrapper-large.alternate { width: 60%; min-width: 300px; } /* line 167, ../sass/_responsive.scss */ .two-columns { width: 300px; } /* line 171, ../sass/_responsive.scss */ #acces-specifique { top: 0 !important; } /* line 174, ../sass/_responsive.scss */ #acces-specifique nav > ul > li { margin-bottom: 15px !important; } /* line 179, ../sass/_responsive.scss */ #les-campagnes { top: 0 !important; left: 0 !important; margin-bottom: 30px; } /* line 185, ../sass/_responsive.scss */ #blocks-content { top: 0 !important; } /* line 189, ../sass/_responsive.scss */ #module-newsletter { float: none; margin-top: 0px; } /* line 194, ../sass/_responsive.scss */ #jt-cheminots { float: none; margin-top: 0; } /* line 199, ../sass/_responsive.scss */ #photo-du-mois { top: 0px !important;height:193px } #photo-du-mois .texte { margin-top:12px; margin-right:10px } #photo-du-mois img { margin-top:10px; } /* line 202, ../sass/_responsive.scss */ #photo-du-mois .see-all { display: none !important; } /* line 207, ../sass/_responsive.scss */ #adherer-cgt { margin-top: 0px; margin-left: -10px !important; } /* line 212, ../sass/_responsive.scss */ #contact-cgt-cheminots { text-align: center !important; width: 300px; margin-left: 10px !important; } /* line 217, ../sass/_responsive.scss */ #contact-cgt-cheminots h1 { display: none; } /* line 222, ../sass/_responsive.scss */ #copyrights { text-align: center !important; width: 260px; } /* line 229, ../sass/_responsive.scss */ #page-layout.actus .social { position: static; top: auto; right: auto; padding-left: 0; height: 25px; margin-bottom: 15px; } /* line 237, ../sass/_responsive.scss */ #page-layout.actus .social li { margin-left: 0; margin-right: 10px; } /* line 246, ../sass/_responsive.scss */ #site-footer .wrapper-large { padding-bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #reseaux-sociaux { padding-top:15px; } #site-footer .one-column { border:0px !important; }} /* rajouts */ #slideshow-aside{ margin: 0; position: relative; width: 300px; height: 269px; padding: 0; border-radius: 10px; } #slideshow-aside > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10px; } #slideshow-aside img{ border-radius: 10px; } #slideshow-bandeau, #slideshow-bandeau-mobile { margin: 0; position: relative; width: 630px; height: 106px; padding: 0; } #slideshow-bandeau li, #slideshow-bandeau-mobile li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fede h3 { font-size: 24px; font-weight:800; color:#999; margin-bottom:10px; } .fede h3::before { content: "«\00A0"; font-size: 35px; } .fede h3::after { content: '\00A0»'; font-size: 35px; } .petition{ width: 200px; height: 30px; background-color:#EBEBEB; text-align:center; margin-bottom:10px; border-radius:5px; } .petition a{ width: 200px; height: 30px; background-color:#EBEBEB; color:#C00; font-size:14px; line-height:30px; text-decoration:none; } .petition a:hover{ color:red; } .petition a:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; margin-top: 5px; left: 5px; } .signer{ width: 200px; height: 30px; background-color:#EBEBEB; text-align:center; margin-bottom:40px; border-radius:5px; } .signer a{ width: 200px; height: 30px; background-color:#EBEBEB; color:#C00; font-size:14px; line-height:30px; text-decoration:none; } .signer a:hover{ color:red; } .fede form{ width: 350px; height:auto; border:thin #CCC solid; margin-bottom: 40px; } .fede label { display:block; margin-top:14px; margin-left: 20px; } .fede input{ width:300px; height:20px; background:#efefef; border:1px solid #dedede; padding:5px; margin-top:3px; font-size:0.9em; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left: 20px; } input:focus { border:1px solid #C00; } #submit { width:100px; height:38px; background-color:#C00; border:none; margin-top:20px; cursor:pointer; color:#fff; display:block; margin-left: 20px; margin-bottom:20px; } #submit:hover { opacity:.6; } /* page adhesion--------------------------*/ #formadhesion form{ width:100%; height:auto; border:thin #CCC solid; } #formadhesion p{ width:100%; max-width:630px; margin-top:3px; padding-left:20px; padding-right:20px; } #formadhesion label { display:block; margin-top:14px; margin-left: 20px; margin-right : 20px; } #formadhesion input{ width:85%; height:20px; background:#efefef; border:1px solid #dedede; padding:5px; margin-top:3px; font-size:0.9em; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #formadhesion input:focus { border:1px solid #C00; } #formadhesion #submit { width:100px; height:38px; background-color:#C00; border:none; margin-top:20px; cursor:pointer; color:#fff; display:inline; margin-left: 20px; margin-bottom:20px; } #formadhesion #submit:hover { opacity:.6; } #formadhesion #effacer { width:100px; height:38px; background-color:#000; border:none; margin-top:20px; cursor:pointer; color:#fff; display:inline; margin-left: 40px; margin-right:20px; margin-bottom:20px; float:left; } #formadhesion #effacer:hover { opacity:.6; } .sloganadhesion{ width:300px; margin:auto; height:290px; background-color:#EBEBEB; padding-top:20px; padding-left:20px; } .sloganadhesion img{ margin-right:20px; } .sloganadhesion h2{ color: #C00; font-family: Helvetica,Arial; font-size: 22px; text-transform: uppercase; font-weight: bold; margin: 0 0 20px 280px; position: relative; padding-left: 25px; line-height: 1.3em; } .sloganadhesion ul{ color: #666; font-family: Helvetica,Arial; font-size: 20px; font-weight: bold; margin: 20px 0 20px 280px; position: relative; padding-left: 25px; line-height: 1.3em; } .imprimer { width:100px; height:38px; background-color:#000; border:none; margin-top:20px; cursor:pointer; color:#fff !important; display:inline; margin-bottom:20px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; text-decoration:none; border-radius:5px; } .imprimer:hover { opacity:.6; } /* page publications------------------------*/ #magenavant p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #magenavant p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #magenavant p.voir a:hover { color:#C00;} #magenavant p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #magenavant p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #magenavant p.telecharger a:hover { color:#C00;} #magenavant2 p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #magenavant2 p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #magenavant2 p.voir a:hover { color:#C00;} #magenavant2 p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #magenavant2 p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #magenavant2 p.telecharger a:hover { color:#C00;} .publi p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } .publi p.voir a { left: 36px; text-decoration:none; color:#666 !important; position:relative;} .publi p.voir a:hover { color:#C00;} .publi p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } .publi p.telecharger a { left: 36px; text-decoration:none; color:#666 !important; position:relative;} .publi p.telecharger a:hover { color:#C00;} .responsive span.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top:0; left: -34px; } .responsive span.voir a { left: 32px; text-decoration:none; color:#666 !important; position:relative;} .responsive span.voir a:hover { color:#C00 ;} .responsive span.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -5px; left: -32px; } .responsive span.telecharger a { left: 32px; text-decoration:none; color:#666 !important; position:relative;} .responsive span.telecharger a:hover { color:#C00;} .responsive span {display:block;} #rouge2rageavant p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #rouge2rageavant p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #rouge2rageavant p.voir a:hover { color:#C00;} #rouge2rageavant p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #rouge2rageavant p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #rouge2rageavant p.telecharger a:hover { color:#C00;} #livretaccueil p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #livretaccueil p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #livretaccueil p.voir a:hover { color:#C00;} #livretaccueil p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #livretaccueil p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #livretaccueil p.telecharger a:hover { color:#C00;} #BulletinUITavant p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #BulletinUITavant p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #BulletinUITavant p.voir a:hover { color:#C00;} #BulletinUITavant p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #BulletinUITavant p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #BulletinUITavant p.telecharger a:hover { color:#C00;} #viesections p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #viesections p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #viesections p.voir a:hover { color:#C00;} #viesections p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #viesections p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #viesections p.telecharger a:hover { color:#C00;} #cactusavant p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #cactusavant p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #cactusavant p.voir a:hover { color:#C00;} #cactusavant p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #cactusavant p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #cactusavant p.telecharger a:hover { color:#C00;} #journaladmincprpavant p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #journaladmincprpavant p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #journaladmincprpavant p.voir a:hover { color:#C00;} #journaladmincprpavant p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #journaladmincprpavant p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #journaladmincprpavant p.telecharger a:hover { color:#C00;} #cadreslibres p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #cadreslibres p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #cadreslibres p.voir a:hover { color:#C00;} #cadreslibres p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #cadreslibres p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #cadreslibres p.telecharger a:hover { color:#C00;} #cadresenaction p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-jaune.png") no-repeat; position: absolute; top: 0; left: -36px; } #cadresenaction p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #cadresenaction p.voir a:hover { color:#C00;} #cadresenaction p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #cadresenaction p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #cadresenaction p.telecharger a:hover { color:#C00;} /*page retraites UFR------------------------------------------*/ #page-layout.ufr-cgt .logo { float: right; margin-left: 20px; margin-bottom: 20px; margin-top:5px; } /* line 1586, ../sass/_layout.scss */ #page-layout.ufr-cgt > h1 { font-family: Arial, "DINPro", Helvetica; font-weight:bold; font-size: 72px; color: #7c7269; margin-bottom: 10px; } /* line 1593, ../sass/_layout.scss */ #page-layout.ufr-cgt > h2 { font-family: Arial, "DINPro", Helvetica; font-wieght:bold; font-size: 24px; margin-top: 10px; color: #433d37; padding-left: 30px; } /* line 1601, ../sass/_layout.scss */ #page-layout.ufr-cgt > h2:before { content: ''; display: block; width: 22px; height: 28px; position: absolute; top: 0; left: 0; background: url("../img/layout/page-retraites-arrow.png") no-repeat; } /* line 1606, ../sass/_layout.scss */ #page-layout.ufr-cgt .graphic-right { margin-top: 80px; } /* line 1609, ../sass/_layout.scss */ #page-layout.ufr-cgt .graphic-right h2 { color: #433d37; font-family: Arial, "DINPro", Helvetica; font-weight: bold; font-size: 38px; text-transform: uppercase; text-align: right; } /* line 1617, ../sass/_layout.scss */ #page-layout.ufr-cgt .graphic-right figure { float: right; margin-top: 20px; } /* carte interractive des secteurs -----------------*/ .map { width:630px; height:630px; position: relative; } .map img { position: absolute; top:0; left:0; z-index:3; } .map #overlay { z-index:5; } .google-maps { height: 150px; overflow: hidden; float:right; } .google-maps iframe { width: 100% !important; height: 100% !important; } /* page contacts----------------------*/ #formcontact1 form{ width:100%; height:auto; border:thin #CCC solid; } #formcontact1 p{ width:100%; max-width:630px; margin-top:3px; padding-left:20px; padding-right:20px; margin-bottom:0; } #formcontact1 label { display:inline-block; margin-top:14px; margin-left: 20px; margin-right : 20px; } #formcontact1 input{ width:85%; height:20px; background:#efefef; border:1px solid #dedede; padding:5px; margin-top:3px; font-size:0.9em; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #formcontact1 textarea{ width:85%; height:60px; background:#efefef; border:1px solid #dedede; padding:5px; margin-top:3px; font-size:0.9em; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:20px; } #formcontact1 select{ height:30px; background:#efefef; padding-top:5px; padding-bottom:5px; margin-top:3px; font-size:0.9em; color:#3a3a3a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:20px; } #formcontact1 input:focus { border:1px solid #C00; } #formcontact1 textarea:focus { border:1px solid #C00; } #formcontact1 #submit { width:100px; height:38px; background-color:#C00; border:none; margin-top:20px; cursor:pointer; color:#fff; display:inline; margin-left: 20px; margin-bottom:20px; } #formcontact1 #submit:hover { opacity:.6; } #formcontact1 #effacer { width:100px; height:38px; background-color:#000; border:none; margin-top:20px; cursor:pointer; color:#fff; display:inline; margin-left: 40px; margin-right:20px; margin-bottom:20px; float:left; } #formcontact1 #effacer:hover { opacity:.6; } /*page photos-----------------------------*/ #pagephotosmetiers { color: white; } #pagephotosmetiers section { width:160px;; } /* line 2104, ../sass/_layout.scss */ #pagephotosmetiers > h1 { text-indent: 50px; border-bottom: 1px solid white; padding-bottom: 12px; position: relative; margin-bottom: 20px; } /* line 2111, ../sass/_layout.scss */ /* line 2123, ../sass/_layout.scss */ #pagephotosmetiers article { background: none; width: 160px; height: 190px; overflow: hidden; margin-left:25px; margin-right:33px; margin-top:20px;} #pagephotosmetiers .hidden-zone article { background: none; width: 273px; height: 60px; overflow: hidden;} /* line 2128, ../sass/_layout.scss */ #pagephotosmetiers article a { display: block; width: 160px; height: 120px; position: relative; } #pagephotosmetiers .hidden-zone article a { display: block; width: 80px; height: 60px; position: relative; float:left;} /* line 2134, ../sass/_layout.scss */ #pagephotosmetiers article a img { width: 160px; height: 120px; position: absolute; top: 0; left: 0; border: 0; } #pagephotosmetiers .hidden-zone article a img { width: 80px; height: 60px; position: absolute; top: 0; left: 0; border: 0; float:left; } /* line 2142, ../sass/_layout.scss */ #pagephotosmetiers article a img.picture { z-index: 5; } /* line 2146, ../sass/_layout.scss */ #pagephotosmetiers article a img.hover { z-index: 10; opacity: 0; transition: 0.5s; } /* line 2151, ../sass/_layout.scss */ #pagephotosmetiers article a img.hover:hover { opacity: 1; transition: 0.5s; } /* line 2159, ../sass/_layout.scss */ #pagephotosmetiers article h1 { margin-top: 10px; text-transform: uppercase; color: #ff0101; font-size: 14px; } #pagephotosmetiers article p {color: #ABA8A5; text-align:left;} #pagephotosmetiers .hidden-zone article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 14px; width:170px; float:right;} #pagephotosmetiers .hidden-zone article p {width:170px; float:right; } /* line 2167, ../sass/_layout.scss */ #pagephotosmetiers .hidden-zone { height: 0; overflow: hidden; } #pagephotosufcm { color: white; } #pagephotosufcm section { width:160px;; } /* line 2104, ../sass/_layout.scss */ #pagephotosufcm > h1 { text-indent: 50px; border-bottom: 1px solid white; padding-bottom: 12px; position: relative; margin-bottom: 20px; } /* line 2111, ../sass/_layout.scss */ /* line 2123, ../sass/_layout.scss */ #pagephotosufcm article { background: none; width: 160px; height: 180px; overflow: hidden; margin-left:25px; margin-right:33px; margin-top:20px;} #pagephotosufcm .hidden-zone article { background: none; width: 273px; height: 60px; overflow: hidden;} /* line 2128, ../sass/_layout.scss */ #pagephotosufcm article a { display: block; width: 160px; height: 120px; position: relative; } #pagephotosufcm .hidden-zone article a { display: block; width: 80px; height: 60px; position: relative; float:left;} /* line 2134, ../sass/_layout.scss */ #pagephotosufcm article a img { width: 160px; height: 120px; position: absolute; top: 0; left: 0; border: 0; } #pagephotosufcm .hidden-zone article a img { width: 80px; height: 60px; position: absolute; top: 0; left: 0; border: 0; float:left; } /* line 2142, ../sass/_layout.scss */ #pagephotosufcm article a img.picture { z-index: 5; } /* line 2146, ../sass/_layout.scss */ #pagephotosufcm article a img.hover { z-index: 10; opacity: 0; transition: 0.5s; } /* line 2151, ../sass/_layout.scss */ #pagephotosufcm article a img.hover:hover { opacity: 1; transition: 0.5s; } /* line 2159, ../sass/_layout.scss */ #pagephotosufcm article h1 { margin-top: 10px; text-transform: uppercase; color: #ff0101; font-size: 14px; } #pagephotosufcm article p {color: #ABA8A5; text-align:left;} #pagephotosufcm .hidden-zone article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 14px; width:170px; float:right;} #pagephotosufcm .hidden-zone article p {width:170px; float:right; } /* line 2167, ../sass/_layout.scss */ #pagephotosufcm .hidden-zone { height: 0; overflow: hidden; } #pagephotosjeunes { color: white; } #pagephotosjeunes section { width:160px;; } /* line 2104, ../sass/_layout.scss */ #pagephotosjeunes > h1 { text-indent: 50px; border-bottom: 1px solid white; padding-bottom: 12px; position: relative; margin-bottom: 20px; } /* line 2111, ../sass/_layout.scss */ /* line 2123, ../sass/_layout.scss */ #pagephotosjeunes article { background: none; width: 160px; height: 180px; overflow: hidden; margin-left:25px; margin-right:33px; margin-top:20px;} #pagephotosjeunes .hidden-zone article { background: none; width: 273px; height: 60px; overflow: hidden;} /* line 2128, ../sass/_layout.scss */ #pagephotosjeunes article a { display: block; width: 160px; height: 120px; position: relative; } #pagephotosjeunes .hidden-zone article a { display: block; width: 80px; height: 60px; position: relative; float:left;} /* line 2134, ../sass/_layout.scss */ #pagephotosjeunes article a img { width: 160px; height: 120px; position: absolute; top: 0; left: 0; border: 0; } #pagephotosjeunes .hidden-zone article a img { width: 80px; height: 60px; position: absolute; top: 0; left: 0; border: 0; float:left; } /* line 2142, ../sass/_layout.scss */ #pagephotosjeunes article a img.picture { z-index: 5; } /* line 2146, ../sass/_layout.scss */ #pagephotosjeunes article a img.hover { z-index: 10; opacity: 0; transition: 0.5s; } /* line 2151, ../sass/_layout.scss */ #pagephotosjeunes article a img.hover:hover { opacity: 1; transition: 0.5s; } /* line 2159, ../sass/_layout.scss */ #pagephotosjeunes article h1 { margin-top: 10px; text-transform: uppercase; color: #ff0101; font-size: 14px; } #pagephotosjeunes article p {color: #ABA8A5; text-align:left;} #pagephotosjeunes .hidden-zone article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 14px; width:170px; float:right;} #pagephotosjeunes .hidden-zone article p {width:170px; float:right; } /* line 2167, ../sass/_layout.scss */ #pagephotosjeunes .hidden-zone { height: 0; overflow: hidden; } #pagephotosufr { color: white; } #pagephotosufr section { width:160px;; } /* line 2104, ../sass/_layout.scss */ #pagephotosufr > h1 { text-indent: 50px; border-bottom: 1px solid white; padding-bottom: 12px; position: relative; margin-bottom: 20px; } /* line 2111, ../sass/_layout.scss */ /* line 2123, ../sass/_layout.scss */ #pagephotosufr article { background: none; width: 160px; height: 186px; overflow: hidden; margin-left:25px; margin-right:33px; margin-top:20px;} #pagephotosufr .hidden-zone article { background: none; width: 273px; height: 60px; overflow: hidden;} /* line 2128, ../sass/_layout.scss */ #pagephotosufr article a { display: block; width: 160px; height: 120px; position: relative; } #pagephotosufr .hidden-zone article a { display: block; width: 80px; height: 60px; position: relative; float:left;} /* line 2134, ../sass/_layout.scss */ #pagephotosufr article a img { width: 160px; height: 120px; position: absolute; top: 0; left: 0; border: 0; } #pagephotosufr .hidden-zone article a img { width: 80px; height: 60px; position: absolute; top: 0; left: 0; border: 0; float:left; } /* line 2142, ../sass/_layout.scss */ #pagephotosufr article a img.picture { z-index: 5; } /* line 2146, ../sass/_layout.scss */ #pagephotosufr article a img.hover { z-index: 10; opacity: 0; transition: 0.5s; } /* line 2151, ../sass/_layout.scss */ #pagephotosufr article a img.hover:hover { opacity: 1; transition: 0.5s; } /* line 2159, ../sass/_layout.scss */ #pagephotosufr article h1 { margin-top: 10px; text-transform: uppercase; color: #ff0101; font-size: 14px; } #pagephotosufr article p {color: #ABA8A5; text-align:left;} #pagephotosufr .hidden-zone article h1 { margin-top: 10px; text-transform: uppercase; color: #ef6a2f; font-size: 14px; width:170px; float:right;} #pagephotosufr .hidden-zone article p {width:170px; float:right; } /* line 2167, ../sass/_layout.scss */ #pagephotosufr .hidden-zone { height: 0; overflow: hidden; } .photos { background-color:#2b2b2a;} /* Pages dossiers VERT --------*/ .demi { width:44%; height:auto; float:left; background-color:#EFEFEF; padding:10px; text-align:center; margin-top:20px; height:375px;} .demidroite {width:44%; height:auto; float: right; background-color:#EFEFEF; padding:10px; text-align:center; margin-top:20px; height:375px;} .demi h1{ background-color:#333; padding:10px; text-align:center; color:#fff; font-size:18px; width:80%; margin-top:-40px; margin-left:auto; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .demidroite h1{background-color:#333; padding:10px; text-align:center; color:#fff; font-size:18px; width:80%; margin-top:-40px; margin-left:auto; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .demi ul {margin-left:0; padding-left:0 !important;} .demi ul li{ list-style:none !important; margin-top:15px; margin-left:0;} .demidroite ul li{list-style:none !important; margin-top:15px; margin-left:0;} .demidroite ul {margin-left:0; padding-left:0 !important;} .demi ul > li > ul > li{ list-style:disc !important; margin-top:5px; width:75%;} .tiers { width:32%; float:left; background-color:#EFEFEF; padding:0; text-align:center; margin-top:0px; height:290px; margin-right:12px;} .tiersmilieu { width:32%; float:left; background-color:#EFEFEF; padding:0; text-align:center; margin-top:0px; height:290px;} .tiersdroite { width:32%; float:right; background-color:#EFEFEF; padding:0; text-align:center; margin-top:0px; height:290px;} .tiers p {width:100%; background-color:#90bd46; color:#fff; padding:8px 15px;box-sizing:border-box; height:130px; font-size:14px; font-weight:bold; text-align:center;} .tiers p span.vousetes { display:block;text-transform:uppercase;font-weight:normal;font-size:12px; } .tiersmilieu p {width:100%; background-color:#90bd46; color:#fff; padding:8px 15px;box-sizing:border-box; height:130px; font-size:14px; font-weight:bold; text-align:center;} .tiersmilieu p span.vousetes { display:block;text-transform:uppercase;font-weight:normal;font-size:12px; } .tiersdroite p {width:100%; background-color:#90bd46; color:#fff; padding:8px 15px;box-sizing:border-box; height:130px; font-size:14px; font-weight:bold; text-align:center;} .tiersdroite p span.vousetes { display:block;text-transform:uppercase;font-weight:normal;font-size:12px; } .tiers ul {padding-left:0 !important;} .tiersmilieu ul {padding-left:0 !important;} .tiersdroite ul {padding-left:0 !important;} .vousvotez { font-size:12px;display:block;margin:5px auto 10px auto;text-align:center;text-transform:uppercase;color:grey; } .demi2 { width:44%; float:left; background-color:#EFEFEF; padding:10px; text-align:center; margin-top:20px; height:600px;} .demidroite2 {width:44%; float: right; background-color:#EFEFEF; padding:10px; text-align:center; margin-top:20px; height:600px;} .demi2 h1{ background-color:#333; padding:10px; text-align:center; color:#fff; font-size:18px; width:80%; margin-top:-40px; margin-left:auto; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .demidroite2 h1{background-color:#333; padding:10px; text-align:center; color:#fff; font-size:18px; width:80%; margin-top:-40px; margin-left:auto; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .demi2 ul {margin-left:0; padding-left:0 !important;} .demi2 ul li{ list-style:none !important; margin-top:15px; margin-left:0;} .demidroite2 ul li{list-style:none !important; margin-top:15px; margin-left:0;} .demidroite2 ul {margin-left:0; padding-left:0 !important;} .demi2 ul > li > ul > li{ list-style:disc !important; margin-top:5px; width:75%;} .entier {width:100%; background:#EFEFEF; height:100px; margin-top:20px; margin-bottom:20px;} .entier h1 {background-color:#333; padding:10px; text-align:center; color:#fff; font-size:18px; width:60%; margin-top:-17px; margin-left:15px; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom:20px; position:absolute;} .entier p {margin-top:0; position:absolute; width:60%; margin-left:10px; margin-top:40px;} .entier.quivote { height:120px; } .entier.quivote h1 {width:100%; background-color:#90bd46; color:#fff; padding:8px 15px;height:33px !important;box-sizing:border-box;line-height:1.3em;font-size:14px; font-weight:bold; text-align:center;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:static !important;margin:0 !important;} .entier.quivote h1 span.vousetes { display:block;text-transform:uppercase;font-weight:normal;font-size:12px;margin-bottom:5px; } .entier.quivote p { margin-top:10px !important;text-align:center; font-size:14px;width:96% !important;position:static !important} .entiergris {width:100%; background:#EFEFEF; height:300px; margin-top:0px; margin-bottom:20px;} .entiergris h1 {background-color:grey; padding:10px; text-align:center; color:#fff; font-size:18px; width:92%; margin-top:-17px; margin-left:15px; margin-right:auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom:20px; position:relative;} .entiergris p {margin-top:0; position:absolute; width:60%; margin-left:10px; margin-top:40px;} .entiergris h4 {margin-top:0px;padding-top:0px;font-size:14px;margin-left:20px;margin-right:20px;line-height:1.3em;margin-bottom:15px;} .entiergris h1, .entiergris h4, .entiergris ul { position: relative;top:-18px } .ensavoirplus { width:100%; height:160px; background-color:#EFEFEF; margin-bottom:20px;} .ensavoirplus h1 {width:100%; margin-top:0; background-color:#090; color:white; font-size:17px; text-indent:20px; height:25px; line-height:25px;} .ensavoirplus img {margin-left:10px; float:left; margin-right:10px; margin-top:15px;} .ensavoirplus h2 { margin-top:15px; font-size:16px; color: #090; font-weight:bold;} .ensavoirplus ul { margin-left:87px;} .ensavoirplus ul li a { color: #676767 !important; text-decoration: none; } .ensavoirplus ul li a:hover { color: #ef6a2f; } .ensavoirplus ul li.voir { position: relative; text-indent: 33px; list-style:none !important; } .ensavoirplus ul li.voir:before { content: ''; width: 29px; height: 12px; display: block; background: url("../img/layout/ico-voir-vert.png") no-repeat; position: absolute; top: 0; left: -10px; } .ensavoirplus ul li.telecharger { position: relative; padding-left: 22px; list-style:none !important;} .ensavoirplus ul li.telecharger > a { margin-left:10px;} /* line 2477, ../sass/_layout.scss */ .ensavoirplus ul li.telecharger.telecharger:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -10px; } .votecorrespondanceCA{background-image: url("../img/dossiers/modalitevotecorrespondance_CS_630.jpg"); background-repeat:no-repeat; width:630px; height:298px; float:none; margin-bottom:40px;} .enveloppesseules1{background-image: url("../img/dossiers/elections_cadre_vert.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:left; } .enveloppesseules2{background-image: url("../img/dossiers/elections_autre_salaries_jaune.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:right;} .votecorrespondanceCA2{background-image: url("../img/dossiers/modalitevotecorrespondance_CA_630.jpg"); background-repeat:no-repeat; width:630px; height:298px; float:none; margin-bottom:40px;} .enveloppesseules3{background-image: url("../img/dossiers/elections_cadre_mauve.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:left; } .enveloppesseules4{background-image: url("../img/dossiers/elections_autre_salaries_orange.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:right;} .votecorrespondanceCE{background-image: url("../img/dossiers/modalitevotecorrespondance_CE_630.jpg"); background-repeat:no-repeat; width:630px; height:298px; float:none; margin-bottom:40px;} .enveloppesseules5{background-image: url("../img/dossiers/elections_CE_titulaire_bleu.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:left; } .enveloppesseules6{background-image: url("../img/dossiers/elections_CE_suppleant_rose.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:right;} .votecorrespondanceDP{background-image: url("../img/dossiers/modalitevotecorrespondance_DP_630.jpg"); background-repeat:no-repeat; width:630px; height:298px; float:none; margin-bottom:40px;} .enveloppesseules7{background-image: url("../img/dossiers/elections_DP_titulaire_bulle.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:left; } .enveloppesseules8{background-image: url("../img/dossiers/elections_DP_suppleant_vert.jpg"); background-repeat:no-repeat; width:305px; height:205px; float:right;} .aside-block#initiatives.vert h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-vert.png") no-repeat; width: 26px; height: 34px; position: absolute; top: 10px; left: 15px; right } .aside-block#initiatives > h1 { text-indent: 50px; border-bottom: 1px solid black; padding-bottom: 12px; position: relative; margin-bottom: 20px; } .aside-block#expressions.vert h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-vert.png") no-repeat; width: 34px; height: 34px; position: absolute; top: 5px; left: 15px; right } .aside-block#expressions > h1 { text-indent: 50px; border-bottom: 1px solid black; padding-bottom: 12px; margin-bottom: 20px; } .aside-block#candidats.vert h1:before { content: ''; display: block; background: url("../img/layout/candidats.png") no-repeat; width: 34px; height: 34px; position: absolute; top: 5px; left: 15px; right } .aside-block#candidats > h1 { text-indent: 50px; border-bottom: 1px solid black; padding-bottom: 12px; margin-bottom: 20px; } .aside-block#video.vert h1:before { content: ''; display: block; background: url("../img/layout/video.png") no-repeat; width: 54px; height: 34px; position: absolute; top: 5px; left: 15px; right } .aside-block#video > h1 { text-indent: 50px; border-bottom: 1px solid black; padding-bottom: 12px; margin-bottom: 20px; } .aside-block.dropdown.opened.vert h1:after { border: 0; display: block; height: 0; width: 0; border-top: 13px solid #90bd46; border-right: 9px solid transparent; border-left: 9px solid transparent; } .aside-block.dropdown.vert h1:after { border-bottom: 13px solid #77b549; } .aside-block.dropdown.vert ul > li.active > a { color: #77b549; } .aside-block.dropdown.vert ul li:before { border-left: 9px solid #90bd46; } .aside-block.green.vert ul li:before { border-left: 9px solid #90bd46; content: ''; display: block; height: 0; width: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; top: 2px; left: 0; } .aside-block.green.vert ul li.parent { margin-top: 20px; font-weight: bold; text-transform: uppercase; font-size: 13px; padding-left: 0px; } .aside-block.green.vert ul li.parent:before { border:0; } .aside-block#page-category-menu.vert h1:before { content: ''; display: block; background: url("../img/layout/ico-dossiers.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -5px; left: 0px; } .aside-block.dropdown.vert ul li a:hover { color: #90bd46; } .aside-block#page-actus.vert h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-vert.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } .aside-block#page-actus.vert button { background-image: url("../img/layout/actus-arrows-vert.png"); background-repeat:no-repeat; } .aside-block#page-reportages.vert > h1:before { content: ''; display: block; background: url("../img/layout/icon-multimedia-vert.png") no-repeat; width: 36px; height: 25px; position: absolute; top: -4px; left: 4px; } .aside-block#page-reportages.vert article h1 { color: #77b549; } .aside-block#page-reportages.vert #read-more {color: #77b549; } .aside-block#page-reportages.vert #read-more:after { content: ''; display: block; height: 0; width: 0; border-top: 9px solid #90bd46; border-right: 5px solid transparent; border-left: 5px solid transparent; display: inline-block; position: relative; top: 1px; left: 8px; } .aside-block.button#page-contact.vert h1:before { content: ''; display: block; background: url("../img/layout/icon-contacts-vert.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } #page-layout.vert > h1 { font-family: "DINPro",Helvetica,Arial; font-size: 26px; text-transform: uppercase; font-weight: 600; line-height: 1.2em; color: #616060; margin-bottom: 50px; margin-top:70px; } #page-layout.vert > h2 { color: #77b549; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } #page-layout.vert > h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-vert.png") no-repeat; } .button#page-lexique.vert h1:before { content: ''; display: block; background: url("../img/layout/icon-lexique-vert.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -1px; left: 4px; } /* Pages publication JAUNE --------*/ .aside-block.dropdown.opened.jaune h1:after { border: 0; display: block; height: 0; width: 0; border-top: 13px solid #f5bf04; border-right: 9px solid transparent; border-left: 9px solid transparent; } .aside-block.dropdown.jaune h1:after { border-bottom: 13px solid #f5bf04; } .aside-block.dropdown.jaune ul > li.active > a { color: #f5bf04; } .aside-block.dropdown.jaune ul li:before { border-left: 9px solid #f5bf04; } .aside-block#page-category-menu.jaune h1:before { content: ''; display: block; background: url("../img/layout/ico-publications-jaune.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -5px; left: 0px; } .aside-block.dropdown.jaune ul li a:hover { color: #f5bf04; } .aside-block#page-actus.jaune h1:before { content: ''; display: block; background: url("../img/layout/ico-actus-jaune.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } .aside-block#page-actus.jaune button { background-image: url("../img/layout/actus-arrows-jaune.png"); background-repeat:no-repeat; } .aside-block.button#page-contact.jaune h1:before { content: ''; display: block; background: url("../img/layout/icon-contacts-jaune.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -4px; left: 4px; } #page-layout.jaune > h1 { font-family: "DINPro",Helvetica,Arial; font-size: 26px; text-transform: uppercase; font-weight: 600; line-height: 1.2em; color: #616060; margin-bottom: 50px; margin-top:70px; } #page-layout.jaune > h2 { color: #f5bf04; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } #page-layout.jaune > h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-jaune.png") no-repeat; } .button#page-lexique.jaune h1:before { content: ''; display: block; background: url("../img/layout/icon-lexique-jaune.png") no-repeat; width: 37px; height: 37px; position: absolute; top: -1px; left: 4px; } /* page fede rouge ---------*/ .aside-block.dropdown.opened.rouge h1:after { border: 0; display: block; height: 0; width: 0; border-top: 13px solid #C00; border-right: 9px solid transparent; border-left: 9px solid transparent; } .aside-block.dropdown.opened.rouge h1 { margin-left:-50px; text-transform:uppercase; } .aside-block.dropdown.rouge h1:after { border-bottom: 13px solid #C00; } .aside-block.dropdown.rouge ul > li.active > a { color: #C00; } .aside-block.dropdown.rouge ul li:before { border-left: 9px solid #C00; } .aside-block#page-category-menu.rouge h1:before { content: ''; display: block; background: none !important; } .aside-block.dropdown.rouge ul li a:hover { color: #C00; } /*index----------------*/ #toutesactus { width:97%; background-color:#C00; height:15px; border-radius: 5px; padding:5px; text-align:center; margin-top:-7px; } #toutesactus a{ color:#FFF; text-decoration:none; font-size:16px; } #toutesactus a:hover{ color:#FC0; font-size:16px; text-decoration:none; } .cd-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 630px; margin: 0; } .cd-container::after { /* clearfix */ content: ''; display: table; clear: both; } table { border-collapse: collapse; border-spacing: 0; } /* dossiers-----------------------------*/ .aside-block.vert#page-publications h1 { position: relative; text-indent: 50px; margin-bottom: 20px; border-bottom: 1px solid black; padding-bottom: 15px; } .aside-block.vert#page-publications h1:before { content: ''; display: block; background: url("../img/layout/ico-publications-vert.png") no-repeat; width: 34px; height: 34px; position: absolute; top: -8px; left: 0px; } .aside-block.vert#page-publications > ul > li { position: relative; height: 100px; margin-bottom: 10px; } .aside-block.vert#page-publications > ul > li:last-child { margin-bottom: 0; } .aside-block.vert#page-publications > ul > li .cover { position: absolute; top: 0; left: 0; } .aside-block.vert#page-publications > ul > li .content { position: absolute; top: 10px; left: 100px; } .aside-block.vert#page-publications > ul > li .content h2 { text-transform: uppercase; color: #90bd46; font-weight: bold; margin-bottom: 4px; } .aside-block.vert#page-publications > ul > li .content p { font-weight: bold; font-size: 13px; } .aside-block.vert#page-publications > ul > li ul { position: absolute; top: 65px; left: 90px; } .aside-block.vert#page-publications > ul > li ul li { float: left; font-size: 11px; margin-right: 10px; } .aside-block.vert#page-publications > ul > li ul li a { color: #676767; text-decoration: none; } .aside-block.vert#page-publications > ul > li ul li a:hover { color: #ef6a2f; } .aside-block.vert#page-publications > ul > li ul li.voir { position: relative; text-indent: 33px; } .aside-block.vert#page-publications > ul > li ul li.voir:before { content: ''; width: 29px; height: 12px; display: block; background: url("../img/layout/ico-voir-vert.png") no-repeat; position: absolute; top: 0; left: 0; } .aside-block.vert#page-publications > ul > li ul li.telecharger { position: relative; padding-left: 22px; } /* line 2477, ../sass/_layout.scss */ .aside-block.vert#page-publications > ul > li ul li.telecharger:before { content: ''; width: 19px; height: 19px; display: block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: 0; } #analyse p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-vert.png") no-repeat; position: absolute; top: 0; left: -36px; } #analyse p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #analyse p.voir a:hover { color:#3C3;} #analyse p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #analyse p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #analyse p.telecharger a:hover { color:#3C3;} #projetloi p.voir a:before { content: ''; width: 35px; height: 12px; display: inline-block; background: url("../img/layout/ico-voir-vert.png") no-repeat; position: absolute; top: 0; left: -36px; } #projetloi p.voir a { left: 36px; text-decoration:none; color:#666; position:relative;} #projetloi p.voir a:hover { color:#3C3;} #projetloi p.telecharger a:before { content: ''; width: 35px; height: 21px; display: inline-block; background: url("../img/layout/ico-pdf.png") no-repeat; position: absolute; top: -4px; left: -34px; } #projetloi p.telecharger a { left: 36px; text-decoration:none; color:#666; position:relative;} #projetloi p.telecharger a:hover { color:#3C3;} .notes li { list-style:decimal !important; font-size:11px !important; } .notes { padding-left:10px !important; } .encadredossier { width:280px; padding:10px; background-color:#EBEBEB; float:left; } .encadredossier > p {font-size:13px;} .encadredossier > h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-vert.png") no-repeat; } .encadredossier > h2 { color: #77b549; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 10px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } .annexes { margin-top:20px; } .annexes > a { width: 180px; height: auto; background-color:#6C6; color:#FFF !important; padding:10px; text-decoration:none; float:left; text-align:center; line-height: 20px; margin-right:15px; border-radius-top:15px; } .annexes > a:last-child { float:right; margin-right:0; } .annexes > a:hover { background-color:#090; } #containerannexes { width:100%; max-width:630px; float:left; overflow:hidden; border:1px solid #6C6; height:auto; border-radius-bottom:15px; } #wrapper { width:1890px; height:auto; } .evolution { width:590px; float:left; padding:20px; } /* -------------------------------- Main components -------------------------------- */ @media only screen and (min-width: 1170px) { } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 100px; left: 19px; height: 100%; width: 4px; background: #CCC; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } #cd-timeline::before { left: 3%; margin-left: 8px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 4em 0 0 10%; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-img img { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 60px; height: 60px; left: -6%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; -moz-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: #eeeaea; border-radius: 1em; padding: 1em; box-shadow: 0 3px 0 #eeeaea; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content h2 { color: #77b549; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: .8em 1em; background: #acb7c0; color: white; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; } .cd-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 768px) { .cd-timeline-content h2 { font-size: 24px; font-size: 1.5rem; font-weight:600; } .cd-timeline-content p { font-size: 14px; font-size: 0.9rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 1%; padding: 1.6em; width: 90%; } .cd-timeline-content::before { top: 24px; left: auto; right:100%; border-color: transparent; border-right-color: #eeeaea; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #eeeaea; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; -moz-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; -moz-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .wp-caption-text { font-size: 11px !important; font-family: Arial,Helvetica; font-style: italic; } #dossier_portail { width:100%; height:650px; position: relative; } #dossier_portail .visuel { width:400px; height:650px; float:left; overflow:hidden; border:1px solid #50514e; position: relative; border-radius:0px 15px 15px 0px; -moz-border-radius:0px 15px 15px 0px; z-index:2; } #dossier_portail .visuel img { position: absolute; top:0; left:0; z-index:1; } #dossier_portail .visuel h1 { position: absolute; top:20px; left:125px; z-index:2; font-family: "DINPro",Helvetica,Arial; font-weight:bold; font-size:36px; text-transform: uppercase; color:#50514e; } #dossier_portail .visuel h1:before { content:''; position: absolute; top:0; left:-100px; display:block; background: url('../img/layout/ico-dossiers-large.png'); width:77px; height:77px; } #dossier_portail .buttons { position: absolute; top:0; right:0; z-index:1; } #dossier_portail .buttons a { display: block; width:237px; height:163px; background: #f6f5f5; border-radius:15px 15px 15px 0; -webkit-box-shadow: 5px 5px 15px #a8a8a8; -moz-box-shadow: 5px 5px 15px #a8a8a8; box-shadow: 5px 5px 15px #a8a8a8; position: relative; text-decoration: none; color:#50514e; line-height: 1.1em; } #dossier_portail .buttons a.dossier1 { z-index:8; } #dossier_portail .buttons a.dossier2 { z-index:7; } #dossier_portail .buttons a.dossier3 { z-index:6; } #dossier_portail .buttons a.dossier4 { z-index:5; -webkit-box-shadow: 0px 0px 0px #999; -moz-box-shadow: 0px 0px 0px #999; box-shadow: 0px 0px 0px #999; } #dossier_portail .buttons a .front { text-align:center; font-family: "DINPro",Helvetica,Arial; font-weight:bold; font-size:15px; text-transform: uppercase; display: block; width:80%; margin:auto; position: relative; top:95px; } #dossier_portail .buttons a .front:before { content:''; display:block; width:70px; height:60px; position: absolute; top: -75px; left: 55px; } #dossier_portail .buttons a.dossiercedp .front:before { background:url('../img/layout/ico-dossier-elections-ce.png') no-repeat; } #dossier_portail .buttons a.dossiercacs .front:before { background:url('../img/layout/ico-dossier-elections-ca.png') no-repeat; } #dossier_portail .buttons a.dossier1 .front:before { background:url('../img/layout/ico-dossier-europe-ferroviaire.png') no-repeat; } #dossier_portail .buttons a.dossier2 .front:before { background:url('../img/layout/ico-dossier-europe-legislation.png') no-repeat; } #dossier_portail .buttons a.dossier3 .front:before { background:url('../img/layout/dossier-europe-paquets.png') no-repeat; } #dossier_portail .buttons a.dossier4 .front:before { background:url('../img/layout/dossier-europe-livre-blanc.png') no-repeat; } #dossier_portail .buttons a.dossier_etat_lieux .front:before { background:url('../img/layout/ico-dossier-transport-marchandise-constat.png') no-repeat; } #dossier_portail .buttons a.dossier_imposer_politique_fret .front:before { background:url('../img/layout/ico-dossier-europe-legislation.png') no-repeat; } #dossier_portail .buttons a.dossier_redynamiser_fret .front:before { background:url('../img/layout/ico-dossier-transport-marchandise-dynamiser.png') no-repeat; } #dossier_portail .buttons a.dossier1situationgenerale .front:before { background:url('../img/layout/ico-dossier-situation_generale.png') no-repeat; } #dossier_portail .buttons a.dossier2TER .front:before { background:url('../img/layout/ico-dossier-TER.png') no-repeat; } #dossier_portail .buttons a.dossier3grandeslignes .front:before { background:url('../img/layout/ico-dossier-TGV.png') no-repeat; } #dossier_portail .buttons a.dossier4interetsconvergents .front:before { background:url('../img/layout/ico-dossier-poignee-mains.png') no-repeat; } #dossier_portail .buttons a.dossier1voiepublic .front:before { background:url('../img/layout/ico-dossier-europe-legislation.png') no-repeat; } #dossier_portail .buttons a.dossier2juin2014 .front:before { background:url('../img/layout/ico-dossier-transport-marchandise-constat.png') no-repeat; } #dossier_portail .buttons a.dossier3analyseloi .front:before { background:url('../img/layout/ico-dossier-analyse-loi.png') no-repeat; } #dossier_portail .buttons a.dossier4negociation .front:before { background:url('../img/layout/ico-dossier-negociations.png') no-repeat; top:-65px; } #dossier_portail .buttons a.dossier1statut .front:before { background:url('../img/layout/ico-dossier-statut.png') no-repeat; } #dossier_portail .buttons a .back { position: absolute; top:0; left:0; background: #5e5a5a; border-radius:15px 15px 15px 0; height:133px; color:white; font-size:13px; padding:15px 15px 15px 20px; text-align:justify; display:none; } #dossier_portail .buttons a .back span { width:115px; height:26px; background:#77b549; border-radius:5px; display: block; color:white; text-align: center; line-height: 26px; margin:10px auto 0 auto; } #mobile_header { display: none; } #mobile_header > h1 { width:100%; height:auto; } #mobile_header h1 img { width:100%; max-width: 100%; } #mobile_header #mobile_nav_btn { background: url('../img/layout/nav_mobile.png') no-repeat; background-size: 100%; background-position: top right; border: 0; text-indent: -8000px; position: absolute; top: 3%; right: 20px; width: 64px; height: 64px; cursor:pointer; } #mobile_header #mobile_navigation { background:#ddd; width:100%; padding-bottom: 10px; } #mobile_header #mobile_navigation h1 { width:90%; margin:auto; text-transform: uppercase; font-weight:bold; font-size:13px; padding-top:10px; margin-bottom:3px; } #mobile_header #mobile_navigation select { display: block; width: 90%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; margin:auto; } @media screen and (max-width: 680px) { #site-header #espace-militant { position: relative; top: 0; margin-left:auto; margin-right:auto; z-index: 2; height: 30px; width:100%; } #site-header #espace-militant > img{ display:none;} #site-header #espace-militant #btn-espace-militant { width: 100%; height: 30px; background: #de1302; border: 1px solid black; color: white; text-decoration: none; display: block; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; margin-left:auto; margin-right:auto;} #site-header #espace-militant #btn-espace-militant:before { content:'Accéder à l\''; } #site-header #elections { position: static; width: 50%; height: 50%; top: auto; right: auto; z-index: 500; margin:auto; } p#slogan {margin-top:40px;} #mobile_header { display:block; } #site-header { display:block !important; height:auto !important; } #main-slider, #site-title, #rechercher, #partager-page, #page-title { display:none; } #site-nav { position:relative; top:-3px; left:auto; display: none; } #mobile_nav_btn { outline:none; } .wrapper-large.menu { width:100% !important; height:auto !important; } #site-nav > ul { width:100%; } #site-nav > ul > li:hover > a { color:#ffae00 !important; } #site-nav li { height:auto !important; min-height: 40px !important; margin-bottom: 0px !important; border-bottom:1px solid #262625; border-top:1px solid #81817f; position: relative; } #site-nav li .arrow { width:15px; height:15px; background:yellow; position: absolute; top:12px; right:12px; display: block; z-index: 10; background: url('../img/layout/nav_mobile_arrow_bottom.png') no-repeat; } #site-nav li.current .arrow { background: url('../img/layout/nav_mobile_arrow_up.png') no-repeat; } #site-nav li a { display:block; width:100%; height:40px; background: #414140 !important; line-height: 40px; font-size:16px; padding-right: 0 !important; } #site-nav li.current a { color:#ffae00 !important; text-transform: none !important; } #site-nav li ul.dropdown { position: static !important; top:auto !important; left:auto !important; width:100% !important; } #site-nav li ul.dropdown li { border:none !important; } #site-nav li ul.dropdown li a { background: #ffae00 !important; color:#414140 !important; font-weight:normal; padding-right:0 !important; } .fede input, .fede textarea, .fede label, .fede select { margin-left:0 !important; width:100%; } .fede select { width:265px; } .fede input[name=effacer] { margin-left:20px !important; } .map { width:300px; } .demi, .demi2 { width:100%; float:none; margin-top:50px; padding:10px 0; margin-bottom: 30px; } .demidroite, .demidroite2 { width:100%; float:none; margin-top:50px; padding:10px 0; height:400px; } .demidroite { height:250px !important; } .entiergris { height:440px; } .entiergris h1 { margin-left:0 !important; } .ensavoirplus { height:180px; } .ensavoirplus h1 { text-indent: 0; height:55px; text-align: center; } .entier.quivote { height:130px; } .entier.quivote h1 { height:50px !important; } .tiers, .tiersmilieu, .tiersdroite { float:none; width:100%; margin-bottom:15px; } .tiers ul, .tiersmilieu ul, .tiersdroite ul { list-style: none !important; } .tiers ul li, .tiersmilieu ul li, .tiersdroite ul li { list-style: none !important; } .tiers p, .tiersdroite p { height:100px; } .tiersmilieu p { height:120px; } .tiers { height:240px; } .tiersmilieu { height:260px; } .tiersdroite { height:200px; } } .popup-carte { background:#f8f8f7; width:250px; height:600px; position: absolute; top:0; left:0; z-index:5; display:none; color:#545252; font-family: Arial; border-radius:10px; padding:10px 8px; border:1px solid #cecfd0; } .scroll-container { overflow: hidden; height:570px; position: relative; width: 232px; padding-right: 20px; } .scroll-container.paris { width:535px; height:auto; } .popup-carte.paris { width:570px; height:400px; overflow-y: hidden; } .popup-carte h3 { color:#8e5757; font-size:20px; margin-top:0; border-bottom:1px solid #cecfd0; font-weight:bold; padding-bottom:5px; } .popup-carte .item h4 { font-size:15px; font-weight:bold; color:#8e5757; margin-bottom:4px; } .popup-carte .item p { text-align:left; word-wrap: break-word; font-size:13px !important; } .popup-carte h3:before { content:''; font-size:0; } .popup-carte h3:after { content:''; font-size:0; } .popup-carte.paris #popup-btns { width:100%; height:40px; list-style: none; border-bottom:1px solid #cecfd0; margin:0; padding: 0; } .popup-carte.paris #popup-btns li { float:left; list-style: none; color:#AFAFAF; font-size:15px; font-weight:bold; line-height: 1em; margin:0; padding:0 14px; border-right:1px solid #cecfd0; height:40px; cursor:pointer; } .popup-carte.paris #popup-btns li.noborder { border:0; } .popup-carte.paris #popup-btns li.active { color:#8e5757; } .popup-carte.paris .contact-wrapper ul { list-style: none; margin:0 !important; padding:0 !important; margin-top:15px !important; margin-left:15px !important; } .popup-carte.paris .contact-wrapper ul li { float:left; list-style: none !important; width: 168px; margin-right: 15px; } .popup-carte.paris .contact-wrapper ul li.nomargin { margin-right:0; } .popup-carte.paris .contact-wrapper ul li h4 { font-size:15px; font-weight:bold; color:#8e5757; margin-bottom:4px; } .popup-carte.paris .contact-wrapper ul li p { text-align:left; color:#545252; font-size:13px; word-wrap: break-word; } .popup-carte .close { width:11px; height:11px; position: absolute; top:10px; right:8px; cursor:pointer; text-indent:-8000px; background: url('../img/layout/close.png') no-repeat; } .action_left { position:relative; top:-35px; left:0; float:left; } .action_img { } .action_title { float:left; font-size: 40px !important; width: 370px; padding-left: 10px !important; margin-top:-15px !important; color:#C00 !important; } .action_title:before { content:''; background:none !important; } .action_chapeau { margin-left: 9px !important; float: left !important; width: 370px; color: #8A8A8A !important; font-size: 20px !important; font-weight: 300 !important; } .action_dossier { font-size:13px; line-height: 1.3em; } .action_dossier img { margin-right:10px; float:left; position: relative; top:-2px; } .action_dossier strong { color:#939191; font-weight:bold; font-size:16px; } .action_dossier a { text-decoration: none; color:black !important; } .onglet { display:inline-block; padding:20px; height:10px; cursor:pointer; } .onglet_0 { background:#CCC; border-radius-top:15px; padding:20px; height:10px; border-radius: 15px 15px 0 0; text-transform:uppercase; color:#090; } .onglet_1 { background:#EBEBEB; border-bottom:0px solid #EBEBEB; padding:20px; height:10px; border-radius: 15px 15px 0 0; text-transform:uppercase; color:#090; } .contenu_onglet { background-color:#EBEBEB; margin-top:-1px; padding:20px; display:none; border-radius: 0 0 15px 15px; } .contenu_onglet > h1 { margin:0px; padding:0px; font-size:24px; font-weight:bold; text-transform:uppercase; } #site-footer .one-column { margin-bottom:20px; } .sousmenu { margin-left: 10px; } .sousmenu > li:before{ border-bottom:3px solid transparent !important; border-left:7px solid #060 !important; border-top:3px solid transparent!important; } .sousmenu > li a:hover{ color:#060 !important; } /* page dans les medias---------*/ .medias p{ color:#FFF; float: left; } .medias > article{ width: 253px; height:335px; float:left; margin-right:20px; border: 0 !important; border-radius:15px; padding:20px; background-color:#333 !important; background:url(""); margin-bottom:20px; } .medias > h1 {border-bottom:solid 1px #C00;} .medias > article h3 { font-size:19px !important; line-height:24px; } .medias > article h3:before { content: "«\00A0"; font-size: 30px !important; } .medias > article h3::after { content: '\00A0»'; font-size: 30px !important; } .date {float:right !important; color:#F00 !important;} .medias > article a{color:#F00 !important; text-decoration:none !important; font-size:13px !important; display:inline-block !important; position:relative !important; padding-left:12px !important} .medias > article a:hover{color:#C00 !important;} .medias > article a:before { content: ''; display: block; height: 0; width: 0; border:solid 6px; border-color:transparent transparent transparent #F00; position: absolute; top: 0; left: 0px; } .videomedias:before { content: ''; border:none !important; } .videomedias { margin-left:0px !important; margin-bottom:10px; } #mobile-secteurs { display:none; } #secteurs h2 { color: #C00; font-family: Helvetica,Arial; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 40px 0 20px 0; position: relative; padding-left: 25px; line-height: 1.3em; } #secteurs h2:before { content: ''; display: block; width: 15px; height: 15px; position: absolute; top: -2px; left: 0; background: url("../img/layout/page-title-arrow-rouge.png") no-repeat; } .rouge { color:#993300; font-weight:bold; } .encadre{ border: 2px solid #CCC; padding: 10px; line-height: 1.3em; margin-bottom: 15px; font-size: 13px !important; } .encadre b{ font-weight: bold; } @media screen and (min-width: 681px) and (max-width: 1190px){ .one-column + .one-column:not(.last-column){ margin-right: 0; margin-left: 30px; } } #video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } #video-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }